/* owner-v7 customer page: list + thread, pinned dock always visible (new request on the list, reply in a thread). */
.ov7 .lists{padding:12px}
.ov7 .intro{margin:2px 2px 10px;color:#3b4a63}.ov7 .lh{font-size:15px;margin:6px 2px 8px;color:#5b6779;text-transform:uppercase;letter-spacing:.04em}
.ov7[data-view=list] .composer2{display:block}
.ov7 .note7{background:#e9f7ee;color:#17703c;border-radius:10px;padding:8px 12px;font-weight:600;margin:0 0 8px;font-size:15px}
.ov7 .note7.inl{text-align:center;margin:6px auto 10px;max-width:420px}
.ov7 .hint7{margin-left:auto;font-size:13px;color:#5b6779;white-space:nowrap}
.ov7 .pvl{font-weight:700;font-size:17px}
.ov7 .setupc .nrow button{flex:1 1 140px}
.ov7 .composer2 textarea{min-height:64px;height:64px}
@media (max-width:899px){
 body.ov7{display:flex;flex-direction:column;height:100vh;height:100dvh;height:var(--vvh,100dvh);overflow:hidden}
 .ov7 .top{flex:none;position:relative}
 .ov7 .shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
 .ov7 .shell[hidden]{display:none}
 .ov7[data-view=list] .lists{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px}
 .ov7[data-view=panel] .panel{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px!important}
 .ov7 .composer2{position:relative;bottom:auto;flex:none;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
 .ov7 .composer2 textarea{min-height:64px;height:64px}
}
@media (min-width:900px){ .ov7 .composer2{left:380px} .ov7[data-view=list] .composer2{display:block} .ov7 .shell{height:calc(100vh - 62px)} .ov7 .panel{padding-bottom:200px!important} }
/* specialist page */
.hv7 .hlist{padding:12px 12px calc(84px + env(safe-area-inset-bottom));max-width:820px;margin:0 auto}
.hv7 .rq{cursor:default}.hv7 .th{margin-top:8px}.hv7 .b{max-width:100%}
.hv7 .dr{display:flex;flex-direction:column;gap:6px;margin-top:10px}.hv7 .dr textarea,.hv7 .dr input{width:100%;font:inherit;font-size:16px;border:1px solid #c9d2e0;border-radius:12px;padding:10px;background:#fff;color:#13223a}
.hv7 .dr.redo{flex-direction:row}.hv7 .dr.redo input{flex:1;min-width:0}.hv7 .dr.redo button{flex:none}
.hv7 .dl{font-weight:700;font-size:14px}.hv7 .dtag{background:#ffe9c2;color:#8a5200;border-radius:6px;padding:1px 6px;font-size:12px}
.hv7 .wt{font-size:14px;color:#3b4a63;display:flex;gap:6px;align-items:center}
.hv7 pre{white-space:pre-wrap;font:inherit;font-size:14px;margin:6px 0}
.hv7 .htabs7 button{font-size:12px;min-width:0}
@media (min-width:900px){.hv7 .tabbar2{display:flex!important;max-width:820px;margin:0 auto}}
.ov7 .lh{display:flex;align-items:center;justify-content:space-between;gap:8px}.ov7 .newr{font:inherit;font-size:14px;font-weight:700;border:0;border-radius:999px;padding:6px 12px;background:#1f5eff;color:#fff;cursor:pointer}
.hv7 .pcard.prog,.hv7 .pcard.done{opacity:1;background:#fff}.hv7 .wt{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:15px}.hv7 .wt input{width:auto!important;margin:0}.ov7 a.pvl{display:inline-block;background:#e8f0ff;color:#1b4fc4;font-weight:700;text-decoration:none;border-radius:999px;padding:8px 14px}
.ov7 .kinds{display:flex;gap:8px;margin:0 0 8px;min-width:0}.ov7 .kinds[hidden]{display:none}.ov7 .kinds label{flex:1;min-width:0;cursor:pointer}.ov7 .kinds input{position:absolute;opacity:0;pointer-events:none}
.ov7 .kinds span{display:block;text-align:center;border:2px solid #c9d2e0;border-radius:999px;padding:7px 6px;font-weight:700;font-size:14px;background:#fff;color:#13223a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov7 .kinds input:checked+span{border-color:#1b6ef3;background:#e8f0ff;color:#1b4fc4}.ov7 .kinds input:focus-visible+span{outline:3px solid #1b6ef3}
.ktag{background:#fff4d6;color:#7a5200;border-radius:6px;padding:1px 6px;font-size:12px;font-weight:700;white-space:nowrap}
.hv7 .pair{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;min-width:0}.hv7 .pair>.dr{margin-top:0;min-width:0}.hv7 .pair textarea{min-height:120px}
@media (min-width:700px){.hv7 .pair:not(.one){grid-template-columns:1fr 1fr}.hv7 .pair .dr{display:flex;flex-direction:column}.hv7 .pair .dr textarea{flex:1}}
.hv7 .dtag.ok{background:#dff3e5;color:#17703c}

.hv7 .botmsg{margin-top:.6rem;border-top:1px dashed #ccc;padding-top:.5rem}
.hv7 .b.bn{background:#eef3ff;border-left:3px solid #5a7bd8}
.hv7 .botq{margin-top:.6rem;background:#fff4c2;border:2px solid #e0a800;border-radius:10px;padding:.6rem .8rem}
.hv7 .botq p{margin:.3rem 0}
.hv7 .b.bq{background:#fff8dc;border-left:3px solid #e0a800}
/* sender colors (WCAG AA text contrast): customer = green, specialist (AI Buddy) = blue, bot = purple; bot questions add an amber highlight */
.b.from-customer{background:#e7f6ec!important;border-left:4px solid #1e7b3c!important;color:#10291a}
.b.from-specialist{background:#e8f0ff!important;border-left:4px solid #1f4fbf!important;color:#0f1f44}
.b.from-bot{background:#f2eaff!important;border-left:4px solid #6b3fb8!important;color:#2a1450}
.b.from-customer .who{color:#1e7b3c}.b.from-specialist .who{color:#1f4fbf}.b.from-bot .who{color:#6b3fb8}
.b.from-bot.bq,.botq.from-bot{background:#f2eaff!important;border:2px solid #6b3fb8!important;box-shadow:0 0 0 3px #ffd54a}
.hv7 .custok{margin-top:.6rem;background:#e7f6ec;border:2px solid #1e7b3c;border-radius:10px;padding:.6rem .8rem;color:#10291a}
/* Sender bubbles: always dark text on light tints (overrides old white-on-blue .ov6 .b.me). WCAG AA >= 4.5:1 */
.ov6 .b.from-customer,.hv7 .b.from-customer,.b.from-customer{background:#e7f6ec!important;color:#1a2e1a!important;color-scheme:light}
.ov6 .b.from-specialist,.hv7 .b.from-specialist,.b.from-specialist{background:#e8f0ff!important;color:#0f1f44!important;color-scheme:light}
.ov6 .b.from-bot,.hv7 .b.from-bot,.b.from-bot,.botq.from-bot{background:#f2eaff!important;color:#2a1450!important;color-scheme:light}
.b.from-customer *,.b.from-specialist *,.b.from-bot *{color:inherit!important}
.b.from-customer .who,.b.from-customer .who *{color:#14532b!important}
.b.from-specialist .who,.b.from-specialist .who *{color:#1a3f99!important}
.b.from-bot .who,.b.from-bot .who *{color:#55309a!important}
.b.from-customer a,.b.from-specialist a,.b.from-bot a{color:#0b3d91!important;text-decoration:underline}
@media (prefers-color-scheme:dark){.b.from-customer,.b.from-specialist,.b.from-bot{color-scheme:light}}
.ov7 .sitelinks{display:flex;gap:8px;flex-wrap:wrap;margin:2px 2px 10px}.ov7 a.slk{display:inline-flex;align-items:center;gap:4px;background:#e8f0ff;color:#1b4fc4;font-weight:700;font-size:14px;text-decoration:none;border-radius:999px;padding:7px 12px;min-height:36px}.ov7 a.slk:hover{background:#d6e4ff}@media (max-width:480px){.ov7 .sitelinks a.slk{flex:1 1 0;justify-content:center}}