/* Extension of the accepted Onest handoff, no new visual theme. */
.ko-toolbar,.ko-actions,.ko-dialog-head,.di-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ko-toolbar{margin:18px 0}.ko-toolbar h2{margin:0}.ko-actions{justify-content:flex-end}
.ko-segment,.ko-tabs{display:flex;gap:4px}.ko-segment{padding:4px;border:1px solid #DED6CD;border-radius:9px;background:#FBFAF6}
.ko-segment button{border:0;background:transparent;min-width:68px}.ko-segment [aria-pressed=true]{background:#6B1F2D;color:#FBFAF6}
.ko-tabs{border-bottom:1px solid #DED6CD;margin:22px 0}.ko-tabs button{border:0;border-radius:0;background:transparent;padding:12px 24px;color:#5F5753}
.ko-tabs [aria-selected=true]{box-shadow:inset 0 -3px #6B1F2D;color:#6B1F2D;font-weight:600}
.ko-filters,.ko-method,.ko-surface{border:1px solid #DED6CD;background:#FBFAF6;border-radius:10px;padding:18px;margin:16px 0}
.ko-filters summary,.ko-method summary{min-height:32px;cursor:pointer}.ko-filters summary span{font-size:13px;color:#5F5753;margin-left:16px}
.ko-filters form{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.ko-filters label,.ko-dialog label{min-width:0}
.ko-empty{border:1px dashed #CFC3B5;border-radius:10px;text-align:center;padding:42px 24px;background:#FBFAF6}.ko-empty h3{font-size:20px;margin:0 0 10px}.ko-empty p{color:#5F5753;margin:0 auto 20px;max-width:520px}
.ko-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ko-creative{border:1px solid #DED6CD;border-radius:10px;background:#FBFAF6;overflow:hidden;min-width:0}
.ko-preview{height:172px;background:#EAE4DB;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;border-radius:0;color:#6B1F2D;font-size:36px}.ko-preview img{width:100%;height:100%;object-fit:contain}.ko-creative-body{padding:18px}.ko-creative h3{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.ko-creative p{margin:6px 0}.ko-tag{display:inline-block;background:#F1E7DD;border-radius:5px;padding:3px 8px;font-size:12px}.ko-brand{color:#856018;font-weight:600}
.ko-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ko-kpi{min-width:0;background:#FBFAF6;border:1px solid #DED6CD;border-radius:9px;padding:18px}.ko-kpi h3{font-size:13px;font-weight:400;color:#5F5753;margin:0 0 10px}.ko-kpi strong{display:block;font-size:30px;font-weight:600;color:#6B1F2D;overflow-wrap:anywhere}.ko-kpi p{font-size:12px;color:#5F5753;margin:8px 0 0}
.ko-table{width:100%;min-width:800px}.ko-table td{vertical-align:top}.ko-table button{min-height:36px}.ko-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:14px 0}.ko-day{min-height:80px;border:1px solid #DED6CD;border-radius:5px;padding:6px;background:#FBFAF6;min-width:0}.ko-day button{width:100%;padding:4px;min-height:32px;font-size:11px;overflow-wrap:anywhere;text-align:left;background:#F1E7DD;border:0;margin:4px 0}.ko-day time{font-size:12px;color:#5F5753}
.ko-dialog{width:min(740px,calc(100vw - 36px));max-height:90dvh;border:1px solid #DED6CD;border-radius:14px;background:#FBFAF6;padding:24px;color:#262229;overflow:auto}.ko-dialog::backdrop,.di-dialog::backdrop{background:#26222955}.ko-dialog-head{position:sticky;top:-24px;background:#FBFAF6;padding:12px 0;z-index:1}.ko-dialog h2{margin:0;font-size:24px}.ko-dialog .form-grid{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.ko-dialog .wide{grid-column:1/-1}.ko-dialog textarea{min-height:90px;width:100%}.ko-dialog select[multiple]{height:110px}.ko-dialog video,.ko-dialog .ko-full-image{width:100%;max-height:50vh;object-fit:contain}.ko-dialog .check{display:flex;flex-direction:row;align-items:center}.ko-dialog .check input{width:20px;height:20px;min-height:20px}
#app .tab-panel{padding-bottom:120px}.di-dock{position:fixed;bottom:14px;left:calc(var(--di-left,250px) + 30px);right:30px;z-index:70;background:#FBFAF6;border:1px solid #CFC3B5;border-radius:11px;box-shadow:0 5px 20px #26222912;padding:6px 10px}
.di-dock form{display:flex;align-items:center;gap:12px}.di-dock label{color:#6B1F2D;font-size:14px;font-weight:600;white-space:nowrap}.di-dock input{flex:1;min-width:0;border:0;background:transparent;min-height:42px}.di-dock button{border:0;color:#6B1F2D;background:#F2EFE8;font-size:22px;width:44px;padding:4px}
.di-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(640px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;background:#FBFAF6;border:0;border-left:1px solid #DED6CD;color:#262229;padding:0;overflow:hidden}
.di-dialog[open]{display:flex;flex-direction:column}.di-header{padding:20px 22px;border-bottom:1px solid #DED6CD;flex-wrap:nowrap}.di-header h2{margin:0;font-size:24px}.di-header p{margin:6px 0 0}.di-header>div{flex:1;min-width:0}.di-header button{font-size:13px}.di-context{display:flex;gap:6px;flex-wrap:wrap;padding:10px 22px;border-bottom:1px solid #DED6CD;max-height:110px;overflow:auto}.di-context span{border-radius:5px;padding:4px 7px;background:#F2EFE8;font-size:11px;overflow-wrap:anywhere}
.di-messages{flex:1;min-height:100px;overflow:auto;padding:20px 22px;overscroll-behavior:contain}.di-message{margin-bottom:18px;overflow-wrap:anywhere;line-height:1.6}.di-message.user{background:#F1E7DD;border-radius:10px;padding:12px 16px}.di-message pre{font-family:inherit;white-space:pre-wrap;margin:0}.di-message .di-answer{white-space:pre-wrap}.di-evidence{margin:12px 0;border:1px solid #DED6CD;padding:14px;border-radius:9px}.di-evidence h3{font-size:16px;margin:0 0 10px}.di-evidence table{min-width:400px;font-size:12px}.di-evidence .table-wrap{max-width:100%;overflow:auto}.di-evidence summary{cursor:pointer;min-height:36px}.di-evidence pre{font-size:11px;max-height:240px;overflow:auto;white-space:pre-wrap}.di-evidence svg{width:100%;height:auto}.di-evidence svg text{font:11px Onest,sans-serif}
.di-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 22px;max-height:118px;overflow:auto}.di-suggestions button{font-size:12px;min-height:36px;text-align:left;background:#F2EFE8}.di-question-form{padding:12px 22px 8px;border-top:1px solid #DED6CD}.di-question-form label{font-size:12px}.di-question-form textarea{width:100%;resize:vertical;max-height:140px;min-height:68px;margin:6px 0 10px;font:400 15px/1.5 var(--sm-font)}.di-question-form button{font-size:13px}.di-footnote{font-size:11px;color:#5F5753;margin:0;padding:5px 22px 14px}.di-busy{color:#856018}
.di-dock[hidden],.ko-dialog [hidden],.di-dialog [hidden],#tab-ko-otm [hidden]{display:none!important}
.di-suggestions{display:block;flex:none;max-height:140px}.di-suggestions summary{cursor:pointer;min-height:32px;font-size:12px;color:#6B1F2D}.di-suggestions #di-example-buttons{display:flex;flex-wrap:wrap;gap:6px}.di-evidence .ko-table{min-width:450px}.di-evidence th:nth-child(2),.di-evidence td:nth-child(2){min-width:100px;white-space:nowrap}
@media(max-width:1279px){.ko-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.di-dock{left:calc(var(--di-left,76px) + 22px);right:22px}}
@media(max-width:767px){.di-dock{left:12px;right:12px;bottom:10px}.di-dock form{gap:6px}.di-dock label{font-size:13px}.di-dock input{font-size:13px}.di-dock input::placeholder{color:transparent}.di-dialog{width:100vw;border:0}.di-header{padding:14px;gap:6px}.di-header h2{font-size:20px}.di-context,.di-messages,.di-suggestions{padding:10px 14px}.di-question-form{padding:10px 14px}.di-question-form .ko-actions{gap:6px}.di-footnote{padding:3px 14px 12px}.ko-filters form{grid-template-columns:1fr 1fr}.ko-filters summary span{display:block;margin:8px 0 0}.ko-tabs button{padding:10px 12px;flex:1}.ko-toolbar{align-items:flex-start}.ko-gallery{grid-template-columns:1fr}.ko-kpis{grid-template-columns:1fr 1fr;gap:9px}.ko-kpi{padding:14px}.ko-kpi strong{font-size:25px}.ko-dialog{width:100vw;max-height:100dvh;height:100dvh;max-width:100vw;border:0;border-radius:0;padding:18px}.ko-dialog-head{top:-18px}.ko-dialog .form-grid{grid-template-columns:1fr}.ko-calendar{gap:2px}.ko-day{padding:3px;min-height:64px}.ko-day button{font-size:10px;padding:2px}.ko-actions{justify-content:flex-start}.ko-table{min-width:760px}.ko-dialog .wide{grid-column:auto}}
@media(max-width:359px){.ko-kpis,.ko-filters form{grid-template-columns:1fr}.di-dock label{max-width:92px;white-space:normal}}

/* Review round 2: a real shell row, not a fixed overlay with compensating padding. */
body:has(#app){height:100dvh;overflow:hidden}
#app .workarea.sm-workspace{height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}
#app .topbar.sm-topbar{position:relative;inset:auto;width:auto;z-index:60}
#workspace-scroll{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:16px}
#app .tab-panel{padding-bottom:28px}
#app .di-dock{position:static;inset:auto;margin:0;padding:8px 30px max(8px,env(safe-area-inset-bottom));border-radius:0;border:0;border-top:1px solid #CFC3B5;box-shadow:none;z-index:65}
#app .di-dock form{border:1px solid #DED6CD;border-radius:9px;padding:3px 10px}
#app .di-dock{min-width:0}
.di-dock button{flex:0 0 44px}
.di-dialog>*{flex-shrink:0}
/* Longer public name: keep the heading and actions in separate mobile rows. */
.di-header #di-new,.di-header #di-close{flex:none;min-height:44px;white-space:nowrap}
.di-header #di-close{min-width:44px}
.di-header h2{overflow-wrap:normal}
.di-dialog .di-messages{flex:1 1 0;min-height:40px}
.di-context{display:block;max-height:160px;flex-shrink:1;min-height:55px}
.di-context-primary,.di-context-more>div{display:flex;gap:5px;flex-wrap:wrap}
.di-context span{max-width:100%;white-space:normal}
.di-context-more summary{font-size:12px;min-height:30px;cursor:pointer;padding-top:5px}
.di-connection-settings{font-size:13px;padding:8px 22px;color:#6B1F2D}
.di-question-form .ko-actions{flex-wrap:wrap}
.sales-value-quality summary{cursor:pointer;color:#6B1F2D;min-height:32px;padding-top:5px}
.sales-region-table th{white-space:normal;min-width:145px;max-width:220px}
.sales-region-table td{vertical-align:top}
.ko-filters{padding:0;border:0;background:transparent}
.ko-filters form{padding:18px;background:#FBFAF6;border:1px solid #DED6CD;border-radius:9px}
.ko-filters>summary.filter-toolbar{display:flex!important;justify-content:space-between;align-items:center;gap:16px;list-style:none;min-height:66px;background:#FBFAF6}
.ko-filters>summary::-webkit-details-marker{display:none}
#ko-filter-context{display:flex;flex-wrap:wrap;gap:0;font-size:14px;margin:0;min-width:0}
#ko-filter-context>span{margin:0;display:flex;flex-direction:column;gap:3px;padding:3px 16px}
#ko-filter-context small{font-size:11px;font-weight:400}
#ko-filter-context strong{font-size:13px;color:#262229;line-height:1.4}
#ko-filter-context>span:first-child strong{color:#856018;font-weight:600}
.ko-filters .filter-toggle{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #CEBFB1;border-radius:7px;color:#6B1F2D}
.ko-weekday{text-align:center;color:#5F5753;font-size:12px;padding:8px 0}
.ko-day button{font-size:13px;min-height:36px;text-align:center}
.ko-activity-list{list-style:none;padding:0;display:grid;gap:10px}
.ko-activity-list li,.ko-day-detail{padding:16px;background:#FBFAF6;border:1px solid #DED6CD;border-radius:9px}
.ko-activity-list .query-drill{font-size:16px;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere}
.ko-activity-list p{margin:5px 0}
#ko-no-placements small{display:block}
@media(max-width:767px){
 .di-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 10px}
 .di-header>div{grid-column:1;grid-row:1;min-width:0}
 .di-header #di-close{grid-column:2;grid-row:1;align-self:start}
 .di-header #di-new{grid-column:1/-1;grid-row:2;justify-self:start}
 #app .di-dock{padding:6px 12px max(6px,env(safe-area-inset-bottom))}
 .di-context{max-height:145px;padding:8px 14px}
 .di-context-primary span{font-size:12px;line-height:1.4}
 .di-connection-settings{padding:6px 14px}
 .di-question-form textarea{resize:none;min-height:44px;max-height:70px;font-size:16px}
 .di-question-form{padding:8px 14px max(8px,env(safe-area-inset-bottom))}
 .di-footnote{display:none}
 .di-dialog:has(#di-question:focus) .di-suggestions{display:none}
 .di-dialog:has(#di-question:focus) .di-header{padding:8px 14px}
 .di-dialog:has(#di-question:focus) .di-context{max-height:94px}
 #ko-filter-context{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;width:100%}
 #ko-filter-context>span{padding:2px 8px;border:0}
 #ko-filter-context>span:last-child{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:8px}
 .ko-filters>summary.filter-toolbar{padding:10px 6px;gap:0;flex-wrap:wrap}
 .ko-filters .filter-toggle{margin-left:auto!important}
 .ko-filters summary .filter-toggle{margin:0;font-size:13px}
 .ko-day{min-height:72px}
}