:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#141414;background:#fcfcfc;font-size:14px;color-scheme:light;--bg:#fcfcfc;--side:#f7f7f7;--bubble:#eee;--text:#141414;--muted:#6a6a6a;--line:#14141416;--hover:#e9e9e9;--strong:#070707;--on:#fcfcfc;--card:#fff;--green:#00673a;--amber:#824e00;--red:#c21d2e;--blue:#0c64c1;--sidebar:270px}
:root[data-theme=dark]{color-scheme:dark;--bg:#171717;--side:#1d1d1d;--bubble:#2a2a2a;--text:#eee;--muted:#aaa;--line:#ffffff18;--hover:#333;--strong:#eee;--on:#171717;--card:#202020;--green:#76d7a5;--amber:#e4bb76;--red:#ff8791;--blue:#86baff}
/* The application owns its scroll areas; keep the document at the viewport. */
html:has(.shell),body:has(.shell){height:100%;overflow:hidden;overscroll-behavior:none}
#app:has(>.shell){height:100dvh;overflow:clip}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:var(--blue)}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:var(--hover)}a{color:var(--blue);text-decoration:none}svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.7px;font-weight:600}h2{font-size:17px;letter-spacing:-.3px;font-weight:600}h3{font-size:14px;font-weight:600}p{line-height:1.65}small,.muted{color:var(--muted)}small{font-size:12px}.shell{height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);overflow:hidden}.sidebar{background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:12px 10px 8px;position:relative}.brand{display:flex;align-items:center;gap:8px;height:34px;padding:0 7px;margin-bottom:12px;font-weight:600;font-size:14px}.brand-mark{font-size:16px;font-weight:650;letter-spacing:-2px;display:grid;place-items:center;width:24px;height:24px}.grow{flex:1;min-width:0}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;padding:0;flex:none;color:var(--muted)}.icon-btn:hover{color:var(--text)}.project-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:9px;text-align:left;margin-bottom:12px}.project-badge{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:600;background:var(--card)}.project-btn strong{display:block;font-size:13px;font-weight:550}.project-btn small{font-size:11px}.search-button{height:34px;border:1px solid var(--line);background:var(--bubble);border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:8px;text-align:left;width:100%;color:var(--muted);font-size:12px}.search-button svg{width:14px;height:14px}kbd{font:10px inherit;color:var(--muted);padding:2px 3px}.filter-row{display:flex;align-items:center;justify-content:space-between;padding:14px 6px 8px;color:var(--muted);font-size:11px}.filter-row select{background:transparent;border:0;max-width:155px;font-size:12px}.chat-list{overflow:auto;flex:1;min-height:80px;scrollbar-width:thin}.chat-row{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:10px 8px;border-radius:9px;min-height:60px;margin-bottom:2px}.chat-row.selected{background:var(--hover)}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;background:var(--bubble);display:inline-grid;place-items:center;color:var(--text)}.avatar.head{border:1px solid var(--line)}.avatar.council{background:var(--strong);color:var(--on)}.avatar svg{width:17px;height:17px}.row-top{display:flex;align-items:center;gap:4px;margin-bottom:5px}.row-name{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.time{font-size:10px;color:var(--muted);font-weight:400;white-space:nowrap}.preview{font-size:11px;color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.unread{display:grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:var(--strong);color:var(--on);font-size:10px}.workspace-toggle{display:flex;align-items:center;gap:8px;text-align:left;color:var(--muted);font-size:12px;padding:10px 8px;width:100%;border-top:1px solid var(--line);margin-top:8px}.workspace-links{max-height:245px;overflow:auto;padding-bottom:5px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;font-size:12px;border-radius:7px;text-align:left;color:var(--muted)}.nav-item svg{width:15px;height:15px}.nav-item.active{background:var(--hover);color:var(--text)}.account{border-top:1px solid var(--line);padding:9px 7px 3px;display:flex;align-items:center;gap:8px;min-height:44px;width:100%;text-align:left;font-size:12px}.account .avatar{width:27px;height:27px;font-size:10px}.main{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.chat-header{height:54px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:0;flex:none}.header-person{display:flex;gap:9px;align-items:center;text-align:left;padding:4px 7px;border-radius:8px}.header-person .avatar{height:27px;width:27px}.header-person strong{font-size:13px;font-weight:550}.demo{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 6px;white-space:nowrap;letter-spacing:.1px}.chat-scroll{flex:1;min-height:0;overflow:auto;padding:28px 34px 16px;scroll-behavior:auto}.transcript{max-width:900px;margin:auto}.date{text-align:center;color:var(--muted);font-size:13px;line-height:20px;margin:0 0 28px}.message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 25px;position:relative}
.message.own{align-items:flex-end}
.message-line{display:flex;align-items:center;gap:8px;width:100%;min-width:0}
.own .message-line{flex-direction:row-reverse}
.bubble{max-width:min(76%,700px);min-width:0;padding:10px 14px;border-radius:24px;background:var(--bubble);font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere}
.own .bubble{background:var(--strong);color:var(--on)}
.message .bubble.pinned{box-shadow:0 0 0 1px var(--line)}
.quote{display:block;border-left:2px solid currentColor;padding-left:8px;font-size:14px;line-height:20px;opacity:.65;margin-bottom:7px}
.bubble-tools{display:flex;align-items:center;flex:none;gap:0;opacity:0;pointer-events:none;transition:opacity .12s ease;color:var(--muted)}
.own .bubble-tools{flex-direction:row-reverse}
.message:hover .bubble-tools,.message:focus-within .bubble-tools{opacity:1;pointer-events:auto}
.bubble-tools .icon-btn{height:32px;width:26px;padding:0;border-radius:50%;color:var(--muted)}
.bubble-tools .icon-btn:hover{background:transparent;color:var(--text)}
.bubble-tools svg{width:16px;height:16px;stroke-width:1.7}
.own .bubble-tools [data-act="reply"] svg{transform:scaleX(-1)}
.message-meta{font-size:10px;color:var(--muted);padding:5px 8px 0}
.message-reaction{margin:4px 4px 0;padding:2px 7px;min-height:26px;border:1px solid var(--line);border-radius:20px;font-size:14px;background:var(--bubble)}
.context-menu.reaction-picker{width:236px;min-width:0;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.context-menu.reaction-picker button{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:8px;font-size:20px}
.context-menu.reaction-picker button[aria-pressed="true"]{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}
.typing{display:flex;gap:4px;padding:14px 16px;width:max-content;border-radius:18px;background:var(--bubble)}.typing i{width:4px;height:4px;background:var(--muted);border-radius:50%;animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.25}}.composer-wrap{padding:12px 24px 18px;flex:none}.composer{display:flex;gap:4px;align-items:flex-end;max-width:900px;margin:auto;border:1px solid var(--line);background:var(--bg);box-shadow:0 1px 5px #00000007;border-radius:24px;padding:5px}.composer textarea{background:transparent;border:0;resize:none;flex:1;min-width:0;padding:7px 8px;height:38px;max-height:140px;line-height:24px;font-size:16px;font-weight:400;letter-spacing:normal}.round-primary{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--strong);color:var(--on)}.round-primary:hover:not(:disabled){background:var(--strong);opacity:.8}.composer .icon-btn{height:32px;width:32px;border-radius:50%}.composer-note{max-width:880px;margin:6px auto 0;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.composer-note button{margin-left:auto}.note-strip{padding:7px 20px;text-align:center;font-size:11px;background:var(--bubble);color:var(--muted)}.council-card{width:min(100%,640px);border:1px solid var(--line);border-radius:14px;background:var(--card);padding:20px;margin:4px 0 28px}.council-card h3{display:flex;gap:8px;align-items:center;margin-bottom:10px}.council-card p{font-size:13px;color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:11px;display:inline-flex;align-items:center;gap:5px;background:var(--bg)}.chip svg{width:13px;height:13px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.btn{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:36px;line-height:1.3}.btn.primary{background:var(--strong);color:var(--on);border-color:transparent}.btn.primary:hover{opacity:.8;background:var(--strong)}.btn.small{padding:6px 9px;min-height:30px;font-size:11px}.btn svg{width:15px;height:15px}.progress-line{height:3px;background:var(--bubble);border-radius:2px;overflow:hidden;margin:16px 0}.progress-line span{display:block;background:var(--strong);height:100%;transition:width .3s}.progress-caption{display:flex;align-items:center;gap:8px;font-size:12px}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.ok{color:var(--green)}.status.warn{color:var(--amber)}.status.error{color:var(--red)}.status.running{color:var(--blue)}.artifact-title{font-size:21px;line-height:1.35;letter-spacing:-.5px;margin:10px 0!important}.artifact-section{border-top:1px solid var(--line);padding:15px 0 2px;margin-top:15px}.artifact-section p{margin-top:6px}.mobile-only{display:none!important}.page-header{display:flex;align-items:center;gap:12px;padding:24px 32px 18px;flex:none}.page-header h1{font-size:22px}.page-header p{color:var(--muted);font-size:12px;margin-top:5px}.page-body{padding:4px 32px 32px;overflow:auto;flex:1;min-height:0}.page-inner{max-width:1260px;margin:auto}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tabs button{white-space:nowrap;padding:12px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button:hover{background:transparent;color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--strong)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.toolbar .field{max-width:270px}.field,select.field{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:9px 11px;width:100%;font-size:13px;min-height:38px}.field::placeholder{color:var(--muted)}textarea.field{min-height:95px;resize:vertical}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:6px 0 32px;border-bottom:1px solid var(--line);padding-bottom:25px}.metric{padding:0 24px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric small{display:block;margin-bottom:12px}.metric b{font-size:28px;font-weight:500;letter-spacing:-1px;display:block;margin-bottom:8px}.metric span{font-size:11px;color:var(--muted)}.positive{color:var(--green)!important}.grid-two{display:grid;grid-template-columns:1.45fr 1fr;gap:28px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2{font-size:14px}.panel-head small{font-size:11px}.chart{width:100%;height:215px;stroke-width:2}.chart text{font-size:10px;fill:var(--muted);stroke:none}.chart .grid{stroke:var(--line);stroke-width:1}.chart .area{fill:var(--bubble);stroke:none}.chart .series{stroke:var(--text)}.chart .previous{stroke:var(--muted);stroke-dasharray:5 5;opacity:.45}.legend{display:flex;gap:16px;font-size:11px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:16px;height:2px;background:var(--text);vertical-align:middle;margin-right:6px}.legend span+span:before{background:var(--muted);opacity:.4}.signal{padding:15px 0;border-bottom:1px solid var(--line)}.signal:first-child{padding-top:0}.signal:last-child{border:0;padding-bottom:0}.signal strong{font-size:12px;font-weight:550;display:block;margin-bottom:5px}.signal p{font-size:12px;color:var(--muted)}.signal button{margin-top:10px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.section-title h2{font-size:15px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;font-weight:500;color:var(--muted);padding:13px 16px;border-bottom:1px solid var(--line);background:var(--side)}td{padding:15px 16px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--side)}td small{font-size:10px}.cell-person{display:flex;align-items:center;gap:9px}.cell-person .avatar{width:28px;height:28px}.cell-link{text-align:left;font-weight:500;padding:0;color:var(--text)}.cell-link:hover{background:none!important;text-decoration:underline}.muted-link{color:var(--muted);font-size:11px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:45px 20px;text-align:center;gap:14px;color:var(--muted)}.empty>svg{width:30px;height:30px;stroke-width:1.1}.empty h2{color:var(--text);font-size:16px}.empty p{max-width:390px;font-size:13px}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.persona-card{border:1px solid var(--line);border-radius:12px;padding:18px;text-align:left;background:var(--card);display:flex;gap:13px;align-items:flex-start;min-width:0}.persona-card .avatar{width:42px;height:42px}.persona-card strong{font-size:13px}.persona-card p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.integration-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:20px}.integration-logo{height:36px;width:36px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-weight:600;font-size:12px;margin-bottom:20px}.integration-card h3{margin-bottom:7px}.integration-card p{font-size:12px;color:var(--muted);min-height:38px}.integration-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;max-width:1020px}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav button{padding:10px 12px;text-align:left;font-size:12px;border-radius:7px;color:var(--muted)}.settings-nav button.active{background:var(--bubble);color:var(--text)}.settings-content{max-width:670px;min-width:0}.settings-content h2{margin-bottom:7px}.settings-content>.muted{font-size:12px;margin-bottom:27px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid var(--line)}.form-row label{font-size:12px;font-weight:500;display:block}.form-row p{font-size:11px;color:var(--muted);margin-top:4px;max-width:300px}.form-row .field{width:220px;flex:none}.toggle{width:34px;height:21px;border-radius:20px;background:var(--bubble);padding:3px;display:flex;align-items:center;flex:none}.toggle[aria-checked=true]{background:var(--strong);justify-content:flex-end}.toggle:after{content:"";background:var(--bg);height:15px;width:15px;border-radius:50%;box-shadow:0 1px 2px #0002}.toggle:hover{background:var(--muted)!important}.segmented{display:flex;gap:2px;background:var(--bubble);padding:3px;border-radius:8px;flex-wrap:wrap}.segmented button{font-size:11px;border-radius:5px;padding:7px 10px}.segmented button.active{background:var(--bg);box-shadow:0 1px 3px #0001}.roster-dept{border-bottom:1px solid var(--line);padding:20px 0}.roster-dept h3{margin-bottom:15px}.roster-people{display:flex;gap:8px;flex-wrap:wrap}.roster-people button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:18px;padding:3px 9px 3px 3px;font-size:11px}.roster-people .avatar{height:24px;width:24px}.detail-list{display:flex;flex-direction:column;margin-top:20px}.detail-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-row:last-child{border:0}.detail-row .grow p{font-size:11px;color:var(--muted);margin-top:3px}.step-dot{height:25px;width:25px;display:grid;place-items:center;background:var(--bubble);border-radius:50%;font-size:10px}.step-dot.done{background:var(--strong);color:var(--on)}.step-dot svg{width:13px;height:13px}.step-dot.active{box-shadow:0 0 0 2px var(--blue);color:var(--blue)}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0005;padding:24px;backdrop-filter:blur(2px)}.modal{background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 100px #0003;max-width:580px;width:100%;max-height:88dvh;overflow:auto;padding:25px}.modal.wide{max-width:820px}.modal-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-head h2{font-size:18px;flex:1}.modal>p{font-size:13px;color:var(--muted)}.modal label{display:block;font-size:12px;margin:16px 0 7px}.modal .field{max-width:none}.modal .actions{justify-content:flex-end}.modal .form-row label{margin:0}.drawer-overlay{display:block;padding:0;background:#0002;backdrop-filter:none}.drawer{margin-left:auto;width:340px;height:100dvh;max-height:none;border-radius:0;padding:18px 22px;border-left:1px solid var(--line);box-shadow:-5px 0 30px #00000006}.profile-intro{text-align:center;padding:8px 0 28px}.profile-intro .avatar{width:84px;height:84px;font-size:25px;margin-bottom:18px}.profile-intro .avatar svg{width:32px;height:32px}.profile-intro h2{font-size:20px}.profile-intro small{display:block;margin-top:5px}.profile-bio{font-size:13px;color:var(--muted);line-height:1.7}.search-modal{max-width:620px;padding:10px}.search-modal .search-input{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.search-input input{border:0;background:transparent;flex:1;font-size:15px;min-width:0}.search-results{max-height:430px;overflow:auto;padding:9px}.search-results h3{font-size:10px;color:var(--muted);padding:9px 10px;font-weight:500;text-transform:uppercase;letter-spacing:.8px}.search-result{display:flex;width:100%;align-items:center;gap:11px;text-align:left;padding:11px 10px;border-radius:8px;font-size:12px}.search-result small{display:block;font-size:10px;margin-top:4px}.search-result .avatar{height:30px;width:30px}.search-result>svg{color:var(--muted)}.search-footer{border-top:1px solid var(--line);padding:10px 15px;font-size:10px;color:var(--muted)}.context-menu{position:fixed;z-index:200;background:var(--card);padding:5px;border:1px solid var(--line);box-shadow:0 6px 30px #0002;border-radius:10px;min-width:165px}.context-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border-radius:6px;font-size:12px;text-align:left}.context-menu svg{width:14px;height:14px}.context-menu .danger{color:var(--red)}#toast{position:fixed;bottom:28px;left:calc(50% + 80px);transform:translateX(-50%) translateY(20px);background:var(--strong);color:var(--on);padding:11px 18px;border-radius:10px;box-shadow:0 4px 20px #0002;font-size:12px;z-index:300;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.state-card{border:1px solid var(--line);border-radius:10px;padding:16px}.state-card h3{margin-bottom:9px}.state-card p{font-size:12px;color:var(--muted)}.skeleton{background:var(--bubble);border-radius:4px;height:10px;margin:8px 0;animation:blink 1.6s infinite}.auth{display:grid;place-items:center;height:100dvh;background:var(--bg);padding:30px}.auth-card{width:100%;max-width:350px}.auth-card .brand{justify-content:center;margin:0 0 50px}.auth-card h1{text-align:center;font-size:24px;margin-bottom:10px}.auth-card>p{text-align:center;font-size:13px;color:var(--muted);margin-bottom:30px}.auth-card label{display:block;margin:18px 0 8px;font-size:12px}.auth-card>.btn{width:100%;margin-top:24px}.auth-card>small{display:block;text-align:center;margin-top:20px;font-size:11px}.palette{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.swatch{width:80px;font-size:10px;text-align:center;color:var(--muted)}.swatch div{height:48px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px}.check-row{display:flex;align-items:center;gap:10px;padding:12px 0}.check-row input{accent-color:var(--strong)}.check-row label{margin:0;font-size:13px}.file-preview{min-height:180px;background:var(--side);border:1px solid var(--line);border-radius:9px;padding:24px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.page-footer{margin:25px 0 0;font-size:10px;color:var(--muted);display:flex;gap:12px;align-items:center}.call-bars{display:flex;gap:8px;align-items:end;height:100px;margin:20px 0}.call-bars i{flex:1;background:var(--text);opacity:.15;border-radius:3px 3px 0 0}.call-bars i:nth-last-child(-n+3){opacity:.7}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.count-badge{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:5px}.mini-persons{display:flex;gap:5px;margin-top:15px}.mini-persons .avatar{height:27px;width:27px}.login-back{position:fixed;left:25px;top:20px}.banner{padding:12px 15px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:20px}.banner svg{width:16px;height:16px}.welcome{padding:45px 0;max-width:570px;margin:auto;text-align:center}.welcome h2{font-size:24px;margin:20px 0 12px}.welcome p{font-size:14px;color:var(--muted)}.welcome .chips{justify-content:center}@media(min-width:701px){.compact .sidebar{--sidebar:64px;padding:14px 8px}.shell.compact{grid-template-columns:64px minmax(0,1fr)}.compact .sidebar .hide-compact,.compact .workspace-toggle,.compact .filter-row,.compact .project-btn,.compact .search-button,.compact .account .grow,.compact .account>svg{display:none}.compact .brand{padding:0;margin:0 0 20px;height:34px;justify-content:center}.compact .sidebar-toggle{width:34px;height:34px}.compact .brand .grow,.compact .brand>strong,.compact .brand-mark,.compact .new-chat-control{display:none}.compact .chat-row{padding:10px 6px;justify-content:center}.compact .chat-row .grow,.compact .chat-row>.unread{display:none}.compact .nav-item{justify-content:center;padding:0;height:38px}.compact .nav-item span{display:none}.compact .workspace-links{max-height:none}.compact .account{justify-content:center;padding:10px 0}.compact .chat-list{flex:1}}
.resize-handle{position:absolute;right:-6px;top:0;width:12px;height:100%;cursor:col-resize;z-index:20;touch-action:none;user-select:none}.resize-handle::after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:transparent;transition:background .15s}.resize-handle:hover::after,.resize-handle:focus-visible::after,.resizing-sidebar .resize-handle::after{background:var(--muted)}.resize-handle:focus-visible{outline:0}.resizing-sidebar,.resizing-sidebar *{cursor:col-resize!important;user-select:none!important}.resizing-sidebar .chat-scroll{scroll-behavior:auto}
@media(min-width:1600px){.page-header{padding-top:32px}.page-body{padding-left:48px;padding-right:48px}.chat-scroll{padding-top:36px}}
@media(max-width:1050px){:root{--sidebar:250px}.grid-two{grid-template-columns:1fr}.metric{padding:0 15px}.metric b{font-size:24px}.settings-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}.form-row .field{width:180px}.page-header{padding:22px 24px 16px}.page-body{padding-left:24px;padding-right:24px}}
@media(max-width:700px){:root{font-size:14px;--sidebar:100%}.shell,.shell.compact{grid-template-columns:minmax(0,1fr)}.sidebar{padding-top:max(10px,env(safe-area-inset-top));height:100dvh;display:none}.shell.mobile-list .sidebar{display:flex}.shell.mobile-list .main{display:none}.shell.mobile-drawer .sidebar{display:flex;position:fixed;left:0;top:0;z-index:90;width:min(88vw,320px);box-shadow:0 0 0 100vw #0006}.brand{height:40px;margin-bottom:6px}.brand strong{font-size:16px}.project-btn{margin-bottom:8px}.chat-row{min-height:70px;padding:11px}.chat-row .avatar{width:41px;height:41px}.row-name{font-size:14px}.preview{font-size:12px}.time{font-size:11px}.workspace-links{display:grid;grid-template-columns:1fr 1fr;max-height:none;gap:2px}.nav-item{height:39px;font-size:12px}.account{padding-bottom:max(6px,env(safe-area-inset-bottom));min-height:52px}.filter-row{padding-top:14px}.filter-row select{font-size:13px}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.chat-header{height:58px;padding:0 10px;gap:3px}.chat-header>.icon-btn{width:38px;height:44px}.header-person{padding:3px 6px;gap:8px}.header-person strong{font-size:13px}.demo{font-size:9px;padding:3px 4px}.chat-scroll{padding:24px 16px 14px}.bubble{max-width:calc(100% - 86px);font-size:16px;padding:10px 14px;border-radius:24px}.message{margin-bottom:22px}.composer-wrap{padding:9px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.composer textarea{font-size:16px;min-height:36px}.composer{border-radius:24px;padding:5px;gap:2px}.composer .icon-btn{width:36px;height:36px}.round-primary{height:36px;width:36px}.composer-note{padding:0 7px;font-size:10px}.page-header{padding:18px 16px 12px;gap:8px;flex-wrap:wrap}.page-header h1{font-size:20px}.page-header .grow{min-width:150px}.page-header>.btn{margin-left:auto}.page-body{padding:4px 16px 24px}.tabs{gap:20px;margin-bottom:22px}.tabs button{font-size:12px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:25px 0;padding-bottom:20px;margin-bottom:22px}.metric{padding:0 16px!important;border-right:1px solid var(--line)}.metric:nth-child(odd){padding-left:0!important}.metric:nth-child(even){border:0}.metric b{font-size:26px}.grid-two{gap:18px}.panel{padding:18px}.chart{height:180px}.table-wrap table{min-width:550px}.toolbar{gap:8px;margin-bottom:16px}.toolbar .field{max-width:none;flex:1;min-width:120px}.toolbar .btn{min-height:38px}.btn{min-height:40px}.btn.small{min-height:34px}.persona-grid{grid-template-columns:1fr}.persona-card{padding:15px}.persona-card .avatar{width:44px;height:44px}.integration-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr;gap:22px}.settings-nav{display:flex;flex-direction:row;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:7px}.settings-nav button{white-space:nowrap;min-height:40px}.form-row{gap:14px}.form-row .field{width:150px;max-width:50%}.form-row p{max-width:175px;font-size:11px}.settings-content h2{font-size:17px}.form-row .segmented{max-width:180px}.segmented button{min-height:34px}.overlay{padding:14px;align-items:end}.modal{max-height:91dvh;border-radius:18px;padding:22px}.search-modal{align-self:start;margin-top:8vh;padding:8px}.modal-head{margin-bottom:16px}.modal-head .icon-btn{height:38px;width:38px}.drawer-overlay{padding:0}.drawer{width:100%;height:91dvh;max-height:91dvh;margin-top:9dvh;border-radius:18px 18px 0 0;padding:18px 24px 30px}.profile-intro{padding-bottom:22px}.state-grid{grid-template-columns:1fr}.search-result{min-height:51px}.search-result .avatar{height:35px;width:35px}.search-modal .search-input{padding:12px 8px}.search-results{max-height:54dvh}.council-card{padding:17px}.council-card .actions>.btn{flex:1}.page-footer{font-size:10px}.context-menu button{padding:13px;min-height:44px}#toast{left:50%;bottom:90px;max-width:90vw;white-space:normal;width:max-content}.metric-grid.three{grid-template-columns:1fr}.metric-grid.three .metric{padding:15px 0!important;border:0;border-bottom:1px solid var(--line)}.auth-card{max-width:330px}.resize-handle{display:none}.compact .sidebar .hide-compact,.compact .workspace-toggle,.compact .filter-row,.compact .project-btn,.compact .search-button,.compact .account .grow{display:revert}.compact .chat-row .grow{display:block}.compact .brand>strong{display:block}.compact .nav-item span{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root[data-motion="off"] *, :root[data-motion="off"] *::before, :root[data-motion="off"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(pointer:coarse){.bubble-tools{opacity:1;pointer-events:auto}.bubble-tools .icon-btn{width:44px;height:44px}.bubble-tools svg{width:18px;height:18px}.bubble{max-width:calc(100% - 140px)}.message-reaction{min-height:44px;min-width:44px}.context-menu.reaction-picker{width:280px}.context-menu.reaction-picker button{width:44px;height:44px}}

/* Voice recording stays inside the message composer. */
.composer.is-voice{align-items:center;min-height:50px;gap:8px}
.voice-placeholder{flex:1;min-width:0;padding:7px 8px;font-size:16px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.voice-capsule{display:flex;align-items:center;gap:5px;height:32px;flex:none;padding:0 10px 0 4px;background:var(--bubble);border-radius:18px;color:var(--text)}
.voice-capsule .icon-btn{width:22px;height:28px;color:var(--text);border-radius:50%}
.voice-capsule .icon-btn svg{width:13px;height:13px}
.voice-capsule [data-act="pausevoice"] svg{fill:currentColor;stroke-width:1.5}
.voice-timer{font-size:14px;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:29px}
.voice-wave{display:flex;align-items:center;gap:2px;height:18px;margin-left:2px;color:var(--muted)}
.voice-wave i{display:block;width:2px;border-radius:2px;background:currentColor;transform-origin:center;animation:voice-level .65s ease-in-out infinite alternate}
.is-paused .voice-wave i{animation:none;transform:scaleY(.45)}
@keyframes voice-level{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(max-width:700px){.composer.is-voice{gap:4px}.voice-placeholder{padding-left:5px;font-size:16px}.voice-capsule{height:36px;gap:4px;padding-right:8px}.voice-capsule .icon-btn{width:28px;height:32px}.voice-wave{gap:2px}}

/* Grok-style account footer and anchored menu. */
.search-button{height:36px;border-radius:11px;padding:0 10px;gap:7px;font-size:15px;font-weight:400}.search-button svg{width:18px;height:18px}
.sidebar-footer{flex:none;padding-top:6px}.account,.marketplace-link{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;border:0;border-radius:12px;padding:8px 10px;text-align:left;font-size:15px;font-weight:500;background:transparent}.account:hover,.account[aria-expanded="true"],.marketplace-link:hover{background:var(--bubble)}.account .avatar,.marketplace-link .avatar{width:32px;height:32px;flex:none;border:1px solid var(--line);background:var(--bubble);color:var(--muted);font-size:13px;font-weight:500}.account .grow,.marketplace-link .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marketplace-link .avatar{background:var(--bg);color:var(--text)}.marketplace-link .avatar svg{width:18px;height:18px}
.context-menu:is(.account-menu,.project-menu,.filter-menu){min-width:0;padding:10px;border-radius:17px;background:var(--bg);box-shadow:0 12px 30px #0000001a,0 3px 7px #00000008;overflow-y:auto}.context-menu:is(.account-menu,.project-menu,.filter-menu) button{min-height:42px;padding:9px 10px;gap:11px;border-radius:8px;font-size:15px;font-weight:400;line-height:22px}.context-menu:is(.account-menu,.project-menu,.filter-menu) svg{height:19px;width:19px;flex:none}.account-menu .menu-value{color:var(--muted)}.account-menu button>svg:last-child:not(:first-child){color:var(--muted);width:16px}.menu-divider{height:1px;background:var(--line);margin:8px 6px}
@media(min-width:701px){.compact .sidebar-footer{padding-top:6px}.compact .account,.compact .marketplace-link{padding:8px 0;justify-content:center}.compact .marketplace-link .grow{display:none}}
@media(max-width:700px){.account,.marketplace-link{min-height:50px}.context-menu:is(.account-menu,.project-menu,.filter-menu) button{min-height:44px}}

/* Voice messages: compact player with a quiet transcript beneath it. */
.bubble.audio-bubble{display:flex;align-items:center;gap:11px;width:292px;padding:12px 14px;border-radius:28px;min-height:60px;white-space:normal}.audio-play{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--bg)}.audio-play svg{height:17px;width:17px}.audio-play svg path{fill:currentColor}.audio-play[aria-pressed="true"] svg path{fill:none;stroke-width:3.5}.own .audio-play{background:#fcfcfc;color:#070707}.audio-play:hover{opacity:.85;background:var(--text)}.own .audio-play:hover{background:#fcfcfc}.audio-track{position:relative;min-width:24px;flex:1;height:34px}.audio-waveform{height:34px;display:flex;align-items:center;justify-content:space-between;gap:2px;overflow:hidden}.audio-waveform i{flex:1;max-width:3px;min-width:1px;border-radius:4px;background:currentColor;opacity:.4}.audio-waveform i.played{opacity:1}.audio-seek{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.audio-track:focus-within{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.audio-duration{font-size:12px;line-height:16px;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.audio-transcript{width:292px;max-width:76%;margin-top:7px;padding:0 10px;color:var(--muted);font-size:12px;line-height:18px;text-align:left}.audio-transcript p{margin:2px 0 0;overflow-wrap:anywhere}.transcript-label{font-size:10px;line-height:14px;opacity:.85}.own .audio-transcript{align-self:flex-end}
@media(max-width:700px){.bubble.audio-bubble{gap:9px;padding:11px 12px;min-height:58px}.audio-transcript{max-width:calc(100% - 86px);padding:0 8px}}
@media(pointer:coarse){.audio-play{width:44px;height:44px}.audio-track{height:44px}.audio-waveform{height:44px}.audio-transcript{max-width:calc(100% - 140px)}}

.audio-transcript.audio-quote{margin-top:0;margin-bottom:7px}.audio-quote .quote{margin:0;font-size:12px}

/* Transcripts stay collapsed until requested for an individual voice message. */
.transcript-toggle{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;min-height:24px;margin-left:auto;padding:3px 4px;border-radius:5px;font-size:11px;line-height:16px;color:var(--muted);background:transparent}.transcript-toggle:hover{background:var(--bubble);color:var(--text)}.transcript-toggle svg{width:11px;height:11px;flex:none}.transcript-toggle svg:last-child{width:10px;height:10px;transition:transform .15s}.transcript-toggle[aria-expanded="true"] svg:last-child{transform:rotate(180deg)}.transcript-content{padding-top:3px}.transcript-content[hidden]{display:none}@media(pointer:coarse){.transcript-toggle{min-height:44px}}

/* Text entry keeps recording and sending as separate controls, like Grok. */
.composer{gap:6px;padding:5px;border-radius:25px;border-color:var(--line);box-shadow:0 2px 5px #00000006}.composer textarea{height:34px;min-height:34px;padding:5px 3px;line-height:24px}.composer-actions{display:flex;align-items:center;gap:8px;flex:none;padding-bottom:1px}.composer .composer-attach,.composer .composer-mic{background:var(--bubble);border:1px solid var(--line);color:var(--muted)}.composer .composer-attach{align-self:flex-end;margin-bottom:1px}.composer .composer-attach svg{height:21px;width:21px;stroke-width:2}.composer .composer-mic svg{height:18px;width:18px}.composer .composer-mic[hidden]{display:none}.composer .round-primary svg{height:19px;width:19px;stroke-width:2}.composer .composer-attach:hover,.composer .composer-mic:hover{background:var(--hover);color:var(--text)}
@media(max-width:700px){.composer{gap:6px}.composer-actions{gap:7px;padding-bottom:0}.composer .composer-attach{margin-bottom:0}.composer textarea{height:36px;min-height:36px;padding:6px 2px}}

/* Sidebar copy is clipped inside each row, never in a horizontal scroller. */
.chat-list{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;min-width:0}.chat-row{min-width:0;gap:10px;padding:9px 10px;min-height:56px;border-radius:11px}.chat-row>.grow{display:block;min-width:0;overflow:hidden}.row-top{min-width:0;margin-bottom:3px}.row-name{font-size:14px;font-weight:500;line-height:18px}.time{font-size:12px;line-height:18px}.preview{display:block;max-width:100%;font-size:13px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-row.selected{background:#e2e2e2}:root[data-theme=dark] .chat-row.selected{background:#333}.chat-row .avatar{width:34px;height:34px}.search-button{height:34px;border-radius:10px}.sidebar-footer{padding:8px 0 2px}.account,.marketplace-link{font-size:14px;font-weight:500;min-height:44px;gap:9px}.account .avatar,.marketplace-link .avatar{width:28px;height:28px;font-size:12px}
@media(min-width:701px){.compact .chat-row{padding:10px 6px}.compact .chat-row>.grow{display:none}}
@media(max-width:700px){.chat-row{min-height:60px}.chat-row .avatar{width:36px;height:36px}.account,.marketplace-link{min-height:48px}}

/* Colors sampled from the supplied Grok sidebar reference. */
:root:not([data-theme="dark"]) .sidebar{--side:#f7f7f7;--bubble:#ebebeb;--hover:#ebebeb;--muted:#676767;--line:#1414141a;--card:#fcfcfc;background:var(--side);color:#141414}
:root:not([data-theme="dark"]) .sidebar .search-button{background:#ebebeb;border-color:#d5d5d5;color:#676767}
:root:not([data-theme="dark"]) .sidebar .chat-row.selected,:root:not([data-theme="dark"]) .sidebar .chat-row.selected:hover{background:#e1e1e1}
:root:not([data-theme="dark"]) .sidebar .chat-row.selected .preview,:root:not([data-theme="dark"]) .sidebar .chat-row.selected .time{color:#666}
.chat-scroll{overflow-anchor:none;scroll-behavior:auto}.chat-scroll:focus{outline:none}

/* Project switcher shares the compact account popover surface. */
.project-btn[aria-expanded="true"]{background:var(--hover)}.project-btn[aria-expanded="true"]>svg{transform:rotate(180deg)}.context-menu.project-menu .project-menu-row{min-height:56px;gap:10px;padding:9px 10px}.project-menu .project-badge{height:30px;width:30px;flex:none;font-size:11px;border-radius:8px}.project-menu-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;font-weight:500}.project-menu small{display:block;font-size:11px;line-height:16px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.context-menu.project-menu .is-current{background:var(--bubble)}.context-menu.project-menu .project-menu-row>svg{height:16px;width:16px;color:var(--muted)}

/* Workspace controls use the same scale and icon treatment as the footer. */
.workspace-toggle{position:relative;flex:none;min-height:44px;padding:8px 10px;margin-top:16px;gap:9px;border:0;border-radius:12px;color:var(--text);font-size:14px;font-weight:500;line-height:20px}.workspace-toggle::before{content:"";position:absolute;left:0;right:0;top:-8px;height:1px;background:var(--line)}.workspace-toggle>svg{width:16px;height:16px;color:var(--muted)}.workspace-icon,.nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--text);flex:none}.workspace-icon svg,.nav-icon svg{width:18px;height:18px;stroke-width:1.65}.workspace-links{max-height:min(350px,38dvh);min-height:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.nav-item{height:44px;min-height:44px;padding:8px 10px;margin-bottom:2px;gap:9px;border-radius:12px;font-size:14px;font-weight:400;line-height:20px;color:var(--text)}.nav-item:last-child{margin-bottom:0}.nav-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-item.active{background:var(--bubble);font-weight:500}.nav-item .nav-icon svg{width:18px;height:18px}
@media(min-width:701px){.compact .nav-item{height:44px;min-height:44px;padding:8px 0}.compact .nav-item .nav-icon{display:grid}.compact .nav-item .nav-label{display:none}.compact .workspace-links{max-height:min(350px,44dvh)}}
@media(max-width:700px){.workspace-toggle{min-height:48px}.workspace-links{gap:3px;max-height:min(350px,32dvh)}.nav-item{height:46px;min-height:46px;padding:8px;gap:7px;margin-bottom:0;font-size:14px}.workspace-icon,.nav-icon{width:28px;height:28px}.nav-label{white-space:normal;line-height:17px}.nav-item .nav-icon{display:grid}.nav-item .nav-label{display:block}}

/* Sidebar conversation filter, using the shared in-app popover style. */
.filter-row{flex:none;gap:4px;padding:8px 0;color:var(--text);font-size:14px}
.filter-trigger{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:44px;padding:10px;border-radius:12px;text-align:left;font-size:14px;line-height:20px;font-weight:500;color:var(--text)}
.filter-trigger .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-trigger>svg{width:16px;height:16px;color:var(--muted);transition:transform .15s ease}
.filter-trigger[aria-expanded="true"]{background:var(--bubble)}
.filter-trigger[aria-expanded="true"]>svg{transform:rotate(180deg)}
.filter-row>.icon-btn{height:44px;width:44px;border-radius:12px}
.filter-row>.icon-btn svg{width:21px;height:21px}
.context-menu.filter-menu{overscroll-behavior:contain;scrollbar-width:thin;scroll-padding:10px}
.context-menu.filter-menu button{min-height:44px;font-size:14px}
.context-menu.filter-menu button .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-menu.filter-menu .is-current{background:var(--bubble);font-weight:500}
.context-menu.filter-menu button>svg{color:var(--muted)}
.context-menu.filter-menu button>svg:last-child:not(:first-child){width:16px;height:16px;color:var(--text)}
@media(max-width:700px){.filter-trigger,.filter-row>.icon-btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){.filter-trigger>svg{transition:none}}

/* Spacious settings that share the sidebar typography and icon treatment. */
.page-settings .page-header{padding:30px 32px 24px}
.page-settings .page-header h1{font-size:28px;line-height:36px;letter-spacing:-.7px}
.page-settings .page-header p{font-size:15px;line-height:23px;margin-top:5px}
.page-settings .page-inner{max-width:1180px}
.settings-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:48px;max-width:none}
.settings-nav{position:sticky;top:0;gap:4px;max-height:calc(100dvh - 172px);overflow-x:hidden;overflow-y:auto;padding:4px;scrollbar-width:thin;scroll-padding:5px}
.settings-nav button{display:flex;align-items:center;gap:12px;min-height:48px;flex:none;padding:8px 12px;border-radius:12px;font-size:15px;line-height:22px;font-weight:400;color:var(--text)}
.settings-nav button.active{background:var(--bubble);font-weight:500}
.settings-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--bg)}
.settings-icon svg{width:18px;height:18px}
.settings-label{min-width:0}
.settings-content{max-width:none;min-width:0;padding:8px 0 24px}
.settings-content>h2{font-size:25px;line-height:33px;margin-bottom:6px}
.settings-content>.muted{font-size:15px;line-height:24px;margin-bottom:24px}
.settings-content .form-row{min-height:88px;padding:20px 0;gap:24px;flex-wrap:wrap}
.settings-content .form-row>div:first-child{flex:1;min-width:180px}
.settings-content .form-row label{font-size:16px;line-height:24px;font-weight:500}
.settings-content .form-row p{font-size:14px;line-height:21px;margin-top:5px;max-width:360px}
.settings-content .field{font-size:16px;line-height:24px;min-height:48px;border-radius:12px;padding:11px 14px}
.settings-content .form-row .field{width:300px;max-width:100%;flex:0 1 300px}
.settings-content .segmented{padding:4px;border-radius:12px;gap:3px;max-width:100%}
.settings-content .segmented button{min-height:40px;min-width:44px;padding:8px 13px;font-size:14px;border-radius:9px}
.settings-content .btn{min-height:44px;padding:11px 17px;font-size:15px;border-radius:11px}
.settings-content .actions{margin-top:24px;gap:10px}
.settings-content .actions>.primary[data-act="saveprefs"]{min-width:120px}
.settings-content .toggle{position:relative;width:42px;height:44px;border-radius:0;background:transparent;padding:0}
.settings-content .toggle::before{content:"";position:absolute;left:0;top:9px;right:0;height:26px;background:var(--bubble);border:1px solid var(--line);border-radius:20px}
.settings-content .toggle::after{position:absolute;left:3px;top:12px;width:20px;height:20px}
.settings-content .toggle[aria-checked="true"]::before{background:var(--strong)}
.settings-content .toggle[aria-checked="true"]::after{left:19px}
.settings-content .toggle:hover{background:transparent!important}
.settings-content .detail-row{min-height:68px;padding:16px 0;font-size:16px;line-height:24px}
.settings-content .detail-row .grow p,.settings-content .banner{font-size:14px;line-height:22px}
.settings-content .project-badge{height:40px;width:40px;font-size:13px}
.settings-content h3,.settings-content .panel h2{font-size:17px;line-height:25px}
.settings-content .roster-people{gap:9px}
.settings-content .roster-people button{min-height:44px;padding:5px 12px 5px 5px;gap:8px;font-size:14px;border-radius:24px}
.settings-content .roster-people .avatar{width:30px;height:30px}
.settings-content th{font-size:13px;padding:15px}
.settings-content td{font-size:15px;padding:17px 15px}
.settings-content .panel{padding:24px;border-radius:16px}
.settings-content .tabs button{font-size:15px;min-height:44px}
/* Persona and Head profiles open at the center of the screen. */
.modal.profile-modal{max-width:600px;width:100%;padding:28px 32px 32px;border-radius:24px}
.profile-modal .modal-head h2{font-size:20px;line-height:28px}
.profile-modal .modal-head .icon-btn{height:44px;width:44px;border-radius:50%}
.profile-modal .profile-intro{padding:4px 0 24px}
.profile-modal .profile-intro .avatar{height:96px;width:96px;margin-bottom:18px}
.profile-modal .profile-intro h2{font-size:26px;line-height:34px}
.profile-modal .profile-intro small{font-size:14px;line-height:21px;margin-top:7px}
.profile-modal .profile-bio{font-size:16px;line-height:27px;text-align:center}
.profile-modal .actions{justify-content:center;margin-top:24px}
.profile-modal .btn{min-height:46px;border-radius:12px;padding:12px 20px;font-size:15px}
.profile-modal .section-title{margin:28px 0 10px}
.profile-modal .section-title h2{font-size:17px;line-height:25px}
.profile-modal .detail-row{min-height:64px;font-size:15px;line-height:22px}
.profile-modal .detail-row .grow p{font-size:13px;line-height:20px}
.profile-modal .detail-row .icon-btn{width:44px;height:44px}
.profile-modal .search-result{min-height:48px;font-size:15px}
@media(max-width:1100px) and (min-width:701px){
.settings-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
.settings-nav button{padding:8px;gap:8px}
.settings-content .form-row>div:first-child{min-width:160px}
.settings-content .form-row .field{flex:1 1 240px}
}
@media(max-width:700px){
.page-settings .page-header{padding:20px 18px}
.page-settings .page-header h1{font-size:26px;line-height:34px}
.page-settings .page-header p{font-size:14px;line-height:21px}
.page-settings .page-body{padding:0 18px 24px}
.settings-layout{grid-template-columns:minmax(0,1fr);gap:24px}
.settings-nav{position:static;flex-direction:row;max-height:none;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 4px 10px;border-bottom:1px solid var(--line)}
.settings-nav button{min-height:48px;font-size:15px;padding:8px 10px;gap:8px;white-space:nowrap}
.settings-content{padding:0 0 16px}
.settings-content>h2{font-size:23px;line-height:31px}
.settings-content .form-row{min-height:84px;gap:12px;padding:18px 0}
.settings-content .form-row>div:first-child{min-width:0}
.settings-content .form-row:has(>.field){align-items:stretch;flex-direction:column;gap:10px}
.settings-content .form-row .field{width:100%;max-width:100%;flex:auto}
.settings-content .form-row p{max-width:230px}
.settings-content .form-row .segmented{max-width:100%}
.settings-content .segmented button{padding:8px 10px}
.modal.profile-modal{width:100%;max-height:91dvh;padding:20px;border-radius:22px}
.profile-modal .profile-intro .avatar{width:80px;height:80px}
.profile-modal .profile-intro h2{font-size:24px;line-height:32px}
.profile-modal .profile-bio{font-size:15px;line-height:25px}
}

.overlay.profile-overlay{place-items:center}
.settings-content p.muted{font-size:14px!important;line-height:22px}

/* The chat canvas continues behind the header instead of ending at a white strip. */
.main:has(>.chat-header){position:relative}
.chat-header{position:absolute;inset:0 0 auto;z-index:5;background:transparent;box-shadow:none;pointer-events:none}
.chat-header>button{pointer-events:auto}
.chat-header .header-person,.chat-header>.icon-btn{background:var(--bg);border-radius:20px}
.chat-header .header-person:hover,.chat-header>.icon-btn:hover{background:var(--hover)}
.main:has(>.chat-header)>.chat-scroll{padding-top:90px;scroll-padding-top:64px}
.main:has(>.chat-header)>.note-strip{position:absolute;top:54px;left:0;right:0;z-index:4}
.main:has(>.note-strip)>.chat-scroll{padding-top:138px;scroll-padding-top:110px}
@media(max-width:700px){
.main:has(>.chat-header)>.chat-scroll{padding-top:82px;scroll-padding-top:68px}
.main:has(>.chat-header)>.note-strip{top:58px}
.main:has(>.note-strip)>.chat-scroll{padding-top:150px;scroll-padding-top:126px}
.chat-header .header-person{min-width:0}
.chat-header .header-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Settings align with their page title instead of centering in the content pane. */
.page-settings .page-inner{margin-left:0;margin-right:auto}
@media(min-width:701px){.page-settings .page-body{padding-left:32px;padding-right:32px}}
/* Grok-style date and time markers between conversation groups. */
.date{font-size:14px;line-height:22px;font-weight:400;letter-spacing:normal;color:var(--muted);text-align:center;margin:32px 0 28px}
.transcript>.date:first-child{margin-top:0}
.date time{font:inherit;color:inherit}

/* A larger introduction centered in the available empty-conversation canvas. */
.chat-scroll:has(.welcome){display:flex;flex-direction:column}
.chat-scroll:has(.welcome)>.transcript{width:100%;margin-block:auto}
.welcome{width:100%;max-width:760px;padding:32px 16px}
.welcome>.avatar{width:80px;height:80px}
.welcome>.avatar svg{width:36px;height:36px}
.welcome h2{font-size:36px;line-height:44px;font-weight:600;letter-spacing:-.9px;margin:24px 0 14px}
.welcome p{max-width:700px;margin:0 auto;font-size:18px;line-height:29px}
.welcome .chips{gap:10px;margin:28px 0 0}
.welcome .chip{min-height:44px;padding:10px 18px;font-size:15px;line-height:22px;border-radius:24px}
/* Keep the council action with the other ways to start an empty chat. */
.welcome-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}
.welcome .welcome-actions .chips{margin:0}
.welcome-actions .chip{text-align:center;justify-content:center}
.welcome-actions>.council-status>.actions{margin:0;justify-content:center}
.welcome-actions>.council-status>.actions>.btn{min-height:44px;padding:10px 18px;font-size:15px;line-height:22px;border-radius:24px;background:var(--strong);color:var(--on);border-color:transparent}
.welcome-actions>.council-status>.actions>.btn:hover{opacity:.85}
.welcome-actions>.council-status:has(.council-card){order:1;flex-basis:100%;text-align:left}
.welcome-actions .council-card{margin:8px auto 0}
@media(max-width:700px){
.welcome{padding:24px 4px;max-width:100%}
.welcome>.avatar{width:68px;height:68px}
.welcome>.avatar svg{width:30px;height:30px}
.welcome h2{font-size:30px;line-height:38px;margin:20px 0 12px;letter-spacing:-.6px}
.welcome p{font-size:16px;line-height:26px}
.welcome .chips{margin-top:24px;gap:10px}
.welcome .chip{font-size:14px;min-height:44px;padding:10px 15px}
.welcome-actions{max-width:340px;margin:24px auto 0;flex-direction:column;align-items:stretch}
.welcome-actions .chips{flex-direction:column}
.welcome-actions>.council-status>.actions>.btn{width:100%;font-size:14px;padding:10px 15px}
}

/* Introduction above the middle; project switching lives in the profile menu. */
.chat-scroll:has(.welcome)>.transcript{margin-block:clamp(16px,calc((100dvh - 520px)*.3),150px) auto}
.account-menu .account-project-row{gap:12px;min-height:66px;padding:10px 12px}
.account-project-row .project-badge{width:34px;height:34px;border-radius:10px;background:var(--card);font-size:12px;flex:none}
.account-project-row strong{display:block;font-size:15px;line-height:21px;font-weight:500}
.account-project-row small{display:block;font-size:12px;line-height:18px;color:var(--muted);margin-top:2px}
.project-menu .project-menu-back{font-size:13px;color:var(--muted)}
/* Supplied Kengash artwork; viewBoxes fit its transparent margins without editing it. */
.brand-logo{display:block;width:128px;height:35px;min-width:72px;flex:0 1 128px}
.brand-logo svg{width:100%;height:100%;display:block;stroke:none;overflow:hidden}
.brand-logo .brand-symbol{display:none}
:root[data-theme=dark] .brand-logo{filter:invert(1)}
.auth-card .brand{height:auto;min-height:46px}
.auth-card .brand-logo{width:172px;height:46px;flex:none}
@media(min-width:701px){
 .compact .sidebar .brand{height:auto;min-height:72px;flex-direction:column;gap:8px}
 .compact .sidebar .brand-logo{display:block;flex:none;min-width:0;width:28px;height:30px}
 .compact .sidebar .brand-logo .brand-full{display:none}
 .compact .sidebar .brand-logo .brand-symbol{display:block}
}
.settings-section-actions{display:flex;justify-content:flex-end;margin-bottom:18px}
.settings-library,.settings-integrations{min-width:0;margin-top:28px}
.settings-library .toolbar{gap:12px;flex-wrap:wrap;margin-bottom:18px}
.settings-library .toolbar .field{flex:1;min-width:180px;max-width:400px}
.settings-library .banner,.settings-integrations .banner{font-size:14px;line-height:22px}
.settings-library .table-wrap{max-width:100%;overflow:auto}
.settings-integrations .integration-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.settings-integrations .integration-card h3{font-size:18px}
.settings-integrations .integration-card p{font-size:14px;line-height:22px}
.settings-integrations .integration-footer{flex-wrap:wrap;gap:12px}
@media(max-width:700px){
 .brand-logo{height:35px}
 .settings-library .toolbar .field{max-width:none;min-width:0;flex-basis:100%}
 .settings-section-actions{justify-content:flex-start}
 .settings-integrations .integration-grid{grid-template-columns:1fr}
}
/* Search filters chats directly in the sidebar without rebuilding the conversation. */
.sidebar-search{cursor:text}
.sidebar-search input{flex:1;width:0;min-width:0;height:100%;padding:0;background:transparent;border:0;font-size:15px;line-height:22px;color:var(--text)}
.sidebar-search input::placeholder{color:var(--muted);opacity:1}
.sidebar-search input::-webkit-search-cancel-button,.sidebar-search input::-webkit-search-decoration{appearance:none}
.sidebar-search:focus-within{border-color:var(--muted)!important;box-shadow:0 0 0 1px var(--line)}
.sidebar-search .search-clear{width:26px;height:26px;min-width:26px;display:grid;place-items:center;padding:0;border-radius:50%;color:var(--muted)}
.sidebar-search .search-clear[hidden]{display:none}
.sidebar-search .search-clear svg{width:15px;height:15px}
.sidebar-searching .filter-trigger{display:none}
.chat-search-count{padding:0 10px;flex:1;min-width:0;font-size:13px;color:var(--muted)}
.chat-search-count[hidden]{display:none}
.chat-search-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;text-align:center}
.chat-search-empty>svg{width:25px;height:25px;color:var(--muted)}
.chat-search-empty strong{font-size:14px;font-weight:500}
.chat-search-empty p{font-size:13px;line-height:21px;color:var(--muted)}
@media(max-width:700px){.sidebar-search input{font-size:16px}}

/* Inbox is a workspace page; profile owns display preferences. */
.channel-inbox{width:100%;padding-top:8px}.channel-inbox .tabs{margin-bottom:18px}.channel-inbox .tabs button{min-height:44px;font-size:15px}
.channel-inbox .detail-row{min-height:84px;padding:20px 0;font-size:16px;line-height:24px}.channel-inbox .detail-row p{font-size:14px;color:var(--muted);margin-top:4px}
.channel-inbox .detail-row>.icon{flex:none}.channel-inbox .detail-row .grow{min-width:0;overflow-wrap:anywhere}.channel-inbox .detail-row .btn{flex:none;white-space:nowrap}
@media(max-width:600px){.channel-inbox .detail-row{flex-wrap:wrap;font-size:14px;gap:10px}.channel-inbox .detail-row .grow{flex-basis:calc(100% - 36px)}.channel-inbox .detail-row .btn{margin-left:30px}}
/* Quiet chat organization and anchored workspace navigation. */
:root{font-size:var(--kengash-font-size,14px)}
.chat-row-wrap{position:relative;flex:none;border-bottom:1px solid var(--line)}
.chat-row-wrap:last-child{border-bottom:0}.chat-row-wrap .chat-row{width:100%;margin:0;padding-right:30px}.chat-row-wrap.dragging{opacity:.45}
.chat-organize{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:32px;opacity:0;color:var(--muted)}
.chat-row-wrap:hover .chat-organize,.chat-row-wrap:focus-within .chat-organize{opacity:1}.chat-pin-mark{position:absolute;right:8px;bottom:6px;color:var(--muted)}.chat-pin-mark svg{width:10px;height:10px}
.workspace-anchor{position:relative;flex:none;margin-top:12px;border-top:1px solid var(--line)}
.workspace-anchor .workspace-toggle{width:100%;margin-top:3px}.workspace-toggle::before{display:none}
.workspace-anchor .workspace-links{position:static;padding:4px 0;background:var(--side);border:0;box-shadow:none;max-height:min(260px,32dvh)}
.sidebar .chat-list{min-height:0}
.sidebar-footer{border-top:1px solid var(--line);padding-top:6px}
.header-person-copy{display:flex;flex-direction:column;min-width:0;text-align:left}.header-person-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:460px;font-size:.8rem;line-height:1.35;color:var(--muted);font-weight:400}
.header-person{min-width:0}.header-person-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome>p{max-width:560px;margin:12px auto 24px;line-height:1.6;color:var(--muted)}
.composer-wrap{width:100%;max-width:960px;margin-inline:auto}.composer textarea,.bubble{font-size:calc(var(--kengash-font-size,14px) + 2px)}
.voice-group{display:flex;align-items:center;gap:6px}.voice-delete{opacity:0;transition:opacity .15s}.voice-group:hover .voice-delete,.voice-group:focus-within .voice-delete{opacity:1}
.message-time{display:block;text-align:right;font-size:.7rem;line-height:1.25;margin-top:6px;opacity:.65;font-variant-numeric:tabular-nums;white-space:nowrap}.message-typing{display:inline-flex;margin:0;padding:4px;background:none}.message .bubble{min-width:64px}
html:has(.shell),body:has(.shell){overscroll-behavior-x:auto}
@media(min-width:701px){.compact .chat-list{scrollbar-width:none;padding:0}.compact .chat-list::-webkit-scrollbar{display:none}.compact .chat-row-wrap .chat-row{padding:10px 6px;justify-content:center}.compact .chat-organize{display:none}.compact .workspace-anchor{margin:0;border:0}.compact .workspace-anchor .workspace-links{position:static;border:0;box-shadow:none;padding:4px 0;max-height:min(250px,35dvh)}.compact .chat-pin-mark{right:2px}.compact .chat-row-wrap{border:0}}
@media(pointer:coarse){.voice-delete,.chat-organize{opacity:1}.voice-delete{min-width:44px;min-height:44px}.chat-organize{width:32px;min-height:44px}.chat-row-wrap .chat-row{padding-right:36px}}
@media(max-width:700px){.header-person-copy small{max-width:220px;font-size:.72rem;-webkit-line-clamp:1}.workspace-anchor .workspace-links{display:flex;flex-direction:column;max-height:min(260px,32dvh)}.composer-wrap{max-width:100%}.voice-placeholder{min-width:0;font-size:12px}.voice-group{gap:0}}

/* A dismissible notification stays scoped to the current UI action. */
#toast{display:flex;align-items:center;gap:12px;max-width:min(480px,calc(100vw - 32px));padding:8px 10px 8px 16px}
#toast.show{pointer-events:auto}
#toast>span{min-width:0;overflow-wrap:anywhere}
#toast .toast-dismiss{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;background:transparent;color:inherit;font-size:22px;border-radius:6px}
#toast .toast-dismiss:hover{background:#ffffff20}
#toast .toast-dismiss:focus-visible{outline:2px solid currentColor;outline-offset:1px}
@media(pointer:coarse){#toast .toast-dismiss{width:44px;height:44px}}

/* Field guidance stays beside the retained value, including narrow dialogs. */
.form-hint{font-size:12px;color:var(--muted,#686b70);line-height:1.5;margin:5px 0 12px;overflow-wrap:anywhere}
.form-error{font-size:13px;color:var(--danger,#b3261e);line-height:1.5;margin:6px 0 12px;overflow-wrap:anywhere}
.form-error:empty{visibility:hidden}
.form-error .btn{display:block;margin-top:8px}
.live-modal [aria-invalid="true"]{border-color:var(--danger,#b3261e);outline-offset:3px}

.kg-action-lifecycle{margin:28px 0 8px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.kg-life-head,.kg-life-task-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.kg-life-head h3{margin:0;font-size:20px}.kg-life-pending h4,.kg-life-actual h4{margin:22px 0 10px}
.kg-life-task{padding:16px 0;border-top:1px solid var(--line)}.kg-life-task:first-of-type{border-top:0}.kg-life-task p{color:var(--muted);margin:8px 0 12px}.kg-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kg-life-field{display:grid;gap:6px;color:var(--muted);font-size:13px}.kg-life-field .field{width:100%}
.kg-life-actions,.kg-life-reject{display:flex;align-items:end;gap:10px;margin-top:14px}.kg-life-reject .kg-life-field{flex:1}.kg-life-proof{margin:12px 0 0;padding:12px;border-radius:14px;background:var(--bubble)}.kg-life-measure{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.kg-life-measure>div{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--bubble)}.kg-life-measure strong{font-size:22px}.kg-life-measure small,.kg-life-measure span{color:var(--muted)}
.kg-life-review{display:grid;gap:8px;margin:12px 0;padding:12px;border-radius:14px;background:var(--bubble)}.kg-life-review>div{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:12px}.kg-life-review dt{color:var(--muted)}.kg-life-review dd{margin:0}[data-lifecycle-baseline]+[data-lifecycle-baseline],[data-lifecycle-actual]+[data-lifecycle-actual],[data-lifecycle-outcome]+[data-lifecycle-outcome]{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}[data-lifecycle-baseline]>h5,[data-lifecycle-actual]>h5,[data-lifecycle-outcome]>h5{margin:10px 0}
@media(max-width:700px){.kg-action-lifecycle{padding:16px}.kg-life-grid,.kg-life-measure{grid-template-columns:1fr}.kg-life-review>div{grid-template-columns:1fr;gap:3px}.kg-life-actions,.kg-life-reject{align-items:stretch;flex-direction:column}.kg-life-reject .btn,.kg-life-actions .btn{width:100%}}

/* Dashboard migration: shared Kengash/Grok colors and readable data density. */
.page-dashboard{background:var(--card)}
.page-dashboard .page-body{padding:20px 32px 24px;overflow-x:hidden;scrollbar-gutter:stable}
.page-dashboard .page-inner{max-width:none;margin:0;min-width:0}
.db-workspace{min-width:0;font-size:15px;line-height:1.5;container-type:inline-size}
.db-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 24px}
.db-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;max-width:100%}
.db-actions{display:flex;align-items:center;gap:10px;flex:none}
.db-actions>.btn{min-height:44px;border-radius:24px;white-space:nowrap;padding:10px 16px;font-size:14px}
.db-topbar>.mobile-only{width:44px;height:44px;flex:none}
.db-segments{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--bubble);border-radius:16px;max-width:100%;min-width:0}
.db-segments button{min-height:40px;border-radius:12px;padding:9px 16px;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.db-segments button[aria-selected=true]{background:var(--card);color:var(--text);box-shadow:0 1px 3px var(--line)}
.db-topbar>.db-segments{background:transparent;padding:0;gap:6px;overflow-x:auto;min-width:0}
.db-topbar>.db-segments button{min-height:44px;padding:10px 16px;border-radius:24px;font-size:14px}
.db-topbar>.db-segments button[aria-selected=true]{background:var(--hover);box-shadow:none}
.db-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.db-heading h1{font-size:24px;line-height:32px;letter-spacing:-.6px}
.db-heading p{font-size:14px;color:var(--muted);margin-top:4px}
.db-period{height:44px;min-height:44px;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:8px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:4px 10px;flex:none;max-width:100%;background:var(--card)}
.db-period strong,.db-period small{display:block;font-size:12px;line-height:17px;white-space:nowrap}
.db-period strong{font-size:13px;font-weight:550}
.db-period>span{min-width:0;text-align:center}
.db-period>svg{width:20px;height:20px;stroke-width:1.8;justify-self:center}
.db-period>svg:last-child{width:14px;height:14px}
.db-saved{color:var(--muted);font-size:13px}
.db-note{color:var(--muted);font-size:13px;line-height:21px;margin:12px 0 18px;overflow-wrap:anywhere}
.db-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
.db-kpis-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.db-kpis-eight{grid-template-columns:repeat(4,minmax(0,1fr))}
.db-kpis-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.db-kpis-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.db-kpis.db-kpis-paid{grid-template-columns:repeat(7,minmax(156px,1fr));gap:12px;max-width:100%;overflow-x:auto;padding:4px 2px 10px;margin:0 -2px 16px}
.db-kpis-paid .db-kpi{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:clamp(14px,1cqw,20px);min-height:clamp(124px,8.5cqw,156px);grid-row:auto;box-shadow:0 3px 12px #10182805}
.db-kpis-paid .db-kpi>span{font-size:clamp(12px,.85cqw,15px);white-space:nowrap}
.db-kpis-paid .db-kpi-label{display:flex;align-items:center;gap:clamp(8px,.7cqw,12px);font-weight:500}
.db-kpis-paid .db-kpi-icon{display:grid;place-items:center;flex:none;width:clamp(34px,2.5cqw,46px);height:clamp(34px,2.5cqw,46px);border-radius:12px;background:var(--side);color:var(--text)}
.db-kpis-paid .db-kpi-icon svg{width:clamp(23px,1.6cqw,29px);height:clamp(23px,1.6cqw,29px);stroke-width:1.8}
.db-kpis-paid .db-kpi[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.db-kpis-paid .db-kpi>strong{font-size:clamp(27px,2.2cqw,40px);line-height:1.15;font-weight:650;white-space:nowrap;letter-spacing:-1px}
.db-kpis-paid .db-kpi>strong.db-kpi-long,.db-kpis-paid .db-kpi:last-child>strong{font-size:clamp(20px,1.55cqw,29px);letter-spacing:-.7px}
.db-kpis-paid .db-kpi footer small{white-space:pre-line}
.db-kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;min-width:0;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px}
.db-kpi>span{font-size:14px;line-height:20px;color:var(--muted)}
.db-kpi>strong{font-size:32px;line-height:36px;letter-spacing:-1.1px;font-weight:600;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.db-kpi>strong.db-kpi-long{font-size:27px;letter-spacing:-.7px}
.db-kpi footer{display:flex;align-items:baseline;align-content:start;gap:4px 8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}
.db-kpi footer small{font-size:12px;line-height:18px}
.db-delta{font-size:12px;font-weight:550;white-space:nowrap;display:inline-block;border-radius:7px;padding:2px 5px;background:var(--side)}
.db-delta.good{color:var(--green)}.db-delta.bad{color:var(--red)}
.db-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--card);min-width:0;margin-bottom:22px}
.db-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}
.db-card-head h3{font-size:18px;line-height:25px;font-weight:600;letter-spacing:-.35px}
.db-card-head p{font-size:13px;line-height:20px;color:var(--muted);margin-top:5px}
.db-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.db-paid-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1.1fr);gap:18px;align-items:start}
.db-paid-grid>.db-card{padding:20px}
.db-organic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.db-table-scroll{overflow:auto;max-width:100%;max-height:540px;scrollbar-width:thin;overscroll-behavior-x:contain;overscroll-behavior-y:auto;border:1px solid var(--line);border-radius:14px}
.db-table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.db-table-scroll table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;font-size:14px;line-height:21px}
.db-table-scroll th,.db-table-scroll td{padding:14px 12px;border:0;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;vertical-align:middle}
.db-table-scroll thead th{background:var(--side);position:sticky;top:0;z-index:1;color:var(--muted);font-size:12px;font-weight:500;padding-top:8px;padding-bottom:8px}
.db-table-scroll tr>*:first-child{text-align:left}
.db-table-scroll tbody th{font-weight:500;white-space:normal;min-width:130px}
.db-table-scroll tbody tr:nth-child(even){background:color-mix(in srgb,var(--side) 65%,transparent)}
.db-table-scroll tbody tr:last-child>*{border-bottom:0}
.db-table-scroll tbody tr:hover{background:var(--side)}
.db-table-scroll th button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 0;text-align:inherit;font-size:inherit;color:inherit}
.db-table-scroll th button:hover{background:transparent;color:var(--text)}
.db-table-scroll thead th button span{color:var(--muted);font-size:11px}
.db-table-scroll small{display:block;font-size:12px;font-weight:400;line-height:18px;color:var(--muted);margin-top:4px;white-space:normal;max-width:270px}
.db-table-scroll strong{font-weight:550}
.db-funnel .db-table-scroll th,.db-funnel .db-table-scroll td{padding:14px 10px}
.db-funnel .db-table-scroll th:first-child{min-width:140px}
.db-total>*{font-weight:600;background:var(--side)}
.db-bar{display:block;height:6px;background:var(--bubble);border-radius:4px;margin-top:10px;overflow:hidden;min-width:70px}
.db-bar i{height:100%;display:block;background:var(--text);opacity:.7;border-radius:inherit}
.db-cycle-hero{padding:22px;background:var(--side);border-radius:16px;margin-bottom:18px;display:flex;flex-direction:column;gap:8px}
.db-cycle-hero>span{font-size:13px;color:var(--muted)}
.db-cycle-hero>strong{font-size:40px;line-height:48px;font-weight:600;letter-spacing:-1.2px}
.db-cycle-hero>small{font-size:12px}
.db-awareness-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.db-awareness-controls .db-segments{gap:2px;padding:3px}
.db-awareness-controls .db-segments button{font-size:12px;padding:8px 10px;min-height:36px}
.db-count{font-size:12px;color:var(--muted);margin-left:auto}
.db-awareness .db-table-scroll{border:0;border-radius:0}
.db-disclosure{border-top:1px solid var(--line);padding-top:12px;margin-top:18px}
.db-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;min-height:44px;font-size:13px;font-weight:500}
.db-disclosure summary::-webkit-details-marker{display:none}
.db-disclosure summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
.db-disclosure[open]>summary{margin-bottom:12px}
.db-disclosure[open]>summary svg{transform:rotate(180deg)}
.db-forecast{display:flex;gap:24px;justify-content:space-between;margin:4px 0 22px}
.db-forecast span{color:var(--muted);font-size:13px}
.db-forecast b{display:block;color:var(--text);font-size:38px;font-weight:600;letter-spacing:-1px;margin-top:10px}
.db-inline-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0 8px}
.db-inline-stats>span{font-size:13px;color:var(--muted)}
.db-inline-stats strong{display:block;font-size:24px;color:var(--text);font-weight:550;margin-top:6px}
.db-sources>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.db-sources>div:last-child{border-bottom:0}
.db-sources strong{font-size:14px;font-weight:500;display:block}
.db-sources small{display:block;font-size:12px;line-height:18px;margin-top:4px}
.db-sources b{font-size:16px;font-weight:550}
.db-source-icon,.db-initials{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--side);font-size:11px;font-weight:500}
.db-name{display:flex!important;align-items:center;gap:10px!important;min-height:38px!important;text-align:left!important;font-size:13px!important;font-weight:500;max-width:240px}
.db-name>span:last-child{min-width:100px}
.db-name:hover>span:last-child{text-decoration:underline}
.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center;padding:24px;gap:12px}
.db-empty>svg{width:28px;height:28px;color:var(--muted);margin-bottom:4px}
.db-empty h3{font-size:16px;line-height:23px;font-weight:500}
.db-empty p{font-size:13px;line-height:21px;color:var(--muted);max-width:410px}
.db-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.db-channel{display:flex;align-items:center;gap:12px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;text-align:left;background:var(--card)}
.db-channel[aria-pressed=true]{border-color:var(--text);background:var(--side)}
.db-channel-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bubble)}
.db-channel strong{font-size:15px;font-weight:550;display:block}
.db-channel small{font-size:12px;display:block;margin-top:3px}
.db-channel>b{font-size:19px;font-weight:550;white-space:nowrap}
.db-chart{width:100%;height:auto;min-height:160px;max-height:290px;display:block;overflow:visible}
.db-chart text{font-size:11px;stroke:none;fill:var(--muted)}
.db-chart-grid{stroke:var(--line);stroke-width:1}
.db-chart-area{fill:var(--bubble);stroke:none}
.db-chart-line{stroke:var(--text);stroke-width:2;fill:none}
.db-chart-point{fill:var(--card);stroke:var(--text);stroke-width:1.5}
.db-chart-point:hover,.db-chart-point:focus{fill:var(--text);stroke-width:3;outline:none}
.db-content-title{font-size:14px;line-height:21px;text-align:left;min-width:180px;max-width:400px;padding:4px 0!important;white-space:normal}
.db-content-title:hover{text-decoration:underline}
.db-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.db-date-fields label{font-size:14px}
.db-date-fields input{margin-top:8px;min-height:48px;width:100%;font-size:16px;border-radius:12px}
.db-date-error{font-size:13px;color:var(--red)}
.db-period-options{display:grid;gap:8px}
.db-period-options>button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:16px;min-height:76px;text-align:left}
.db-period-options>button[aria-pressed=true]{background:var(--side)}
.db-period-options strong{display:block;font-size:16px;font-weight:500}
.db-period-options small{display:block;font-size:13px;margin-top:5px}
.db-person{text-align:center;margin-bottom:24px}
.db-person>.db-initials{width:64px;height:64px;font-size:20px;margin-bottom:16px}
.db-person h2{font-size:24px}
.db-person p{font-size:14px;color:var(--muted);margin-top:8px}
@container(max-width:1250px){.db-paid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-awareness{grid-column:1/-1}.db-awareness .db-table-scroll{max-height:none}.db-kpis-six{grid-template-columns:repeat(3,minmax(0,1fr))}.db-kpis-five{grid-template-columns:repeat(3,minmax(0,1fr))}.db-organic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-organic-grid>.db-card:first-child{grid-column:1/-1}}
@container(max-width:850px){.db-kpis,.db-kpis-eight,.db-kpis-six,.db-kpis-five{grid-template-columns:repeat(2,minmax(0,1fr))}.db-grid-two,.db-paid-grid{grid-template-columns:minmax(0,1fr)}.db-awareness{grid-column:auto}.db-heading>.grow{flex-basis:100%}.db-controls{width:100%;justify-content:flex-start}.db-channels{grid-template-columns:1fr}.db-topbar{align-items:flex-start;gap:8px}.db-topbar>.db-segments button{padding:10px 14px;font-size:14px}}
@media(max-width:700px){
 .page-dashboard .page-body{padding:12px 16px 24px;scrollbar-gutter:auto}
 .db-topbar{padding-bottom:22px}
 .db-heading{gap:14px;margin-bottom:16px}
 .db-heading h1{font-size:23px}
 .db-controls>.db-period{width:100%;justify-content:space-between}
 .db-controls>.db-period span{flex:1}
 .db-actions{width:100%}
 .db-actions>.btn.primary{flex:1}
 .db-kpis{gap:10px;margin-bottom:16px}
 .db-kpis-three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .db-kpi{padding:12px;border-radius:16px}
 .db-kpi>span{font-size:13px}
 .db-kpi>strong{font-size:27px;line-height:34px;letter-spacing:-.8px}
 .db-kpi>strong.db-kpi-long{font-size:23px}
 .db-kpi footer{gap:4px}
 .db-card,.db-paid-grid>.db-card{padding:16px;border-radius:18px;margin-bottom:16px}
 .db-card-head{margin-bottom:18px}
 .db-card-head h3{font-size:17px}
 .db-grid-two,.db-paid-grid,.db-organic-grid{gap:0;grid-template-columns:1fr}
 .db-organic-grid>.db-card:first-child{grid-column:auto}
 .db-table-scroll th,.db-table-scroll td{padding:12px 10px;font-size:13px}
 .db-table-scroll thead th button{min-height:40px}
 .db-table-scroll table{font-size:13px}
 .db-funnel .db-table-scroll th:first-child{min-width:118px}
 .db-funnel .db-table-scroll th,.db-funnel .db-table-scroll td{padding-left:8px;padding-right:8px}
 .db-forecast{gap:12px}
 .db-forecast b{font-size:32px}
 .db-date-fields{grid-template-columns:1fr}
 .db-empty{padding:20px 8px}
}
@media(prefers-reduced-motion:reduce){.db-segments button{transition:none}}
.db-table-scroll .sr-only,.db-ad-columns .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container(min-width:1380px){
 .db-kpis-eight{grid-template-columns:repeat(8,minmax(0,1fr))}
 .db-kpis-eight .db-kpi>strong{font-size:27px;line-height:34px}
 .db-kpis-eight .db-kpi>strong.db-kpi-long{font-size:22px;line-height:34px}
}
.db-table-scroll tbody th{font-size:14px;line-height:21px;color:var(--text);background:transparent;font-weight:500}
.db-table-scroll tbody th .db-name{color:var(--text)}
@media(max-width:700px){.db-table-scroll tbody th{font-size:13px}}

/* Keep the paid analytics panels dense enough to scan together. */
.db-paid-grid{gap:16px}
.db-paid-grid>.db-card{padding:16px;border-radius:18px;margin-bottom:16px}
.db-paid-grid .db-card-head{margin-bottom:14px}
.db-paid-grid .db-card-head h3{font-size:16px;line-height:22px}
.db-paid-grid .db-card-head p{font-size:12px;line-height:18px;margin-top:3px}
.db-paid-grid .db-table-scroll{max-height:none;border-radius:12px}
.db-paid-grid .db-table-scroll th,.db-paid-grid .db-table-scroll td{padding:8px 10px;font-size:13px;line-height:20px}
.db-paid-grid .db-table-scroll thead th{padding-top:7px;padding-bottom:7px;font-size:12px;line-height:18px}
.db-paid-grid .db-table-scroll small{font-size:12px;line-height:16px;margin-top:2px}
.db-paid-grid .db-bar{height:5px;margin-top:6px}
.db-paid-grid .db-cycle-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;padding:14px;margin-bottom:12px;border-radius:12px}
.db-paid-grid .db-cycle-hero>span{font-size:12px;line-height:18px}
.db-paid-grid .db-cycle-hero>strong{grid-column:2;grid-row:1/span 2;font-size:28px;line-height:36px;letter-spacing:-.8px;white-space:nowrap}
.db-paid-grid .db-cycle-hero>small{grid-column:1;font-size:12px;line-height:16px}
.db-paid-grid .db-awareness-controls{gap:8px;margin-bottom:10px}
.db-paid-grid .db-awareness-controls .db-segments button{min-height:32px;padding:6px 9px}
.db-paid-grid .db-awareness .db-table-scroll{border-radius:0}
.db-paid-grid .db-note{font-size:12px;line-height:18px;margin:10px 0 12px}
.db-paid-grid .db-disclosure{padding-top:6px;margin-top:12px}
.db-paid-grid .db-disclosure summary{min-height:40px;font-size:12px}
/* Paid breakdown: original level/filter/sort workflow, compact Grok controls. */
.db-ad-structure{padding:16px 0 0;border-radius:18px;min-width:0}
.db-ad-heading{padding:0 16px 12px}
.db-ad-heading h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;line-height:22px}
.db-ad-sample{font-size:11px;line-height:18px;font-weight:400;letter-spacing:0;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;white-space:nowrap}
.db-ad-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 12px 12px}
.db-ad-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto;min-width:0}
.db-ad-levels{flex:none}
.db-ad-levels button,.db-ad-statuses button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;font-size:13px;white-space:nowrap}
.db-ad-levels svg{width:15px;height:15px}
.db-ad-levels button span,.db-ad-statuses button span{font-size:11px;opacity:.7}
.db-ad-statuses{display:flex;background:var(--side);border-radius:12px;padding:3px}
.db-ad-statuses button{border-radius:9px;color:var(--muted)}
.db-ad-statuses button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000000d}
.db-ad-search{display:flex;align-items:center;gap:7px;height:38px;border:1px solid var(--line);border-radius:11px;padding:0 10px;width:210px;min-width:140px;margin:0!important}
.db-ad-search svg{width:16px;height:16px;color:var(--muted);flex:none}
.db-ad-search input{min-width:0;width:100%;border:0;background:transparent;font-size:13px;color:var(--text);outline:none;padding:0}
.db-ad-search:focus-within{outline:2px solid var(--text);outline-offset:2px}
.db-ad-column-anchor{position:relative}
.db-ad-column-trigger{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px}
.db-ad-column-trigger svg{width:17px;height:17px}
.db-ad-breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 16px 12px;font-size:12px;color:var(--muted)}
.db-ad-breadcrumbs button{font-size:12px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.db-ad-breadcrumbs svg{width:13px;height:13px;flex:none}
.db-ads-scroll{max-height:none;border:0;border-top:1px solid var(--line);border-radius:0}
.db-ads-table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.db-ads-table th,.db-ads-table td{font-size:12px;line-height:18px;padding:4px 6px;text-align:center;white-space:nowrap;vertical-align:middle;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.db-ads-table th:last-child,.db-ads-table td:last-child{border-right:0}
.db-ads-table tr>th:first-child{position:sticky;left:0;z-index:2;min-width:176px;width:176px;max-width:176px;text-align:left;background:var(--card)}
.db-ads-table thead th{background:var(--side);font-size:12px;font-weight:700;padding:0 6px}
.db-ads-table thead th:first-child{z-index:3;background:var(--side)}
.db-ads-table thead button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:42px;font-size:inherit;font-weight:700;white-space:nowrap;color:var(--text)}
.db-ads-table thead th:first-child button{justify-content:flex-start}
.db-ads-table thead .db-ad-head-label{opacity:1;color:inherit;font-size:inherit;line-height:15px;white-space:normal}
.db-ads-table thead :is([data-id=lead_speed],[data-id=lead_speed_raw]) .db-ad-head-label{white-space:nowrap}
.db-ads-table thead .db-ad-head-label small{display:block;font:inherit}
.db-ads-table thead .db-ad-sort-icon{opacity:.5;font-size:10px;flex:none}
.db-ads-table th[aria-sort=ascending] button,.db-ads-table th[aria-sort=descending] button{color:var(--text);font-weight:700}
.db-ads-table tbody tr:nth-child(even)>*{background:var(--side)}
.db-ads-table tbody tr:hover>*{background:var(--hover)}
.db-ads-table tbody tr.db-ad-risk>*{background:#fff1f2;color:#9f1239}
.db-ads-table tbody tr.db-ad-risk:hover>*{background:#ffe4e6}
.db-ads-table tbody tr.db-ad-risk>th:first-child{box-shadow:inset 3px 0 #e11d48}
[data-theme=dark] .db-ads-table tbody tr.db-ad-risk>*{background:#3f1924;color:#fda4af}
[data-theme=dark] .db-ads-table tbody tr.db-ad-risk:hover>*{background:#511d2c}
.db-ads-table tbody tr.db-ad-good>*{background:#f0fdf4;color:#166534}
.db-ads-table tbody tr.db-ad-good:hover>*{background:#dcfce7}
.db-ads-table tbody tr.db-ad-good>th:first-child{box-shadow:inset 3px 0 #16a34a}
[data-theme=dark] .db-ads-table tbody tr.db-ad-good>*{background:#153327;color:#86efac}
[data-theme=dark] .db-ads-table tbody tr.db-ad-good:hover>*{background:#1c442f}
.db-ads-table tbody .db-ad-name{display:flex;align-items:center;gap:9px;min-height:36px;padding:0!important;text-align:left;width:100%;font-size:13px;background:transparent!important}
.db-ad-thumb{position:relative;overflow:hidden;width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--muted)}
.db-ad-thumb svg{height:16px;width:16px}
.db-ad-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--card)}
.db-ad-name-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.db-ad-name-text strong{font-weight:550;font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-ad-name-text small{display:block!important;color:var(--muted);font-size:10px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.db-ad-name:hover strong{text-decoration:underline;text-underline-offset:3px}
.db-ads-table tfoot td,.db-ads-table tfoot th{background:var(--card)!important;font-weight:600;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:8px;padding-bottom:8px}
.db-ad-total-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.db-ads-table tfoot small{display:inline;font-size:11px;font-weight:400;margin:0;color:var(--muted);white-space:nowrap}
.db-ad-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px;min-height:36px;font-size:11px;color:var(--muted)}
.db-ad-bottom .btn{font-size:12px;min-height:32px;padding:5px 10px}
.db-organic-unavailable>.db-segments{width:max-content;max-width:100%;margin-bottom:20px}
.db-range-notice{padding:32px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-align:center}
.db-range-notice>svg{width:28px;height:28px;color:var(--muted);margin-bottom:12px}
.db-range-notice h3{font-size:18px;line-height:26px;margin-bottom:8px}
.db-range-notice p{font-size:14px;line-height:22px;color:var(--muted);margin-top:4px}
.db-range-notice .actions{justify-content:center;margin-top:20px}
.db-range-notice .btn{min-height:44px}
.db-ad-empty{text-align:center!important;padding:34px 12px!important}
.db-ad-empty>svg{display:block;margin:0 auto 10px;color:var(--muted);height:24px}
.db-ad-empty strong{display:block;margin-bottom:12px;font-size:14px}
.db-ad-columns{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:calc(100vw - 36px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #0002;z-index:30;overflow:hidden}
.db-ad-columns header,.db-ad-columns footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:12px}
.db-ad-columns header{border-bottom:1px solid var(--line);font-size:14px}
.db-ad-columns header button{height:32px;width:32px;display:grid;place-items:center;border-radius:9px}
.db-ad-columns header svg{width:16px;height:16px}
.db-ad-column-list{max-height:min(430px,55dvh);overflow:auto;overscroll-behavior:contain;padding:4px 8px}
.db-ad-column{position:relative;display:flex;align-items:center;gap:8px;min-height:37px;border-radius:8px}
.db-ad-column:hover{background:var(--side);border-radius:8px}
.db-ad-column label{display:flex;align-items:center;gap:10px;align-self:stretch;padding:6px 8px 6px 0;flex:1;min-width:0;margin:0!important;font-size:12px;cursor:pointer}
.db-ad-column input{width:15px;height:15px;accent-color:var(--text);flex:none}
.db-ad-column input:disabled{cursor:not-allowed}
.db-ad-column .db-ad-drag{display:grid;place-items:center;flex:none;width:28px;min-height:34px;align-self:stretch;border-radius:7px;color:var(--muted);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.db-ad-drag svg{width:16px;height:20px;pointer-events:none}
.db-ad-drag:active,.db-ad-drag[aria-pressed=true]{cursor:grabbing}
.db-ad-column.is-dragging{opacity:.3}
.db-ad-column.is-keyboard-drag{background:var(--hover);outline:1px solid var(--text);outline-offset:-1px}
.db-ad-column.db-ad-drop-before::before,.db-ad-column.db-ad-drop-after::after{content:"";position:absolute;left:5px;right:5px;height:2px;background:var(--text);z-index:2;border-radius:2px;pointer-events:none}
.db-ad-column.db-ad-drop-before::before{top:0}
.db-ad-column.db-ad-drop-after::after{bottom:0}
.db-ad-drag-preview{position:fixed;z-index:100;pointer-events:none;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0003;min-height:37px;opacity:.98}
.db-ad-drag-preview label{font-size:12px;margin:0!important}
.db-ad-drag-preview input{accent-color:var(--text)}
.db-ad-columns footer{border-top:1px solid var(--line);background:var(--card)}
.db-ad-columns footer .btn{font-size:12px;min-height:34px}
.db-ad-detail-overlay{align-items:center!important}
.modal.db-ad-detail-modal{width:1180px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;background:var(--card)}
.db-ad-detail-modal>.modal-head{position:sticky;top:0;z-index:3;margin:0;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--card);align-items:flex-start}
.db-ad-title{min-width:0;flex:1}.db-ad-title>small{display:block;font-size:10px;line-height:16px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.db-ad-title>h2{font-size:22px;line-height:28px}.db-ad-title>p{font-size:12px;line-height:18px;color:var(--muted);margin:5px 0 0}
.db-ad-detail-modal>.modal-head>.icon-btn{flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px}
.db-ad-detail{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;padding:22px;align-items:start}
.db-ad-preview,.db-ad-detail-main{min-width:0}
.db-ad-poster{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--side);border:1px solid var(--line);border-radius:14px;min-height:360px;padding:24px;text-align:center}
.db-ad-poster>svg{width:30px;height:30px;color:var(--muted);margin-bottom:4px}
.db-ad-poster>strong{font-size:22px;line-height:28px;letter-spacing:-.5px}
.db-ad-poster>small{font-size:12px;line-height:18px;color:var(--muted)}
.db-ad-media-meta{margin:12px 0 0;padding:4px 12px;border:1px solid var(--line);border-radius:11px;background:var(--side)}
.db-ad-media-meta>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:16px}
.db-ad-media-meta>div:last-child{border:0}.db-ad-media-meta dt{color:var(--muted)}.db-ad-media-meta dd{margin:0;font-weight:550;text-align:right}
.db-ad-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:8px;align-content:start}
.db-ad-detail-metrics>div{min-width:0;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--side);display:flex;flex-direction:column;justify-content:center}
.db-ad-detail-metrics dt{font-size:12px;color:var(--muted);line-height:16px;overflow-wrap:anywhere}
.db-ad-detail-metrics dd{font-size:22px;font-weight:600;margin:6px 0 0;line-height:26px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.db-ad-detail-metrics small{display:block;font-size:11px;line-height:16px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}
.db-ad-detail-metrics [data-off=true]{border-style:dashed;background:var(--card)}.db-ad-detail-metrics [data-off=true] dd{color:var(--muted)}
.db-ad-detail-disclosure{margin-top:16px;border-top:1px solid var(--line);min-width:0}
.db-ad-disclosure-header{display:flex;align-items:center;gap:6px;padding:8px 0}
.db-ad-disclosure-toggle{display:flex;align-items:center;gap:6px;min-width:0;flex:1;text-align:left;min-height:40px;padding:4px 0;font-size:13px;line-height:18px}
.db-ad-disclosure-toggle>span{min-width:0;overflow-wrap:anywhere}
.db-ad-disclosure-toggle>small{font-size:11px;line-height:16px;color:var(--muted);white-space:nowrap}
.db-ad-disclosure-toggle>svg:first-child{width:28px;height:28px;padding:5px;background:var(--side);border-radius:7px;flex:none;color:var(--muted)}
.db-ad-disclosure-toggle>svg:last-child{width:16px;height:16px;margin-left:auto;flex:none;color:var(--muted)}
.db-ad-disclosure-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}
.db-ad-transcript-action{display:grid;place-items:center;flex:none;width:32px;height:36px;border:1px solid var(--line);border-radius:9px}.db-ad-transcript-action svg{width:16px;height:16px}
.db-ad-detail-disclosure pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:22px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--side);max-height:320px;overflow:auto;margin:8px 0 0}
.db-ad-detail-disclosure section>small{font-size:11px;color:var(--muted)}
.db-ad-awareness-panel{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--side)}.db-ad-awareness-panel strong{font-size:22px;line-height:28px}.db-ad-awareness-panel p{font-size:12px;line-height:20px;color:var(--muted);margin-top:10px}
.db-ad-detail [hidden]{display:none!important}
@media(max-width:700px){
 .db-paid-grid{gap:0}
 .db-paid-grid .db-table-scroll th,.db-paid-grid .db-table-scroll td{padding-left:8px;padding-right:8px}
 .db-paid-grid .db-awareness-controls .db-segments button{min-height:44px}
 .db-paid-grid .db-disclosure summary{min-height:44px;font-size:13px}
 .db-ad-toolbar{gap:8px;padding:0 8px 10px}
 .db-ad-tools{width:100%;margin:0;gap:6px}
 .db-ad-search{width:100%;height:44px}
 .db-ad-statuses{flex:1}
 .db-ad-statuses button{flex:1;justify-content:center;min-height:40px;padding:6px;font-size:12px;gap:4px}
 .db-ad-levels{width:100%;justify-content:space-between}
 .db-ad-levels button{min-height:44px;padding:6px 8px;font-size:12px}
 .db-ad-column-trigger{width:44px;height:44px}
 .db-ads-table tr>th:first-child{width:178px;min-width:178px;max-width:178px;padding-left:8px;padding-right:8px}
 .db-ads-table tbody .db-ad-name{min-height:44px;gap:7px}
 .db-ad-thumb{width:32px;height:32px}
 .db-ad-name-text strong{font-size:12px}
 .db-ads-table th,.db-ads-table td{padding:2px 10px}
 .db-ads-table thead button{min-height:44px}
 .db-ad-column{min-height:44px}
 .db-ad-column .db-ad-drag{min-height:44px;width:36px}
 .db-ad-columns footer .btn,.db-ad-bottom .btn{min-height:44px}
 .modal.db-ad-detail-modal{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:0}
 .db-ad-detail-modal>.modal-head{padding:14px;gap:8px}.db-ad-detail-modal>.modal-head>.db-ad-sample{font-size:10px}
 .db-ad-detail{grid-template-columns:1fr;gap:16px;padding:14px}
 .db-ad-poster{min-height:280px;padding:16px;gap:8px}
 .db-ad-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .db-ad-detail-metrics dd{font-size:20px;line-height:25px}
 .db-ad-disclosure-toggle{min-height:44px}.db-ad-transcript-action{height:44px;width:40px}
}

/* Department tabs and toolbar actions share one text and control size. */
.db-topbar :is(.db-segments button,.db-actions>.btn){display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;width:auto;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;letter-spacing:normal}
.db-topbar>.db-actions>.btn{flex:0 0 auto}

/* Paid summaries share one card size and aligned content rows. */
.db-paid-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin-bottom:16px}
.db-paid-grid>.db-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:16px;grid-column:auto}
.db-paid-grid .db-card-head{min-height:0;flex:none;margin:0 0 10px}
.db-paid-grid .db-card-head>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.db-paid-grid .db-card-head p{margin:0}
.db-paid-grid .db-paid-summary,.db-paid-grid .db-cycle-hero{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:56px;height:56px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--side)}
.db-paid-grid .db-cycle-hero{flex-direction:row;gap:12px}
.db-paid-grid .db-cycle-hero>strong{font-size:28px;line-height:36px}
.db-paid-grid .db-paid-summary.db-awareness-controls{padding:4px}
.db-paid-grid .db-awareness-controls .db-segments{display:flex;flex:1;gap:4px;padding:0;background:transparent;min-width:0}
.db-paid-grid .db-awareness-controls .db-segments button{flex:1;justify-content:center;min-height:44px;padding:6px 8px;font-size:13px}
.db-paid-grid .db-table-scroll{flex:1;max-height:none}
.db-paid-grid .db-table-scroll table{height:100%}
.db-paid-grid .db-awareness .db-table-scroll{border:1px solid var(--line);border-radius:12px}
.db-paid-grid .db-note{margin:12px 0 0}
.db-paid-grid .db-awareness .db-table-scroll table{font-size:clamp(12px,.8cqw,14px)}
.db-paid-grid .db-awareness .db-table-scroll th,.db-paid-grid .db-awareness .db-table-scroll td{padding-left:6px;padding-right:6px}
.db-paid-grid .db-awareness .db-table-scroll tr>*+*{border-left:1px solid var(--line)}
.db-paid-grid .db-awareness .db-table-scroll tr>*:nth-child(3){text-align:center}
.db-paid-grid .db-awareness .db-table-scroll tr>*:first-child{min-width:90px;width:28%}
.db-paid-grid .db-awareness .db-table-scroll thead th{font-size:12px;white-space:normal;font-weight:600}
.db-paid-grid .db-awareness .db-table-scroll thead button{gap:4px;white-space:normal}
@container(max-width:1120px){
 .db-paid-grid{grid-template-columns:minmax(0,1fr)}
 .db-paid-grid .db-card-head{min-height:0}
 .db-paid-grid .db-table-scroll table{height:auto}
}

/* Keep the dashboard visible while its next period is fetched. */
.db-workspace[aria-busy="true"] .db-actions [data-act="db-refresh"] svg{animation:db-refresh-spin 1s linear infinite}
@keyframes db-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.db-workspace[aria-busy="true"] .db-actions [data-act="db-refresh"] svg{animation:none}}

@media(max-width:700px){.db-paid-grid .db-awareness .db-table-scroll thead th:not([aria-sort]) button span{display:none}}

/* Funnel comparisons use each metric's beneficial direction. */
.db-funnel .db-table-scroll thead th{font-size:13px;font-weight:700;color:var(--text)}
.db-funnel .db-table-scroll thead button{font-weight:700;color:var(--text)}
.db-funnel-change{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}
.db-funnel-change.good{color:var(--green)}
.db-funnel-change.bad{color:var(--red)}
.db-funnel-change.neutral{color:var(--muted);font-weight:400}
.db-funnel-change>span[aria-hidden]{font-size:11px}
/* Render the tooltip outside the horizontally scrollable KPI row. */
.db-kpi-tooltip{position:fixed;z-index:1000;max-width:min(300px,calc(100vw - 16px));padding:7px 10px;border-radius:8px;background:var(--strong);color:var(--on);box-shadow:0 4px 12px #0002;font-size:12px;line-height:18px;font-weight:500;pointer-events:none}
.db-funnel .db-table-scroll th,.db-funnel .db-table-scroll td{padding-left:8px;padding-right:8px}
.db-funnel .db-table-scroll tr>*:first-child{min-width:0}
.db-paid-grid .db-funnel .db-table-scroll tr>*+*{border-left:1px solid var(--line)}
.db-paid-grid .db-funnel .db-table-scroll tr>*:not(:first-child){text-align:center}
.db-paid-grid .db-funnel .db-table-scroll thead th:not(:first-child) button{justify-content:center}
@media(max-width:700px){
 .db-funnel .db-table-scroll th,.db-funnel .db-table-scroll td{padding-left:6px;padding-right:6px}
 .db-funnel .db-table-scroll thead th:not([aria-sort]) button span{display:none}
}

/* Compact controls and consistent, readable panel headings. */
.db-workspace .btn.db-refresh{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}
.db-workspace .btn.db-refresh svg{width:20px;height:20px;stroke-width:1.8}
.db-paid-grid .db-cycle .db-table-scroll thead th,.db-paid-grid .db-awareness .db-table-scroll thead th{font-weight:700;color:var(--text)}
.db-paid-grid .db-cycle .db-table-scroll thead button,.db-paid-grid .db-awareness .db-table-scroll thead button{font-weight:700;color:var(--text)}
@container(max-width:1360px){.db-paid-grid .db-awareness .db-table-scroll thead th:not([aria-sort]) button span{display:none}}
@media(max-width:700px){.db-paid-grid .db-awareness .db-table-scroll tbody th,.db-paid-grid .db-awareness .db-table-scroll tbody td{font-size:12px}}

@container(max-width:1100px){
 .db-ads-table th,.db-ads-table td{padding-left:4px;padding-right:4px}
 .db-ads-table tr>th:first-child{min-width:160px;width:160px;max-width:160px}
}

/* Center awareness metrics and show the measured sales-cycle distribution. */
.db-paid-grid .db-awareness .db-table-scroll tr>*:not(:first-child){text-align:center}
.db-paid-grid .db-awareness .db-table-scroll thead th:not(:first-child) button{justify-content:center}
.db-paid-grid .db-cycle-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:64px;align-items:center;gap:3px 12px;padding:10px 12px;background:var(--side);color:var(--text)}
.db-paid-grid .db-cycle-hero>span{font-size:12px;font-weight:400;line-height:18px;color:var(--muted)}
.db-paid-grid .db-cycle-hero>strong{grid-column:2;grid-row:1/span 2;font-size:28px;font-weight:600;line-height:36px;letter-spacing:-.8px;color:var(--text)}
.db-paid-grid .db-cycle-hero>small{grid-column:1;font-size:12px;line-height:16px;color:var(--text)}
.db-paid-grid .db-cycle .db-table-scroll th,.db-paid-grid .db-cycle .db-table-scroll td{padding:10px;text-align:center}
.db-paid-grid .db-cycle .db-table-scroll tr>*:first-child{text-align:left;width:56%;min-width:0}
.db-paid-grid .db-cycle .db-table-scroll tr>*+*{border-left:1px solid var(--line)}
.db-paid-grid .db-cycle .db-table-scroll thead th{font-size:12px}
.db-paid-grid .db-cycle .db-table-scroll thead button{justify-content:center;gap:4px}
.db-paid-grid .db-cycle .db-table-scroll thead th:first-child button{justify-content:flex-start}
.db-paid-grid .db-cycle .db-table-scroll tbody td{font-size:20px;font-weight:650;white-space:nowrap}
.db-paid-grid .db-cycle .db-table-scroll tbody td:last-child{font-size:16px;color:var(--muted)}
.db-cycle-bucket{display:block;min-width:0}
.db-cycle-bucket>b{font-size:15px;font-weight:650;line-height:20px}
.db-cycle-bucket .db-bar{display:block;width:100%;height:8px;margin:8px 0 0;background:#ececf0}
.db-cycle-bucket .db-bar>i{background:#c7d2fe;opacity:1}
.db-paid-grid .db-cycle .db-table-scroll .db-total>*{padding-top:12px;padding-bottom:12px;font-size:16px;font-weight:700;color:var(--text)}
[data-theme=dark] .db-cycle-bucket .db-bar{background:#373747}
[data-theme=dark] .db-cycle-bucket .db-bar>i{background:#818cf8}

.db-refresh-message{max-width:190px;font-size:11px;line-height:1.4;color:var(--muted)}
.db-refresh-message.error{color:var(--red)}
.db-refresh[aria-busy="true"] svg{animation:db-refresh-spin 1s linear infinite}
@media(prefers-reduced-motion:reduce){.db-refresh[aria-busy="true"] svg{animation:none}}

/* Anchored range picker, using the platform's light/dark color tokens. */
html:has(.db-calendar-dialog),body:has(.db-calendar-dialog){overflow:hidden;overscroll-behavior:none}
body:has(.db-calendar-dialog) .page-body{overflow-y:hidden}
.db-calendar-overlay{background:transparent;backdrop-filter:none;padding:12px;display:block;overflow:hidden;overscroll-behavior:none}
.db-calendar-dialog .dbc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.modal.db-calendar-dialog{position:fixed;width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border-radius:22px;background:var(--card);box-shadow:0 12px 60px #0002;overflow:auto;overscroll-behavior:contain}
.dbc-picker{display:grid;grid-template-columns:160px minmax(0,1fr);min-width:0;font-size:13px;line-height:1.5}
.dbc-presets{background:var(--side);border-right:1px solid var(--line);padding:16px 8px;max-height:560px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.dbc-presets h3{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);padding:0 12px;margin-bottom:12px}
.dbc-preset-list{display:grid;gap:2px}
.dbc-presets button{display:flex;align-items:center;width:100%;text-align:left;min-height:30px;padding:5px 8px;border-radius:10px;font-size:13px;line-height:20px;gap:6px}
.dbc-presets button[aria-pressed=true]{background:var(--hover);color:var(--text);font-weight:600}
.dbc-preset-dot{width:5px;height:5px;border-radius:50%;background:transparent;flex:none}
.dbc-presets button[aria-pressed=true] .dbc-preset-dot{background:var(--text)}
.dbc-saved-presets{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;display:grid;gap:4px}
.dbc-saved-presets button{display:block;font-size:12px}
.dbc-saved-presets small{display:block;font-size:10px;line-height:16px;font-weight:400;color:var(--muted);margin-top:3px}
.dbc-main{min-width:0}
.dbc-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:16px 20px;min-width:0}
.dbc-month{min-width:0}
.dbc-month header{display:flex;align-items:center;justify-content:space-between;gap:6px;height:36px;margin-bottom:8px}
.dbc-month h3{font-size:15px;line-height:22px;letter-spacing:-.3px;text-align:center;font-weight:600}
.dbc-nav,.dbc-nav-space{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;padding:0}
.dbc-nav svg{width:18px;height:18px}
.dbc-weekdays,.dbc-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.dbc-weekdays span{font-size:12px;line-height:20px;color:var(--muted);text-align:center;padding:4px 0 8px}
.dbc-days{row-gap:3px}
.dbc-day,.dbc-day-empty{height:34px;min-width:0}
.dbc-day{position:relative;padding:0;font-size:13px;line-height:20px;border-radius:0;font-variant-numeric:tabular-nums}
.dbc-day.is-range{background:var(--bubble);color:var(--text)}
.dbc-day.is-start,.dbc-day.is-end{background:var(--strong);color:var(--on);font-weight:600;border-radius:12px}
.dbc-day.is-start:hover,.dbc-day.is-end:hover{background:var(--strong)!important;color:var(--on)}
.dbc-day[aria-current=date]:not(.is-start):not(.is-end){box-shadow:inset 0 0 0 1px var(--text);border-radius:12px;font-weight:600}
.dbc-day:focus-visible{outline:2px solid var(--text);outline-offset:-3px;border-radius:12px;z-index:1}
.dbc-day.is-start:focus-visible,.dbc-day.is-end:focus-visible{outline-color:var(--on)}
.dbc-day:disabled{opacity:.3;cursor:default}
.dbc-footer{padding:16px 20px;border-top:1px solid var(--line);background:var(--card)}
.dbc-fields{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) auto;align-items:end;gap:10px}
.dbc-fields label{display:block;font-size:12px;line-height:18px;color:var(--muted);margin:0}
.dbc-fields .field{display:block;width:100%;max-width:none;min-width:0;height:38px;min-height:38px;border-radius:10px;margin:6px 0 0;padding:8px 10px;font-size:13px;background:var(--card);color:var(--text)}
.dbc-fields .field[aria-invalid=true]{border-color:var(--red)}
.dbc-field-arrow{height:38px;display:grid;place-items:center;color:var(--muted)}
.dbc-actions{display:flex;gap:8px}
.dbc-actions .btn{min-height:38px;padding:8px 12px;border-radius:10px;font-size:13px;white-space:nowrap}
.dbc-actions .primary:hover{background:var(--strong);opacity:.88}
.dbc-footnotes{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:11px;line-height:18px}
.dbc-footnotes p{line-height:18px}
.dbc-footer .db-date-error:empty{display:none}
.dbc-footer .db-date-error{font-size:12px;line-height:18px;margin-top:10px}
@media(max-width:900px) and (min-width:701px){
 .dbc-picker{grid-template-columns:150px minmax(0,1fr)}
 .dbc-presets{padding:16px 6px}
 .dbc-presets button{font-size:13px;padding:7px 6px}
 .dbc-calendars{gap:12px;padding-left:16px;padding-right:16px}
 .dbc-footer{padding-left:16px;padding-right:16px}
 .dbc-fields{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}
 .dbc-actions{grid-column:1/-1;justify-content:flex-end}
 .dbc-month h3{font-size:15px}
 .dbc-nav,.dbc-nav-space{width:30px}
}
@media(max-width:700px){
 .db-calendar-overlay{background:#0004;padding:10px;display:grid;place-items:center}
 .modal.db-calendar-dialog{position:relative;width:100%;max-height:calc(100dvh - 20px);border-radius:20px}
 .dbc-picker{grid-template-columns:minmax(0,1fr)}
 .dbc-presets{padding:10px 12px;border:0;border-bottom:1px solid var(--line);overflow:visible;max-height:none}
 .dbc-presets h3{display:none}
 .dbc-preset-list{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin}
 .dbc-presets button{min-height:44px;width:auto;white-space:nowrap;flex:none}
 .dbc-saved-presets{display:flex;padding-top:8px;margin-top:8px;gap:8px}
 .dbc-saved-presets button{flex:1;min-width:0;font-size:12px}
 .dbc-saved-presets small{font-size:10px}
 .dbc-calendars{grid-template-columns:minmax(0,1fr);padding:12px 12px 18px;gap:20px}
 .dbc-month h3{font-size:18px}
 .dbc-nav,.dbc-nav-space{width:44px;height:44px}
 .dbc-day,.dbc-day-empty{height:44px}
 .dbc-day{font-size:15px}
 .dbc-footer{position:sticky;bottom:0;z-index:2;padding:14px 12px;box-shadow:0 -6px 20px #00000005}
 .dbc-fields{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:8px}
 .dbc-fields .field{font-size:16px;padding:8px;letter-spacing:-.5px}
 .dbc-actions{grid-column:1/-1;justify-content:flex-end;margin-top:4px}
 .dbc-actions .btn{flex:1;font-size:15px}
 .dbc-footnotes{margin-top:10px;gap:0;font-size:10px;display:block;text-align:center}
 .dbc-footnotes p{line-height:16px}
}

/* Organic mirrors the source hierarchy using Kengash's monochrome tokens. */
.dbo-workspace{min-width:0;font-size:14px;line-height:1.5;--dbo-soft:var(--side)}
.dbo-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dbo-summary article{min-width:0;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:var(--card)}
.dbo-summary article>header{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:13px;min-height:20px}
.dbo-summary article em{font-size:9px;border:1px dashed var(--line);font-style:normal;border-radius:5px;padding:1px 5px}
.dbo-kpi-value{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:6px 0 14px}
.dbo-kpi-value>b{font-size:32px;line-height:40px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}
.dbo-summary-baseline{font-size:12px;line-height:18px;color:var(--muted);font-variant-numeric:tabular-nums}
.dbo-summary article>small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.dbo-spark{width:100%;height:30px;display:block;stroke:var(--text);stroke-width:1.5;fill:none}
.dbo-spark .area{fill:var(--bubble);stroke:none;opacity:.6}
.dbo-spark .missing{stroke:var(--line);stroke-dasharray:4 4}
.dbo-delta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:6px;font-size:11px;font-weight:550;line-height:18px;padding:1px 5px;color:var(--muted);background:var(--side);font-variant-numeric:tabular-nums}
.dbo-delta.good{color:var(--green)}.dbo-delta.bad{color:var(--red)}
.dbo-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dbo-channel{min-width:0;border:1px solid var(--line);border-radius:18px;padding:17px 14px;background:var(--card);text-align:left;transition:background .15s,border-color .15s}
.dbo-channel:hover:not(:disabled){background:var(--card)}
.dbo-channel[aria-pressed=true]{border-color:var(--text)}
.dbo-channel-head{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:17px}
.dbo-channel-head>strong{font-size:18px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere;min-width:0}
.dbo-avatar{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid var(--line);border-radius:50%;background:var(--strong);color:var(--on);box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--line)}
.dbo-avatar>span{font-size:17px;font-weight:600;letter-spacing:-1px}
.dbo-avatar>i{position:absolute;left:-5px;top:-5px;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--card);color:var(--text);border:1px solid var(--line)}
.dbo-avatar svg{width:16px;height:16px;stroke-width:1.7}
.dbo-channel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.dbo-channel-metrics>span{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid var(--line);padding:0 5px;gap:3px}
.dbo-channel-metrics>span:last-child{border:0}
.dbo-channel-metrics small{font-size:11px;white-space:nowrap}
.dbo-channel-metrics b{font-size:19px;line-height:25px;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dbo-channel-metrics em{font-size:11px;font-weight:500;line-height:18px;font-style:normal;background:var(--side);color:var(--muted);padding:1px 5px;border-radius:5px}
.dbo-channel-metrics .dbo-delta{font-size:10px;padding:1px 3px}
.dbo-insights{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,1fr);align-items:stretch;gap:14px;margin-bottom:18px}
.dbo-insights-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dbo-panel{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;display:flex;flex-direction:column}
.dbo-panel-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:17px 16px 13px}
.dbo-panel-head>span{min-width:0}
.dbo-panel-head h2{font-size:16px;line-height:22px;letter-spacing:-.35px;font-weight:600}
.dbo-panel-head small{display:block;color:var(--muted);font-size:12px;line-height:18px;margin-top:3px}
.dbo-panel-head em{font-size:10px;white-space:nowrap;font-style:normal;color:var(--muted);background:var(--side);border-radius:5px;padding:3px 7px}
.dbo-table-scroll{min-width:0;width:100%;overflow:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:thin}
.dbo-table-scroll table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;line-height:19px}
.dbo-table-scroll th,.dbo-table-scroll td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;white-space:nowrap;font-weight:400}
.dbo-table-scroll tr>:first-child{text-align:left}
.dbo-table-scroll thead th{background:var(--side);color:var(--muted);font-size:11px;font-weight:500;line-height:17px}
.dbo-table-scroll tbody tr:last-child>*{border-bottom:0}
.dbo-table-scroll b{font-weight:550}
.dbo-comparison-label{display:flex;align-items:center;gap:8px}
.dbo-comparison-label>i{width:5px;height:5px;border-radius:50%;background:var(--muted);flex:none}
.dbo-comparison-label>i.good{background:var(--green)}.dbo-comparison-label>i.bad{background:var(--red)}
.dbo-comparison-label b{font-weight:700;color:var(--text)}
.dbo-comparison .dbo-table-scroll tbody tr:nth-child(odd)>*{background:var(--card)}
.dbo-comparison .dbo-table-scroll tbody tr:nth-child(even)>*{background:var(--side)}
.dbo-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);font-size:11px;line-height:17px;color:var(--muted);margin-top:auto}
.dbo-comparison>footer{padding-top:14px;padding-bottom:14px}
.dbo-awareness-states{display:flex;flex-wrap:wrap;gap:4px;padding:0 16px 8px;font-size:9px;color:var(--muted)}
.dbo-awareness-states>span{background:var(--side);padding:2px 4px;border-radius:4px;white-space:nowrap}
.dbo-awareness-labels,.dbo-awareness li{display:grid;grid-template-columns:minmax(0,1fr) 58px 52px;gap:10px;align-items:center}
.dbo-awareness-labels{color:var(--text);font-size:12px;font-weight:700;padding:0 16px 8px}
.dbo-awareness-labels>span:not(:first-child){text-align:center}
.dbo-awareness ol{list-style:none;padding:0 16px 12px;margin:0}
.dbo-awareness li{padding:12px 0;border-top:1px solid var(--line);font-size:12px}
.dbo-awareness li>strong,.dbo-awareness li>b{text-align:center;font-size:13px;font-weight:550}
.dbo-awareness-stage{min-width:0}.dbo-awareness-stage>b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:550}
.dbo-awareness-stage>b>i{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}
.dbo-awareness .db-bar{height:5px;margin:8px 0 0;width:100%}
.dbo-awareness .db-empty,.dbo-audience .db-empty{min-height:240px;padding:24px 16px;flex:1}
.dbo-awareness .db-empty h3,.dbo-audience .db-empty h3{font-size:15px}
.dbo-awareness .db-empty p,.dbo-audience .db-empty p{font-size:12px}
.dbo-audience-hero{margin:0 16px 10px;background:var(--side);padding:13px 15px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.dbo-audience-hero small{font-size:11px;display:block}.dbo-audience-hero b{display:block;font-size:17px;font-weight:550;margin-top:3px}.dbo-audience-hero>strong{font-size:26px;letter-spacing:-1px;font-weight:600}
.dbo-audience-tabs.db-segments{margin:0 12px 10px;background:transparent;border-radius:0;gap:1px;padding:0;overflow:auto;flex:none}
.dbo-audience-tabs.db-segments button{padding:6px 10px;min-height:36px;font-size:12px;border-radius:10px}
.dbo-audience-tabs.db-segments button[aria-selected=true]{background:var(--side);box-shadow:none;color:var(--text)}
.dbo-audience [role=tabpanel]{padding:0 16px;min-height:0;flex:1}
.dbo-audience [role=tabpanel]>header{display:flex;align-items:center;justify-content:space-between;min-height:34px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.dbo-audience [role=tabpanel]>header b{font-weight:500}.dbo-audience [role=tabpanel]>header button{min-height:34px;font-size:11px;border-radius:6px;padding:0 4px}
.dbo-audience ul{max-height:203px;overflow:auto;scrollbar-width:thin;overscroll-behavior-y:auto;list-style:none;padding:0;margin:0}
.dbo-audience li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.dbo-audience li:last-child{border:0}.dbo-audience li>strong{font-size:13px;font-weight:550}
.dbo-audience .db-bar{grid-column:1/-1;height:5px;margin:3px 0 0;width:100%}
.dbo-audience>footer{border:0;padding-top:10px}
.dbo-content .dbo-panel-head{padding:10px 12px;min-height:42px}
.dbo-content .dbo-panel-head h2{font-size:15px;line-height:22px}
.dbo-content .dbo-panel-head{align-items:center;padding-top:6px;padding-bottom:6px;flex-wrap:nowrap}
.dbo-content .dbo-panel-head>span{flex:1}
.dbo-column-anchor{position:relative;flex:none}
.dbo-column-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:10px;font-size:12px;white-space:nowrap}
.dbo-column-trigger svg{width:16px;height:16px}
.dbo-columns{position:fixed;width:340px;max-width:calc(100vw - 24px);background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #0002;z-index:50;overflow:hidden}
.dbo-columns>header,.dbo-columns>footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:12px}
.dbo-columns>header{border-bottom:1px solid var(--line);font-size:14px}
.dbo-columns>header button{height:32px;width:32px;display:grid;place-items:center;border-radius:9px}
.dbo-columns>header svg{width:16px;height:16px}
.dbo-columns-hint{padding:8px 12px 6px;margin:0;font-size:12px;line-height:18px;color:var(--muted)}
.dbo-columns-fixed{display:flex;justify-content:space-between;gap:12px;padding:7px 12px;font-size:12px;background:var(--side)}
.dbo-columns-fixed>span{color:var(--muted)}
.dbo-columns>footer{border-top:1px solid var(--line)}
.dbo-columns>footer .btn{font-size:12px;min-height:34px}
.dbo-columns .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.dbo-column-trigger,.dbo-columns>footer .btn{min-height:44px}.dbo-columns>header button{height:44px;width:44px}.dbo-content .dbo-panel-head h2{font-size:13px;line-height:18px}}
.dbo-content .dbo-table-scroll thead button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:4px 0;min-height:32px;font-size:inherit;color:inherit}
.dbo-content .dbo-table-scroll thead button>span{opacity:.5}
.dbo-content .dbo-table-scroll thead th,.dbo-content .dbo-table-scroll thead button{color:var(--text);font-weight:700}
.dbo-content .dbo-table-scroll tr>*+*{border-left:1px solid var(--line)}
.dbo-content .dbo-table-scroll tr>*{padding:6px 10px;font-size:12px;line-height:18px}
.dbo-content .dbo-table-scroll tbody tr:nth-child(odd)>*{background:var(--card)}
.dbo-content .dbo-table-scroll tbody th{color:var(--text)}
.dbo-content .dbo-table-scroll tbody tr:nth-child(even)>*{background:var(--side)}
.dbo-content .dbo-table-scroll tbody tr:hover>*{background:var(--hover);cursor:pointer}
.dbo-content th:first-child{width:310px;min-width:260px;max-width:310px}
.dbo-content tbody th>button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;max-width:310px;min-height:42px;padding:0;background:transparent!important}
.dbo-content tbody th>button>span:last-child{min-width:0;flex:1}
.dbo-content tbody th b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px;white-space:nowrap;-webkit-line-clamp:unset}
.dbo-content tbody small{display:block;font-size:10px;line-height:16px;color:var(--muted)}
.dbo-thumb{display:grid;place-items:center;overflow:hidden;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--muted)}
.dbo-thumb>*{grid-area:1/1}
.dbo-thumb img,.dbo-thumb video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;pointer-events:none}
.dbo-thumb video{opacity:0}
.dbo-thumb.is-ready video{opacity:1}
.dbo-thumb svg{width:19px;height:19px}
.dbo-status{display:inline-block;white-space:nowrap;font-size:10px;line-height:18px;border-radius:5px;padding:2px 6px;background:var(--bubble);color:var(--muted)}
.dbo-status[data-state=accepted]{color:var(--text)}
.dbo-status[data-state=failed]{color:var(--red)}
.dbo-status[data-state=disputed],.dbo-status[data-state=insufficient]{color:var(--amber)}
.dbo-content nav{display:flex;align-items:center;gap:10px;white-space:nowrap}
.dbo-content nav button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px}
.dbo-provenance{font-size:11px;color:var(--muted);padding-top:10px}
body:has(.dbo-detail) .page-body{overflow-y:hidden}
.dbo-detail-overlay{padding:20px}
.modal.dbo-detail{width:min(1440px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:0;border-radius:22px;overflow:auto;overscroll-behavior:contain}
.dbo-detail>.modal-head{position:sticky;top:0;z-index:4;background:var(--card);border-bottom:1px solid var(--line);margin:0;padding:18px 22px;align-items:flex-start}
.dbo-detail>.modal-head h2{font-size:19px;line-height:27px;overflow-wrap:anywhere;max-width:1000px}
.dbo-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 22px;color:var(--muted);font-size:11px}
.dbo-detail-meta>span:not(.dbo-status){border-radius:6px;background:var(--side);padding:2px 6px}
.dbo-detail-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr);gap:20px;padding:0 22px 22px;align-items:start}
.dbo-post-column,.dbo-detail-analytics{min-width:0}
.dbo-post{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--side)}
.dbo-post-heading{display:flex;gap:8px;align-items:center;font-size:13px;overflow-wrap:anywhere}
.dbo-media-placeholder{min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:25px;text-align:center;color:var(--muted)}
.dbo-media-placeholder>svg{width:44px;height:44px}
.dbo-media-placeholder>strong{font-size:14px;font-weight:500}
.dbo-media-placeholder .btn{font-size:12px}
.dbo-post>small{font-size:11px}
.dbo-detail-caption{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}
.dbo-detail-caption summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:12px;list-style:none;min-height:38px;font-weight:500}
.dbo-detail-caption summary::-webkit-details-marker{display:none}
.dbo-detail-caption summary>svg{width:14px;height:14px}
.dbo-detail-caption[open]>summary>svg{transform:rotate(180deg)}
.dbo-detail-caption p,.dbo-detail-caption li,.dbo-detail-caption blockquote{font-size:12px;line-height:1.65;overflow-wrap:anywhere;margin:8px 0;color:var(--muted)}
.dbo-detail-caption ul{padding-left:18px}
.dbo-detail-caption blockquote{border-left:2px solid var(--line);padding:4px 12px}
.dbo-detail-caption>small{font-size:11px}
.dbo-detail-section{padding:16px;margin-bottom:14px}
.dbo-detail-section>.dbo-panel-head{padding:0 0 12px}
.dbo-detail-section>.dbo-status{align-self:flex-start;margin-bottom:9px}
.dbo-detail-section>p{font-size:12px;line-height:1.75}
.dbo-audit-meta{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid var(--line);margin:12px 0 0;padding:12px 0 0;font-size:11px}
.dbo-audit-meta dt{color:var(--muted)}.dbo-audit-meta dd{margin:3px 0 0}
.dbo-detail-audit>summary{font-size:13px;font-weight:700}
.dbo-detail-audit .dbo-detail-section{margin:8px 0 0;padding:12px}
.dbo-detail-audit .dbo-audit-note{font-size:11px;line-height:17px;margin-bottom:12px}
.dbo-detail-audit .dbo-audit-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.dbo-detail-audit .dbo-audit-meta>div:last-child{grid-column:1/-1}
.dbo-detail-audit .dbo-audit-meta dd{overflow-wrap:anywhere}
.dbo-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}
.dbo-detail-stats article{border:1px solid var(--line);border-radius:13px;padding:14px;min-width:0}
.dbo-detail-stats small{display:block;font-size:11px;line-height:17px}
.dbo-detail-stats b{display:block;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.5px;margin:8px 0}
.dbo-correction{display:grid;gap:10px}
.dbo-correction label{display:grid;gap:5px;font-size:12px}
.dbo-correction .field{width:100%;font-size:13px}
.dbo-correction textarea{resize:vertical;min-height:80px}
.dbo-correction small,.dbo-correction [role=status]{font-size:11px;line-height:17px}
.dbo-correction .btn{justify-self:start}
.dbo-chart-toggles{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.dbo-chart-toggles button{min-height:34px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:18px;padding:5px 10px;font-size:11px;color:var(--muted)}
.dbo-chart-toggles button[aria-pressed=true]{background:var(--side);color:var(--text)}
.dbo-chart-toggles i{width:7px;height:7px;background:currentColor;border-radius:50%;opacity:.4}
.dbo-chart-toggles button[aria-pressed=true] i{opacity:1}
.dbo-video-chart{width:100%;height:230px;display:block;font-size:10px;stroke-width:1.7}
.dbo-video-chart .grid{stroke:var(--line);stroke-width:1;fill:none}
.dbo-video-chart .series{stroke:var(--text);fill:none;stroke-linejoin:round}
.dbo-video-chart .series-hours{opacity:.6;stroke-dasharray:7 3}.dbo-video-chart .series-subscribers{opacity:.7;stroke-dasharray:2 3}.dbo-video-chart .series-revenue{opacity:.4;stroke-dasharray:10 3 2 3}
.dbo-video-chart text{fill:var(--muted);stroke:none;font-size:9px}
.dbo-chart-target{fill:transparent;stroke:transparent;cursor:help}
.dbo-chart-target:focus{fill:var(--bubble);fill-opacity:.2;stroke:none;outline:none}
.dbo-chart-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
.dbo-chart-readout{display:block;min-height:40px;padding:8px 10px;border-radius:8px;background:var(--side);font-size:11px;line-height:18px;font-variant-numeric:tabular-nums}
.dbo-chart-note{font-size:11px;color:var(--muted)}
.dbo-detail-breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dbo-device-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:12px}
.dbo-device-list li{display:grid;grid-template-columns:1fr auto;gap:5px}
.dbo-device-list .db-bar{grid-column:1/-1;width:100%;margin:0;height:5px}
@container(max-width:1400px){.dbo-channel-head>strong{font-size:16px}.dbo-channel-metrics b{font-size:17px}.dbo-channel-metrics small{font-size:10px}.dbo-channel-metrics .dbo-delta{font-size:9px}}
@container(max-width:1150px){.dbo-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.dbo-insights:not(.dbo-insights-two)>.dbo-audience{grid-column:1/-1}.dbo-audience ul{max-height:210px}.dbo-channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.dbo-channel-metrics>span:nth-child(2){border:0}.dbo-channel-metrics small{font-size:11px}.dbo-channel-metrics b{font-size:19px}.dbo-channel-metrics .dbo-delta{font-size:10px}.dbo-channel-head{gap:10px}.dbo-avatar{width:44px;height:44px}.dbo-channel-head>strong{font-size:14px}.dbo-kpi-value>b{font-size:28px}}
@container(max-width:760px){.dbo-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dbo-channels{grid-template-columns:1fr}.dbo-channel-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dbo-channel-metrics>span:nth-child(2){border-right:1px solid var(--line)}.dbo-channel-head>strong{font-size:17px}.dbo-insights{grid-template-columns:1fr}.dbo-insights>.dbo-audience{grid-column:auto}}
@media(max-width:700px){.dbo-summary{gap:10px}.dbo-summary article{padding:12px}.dbo-summary article>header{font-size:12px}.dbo-summary article em{font-size:8px}.dbo-kpi-value{gap:5px;margin:5px 0 10px}.dbo-kpi-value>b{font-size:26px;line-height:34px}.dbo-summary article>small{font-size:11px}.dbo-channel{padding:16px 10px}.dbo-channel-metrics b{font-size:17px}.dbo-channel-metrics small{font-size:10px}.dbo-channel-metrics .dbo-delta{font-size:9px}.dbo-channel-head{padding:0 6px}.dbo-panel-head h2{font-size:15px}.dbo-comparison th,.dbo-comparison td{padding:10px 8px;font-size:12px}.dbo-content>footer{flex-wrap:wrap}.dbo-detail-overlay{padding:10px;align-items:center}.modal.dbo-detail{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.dbo-detail>.modal-head{padding:14px;gap:10px}.dbo-detail>.modal-head h2{font-size:16px;line-height:23px}.dbo-detail-meta{padding:10px 14px}.dbo-detail-layout{grid-template-columns:1fr;padding:0 14px 14px;gap:14px}.dbo-media-placeholder{min-height:180px;padding:20px}.dbo-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dbo-detail-breakdowns{grid-template-columns:1fr}.dbo-detail-section{padding:13px}.dbo-video-chart{height:180px}}
@media(prefers-reduced-motion:reduce){.dbo-channel{transition:none}}

.dbo-content .dbo-status{padding:0;border:0;border-radius:0;background:transparent;font-size:11px;line-height:18px}
.db-organic-coverage-note{padding:9px 12px;margin:0 0 14px;border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:18px;color:var(--muted);background:var(--card)}

.dbo-channel-metrics em.dbo-subscriber-observed{background:none;font-size:11px;padding:2px 0;line-height:1.4;white-space:normal}

.dbo-youtube-player{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;background:#000}
.dbo-detail-notice:empty{display:none}
.dbo-metric-unavailable{font-size:11px;color:var(--muted)}

/* Give period comparisons clearer type hierarchy and comfortable row spacing. */
.dbo-comparison{container:comparison / inline-size}
.dbo-comparison .dbo-panel-head{padding:20px 18px 16px}
.dbo-comparison .dbo-panel-head h2{font-size:18px;line-height:25px}
.dbo-comparison .dbo-table-scroll table{table-layout:fixed;min-width:340px;font-size:16px;line-height:23px}
.dbo-comparison .dbo-table-scroll tr>:first-child{width:34%}
.dbo-comparison .dbo-table-scroll tr>:nth-child(2){width:26%}
.dbo-comparison .dbo-table-scroll tr>:nth-child(3){width:22%}
.dbo-comparison .dbo-table-scroll tr>:nth-child(4){width:18%}
.dbo-comparison .dbo-table-scroll th,.dbo-comparison .dbo-table-scroll td{padding:12px 10px}
.dbo-comparison .dbo-table-scroll tr>*+*{border-left:1px solid var(--line);text-align:center}
.dbo-comparison .dbo-table-scroll thead th{font-size:13px;line-height:20px;font-weight:600;color:var(--text);padding-top:12px;padding-bottom:12px}
.dbo-comparison .dbo-table-scroll tbody td>b{font-size:17px;font-weight:650}
.dbo-comparison-label{gap:9px}
.dbo-comparison-label>i{width:6px;height:6px}
.dbo-comparison-label>span{min-width:0}
.dbo-comparison-label b{font-size:15px;line-height:21px;white-space:normal}
.dbo-comparison .dbo-delta{font-size:13px;line-height:21px;padding:2px 6px}
.dbo-comparison>footer{font-size:12px;line-height:20px;padding:16px 18px}
@container comparison (max-width:440px){
 .dbo-comparison .dbo-table-scroll table{font-size:14px;line-height:21px}
 .dbo-comparison .dbo-table-scroll th,.dbo-comparison .dbo-table-scroll td{padding:11px 8px}
 .dbo-comparison .dbo-table-scroll tr>:last-child{padding-left:4px;padding-right:4px}
 .dbo-comparison .dbo-table-scroll thead th{font-size:12px}
 .dbo-comparison .dbo-table-scroll tbody td>b{font-size:15px}
 .dbo-comparison-label b{font-size:14px;line-height:20px}
 .dbo-comparison .dbo-delta{font-size:12px;padding:2px 4px}
}

/* F17: follower movement and dated stock evidence, scoped to channel cards. */
.dbo-follower-flow{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.dbo-follower-period{font-size:11px;color:var(--muted);text-align:center}
.dbo-follower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dbo-follower-grid>span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:0}
.dbo-follower-grid small,.dbo-follower-grid em{font-size:11px;color:var(--muted);font-style:normal;line-height:1.4}
.dbo-follower-grid b{font-size:17px;font-variant-numeric:tabular-nums}
.dbo-follower-grid .good{color:var(--success,#2c6b40)}.dbo-follower-grid .bad{color:var(--danger,#bd2835)}
.dbo-follower-note{font-size:11px;line-height:1.5;color:var(--muted);text-align:left;overflow-wrap:anywhere}

/* ── Sotuv bo'limi ───────────────────────────────────────────────────
   Built to the supplied design's Sotuv section. Tokens carry both themes,
   which the design itself never had; the light values are the design's own
   except where a grey sat below WCAG AA on white. */

.sales-workspace {
  font-variant-numeric: tabular-nums;
  --sw-card: #ffffff;
  --sw-line: #e9e9ec;
  --sw-line-soft: #f1f1f4;
  --sw-hair: #ececef;
  --sw-zebra: #fbfbfc;
  --sw-head: #f4f4f6;
  --sw-total: #fafafb;
  --sw-track: #ececef;

  --sw-ink: #18181b;
  --sw-ink-strong: #111114;
  --sw-muted: #6b6b75;
  --sw-soft: #6b6b75;

  --sw-accent: #4f46e5;
  /* text that sits on the accent; the dark theme's accent is a light indigo,
     so white on it would not read */
  --sw-on-accent: #ffffff;
  --sw-accent-soft: #6366f1;
  --sw-accent-tint: #eef2ff;
  --sw-accent-deep: #312e81;

  --sw-good: #15803d;
  --sw-good-tint: #ecfdf3;
  --sw-warn: #b45309;
  --sw-warn-tint: #fffbeb;
  --sw-bad: #b91c1c;
  --sw-bad-tint: #fef2f2;

  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  color: var(--sw-ink);
  font-family: 'Instrument Sans', system-ui, sans-serif;
  font-feature-settings: 'tnum' 1;
}

body[data-om-theme='dark'] .sales-workspace {
  --sw-card: #17171a;
  --sw-line: #26262b;
  --sw-line-soft: #202024;
  --sw-hair: #232328;
  --sw-zebra: #1b1b1f;
  --sw-head: #1d1d21;
  --sw-total: #1a1a1e;
  --sw-track: #2a2a30;

  --sw-ink: #f4f4f5;
  --sw-ink-strong: #ffffff;
  --sw-muted: #a1a1aa;
  --sw-soft: #9a9aa4;

  --sw-accent: #a5b4fc;
  --sw-on-accent: #171729;
  --sw-accent-soft: #a5b4fc;
  --sw-accent-tint: #1e1b4b;
  --sw-accent-deep: #dbe1ff;

  --sw-good: #6ee7a8;
  --sw-good-tint: #0f2a1d;
  --sw-warn: #fbbf6e;
  --sw-warn-tint: #2c2110;
  --sw-bad: #fca5a5;
  --sw-bad-tint: #341616;
}

.sales-workspace *, .sales-workspace *::before, .sales-workspace *::after { box-sizing: border-box; }

/* ── Tabs and filters ────────────────────────────────────────────── */
/* The design puts the tabs and the three filters in one white card. */
.sw-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 9px 11px;
  border: 1px solid var(--sw-line);
  border-radius: 11px;
  background: var(--sw-card);
  box-shadow: 0 1px 2px rgba(9, 9, 11, .04);
}
body[data-om-theme='dark'] .sw-bar { box-shadow: none; }

.sw-tabs {
  display: inline-flex;
  flex: none;
  gap: 2px;
  padding: 3px;
  border-radius: 9px;
  background: var(--sw-line-soft);
}
.sw-tabs button {
  min-height: 28px;
  padding: 7px 15px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--sw-muted);
  cursor: pointer;
  font: 500 13px/1 'Instrument Sans', sans-serif;
  white-space: nowrap;
}
.sw-tabs button[aria-selected='true'] {
  background: var(--sw-card);
  color: var(--sw-ink);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(9, 9, 11, .08);
}

.sw-filters { display: flex; margin: 0 0 0 auto; gap: 8px; flex-wrap: wrap; align-items: center; }

/* The design's value chip; as a control it keeps the same shape and only
   gains a hover and a focus ring. */
.sw-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 11px;
  border: 1px solid var(--sw-line);
  border-radius: 8px;
  background: var(--sw-card);
  color: var(--sw-ink);
  font: 600 12.5px/1 'Instrument Sans', sans-serif;
  white-space: nowrap;
}
button.sw-chip, .sw-chip--select { cursor: pointer; }
button.sw-chip:hover, .sw-chip--select:hover { border-color: var(--sw-accent-soft); }
button.sw-chip:focus-visible, .sw-chip select:focus-visible { outline: 2px solid var(--sw-accent); outline-offset: 1px; }
.sw-chip__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--sw-soft);
  font: 400 11px/1 'Instrument Sans', sans-serif;
}
.sw-chip__label svg { width: 13px; height: 13px; flex: none; }
.sw-chip b { font: 600 12.5px/1 'Instrument Sans', sans-serif; }
.sw-chip select {
  border: 0;
  background: none;
  color: inherit;
  font: 600 12.5px/1 'Instrument Sans', sans-serif;
  cursor: pointer;
}

/* ── Sana tanlash ────────────────────────────────────────────────── */
.sw-daterange { position: relative; }


/* ── KPI row ─────────────────────────────────────────────────────── */
.sw-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.sw-kpi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 13px 15px;
  border: 1px solid var(--sw-line);
  border-radius: 13px;
  background: var(--sw-card);
  box-shadow: 0 1px 2px rgba(9, 9, 11, .04);
}
body[data-om-theme='dark'] .sw-kpi { box-shadow: none; }

.sw-kpi__label { font: 500 11px/1 'Instrument Sans', sans-serif; color: var(--sw-muted); }
.sw-kpi__value { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.sw-kpi__value b { font: 600 24px/1 'Instrument Sans', sans-serif; letter-spacing: -.035em; color: var(--sw-ink-strong); white-space: nowrap; }
.sw-kpi__value em {
  font: 600 11px/1 'Instrument Sans', sans-serif;
  font-style: normal;
  padding: 4px 6px;
  border-radius: 6px;
  white-space: nowrap;
  background: var(--sw-line-soft);
  color: var(--sw-muted);
}
.sw-kpi__value em[data-tone='good'] { background: var(--sw-good-tint); color: var(--sw-good); }
.sw-kpi__value em[data-tone='warn'] { background: var(--sw-warn-tint); color: var(--sw-warn); }
.sw-kpi__value em[data-tone='bad'] { background: var(--sw-bad-tint); color: var(--sw-bad); }
.sw-kpi small { font: 400 10.5px/1.35 'Instrument Sans', sans-serif; color: var(--sw-soft); }

.sw-kpi__meter { display: block; height: 5px; border-radius: 99px; background: var(--sw-track); overflow: hidden; }
.sw-kpi__meter i { display: block; height: 100%; border-radius: 99px; background: var(--sw-accent); }
.sw-kpi__meter i[data-tone='accent'] { background: var(--sw-accent); }
.sw-kpi__meter i[data-tone='soft'] { background: var(--sw-accent-soft); }
.sw-kpi__meter i[data-tone='bad'] { background: #dc2626; }
body[data-om-theme='dark'] .sw-kpi__meter i[data-tone='bad'] { background: var(--sw-bad); }

/* ── Cards ───────────────────────────────────────────────────────── */
.sw-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--sw-line);
  border-radius: 13px;
  background: var(--sw-card);
  box-shadow: 0 1px 2px rgba(9, 9, 11, .04);
}
body[data-om-theme='dark'] .sw-card { box-shadow: none; }

.sw-card > header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 15px 17px 0;
}
.sw-card > header > div { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; min-width: 0; }
.sw-card h3 { margin: 0; font: 600 14px/1.2 'Instrument Sans', sans-serif; letter-spacing: -.015em; color: var(--sw-ink); }
.sw-card > header small { font: 400 11.5px/1.3 'Instrument Sans', sans-serif; color: var(--sw-soft); }

.sw-badge {
  margin-left: auto;
  flex: none;
  padding: 5px 9px;
  border-radius: 7px;
  background: var(--sw-accent-tint);
  color: var(--sw-accent);
  font: 500 11.5px/1 'Instrument Sans', sans-serif;
  white-space: nowrap;
}
/* the section badge in the design is a small monospace pill */
.sw-table-card > header .sw-badge {
  padding: 4px 6px;
  border-radius: 5px;
  background: var(--sw-line-soft);
  color: var(--sw-muted);
  font: 500 9.5px/1 'JetBrains Mono', ui-monospace, monospace;
}

/* ── Tables ──────────────────────────────────────────────────────── */
/* The design lays sections out in a wrapping row: an ordinary table takes half
   the row, a wide one sizes to its own content. */
.sw-tables { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; justify-content: center; }
/* The design's container is 1520px and both halves clear their content. Ours
   is narrower, so the row is shared in proportion to how many columns each
   table carries rather than split down the middle. */
.sw-table-card { flex: 1 1 0; min-width: 0; gap: 0; overflow: hidden; }
.sw-table-card--wide { flex-grow: 1.14; }
/* Content decides each card's share, but the row is always filled, so every
   row of tables ends at the same width as the rows above and below it. */
.sw-table-card--hug { flex: 1 1 auto; }
/* A table with few columns keeps to its content and leaves the rest of the
   row to the table beside it. */
.sw-table-card--snug { flex-grow: 0; }
.sw-table-card > header { padding: 8px 10px; gap: 10px; }
.sw-table-card > header h3 { font-size: 12.5px; }
.sw-table-card > header small { font-size: 10.5px; }

.sw-table-scroll { overflow-x: auto; }
.sw-table { width: 100%; border-collapse: collapse; }

.sw-table__groups th {
  padding: 4px 8px !important;
  background: var(--sw-head) !important;
  border-bottom: 1px solid var(--sw-hair) !important;
  color: var(--sw-ink) !important;
  font: 700 11px/1 'Instrument Sans', sans-serif !important;
}
.sw-table__groups th:not(:first-child) { border-left: 1px solid var(--sw-hair); }

.sw-table thead th {
  padding: 5px 2px;
  background: var(--sw-head);
  border-top: 1px solid var(--sw-hair);
  border-bottom: 1px solid var(--sw-line);
  color: var(--sw-ink);
  font: 600 11.5px/1.2 'Instrument Sans', sans-serif;
  white-space: nowrap;
}
.sw-table thead th:first-child { padding-left: 10px; text-align: left; }
.sw-table thead th:not(:first-child) { border-left: 1px solid var(--sw-hair); }
.sw-table th[data-align='right'], .sw-table td[data-align='right'] { text-align: right; }
.sw-table th[data-align='center'], .sw-table td[data-align='center'] { text-align: center; }
.sw-table th[data-align='left'], .sw-table td[data-align='left'] { text-align: left; }
.sw-table thead th button {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
.sw-table thead th[aria-sort]:not([aria-sort='none']) button { color: var(--sw-accent); }
.sw-table thead th button i { font-style: normal; }

/* the design gives the name column a fixed 172–178px, so a long name is cut
   rather than pushing every number off the card */
.sw-table tbody th {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 196px;
  max-width: 196px;
  padding: 4px 6px 4px 10px;
  border-bottom: 1px solid var(--sw-line-soft);
  text-align: left;
  font: 500 11.5px/1.3 'Instrument Sans', sans-serif;
  color: var(--sw-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sw-table thead th:first-child, .sw-table tfoot th { width: 196px; max-width: 196px; }
/* the grouped table carries eleven columns, so its name column gives way */
.sw-table:has(.sw-table__groups) tbody th,
.sw-table:has(.sw-table__groups) thead th:first-child,
.sw-table:has(.sw-table__groups) tfoot th { width: 198px; max-width: 198px; }
/* eleven columns in half a row: the numbers give up their room, not the name */
.sw-table:has(.sw-table__groups) tbody td,
.sw-table:has(.sw-table__groups) thead th,
.sw-table:has(.sw-table__groups) tfoot td { padding-left: 3px; padding-right: 3px; font-size: 11.5px; }
.sw-table tbody td {
  padding: 4px 2px;
  border-left: 1px solid var(--sw-hair);
  border-bottom: 1px solid var(--sw-line-soft);
  color: var(--sw-ink);
  font: 500 11.5px/1.3 'Instrument Sans', sans-serif;
  white-space: nowrap;
}
.sw-table tbody tr > * { background: var(--sw-card); }
.sw-table tbody tr[data-zebra='true'] > * { background: var(--sw-zebra); }
.sw-table tbody tr:hover > * { background: var(--sw-accent-tint); }
.sw-table td[data-tone='good'] { color: var(--sw-good); }
.sw-table td[data-tone='warn'] { color: var(--sw-warn); }
.sw-table td[data-tone='bad'] { color: var(--sw-bad); }

.sw-table tfoot th, .sw-table tfoot td {
  padding: 6px 2px;
  background: var(--sw-total);
  border-top: 1px solid var(--sw-line);
  font: 600 12px/1 'Instrument Sans', sans-serif;
  color: var(--sw-ink);
  white-space: nowrap;
}
.sw-table tfoot th { padding-left: 10px; text-align: left; }
.sw-table tfoot td { border-left: 1px solid var(--sw-hair); }

.sw-avatar {
  width: 21px; height: 21px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 99px;
  background: var(--sw-accent-tint);
  color: var(--sw-accent);
  font: 600 8.5px/1 'Instrument Sans', sans-serif;
}

.sw-empty {
  margin: 0;
  padding: 16px 17px;
  color: var(--sw-soft);
  font: 400 12.5px/1.5 'Instrument Sans', sans-serif;
}

.sw-note {
  margin: 0;
  font: 400 11.5px/1.5 'Instrument Sans', sans-serif;
  color: var(--sw-soft);
}

/* ── Narrower screens ────────────────────────────────────────────── */
/* Two of these tables only clear their columns when the row is ~1520px wide;
   below that they take the full width rather than clipping. */
@media (max-width: 1520px) {
  .sw-table-card { flex: 1 1 100%; }
}

@media (max-width: 760px) {
  .sw-bar { align-items: stretch; }
  .sw-tabs { overflow-x: auto; }
  .sw-filters { margin-left: 0; }
  .sw-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sw-kpi__value { font-size: 21px; }
}


/* ── Dasturlar solishtiruvi ──────────────────────────────────────── */
.sw-weeks { flex: 0 1 auto; width: 511px; max-width: 100%; gap: 10px; padding-bottom: 12px; }
.sw-weeks > header { padding: 12px 14px 0; }
.sw-weeks__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 0 14px; }

.sw-week { border: 1px solid var(--sw-line); border-radius: 10px; overflow: hidden; }
.sw-week__title {
  padding: 5px 11px;
  background: var(--sw-head);
  border-bottom: 1px solid var(--sw-hair);
  text-align: center;
  font: 600 12px/1.2 'Instrument Sans', sans-serif;
  color: var(--sw-ink);
}
.sw-week__split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.sw-week__past { display: flex; flex-direction: column; border-right: 1px solid var(--sw-line); }
.sw-week__now { display: flex; flex-direction: column; }
.sw-week__head {
  padding: 4px 11px;
  background: var(--sw-head-soft, var(--sw-head));
  border-bottom: 1px solid var(--sw-hair);
  font: 600 10.5px/1.25 'Instrument Sans', sans-serif;
  color: var(--sw-muted);
}
.sw-week__now .sw-week__head { text-align: center; }

.sw-week__tier {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  border-bottom: 1px solid rgba(9, 9, 11, .05);
}
.sw-week__tier span { font: 500 12px/1.2 'Instrument Sans', sans-serif; white-space: nowrap; }
.sw-week__tier i { font: 400 10.5px/1 'JetBrains Mono', ui-monospace, monospace; font-style: normal; white-space: nowrap; }
.sw-week__tier b { margin-left: auto; font: 600 13.5px/1 'Instrument Sans', sans-serif; }
.sw-week__tier[data-tone='good'] { background: var(--sw-good-tint); }
.sw-week__tier[data-tone='good'] span, .sw-week__tier[data-tone='good'] i, .sw-week__tier[data-tone='good'] b { color: var(--sw-good); }
.sw-week__tier[data-tone='warn'] { background: var(--sw-warn-tint); }
.sw-week__tier[data-tone='warn'] span, .sw-week__tier[data-tone='warn'] i, .sw-week__tier[data-tone='warn'] b { color: var(--sw-warn); }
.sw-week__tier[data-tone='bad'] { background: var(--sw-bad-tint); }
.sw-week__tier[data-tone='bad'] span, .sw-week__tier[data-tone='bad'] i, .sw-week__tier[data-tone='bad'] b { color: var(--sw-bad); }

.sw-week__value {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 11px;
  background: var(--sw-accent-tint);
}
.sw-week__value b { font: 600 30px/1 'Instrument Sans', sans-serif; letter-spacing: -.045em; color: var(--sw-accent-deep); }
.sw-week__value em {
  font: 600 11px/1 'Instrument Sans', sans-serif;
  font-style: normal;
  padding: 4px 7px;
  border-radius: 6px;
  white-space: nowrap;
  background: var(--sw-line-soft);
  color: var(--sw-muted);
}
.sw-week__value em[data-tone='good'] { background: var(--sw-good-tint); color: var(--sw-good); }
.sw-week__value em[data-tone='bad'] { background: var(--sw-bad-tint); color: var(--sw-bad); }

@media (max-width: 620px) {
  .sw-weeks { width: 100%; }
  .sw-week__split { grid-template-columns: minmax(0, 1fr); }
  .sw-week__past { border-right: 0; border-bottom: 1px solid var(--sw-line); }
}

/* Grok skin: source structure, columns and calculations are preserved. */
.sales-workspace{
 --sw-card:var(--card);--sw-line:var(--line);--sw-line-soft:var(--line);--sw-hair:var(--line);
 --sw-zebra:var(--side);--sw-head:var(--side);--sw-total:var(--side);--sw-track:var(--bubble);
 --sw-ink:var(--text);--sw-ink-strong:var(--text);--sw-muted:var(--muted);--sw-soft:var(--muted);
 --sw-accent:var(--strong);--sw-on-accent:var(--on);--sw-accent-soft:var(--muted);--sw-accent-tint:var(--side);--sw-accent-deep:var(--text);
 --sw-good:var(--green);--sw-good-tint:var(--side);--sw-warn:var(--amber);--sw-warn-tint:var(--side);--sw-bad:var(--red);--sw-bad-tint:var(--side);
 font-family:inherit;gap:12px
}
.sales-workspace :is(button,input,select,small,b,span,th,td,h3,h4,em,i){font-family:inherit}
.db-workspace-sales>.db-topbar{padding-bottom:12px}
.sw-bar{box-shadow:none;border-radius:16px}
.sw-tabs{background:var(--bubble);border-radius:12px}
.sw-tabs button{border-radius:9px}
.sw-tabs button[aria-selected=true]{box-shadow:0 1px 3px #00000012;font-weight:500}
.sw-chip{border-radius:11px}
.sw-date-trigger{height:44px;gap:10px;text-align:left}
.sw-date-trigger>svg{width:15px;height:15px;flex:none}
.sw-date-value{display:block;min-width:0}
.sw-date-value strong,.sw-date-value small{display:block;font-size:12px;line-height:16px;white-space:nowrap}
.sw-date-value strong{font-weight:500}.sw-date-value small{font-weight:400;color:var(--muted)}
.sw-date-chevron{transform:rotate(90deg);margin-left:auto}
.sw-kpi{border-radius:18px;box-shadow:none}
.sw-kpi__meter i[data-tone=bad]{background:var(--muted)}
/* Preserve source table geometry: paired rows, 10px gutter, compact cells,
   intrinsic narrow-table width and the 511px comparison card. */
.sw-card{border-radius:18px;box-shadow:none}
.sw-avatar{border:1px solid var(--line);background:var(--side);color:var(--muted)}
.sw-table-scroll{width:100%;min-width:0;overflow:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:thin}
body.sales-calendar-open .page-body{overflow-y:hidden}
/* Both dashboards use the same calendar skin and responsive geometry. */
.sw-datepanel{position:fixed;z-index:95;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 12px 60px #0002}
.sw-datepanel .dbc-presets{max-height:none}
.sw-datepanel .dbc-field-arrow svg{width:18px;height:18px}
.sw-datepanel .dbc-actions button:disabled{opacity:.4;cursor:not-allowed}
@container(max-width:850px){.db-workspace-sales>.db-topbar{flex-wrap:wrap;gap:8px}.db-workspace-sales>.db-topbar>.db-segments{flex:1}.db-workspace-sales>.db-topbar>.db-actions{margin-left:auto;flex-basis:100%;justify-content:flex-end}.sw-bar,.sw-filters{width:100%}.sw-chip:first-child{flex:1}.sw-daterange{flex:1}.sw-daterange>button{width:100%;justify-content:center}}
@media(max-width:700px){.sw-filters{gap:8px}.sw-chip{height:42px;padding:0 10px}.sw-chip b,.sw-chip select{font-size:11px}.sw-chip__label{font-size:10px}.sw-daterange{flex-basis:100%}.sw-kpi__value b{font-size:18px}.sw-tabs{max-width:100%}.sw-tabs button{font-size:12px;padding:8px 11px}}

/* Programme calendar and discount setup uses the existing Sales surfaces. */
.sw-program-toolbar,.sw-program-buttons,.sw-program-tools,.sw-program-actions,.sw-weekly-total{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sw-program-toolbar{justify-content:space-between;margin-bottom:20px}.sw-program-buttons .btn{gap:8px;min-height:44px}.sw-program-editor{margin-bottom:24px}.sw-program-editor fieldset{border:0;padding:20px;margin:0;min-width:0}.sw-program-fields{display:grid;grid-template-columns:120px 1.4fr 1fr 1fr;gap:16px}.sw-program-editor label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.sw-program-editor input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:11px 12px;font:inherit;min-height:44px;box-sizing:border-box}.sw-program-editor input:focus-visible{outline:2px solid var(--text);outline-offset:2px}.sw-program-tools{margin:22px 0}.sw-program-tools span{font-size:13px;color:var(--muted)}.sw-week-edit-list{display:grid;gap:12px;margin:12px 0 20px}.sw-week-edit{display:grid;grid-template-columns:90px 1fr 1fr 130px 44px;gap:14px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.sw-week-edit>b{align-self:center}.sw-week-edit>.btn{height:44px;padding:10px}.sw-program-actions{justify-content:flex-end;margin-top:20px}.sw-program-error{color:#c53838;margin:16px 0}.sw-program-notice{color:var(--muted);margin:12px 0}.sw-weekly-summary{margin-bottom:24px}.sw-weekly-total{font-size:13px;color:var(--muted)}.sw-weekly-total b{display:block;color:var(--text);font-size:21px;margin-top:6px}.sw-week-link{border:0;color:inherit;background:transparent;font:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;cursor:pointer}.sw-select{position:relative;min-width:185px;color:var(--text)}.sw-select summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;border:1px solid var(--line);border-radius:12px;min-height:62px;padding:10px 16px;background:var(--bg)}.sw-select summary::-webkit-details-marker{display:none}.sw-select summary small{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.sw-select summary b{font-size:14px;font-weight:500}.sw-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:45;min-width:100%;max-width:min(340px,85vw);max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:0 8px 30px #0002;padding:6px}.sw-select-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:0;background:transparent;color:var(--text);border-radius:8px;padding:10px 12px;text-align:left;font:inherit;font-size:14px;cursor:pointer}.sw-select-menu button:hover,.sw-select-menu button[aria-pressed=true]{background:var(--hover)}.sw-select summary:focus-visible,.sw-select-menu button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
@media(max-width:760px){.sw-program-toolbar{align-items:stretch}.sw-program-toolbar>.sw-select{flex:1}.sw-program-buttons{width:100%}.sw-program-buttons .btn{flex:1}.sw-program-fields{grid-template-columns:1fr 1fr}.sw-week-edit{grid-template-columns:1fr 1fr}.sw-week-edit>b{grid-column:1/-1}.sw-week-edit>.btn{justify-self:end}.sw-program-editor fieldset{padding:14px}.sw-filters>.sw-select{flex:1;min-width:150px}.sw-weekly-summary>header{flex-wrap:wrap;gap:16px}}

.sw-weekly-summary>header{justify-content:space-between;align-items:center;gap:20px}.sw-weekly-summary>header>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sw-weekly-summary>header .sw-weekly-total{display:flex;gap:28px;flex-shrink:0}.sw-weekly-summary>.sw-note{padding:12px 16px;margin:0}.sw-cumulative-note{margin:0 0 12px}

/* Equal-sized Sales period and date controls. */
.sw-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;max-width:100%;flex-wrap:wrap}
.sw-toolbar-controls>.db-actions{width:auto}
.sw-toolbar-controls>.sw-filters{margin-left:0;width:250px}
.sw-toolbar-controls .sw-filters>.sw-daterange>.sw-date-trigger{height:44px;min-height:44px;padding:4px 14px}
.sw-toolbar-controls>.db-actions>.btn{height:44px;min-height:44px}
.sw-toolbar-controls>.db-actions>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.sw-toolbar-controls>.db-actions>.btn svg{width:20px;height:20px}
.sw-filters{display:grid;grid-template-columns:minmax(0,1fr);width:280px;max-width:100%;align-items:stretch}
.sw-filters>.sw-select,.sw-filters>.sw-daterange{width:100%;min-width:0}
.sw-filters>.sw-select>summary,.sw-filters>.sw-daterange>.sw-date-trigger{box-sizing:border-box;width:100%;height:64px;min-height:64px;padding:10px 16px;border:1px solid var(--sw-line);border-radius:12px;background:var(--sw-card);justify-content:space-between}
.sw-filters>.sw-select>summary small,.sw-filters .sw-date-value small{font-size:12px;line-height:1.4}
.sw-filters>.sw-select>summary b,.sw-filters .sw-date-value strong{font-size:14px;line-height:1.4;font-weight:500}
@media(max-width:700px){.sw-filters{width:100%;grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.sw-toolbar-controls{width:100%;margin-left:0}.sw-toolbar-controls>.db-actions{width:100%}.sw-toolbar-controls>.sw-filters{width:100%}}

/* Programme and discount ranges share the dashboard's calendar. */
.sw-program-fields--calendar{grid-template-columns:120px minmax(160px,1fr) minmax(270px,1.2fr)}
.sw-program-range{min-width:0;display:flex;flex-direction:column;gap:8px}.sw-program-range>span{font-size:13px;color:var(--muted)}
.sw-program-range>.sw-daterange>.sw-date-trigger{width:100%;height:48px;padding:10px 14px;border-radius:10px;justify-content:flex-start;font-family:inherit}.sw-program-range .sw-date-value{flex:1}
.sw-program-calendar-note{color:var(--muted);font-size:13px;line-height:1.5;margin:16px 0 24px}.sw-discount-heading{margin:24px 0 8px}.sw-discount-heading h3{font-size:16px;margin:0 0 8px}.sw-discount-heading>span{font-size:13px;color:var(--muted)}
.sw-discount-list{display:grid;gap:12px;margin-bottom:20px}.sw-discount-row{display:grid;grid-template-columns:110px 130px minmax(240px,1fr) 44px;align-items:end;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.sw-discount-row>b{align-self:center}.sw-discount-row>.btn{height:48px;padding:10px}.sw-discount-row input{height:48px}
.sw-program-editor .sw-datepanel .dbc-presets{max-height:min(560px,calc(100dvh - 24px));overflow:auto}
@media(max-width:1000px){.sw-program-fields--calendar{grid-template-columns:120px minmax(0,1fr)}.sw-program-fields--calendar>.sw-program-range{grid-column:1/-1}.sw-discount-row{grid-template-columns:100px minmax(90px,1fr) 44px}.sw-discount-row>.sw-program-range{grid-column:1/3;grid-row:2}.sw-discount-row>.btn{grid-column:3;grid-row:2}}
@media(max-width:700px){.sw-program-editor .sw-datepanel .dbc-presets{max-height:none;overflow:visible}.sw-discount-row{gap:12px}.sw-program-range .sw-date-value small{font-size:11px}}

/* Programme price and live discount totals. */
.sw-program-price{max-width:320px;margin-top:20px}.sw-program-price input{height:48px}
.sw-discount-price{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:16px 40px;padding-top:4px;font-size:12px;color:var(--muted)}
.sw-discount-price>span{display:flex;flex-direction:column;gap:6px}.sw-discount-price b{font-size:15px;color:var(--text);font-weight:500}.sw-discount-price strong{font-size:18px;color:var(--text);font-weight:600}.sw-discount-price--empty{padding-top:8px}
@media(max-width:1000px){.sw-discount-price{grid-column:1/-1;grid-row:3}}
@media(max-width:700px){.sw-program-price{max-width:none}.sw-discount-price{gap:12px 24px}.sw-discount-price strong{font-size:16px}}

/* Three independently priced programme tariffs. */
.sw-tariff-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.sw-tariff-prices .sw-program-price{margin:0;max-width:none;min-width:0}
.sw-tariff-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:8px}.sw-tariff-result{min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px}.sw-tariff-result h4{font-size:14px;margin:0 0 14px}.sw-tariff-result .sw-discount-price{display:flex;flex-direction:column;gap:14px;padding:0}.sw-tariff-result strong,.sw-tariff-result b{overflow-wrap:anywhere}
@media(max-width:1000px){.sw-tariff-results{grid-row:3}}
@media(max-width:700px){.sw-tariff-prices,.sw-tariff-results{grid-template-columns:1fr}.sw-tariff-result .sw-discount-price{flex-direction:row;flex-wrap:wrap;gap:14px 24px}}

/* Programme catalogue and discount calendar. */
.sw-program-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--sw-card)}.sw-program-list li+li{border-top:1px solid var(--line)}.sw-program-list button{display:flex;align-items:center;gap:18px;text-align:left;width:100%;border:0;background:transparent;color:var(--text);padding:22px;cursor:pointer}.sw-program-list button:hover{background:var(--hover)}.sw-program-list-name{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.sw-program-list-name strong{font-size:17px;overflow-wrap:anywhere}.sw-program-list-name small,.sw-program-list-meta{color:var(--muted);font-size:13px}.sw-program-list-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;flex:none}.sw-program-list button>svg{flex:none}
.sw-program-detail-title h3{font-size:24px;margin:0 0 8px}.sw-program-detail-title p{font-size:14px;color:var(--muted);margin:0 0 24px}.sw-program-detail-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.sw-program-detail-prices>div{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.sw-program-detail-prices span{color:var(--muted);font-size:13px}.sw-program-detail-prices strong{font-size:18px;overflow-wrap:anywhere}
.sw-program-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.sw-program-month{padding:18px}.sw-program-month>header{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border:0}.sw-program-month header h3{font-size:18px;margin:0}.sw-program-month header .btn{width:44px;height:44px;padding:10px}.sw-program-weekdays,.sw-program-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.sw-program-weekdays{margin-bottom:10px;text-align:center;color:var(--muted);font-size:12px}.sw-program-day{min-height:62px;border-radius:10px;padding:9px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--discount-fg);background:var(--discount-bg)}.sw-program-day b{font-size:15px;font-weight:500}.sw-program-day small{font-size:11px}.sw-program-day.is-outside{color:var(--muted);opacity:.45;background:transparent}.sw-program-day.is-today{outline:2px solid var(--text);outline-offset:-2px}
.sw-program-legend{padding:20px}.sw-program-legend h3{font-size:16px;margin:0 0 8px}.sw-program-legend>p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 20px}.sw-program-legend ul{list-style:none;margin:0;padding:0}.sw-program-legend li+li{border-top:1px solid var(--line)}.sw-program-legend button{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border:0;background:none;text-align:left;width:100%;color:var(--text);cursor:pointer}.sw-program-legend button>span:last-child{display:flex;flex-direction:column;gap:8px}.sw-program-legend strong{font-size:14px}.sw-program-legend small{font-size:12px;color:var(--muted);line-height:1.6}.sw-program-swatch{width:20px;height:20px;border-radius:6px;flex:none;background:var(--discount-bg);border:1px solid var(--discount-fg)}.sw-program-legend-none{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:10px;font-size:13px;color:var(--muted)}
.sw-discount-tone-0{--discount-bg:#dbeafe;--discount-fg:#1e40af}.sw-discount-tone-1{--discount-bg:#ede9fe;--discount-fg:#5b21b6}.sw-discount-tone-2{--discount-bg:#dcfce7;--discount-fg:#166534}.sw-discount-tone-3{--discount-bg:#ffedd5;--discount-fg:#9a3412}.sw-discount-tone-4{--discount-bg:#fce7f3;--discount-fg:#9d174d}.sw-discount-tone-5{--discount-bg:#cffafe;--discount-fg:#155e75}.sw-discount-tone-none{--discount-bg:#f3f4f6;--discount-fg:#4b5563}
[data-theme=dark] .sw-discount-tone-0{--discount-bg:#1e3a5f;--discount-fg:#bfdbfe}[data-theme=dark] .sw-discount-tone-1{--discount-bg:#3b285b;--discount-fg:#ddd6fe}[data-theme=dark] .sw-discount-tone-2{--discount-bg:#174532;--discount-fg:#bbf7d0}[data-theme=dark] .sw-discount-tone-3{--discount-bg:#58321d;--discount-fg:#fed7aa}[data-theme=dark] .sw-discount-tone-4{--discount-bg:#54213b;--discount-fg:#fbcfe8}[data-theme=dark] .sw-discount-tone-5{--discount-bg:#164653;--discount-fg:#a5f3fc}[data-theme=dark] .sw-discount-tone-none{--discount-bg:#303030;--discount-fg:#d1d5db}
@media(max-width:1100px){.sw-program-calendar-layout{grid-template-columns:1fr}.sw-program-legend ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media(max-width:700px){.sw-program-list button{padding:16px;gap:12px;flex-wrap:wrap}.sw-program-list-meta{width:100%;padding-left:56px}.sw-program-list button>svg{position:absolute;right:30px}.sw-program-list-name{padding-right:20px}.sw-program-detail-prices{grid-template-columns:1fr;gap:10px}.sw-program-detail-prices>div{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.sw-program-detail-prices strong{font-size:15px}.sw-program-month{padding:12px}.sw-program-day{min-height:52px;border-radius:7px}.sw-program-days,.sw-program-weekdays{gap:4px}.sw-program-legend ul{grid-template-columns:1fr}.sw-program-toolbar>.btn{width:100%}}

.sw-program-list button{position:relative}@media(max-width:700px){.sw-program-list button>svg{right:16px;top:26px}}

.sw-program-days{display:table;table-layout:fixed;width:100%;border-spacing:6px;border-collapse:separate}.sw-program-days th{font-size:12px;font-weight:400;color:var(--muted);text-align:center;padding:0 0 8px}.sw-program-days td{padding:0;border:0}.sw-program-day small{color:inherit}@media(max-width:700px){.sw-program-days{border-spacing:3px}}
.sw-program-days thead,.sw-program-days th{background:transparent;border:0}.sw-program-days tbody tr:hover{background:transparent}

/* Compact three-month programme overview. */
.sw-program-detail{container-type:inline-size}.sw-program-calendar-layout{grid-template-columns:1fr;gap:16px}.sw-program-calendar{padding:16px;min-width:0}.sw-program-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px!important;border:0!important}.sw-program-calendar-nav>span{font-size:13px;color:var(--muted)}.sw-program-calendar-nav>div{display:flex;gap:6px}.sw-program-calendar-nav .btn{width:36px;height:36px;min-height:36px;padding:8px}.sw-program-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sw-program-month{padding:0;min-width:0}.sw-program-month>h3{font-size:14px;text-align:center;margin:4px 0 14px}.sw-program-days{border-spacing:3px}.sw-program-days th{font-size:11px}.sw-program-day,.sw-program-day-blank{height:40px;min-height:40px}.sw-program-day{padding:4px 1px;gap:3px;border-radius:6px}.sw-program-day b{font-size:12px}.sw-program-day small{font-size:9px}.sw-program-day-blank{display:block}.sw-program-legend{padding:16px}.sw-program-legend>p{margin-bottom:10px}.sw-program-legend ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.sw-program-legend li+li{border:0}.sw-program-legend button{padding:10px 0}.sw-program-legend-none{margin-top:6px;padding-top:12px}
@container(min-width:1120px){.sw-program-calendar-layout{grid-template-columns:minmax(0,1fr) 240px}.sw-program-legend ul{grid-template-columns:1fr}.sw-program-legend li+li{border-top:1px solid var(--line)}}
@container(max-width:680px){.sw-program-months{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-program-legend ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:460px){.sw-program-months,.sw-program-legend ul{grid-template-columns:1fr}.sw-program-calendar-nav>span{font-size:12px}.sw-program-day,.sw-program-day-blank{height:36px;min-height:36px}.sw-program-month>h3{margin-top:12px}.sw-program-calendar{padding:12px}}

.sw-program-delete{padding:20px;margin-bottom:20px}.sw-program-delete h3{font-size:17px;margin:0 0 10px}.sw-program-delete p{font-size:14px;color:var(--muted)}.sw-program-delete>div{display:flex;gap:10px;justify-content:flex-end}.sw-datepanel input[readonly]{opacity:.65;cursor:default}

.sw-quick-label{min-width:0}.sw-quick-label small{display:block;margin-top:4px;font-size:10px;line-height:1.4;font-weight:400;color:var(--muted)}.sw-quick-empty{padding:0 12px;color:var(--muted);font-size:12px}


/* Programme-owned non-working dates: independent of discount colors. */
.sales-workspace .sw-program-day.is-day-off,.sales-workspace .sw-program-swatch.is-day-off{background:#fff1d6;color:#805100;border:1px solid #d99b30}
.sales-workspace .sw-program-day.is-day-off{background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,#d99b3012 6px,#d99b3012 8px)}
.sw-days-off-section{margin-top:24px;padding:24px}
.sw-days-off-section h3{margin:0 0 10px}.sw-days-off-section p{color:var(--muted);line-height:1.5}
.sw-days-off-section fieldset{border:0;padding:0;margin:0;min-width:0}
.sw-day-off-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:16px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
.sw-day-off-row label{display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.sw-day-off-row input{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit}
.sw-days-off-list{padding:0;list-style:none}.sw-days-off-list li{display:flex;align-items:center;gap:14px;margin:20px 0}.sw-days-off-list small{display:block;margin-top:6px;color:var(--muted)}
[data-theme="dark"] .sales-workspace .sw-program-day.is-day-off,[data-theme="dark"] .sales-workspace .sw-program-swatch.is-day-off{background-color:#493616;color:#ffda91;border-color:#b88937}
@media(max-width:600px){.sw-days-off-section{padding:16px}.sw-day-off-row{grid-template-columns:minmax(0,1fr) auto}.sw-day-off-row label{grid-column:1/-1}}

.sw-day-off-row input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Keep the special-days heading, description and action visibly separated. */
.sales-workspace .sw-days-off-section{padding:22px 24px}
.sales-workspace .sw-days-off-section>h3{font-size:16px;line-height:1.4;margin:0 0 8px}
.sales-workspace .sw-days-off-section>p{font-size:13px;line-height:1.65;margin:0 0 20px;max-width:680px}
.sales-workspace .sw-days-off-fields>.btn,.sales-workspace .sw-days-off-section>.btn{width:auto;max-width:100%;min-height:42px;margin:0;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-size:13px;font-weight:500;line-height:20px;gap:8px;white-space:normal;text-align:left;justify-content:flex-start;align-self:flex-start}
.sales-workspace .sw-days-off-fields>.btn:hover,.sales-workspace .sw-days-off-section>.btn:hover{background:var(--hover)}
.sales-workspace .sw-program-editor .sw-days-off-section{padding:24px 0 0;border-top:1px solid var(--line);margin-top:28px}
@media(max-width:600px){.sales-workspace .sw-days-off-section{padding:18px 16px}.sales-workspace .sw-days-off-section>p{margin-bottom:16px}.sales-workspace .sw-days-off-fields>.btn,.sales-workspace .sw-days-off-section>.btn{min-height:44px;padding:10px 12px}}

.sw-manager-name{color:var(--sw-ink);font-weight:500}
.sw-table:has(.sw-table__groups) thead th{font-weight:700}

/* Programme switcher inside the quick date ranges. */
.sw-calendar-program{display:flex;flex-direction:column;gap:4px;margin:0 8px 10px;color:var(--muted);font-size:11px;font-weight:500}
.sw-calendar-program select{width:100%;min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);padding:5px 8px;font:inherit;font-size:12px;cursor:pointer}
.sw-calendar-program select:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.sw-calendar-program select:disabled{opacity:.6;cursor:wait}
.sw-calendar-program small{font-size:11px;font-weight:400}

@media(max-width:700px){.sw-calendar-program select{min-height:44px}}

/* Searchable programme menu shares the platform's surfaces and typography. */
.sw-program-picker{position:relative}
.sw-program-picker .sw-program-picker__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;margin:0;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:12px;line-height:20px;text-align:left;cursor:pointer}
.sw-program-picker__trigger:disabled{opacity:.6;cursor:wait}
.sw-program-picker__trigger svg{flex:none;transition:transform .15s}
.sw-program-picker__trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.sw-program-picker__menu{position:absolute;z-index:5;top:calc(100% + 5px);left:0;right:0;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 6px 20px #0002;padding:5px;color:var(--text)}
.sw-program-picker__search{display:flex;align-items:center;gap:5px;padding:5px 3px 7px;border-bottom:1px solid var(--line);color:var(--muted)}
.sw-program-picker__search svg{flex:none}
.sw-program-picker__search input{width:100%;min-width:0;border:0;border-radius:3px;background:transparent;color:var(--text);padding:3px 0;font:inherit;font-size:12px;line-height:20px}
.sw-program-picker__options{max-height:180px;overflow:auto;scrollbar-width:thin;padding-top:4px}
.sw-program-picker .sw-program-picker__options button{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:30px;width:100%;padding:5px 6px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:12px;line-height:20px;cursor:pointer}
.sw-program-picker__options button.is-active,.sw-program-picker__options button:hover{background:var(--hover)}
.sw-program-picker__options button[aria-selected=true]{font-weight:600}
.sw-program-picker__empty{margin:8px 3px;font-size:11px;line-height:1.4;color:var(--muted)}
.sw-program-picker button:focus-visible,.sw-program-picker input:focus-visible{outline:2px solid var(--muted);outline-offset:2px}
@media(max-width:700px){.sw-program-picker .sw-program-picker__trigger,.sw-program-picker .sw-program-picker__options button{min-height:44px}.sw-program-picker__search input{min-height:32px}}

/* Keep each sales pair in one desktop row regardless of header length. */
.sw-tables.sw-tables--sales-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.sw-tables--sales-pair>section{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.sw-tables--sales-pair>section>header{flex-wrap:wrap}
@media(max-width:760px){.sw-tables.sw-tables--sales-pair{grid-template-columns:minmax(0,1fr)}}

.sw-program-picker__search input:focus,.sw-program-picker__search input:focus-visible{outline:none;box-shadow:none}

.sw-table thead .sw-column-label{display:inline-block;white-space:pre;line-height:1.3;text-align:inherit}
.sw-table thead th:has(.sw-column-label){vertical-align:middle}

/* Keep long quick-range lists inside the calendar's height. */
@media(min-width:701px){
 .sw-datepanel{grid-template-rows:minmax(0,1fr);overflow:hidden}
 .sw-datepanel .dbc-presets{contain:size;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .sw-datepanel .dbc-main{min-height:0;overflow-y:auto;overscroll-behavior:contain}
}

.cmp-workspace{min-width:0}.cmp-workspace h2{font-size:22px;letter-spacing:-.5px}.cmp-workspace p{line-height:1.6}.cmp-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:20px 0}.cmp-toolbar label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.cmp-toolbar .field{min-height:44px}.cmp-search{position:relative;min-width:230px}.cmp-search svg{position:absolute;width:18px;top:14px;left:12px}.cmp-search .field{padding-left:38px}.cmp-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);margin:0 0 20px;font-size:13px}.cmp-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cmp-brand{border:1px solid var(--line);border-radius:20px;background:var(--card);min-width:0;overflow:hidden}.cmp-brand.selected{border-color:transparent;box-shadow:0 0 22px 3px color-mix(in srgb,var(--text) 16%,transparent)}.cmp-brand header{display:flex;align-items:center;gap:12px;padding:20px}.cmp-brand-open{display:flex;align-items:center;gap:13px;text-align:left;min-width:0;flex:1;border:0;background:none;color:inherit;padding:0;cursor:pointer}.cmp-brand-open strong{display:block;font-size:17px;overflow-wrap:anywhere}.cmp-brand-open small,.cmp-source small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.cmp-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--side);border:1px solid var(--line);overflow:hidden;font-weight:600}.cmp-avatar img{width:100%;height:100%;object-fit:cover}.cmp-select{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--side);color:var(--text);cursor:pointer}.cmp-select[aria-pressed=true]{background:var(--strong);color:var(--on)}.cmp-select svg{width:18px;height:18px}.cmp-sources{padding:0 20px}.cmp-source{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.cmp-source>div{min-width:0}.cmp-source>div:last-child{text-align:right}.cmp-source small{overflow-wrap:anywhere}.cmp-source a,.cmp-item a,.cmp-recommendations a{color:var(--text);text-decoration:none}.cmp-source a:hover,.cmp-item a:hover,.cmp-recommendations a:hover{text-decoration:underline}.cmp-source a svg,.cmp-item a svg,.cmp-recommendations a svg{width:12px;height:12px;margin-left:5px}.cmp-status{display:inline-block;font-size:11px;line-height:18px;padding:3px 7px;border-radius:7px;background:var(--side);color:var(--muted)}.cmp-status.good{color:var(--green)}.cmp-status.busy{color:var(--text)}.cmp-brand footer{display:flex;gap:8px;flex-wrap:wrap;padding:18px 20px}.cmp-brand footer .btn{min-height:38px;font-size:12px}.cmp-empty{display:grid;justify-items:center;text-align:center;gap:15px;padding:70px 20px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.cmp-empty>svg{width:32px;height:32px}.cmp-empty h2{color:var(--text)}.cmp-empty p{max-width:430px}.cmp-back{margin:12px 0}.cmp-detail-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:20px 0}.cmp-detail-header p{color:var(--muted);font-size:13px}.cmp-source-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.cmp-source-summary article{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.cmp-source-summary .cmp-source{border-top:0;padding-top:0}.cmp-source-summary small{color:var(--muted);line-height:1.6}.cmp-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cmp-item{overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--card)}.cmp-thumbnail{display:block;height:180px;background:var(--side)}.cmp-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.cmp-item-body{padding:16px}.cmp-item h3{font-size:14px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.cmp-item p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}.cmp-item small{font-size:10px;color:var(--muted)}.cmp-item-metrics{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.cmp-item-metrics small,.cmp-item-metrics b{display:block}.cmp-item-metrics b{font-size:16px;font-weight:600;margin-top:4px}.cmp-tag{display:inline-block;font-size:10px;background:var(--side);padding:4px 7px;border-radius:6px;margin:5px 0;color:var(--text)}.cmp-offer-link{display:block;font-size:12px;margin-top:8px}.cmp-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:24px}.cmp-changes{display:grid;gap:10px}.cmp-changes article{display:flex;flex-wrap:wrap;gap:20px;padding:18px;border:1px solid var(--line);border-radius:12px;font-size:12px}.cmp-changes small{color:var(--muted)}.cmp-battle-intro{margin:22px 0}.cmp-battle-intro p{font-size:18px;margin-top:12px}.cmp-battle-intro p span{color:var(--muted);margin:0 12px}.cmp-notice{font-size:12px;color:var(--muted);padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin:14px 0}.cmp-battle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;align-items:start}.cmp-battle-grid>article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.cmp-battle-grid header h3{font-size:18px;overflow-wrap:anywhere}.cmp-battle-grid>article>small{color:var(--muted);font-size:11px}.cmp-battle-grid dl{margin:18px 0}.cmp-battle-grid dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cmp-battle-grid dt{font-size:12px;color:var(--muted)}.cmp-battle-grid dd{font-size:16px;text-align:right;font-variant-numeric:tabular-nums}.cmp-battle-grid dl small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.cmp-battle-grid h4{font-size:13px;margin:22px 0 10px}.cmp-battle-grid .cmp-item{margin-bottom:12px}.cmp-battle-grid .cmp-thumbnail{height:140px}.cmp-keywords{display:flex;gap:6px;flex-wrap:wrap}.cmp-keywords>span{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.cmp-keywords small{color:var(--muted)}.cmp-recommendations{margin:24px 0}.cmp-recommendations article{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.cmp-recommendations a{display:inline-block;font-size:12px;margin-top:10px}.cmp-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:16px 0}.cmp-own{display:flex!important;align-items:center;gap:9px;margin:15px 0}.cmp-own input{width:18px;height:18px}#competitor-form>label:not(.cmp-own){display:block;margin:14px 0 7px}#competitor-form>p{font-size:13px;color:var(--muted)}#competitor-form .field{width:100%;min-height:44px}#competitor-form .actions{margin-top:20px}.cmp-workspace button:focus-visible,.cmp-workspace a:focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:1200px){.cmp-brands,.cmp-items{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-battle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cmp-brands,.cmp-items,.cmp-battle-grid{grid-template-columns:1fr}.cmp-toolbar{gap:10px}.cmp-search{min-width:0;width:100%}.cmp-toolbar>label{flex:1;min-width:120px}.cmp-toolbar>.btn{width:100%}.cmp-intro{align-items:flex-start}.cmp-intro span{white-space:nowrap}.cmp-workspace .db-controls{width:100%;flex-wrap:wrap}.cmp-workspace .db-controls .db-segments{max-width:100%}.cmp-detail-header .actions{flex-wrap:wrap}.cmp-changes article{display:grid;gap:8px}.cmp-battle-grid>article{padding:15px}}

.cmp-source-number{display:block;margin-top:8px;font-size:26px;line-height:1.15;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cmp-source .cmp-source-metric-label{margin-top:4px}.cmp-source>div:last-child{flex-shrink:0}.cmp-source-summary .cmp-source-number{font-size:28px}
/* Brand cards: four stable platform tiles, matching the supplied reference. */
.cmp-brands{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.cmp-brand-panel{padding:22px;border-radius:26px;background:var(--card);box-shadow:0 6px 24px color-mix(in srgb,var(--text) 4%,transparent);container-type:inline-size}.cmp-brand-panel.selected{border-color:transparent;box-shadow:0 0 24px 3px color-mix(in srgb,var(--text) 15%,transparent)}.cmp-brand-panel .cmp-brand-header{padding:0 0 20px;gap:14px;border-bottom:1px solid var(--line)}.cmp-brand-panel .cmp-avatar{width:60px;height:60px}.cmp-brand-panel .cmp-brand-open strong{font-size:23px;line-height:1.25;letter-spacing:-.5px}.cmp-brand-panel .cmp-brand-open small{font-size:14px;margin-top:5px}.cmp-brand-panel .cmp-add-channel{flex-shrink:0;min-height:42px;font-size:12px;padding:10px 12px;gap:7px}.cmp-brand-panel .cmp-platform-grid{padding:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cmp-brand-panel .cmp-platform-tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;gap:0;padding:18px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--side) 45%,var(--card));text-align:left}.cmp-brand-panel .cmp-platform-link{display:flex;align-items:center;gap:9px;min-height:32px;color:var(--text);text-decoration:none;font-size:15px;font-weight:550}.cmp-brand-panel .cmp-platform-link:hover{text-decoration:none}.cmp-brand-panel .cmp-platform-link>span{flex:1;min-width:0}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon{width:27px;height:27px;margin:0;flex-shrink:0}.cmp-brand-panel .cmp-platform-link>svg:last-child{width:18px;height:18px;margin:0;color:var(--muted);flex-shrink:0}.cmp-brand-panel .cmp-source-number{font-size:clamp(26px,7.6cqi,44px);line-height:1.1;letter-spacing:-1.3px;font-weight:700;margin:19px 0 5px;white-space:nowrap;overflow-wrap:normal}.cmp-brand-panel .cmp-source-metric-label{font-size:13px;margin:0;line-height:1.4;min-height:36px}.cmp-brand-panel .cmp-status{display:flex;align-items:center;gap:8px;margin-top:13px;padding:0;background:none;border-radius:0;font-size:12px;line-height:1.4;color:var(--muted)}.cmp-brand-panel .cmp-status i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--muted);opacity:.6}.cmp-brand-panel .cmp-status.good i{background:var(--green);opacity:1}.cmp-brand-panel .cmp-status.busy i{opacity:1}.cmp-brand-panel .cmp-channel-empty{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted);font:inherit;font-size:12px;min-height:32px;margin-top:6px;padding:0;text-align:left;cursor:pointer}.cmp-channel-empty svg{width:14px;height:14px}.cmp-brand-panel .cmp-brand-footer{display:block;padding:16px 0 0;border-top:1px solid var(--line)}.cmp-brand-panel .cmp-observed-date{font-size:12px;color:var(--muted);margin:0 0 12px}.cmp-brand-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cmp-brand-panel .cmp-brand-actions .btn{min-height:42px;padding:10px 12px;font-size:12px;gap:7px}.cmp-brand-actions .cmp-details-button{flex-direction:row-reverse}.cmp-brand-panel .cmp-select{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:42px;height:auto;padding:9px 11px;font-size:12px;border-radius:10px}.cmp-brand-panel .cmp-select svg{width:15px;height:15px}.cmp-brand-panel .cmp-platform-tile.is-missing{background:var(--card)}
@media(max-width:1359px){.cmp-brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.cmp-brands{grid-template-columns:1fr}}
@media(max-width:650px){.cmp-brand-panel{padding:16px;border-radius:22px}.cmp-brand-panel .cmp-brand-header{flex-wrap:wrap;padding-bottom:16px}.cmp-brand-panel .cmp-avatar{width:50px;height:50px}.cmp-brand-panel .cmp-brand-open strong{font-size:21px}.cmp-brand-panel .cmp-brand-open small{font-size:12px}.cmp-brand-panel .cmp-add-channel{min-height:36px;font-size:11px;padding:8px 10px}.cmp-brand-panel .cmp-platform-grid{gap:10px;padding:16px 0}.cmp-brand-panel .cmp-platform-tile{padding:14px 11px;border-radius:13px}.cmp-brand-panel .cmp-platform-link{font-size:13px;gap:6px}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon{width:23px;height:23px}.cmp-brand-panel .cmp-platform-link>svg:last-child{width:14px;height:14px}.cmp-brand-panel .cmp-source-number{font-size:clamp(22px,8cqi,36px);letter-spacing:-.8px;margin-top:16px}.cmp-brand-panel .cmp-source-metric-label{font-size:11px;min-height:31px}.cmp-brand-panel .cmp-status{font-size:10px;gap:6px}.cmp-brand-panel .cmp-brand-actions{display:grid;grid-template-columns:1fr 1fr}.cmp-brand-panel .cmp-brand-actions .btn{justify-content:center;font-size:11px;padding:10px 8px}.cmp-brand-panel .cmp-select{font-size:11px}.cmp-brand-panel .cmp-observed-date{font-size:11px}}
.cmp-brand-panel .cmp-platform-link>svg:last-child{transform:rotate(45deg)}.cmp-brand-actions .cmp-details-button svg{transform:rotate(90deg)}
.cmp-brand-panel .cmp-source-number.is-wide{font-size:clamp(19px,6.3cqi,36px)}.cmp-brand-panel .cmp-source-number.is-compact{font-size:clamp(15px,5cqi,30px)}
/* Compact cards with unchanged official provider assets. */
.cmp-brand-panel{padding:18px;border-radius:22px}.cmp-brand-panel .cmp-brand-header{padding-bottom:16px}.cmp-brand-panel .cmp-avatar{width:50px;height:50px}.cmp-brand-panel .cmp-brand-open strong{font-size:21px}.cmp-brand-panel .cmp-brand-open small{font-size:12px}.cmp-brand-panel .cmp-platform-grid{padding:16px 0;gap:10px}.cmp-brand-panel .cmp-platform-tile{padding:12px;border-radius:13px}.cmp-brand-panel .cmp-platform-link{min-height:26px;font-size:13px;gap:8px}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon{display:block;width:23px;height:23px;object-fit:contain;filter:none;transform:none}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon.is-wordmark{width:72px;height:22px}.cmp-brand-panel .cmp-platform-link>svg:last-child{width:15px;height:15px;margin-left:auto}.cmp-brand-panel .cmp-meta-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cmp-brand-panel .cmp-source-number{font-size:clamp(24px,6.3cqi,34px);margin:12px 0 4px;letter-spacing:-.8px}.cmp-brand-panel .cmp-source-number.is-wide{font-size:clamp(18px,5.5cqi,30px)}.cmp-brand-panel .cmp-source-number.is-compact{font-size:clamp(14px,4.5cqi,26px)}.cmp-brand-panel .cmp-source-metric-label{font-size:11px;min-height:27px;line-height:1.25}.cmp-brand-panel .cmp-status{margin-top:8px;font-size:11px;gap:6px}.cmp-brand-panel .cmp-status i{width:7px;height:7px}.cmp-brand-panel .cmp-brand-footer{padding-top:12px}.cmp-brand-panel .cmp-observed-date{margin-bottom:10px}
@media(max-width:650px){.cmp-brand-panel{padding:14px}.cmp-brand-panel .cmp-platform-grid{padding:12px 0;gap:8px}.cmp-brand-panel .cmp-platform-tile{padding:10px}.cmp-brand-panel .cmp-platform-link{font-size:12px;gap:5px}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon{width:21px;height:21px}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon.is-wordmark{width:64px;height:20px}.cmp-brand-panel .cmp-source-number{font-size:clamp(22px,7cqi,30px);margin-top:10px}.cmp-brand-panel .cmp-source-number.is-wide{font-size:clamp(17px,5.6cqi,27px)}.cmp-brand-panel .cmp-source-number.is-compact{font-size:clamp(14px,4.5cqi,24px)}.cmp-brand-panel .cmp-status{font-size:10px}.cmp-brand-panel .cmp-source-metric-label{font-size:10px;min-height:25px}}

.cmp-brand-panel .cmp-brand-actions .cmp-action-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;min-height:42px}.cmp-brand-panel .cmp-action-icon svg{width:18px;height:18px}
@media(max-width:650px){.cmp-brand-panel .cmp-brand-actions{display:flex;flex-wrap:wrap}.cmp-brand-panel .cmp-brand-actions .cmp-details-button{flex:1;justify-content:center}}
/* Selected Battle state must outrank the global button hover background. */
.cmp-brand-panel .cmp-select[aria-pressed=true],.cmp-brand-panel .cmp-select[aria-pressed=true]:hover{background:var(--strong);color:var(--on);border-color:var(--strong);opacity:1}.cmp-brand-panel .cmp-brand-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cmp-main-actions,.cmp-secondary-actions{display:flex;align-items:center;gap:8px}.cmp-secondary-actions{margin-left:auto}.cmp-brand-panel .cmp-main-actions .cmp-details-button{flex:none}
@media(max-width:650px){.cmp-brand-panel .cmp-brand-actions{gap:8px}.cmp-main-actions,.cmp-secondary-actions{gap:6px}.cmp-brand-panel .cmp-main-actions .btn{padding:10px 8px}.cmp-brand-panel .cmp-main-actions .cmp-select{padding:9px 8px}}

.cmp-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cmp-brand-panel .cmp-header-actions .cmp-action-icon{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;flex:0 0 42px}.cmp-brand-panel .cmp-header-actions .cmp-action-icon svg{width:18px;height:18px}
/* Tighter platform section while retaining the two-column reading order. */
.cmp-brand-panel .cmp-platform-grid{padding:12px 0;gap:8px}.cmp-brand-panel .cmp-platform-tile{padding:10px;border-radius:12px}.cmp-brand-panel .cmp-platform-link{min-height:24px}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon{width:21px;height:21px}.cmp-brand-panel .cmp-platform-link .cmp-platform-icon.is-wordmark{width:64px;height:20px}.cmp-brand-panel .cmp-source-number{font-size:clamp(22px,5.8cqi,30px);margin:8px 0 3px;letter-spacing:-.6px}.cmp-brand-panel .cmp-source-number.is-wide{font-size:clamp(17px,5.1cqi,27px)}.cmp-brand-panel .cmp-source-number.is-compact{font-size:clamp(14px,4.2cqi,24px)}.cmp-brand-panel .cmp-source-metric-label{min-height:16px}.cmp-brand-panel .cmp-status{margin-top:6px}
@media(max-width:650px){.cmp-brand-panel .cmp-platform-grid{padding:10px 0;gap:8px}.cmp-brand-panel .cmp-platform-tile{padding:9px}.cmp-brand-panel .cmp-source-number{font-size:clamp(21px,6.4cqi,27px)}.cmp-brand-panel .cmp-source-number.is-wide{font-size:clamp(17px,5.2cqi,25px)}.cmp-brand-panel .cmp-source-number.is-compact{font-size:clamp(14px,4.2cqi,22px)}.cmp-brand-panel .cmp-source-metric-label{min-height:15px}}

.cmp-brand-panel .cmp-main-actions{width:100%;justify-content:space-between}.cmp-brand-panel .cmp-brand-actions .cmp-open-arrow{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:10px}.cmp-brand-panel .cmp-open-arrow svg{width:19px;height:19px;transform:rotate(90deg)}.cmp-brand-panel .cmp-select svg{width:18px;height:18px}

/* One aligned toolbar for search, platform and competitor actions. */
.cmp-workspace .cmp-list-toolbar{display:grid;grid-template-columns:minmax(200px,320px) 190px minmax(0,1fr) auto;align-items:center;gap:12px;margin:20px 0 24px}
.cmp-list-toolbar .cmp-search{grid-column:1;min-width:0;width:100%}.cmp-list-toolbar .cmp-platform-filter{min-width:0}
.cmp-list-toolbar .field{height:44px;min-height:44px;width:100%;border-radius:14px;font-size:14px;background:var(--card)}
.cmp-list-toolbar .cmp-search svg{top:50%;transform:translateY(-50%);width:18px;height:18px;left:14px}.cmp-list-toolbar .cmp-search .field{padding-left:42px}
.cmp-brand-count{font-size:13px;color:var(--muted);white-space:nowrap;padding-left:4px}
.cmp-list-toolbar .cmp-add-button{height:44px;min-height:44px;padding:0 18px;border-radius:24px;font-size:14px;white-space:nowrap;justify-content:center}
@media(max-width:850px){.cmp-workspace .cmp-list-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.cmp-list-toolbar .cmp-search{grid-column:1;grid-row:1}.cmp-list-toolbar .cmp-brand-count{grid-column:2;grid-row:1;text-align:right}.cmp-list-toolbar .cmp-platform-filter{grid-column:1;grid-row:2;min-width:0}.cmp-list-toolbar .cmp-add-button{grid-column:2;grid-row:2;width:auto;padding:0 14px;font-size:13px}.cmp-list-toolbar .field{font-size:13px}}

/* Platform picker uses the workspace palette and official provider assets. */
.cmp-platform-picker{position:relative;min-width:0}.cmp-platform-picker summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;padding:0 14px;border:1px solid var(--line);color:var(--text);height:44px;border-radius:14px;background:var(--card)}.cmp-platform-picker summary::-webkit-details-marker{display:none}.cmp-platform-picker summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-platform-picker summary>svg{width:16px;height:16px;flex:none;color:var(--muted)}.cmp-platform-picker[open] summary>svg{transform:rotate(180deg)}.cmp-platform-picker summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.cmp-platform-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:240px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 30px #0002}.cmp-platform-menu button{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;border-radius:12px;font-size:14px;text-align:left;color:var(--text)}.cmp-platform-menu button[aria-checked=true],.cmp-platform-menu button:hover,.cmp-platform-menu button:focus-visible{background:var(--hover)}.cmp-platform-menu button>svg{width:16px;height:16px;margin-left:auto}.cmp-menu-logo{display:flex;align-items:center;justify-content:center;width:24px;flex:none}.cmp-menu-logo>svg,.cmp-menu-logo img{width:22px;height:22px;object-fit:contain}.cmp-menu-logo img.is-wordmark{width:24px;height:auto}

.cmp-refresh-notice{flex-basis:100%;text-align:right;font-size:12px;line-height:1.5;color:var(--muted)}.cmp-workspace .db-controls{flex-wrap:wrap}

.cmp-menu-logo.is-meta{width:68px;justify-content:flex-start}.cmp-menu-logo.is-meta img.is-wordmark{width:64px;height:22px}.cmp-menu-meta-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.cmp-workspace .cmp-back-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}.cmp-back-icon svg{width:20px;height:20px}.cmp-battle-toolbar{align-items:flex-end;gap:12px}.cmp-battle-control{display:grid;gap:8px;min-width:0}.cmp-battle-control>span{font-size:12px;color:var(--muted)}.cmp-battle-control .cmp-platform-picker{width:210px}.cmp-battle-control .db-period{min-height:48px}.cmp-battle-control summary{height:48px}.cmp-battle-toolbar>.btn{height:48px;border-radius:24px;padding:0 22px}.cmp-battle-platform-result{margin-top:30px}.cmp-battle-platform-result>h2{font-size:20px}@media(max-width:650px){.cmp-battle-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}.cmp-battle-control .cmp-platform-picker,.cmp-battle-control .db-period{width:100%}.cmp-battle-toolbar>.btn{width:100%}}

.cmp-detail-title{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;align-items:center;flex:1;min-width:min(100%,280px)}.cmp-detail-title .cmp-back{margin:0}.cmp-detail-title h2{margin:0;overflow-wrap:anywhere}

/* Detailed source cards keep their compact footprint with four supported metrics. */
.cmp-source-summary .cmp-source-deep{padding:14px 16px;min-height:218px;display:flex;flex-direction:column;gap:10px}.cmp-source-deep header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.cmp-deep-platform{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:500;text-decoration:none;color:var(--text)}.cmp-deep-platform .cmp-platform-icon{width:19px;height:19px;object-fit:contain}.cmp-deep-platform .cmp-platform-icon.is-wordmark{width:60px;height:20px}.cmp-deep-platform>svg{width:13px;height:13px;transform:rotate(45deg);color:var(--muted)}.cmp-deep-status{display:flex;align-items:center;gap:5px;min-width:0;font-size:10px;color:var(--muted);white-space:nowrap}.cmp-deep-status i{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.cmp-deep-status i.good{background:var(--green)}.cmp-deep-headline{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cmp-deep-headline strong{font-size:28px;line-height:1.1;letter-spacing:-.7px}.cmp-deep-headline small{font-size:11px;color:var(--muted)}.cmp-source-deep dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:10px;padding-top:10px;border-top:1px solid var(--line);margin:0}.cmp-source-deep dl>div{min-width:0}.cmp-source-deep dt{font-size:11px;line-height:1.3;color:var(--muted)}.cmp-source-deep dd{font-size:17px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums;margin:2px 0 0}.cmp-source-deep footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font-size:10px;color:var(--muted)}.cmp-deep-basis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-source-deep time{white-space:nowrap;flex:none}@media(max-width:650px){.cmp-source-summary .cmp-source-deep{min-height:218px}.cmp-deep-status{font-size:11px}.cmp-source-deep dt{font-size:12px}}

.cmp-age-metric{position:relative}.cmp-age-link{display:inline-flex;align-items:center;gap:5px;color:var(--text);font:inherit;text-align:left;padding:0;background:transparent;border:0}.cmp-age-link:after{content:'';position:absolute;inset:0;min-height:44px}.cmp-age-link svg{width:14px;height:14px;color:var(--muted)}.cmp-age-link:hover{color:var(--muted)}.cmp-long-running>p{font-size:13px;line-height:1.6;color:var(--muted)}.cmp-long-running ol{list-style:none;margin:16px 0 0;padding:0}.cmp-long-running li+li{border-top:1px solid var(--line)}.cmp-long-running li button{display:flex;align-items:center;gap:12px;padding:14px 0;text-decoration:none;color:var(--text)}.cmp-long-running li img{width:48px;height:56px;object-fit:cover;border-radius:8px;flex:none}.cmp-long-running li button>svg{width:20px;height:20px;flex:none;color:var(--muted)}.cmp-long-running li button>svg:last-child{width:14px;height:14px;transform:rotate(45deg)}.cmp-long-running li span{min-width:0;flex:1}.cmp-long-running strong{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cmp-long-running small{display:block;margin-top:5px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.cmp-long-running b{font-size:15px;white-space:nowrap}

.cmp-detail-header .actions{align-items:center}.cmp-detail-header .db-period{min-height:44px}.cmp-detail-title>p{display:none}@media(max-width:650px){.cmp-detail-header .actions{width:100%;gap:8px}.cmp-detail-header .db-period{flex:1;min-width:210px}}

/* Four brands per desktop row; each brand retains its platform reading order. */
.cmp-brand-panel{display:flex;flex-direction:column}
.cmp-brand-panel .cmp-brand-footer{margin-top:auto}
@container(max-width:330px){
  .cmp-brand-panel .cmp-brand-header{gap:8px;flex-wrap:nowrap;min-height:76px}
  .cmp-brand-panel .cmp-brand-open{gap:8px}
  .cmp-brand-panel .cmp-avatar{width:36px;height:36px;flex-shrink:0}
  .cmp-brand-panel .cmp-brand-open strong{font-size:16px;letter-spacing:-.3px}
  .cmp-brand-panel .cmp-brand-open small{font-size:11px}
  .cmp-brand-panel .cmp-header-actions{flex-direction:column;gap:4px}
  .cmp-brand-panel .cmp-header-actions .cmp-action-icon{width:32px;height:32px;min-height:32px;flex-basis:32px}
  .cmp-brand-panel .cmp-platform-tile{padding:8px}
  .cmp-brand-panel .cmp-platform-link{gap:4px;font-size:11px}
  .cmp-brand-panel .cmp-platform-link .cmp-platform-icon{width:16px;height:16px}
  .cmp-brand-panel .cmp-platform-link .cmp-platform-icon.is-wordmark{width:52px;height:18px}
  .cmp-brand-panel .cmp-platform-link>svg:last-child{width:11px;height:11px;flex-shrink:0}
  .cmp-brand-panel .cmp-source-number{font-size:clamp(18px,7cqi,23px)}
  .cmp-brand-panel .cmp-source-number.is-wide{font-size:clamp(15px,6cqi,20px)}
  .cmp-brand-panel .cmp-source-number.is-compact{font-size:clamp(13px,5cqi,17px)}
  .cmp-brand-panel .cmp-source-metric-label{font-size:10px;min-height:25px}
  .cmp-brand-panel .cmp-status{font-size:10px;gap:4px;min-height:25px}
  .cmp-brand-panel .cmp-observed-date{font-size:11px}
}

/* Battle shares the list toolbar with Add; selection stays visible in its badge. */
.cmp-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.cmp-list-actions .cmp-toolbar-battle{height:44px;min-height:44px;padding:0 15px;border-radius:24px;gap:8px;white-space:nowrap}
.cmp-toolbar-battle>svg{width:18px;height:18px}
.cmp-selection-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:50%;background:var(--hover);font-size:11px;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.cmp-workspace .cmp-list-toolbar{grid-template-columns:minmax(0,1fr) auto}.cmp-list-toolbar .cmp-search{grid-column:1;grid-row:1}.cmp-list-toolbar .cmp-brand-count{grid-column:2;grid-row:1;text-align:right}.cmp-list-toolbar .cmp-platform-filter{grid-column:1;grid-row:2}.cmp-list-actions{grid-column:2;grid-row:2}}
@media(max-width:650px){.cmp-list-toolbar .cmp-platform-filter{grid-column:1 / -1}.cmp-list-actions{grid-column:1 / -1;grid-row:3;justify-content:space-between}.cmp-list-toolbar .cmp-list-actions .cmp-add-button{width:auto}.cmp-list-actions .cmp-toolbar-battle{font-size:13px;padding:0 14px}}

/* Compact brand overview without reserved empty metric/status rows. */
.cmp-brand-panel{padding:14px;border-radius:20px}
.cmp-brand-panel .cmp-brand-header{padding-bottom:10px;gap:8px;min-height:0;flex-wrap:nowrap}
.cmp-brand-panel .cmp-header-actions{flex-direction:row;gap:4px}
.cmp-brand-panel .cmp-header-actions .cmp-action-icon{width:30px;height:30px;min-height:30px;flex-basis:30px}
.cmp-brand-panel .cmp-header-actions .cmp-action-icon svg{width:16px;height:16px}
.cmp-brand-panel .cmp-platform-grid{padding:10px 0;gap:8px;align-items:stretch}
.cmp-brand-panel .cmp-platform-tile{padding:9px;min-height:0}
.cmp-brand-panel .cmp-source-metric-label{min-height:0;line-height:1.3;margin:0}
.cmp-brand-panel .cmp-status{min-height:0;margin-top:8px;line-height:1.3}
.cmp-brand-panel .cmp-channel-empty{min-height:0;font-size:10px;line-height:1.3;margin-top:8px}
.cmp-brand-panel .cmp-source-number{margin-top:6px;margin-bottom:3px}
.cmp-brand-panel .cmp-brand-footer{padding-top:10px;margin-top:0}
.cmp-brand-panel .cmp-observed-date{margin-bottom:8px}
@container(max-width:330px){.cmp-brand-panel .cmp-avatar{width:30px;height:30px}.cmp-brand-panel .cmp-brand-open{gap:6px}.cmp-brand-panel .cmp-brand-open strong{font-size:15px}.cmp-brand-panel .cmp-brand-open small{font-size:10px}.cmp-brand-panel .cmp-platform-tile{padding:8px}}
/* Detailed platform cards use one aligned metric per line. */
.cmp-source-summary{align-items:start}
.cmp-source-summary .cmp-source-deep{min-height:0;gap:12px}
.cmp-source-deep dl{display:flex;flex-direction:column;gap:0;padding-top:0}
.cmp-source-deep dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.cmp-source-deep dl>div:last-child{border-bottom:0;padding-bottom:0}
.cmp-source-deep dt{font-size:12px;line-height:1.4}
.cmp-source-deep dd{margin:0;font-size:17px;text-align:right;white-space:nowrap;flex-shrink:0}
.cmp-source-deep footer{margin-top:0;padding-top:8px;border-top:1px solid var(--line);flex-wrap:wrap}
.cmp-period-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 20px}

/* Dense content table with source thumbnails, matching the workspace palette. */
.cmp-content-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card);overscroll-behavior-x:contain}
.cmp-content-scroll:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.cmp-content-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;font-size:13px}
.cmp-content-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cmp-content-title-col{width:38%}.cmp-content-date-col{width:12%}.cmp-content-metric-col{width:10%}
.cmp-content-table th{height:48px;padding:10px 16px;font-size:12px;font-weight:600;color:var(--muted);background:var(--side);text-align:right;border-bottom:1px solid var(--line)}
.cmp-content-table th:first-child,.cmp-content-table th:nth-child(2){text-align:left}
.cmp-content-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.cmp-content-table tbody tr:last-child td{border-bottom:0}
.cmp-content-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--side) 35%,var(--card))}
.cmp-content-table tbody tr:hover{background:var(--hover)}
.cmp-content-identity{display:flex;align-items:center;gap:12px;min-width:0}
.cmp-content-preview-link{flex:none;text-decoration:none}.cmp-content-preview{display:grid;place-items:center;flex:none;width:56px;height:56px;overflow:hidden;border-radius:10px;background:var(--side);color:var(--muted)}
.cmp-content-preview img{width:100%;height:100%;object-fit:cover}.cmp-content-preview>svg{width:22px;height:22px}
.cmp-content-caption{min-width:0;flex:1}.cmp-content-open{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.cmp-content-open:hover .cmp-content-title{text-decoration:underline}
.cmp-content-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:13px;line-height:1.45;font-weight:500}
.cmp-content-open>svg{width:13px;height:13px;flex:none;color:var(--muted);transform:rotate(45deg)}
.cmp-content-meta{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:11px;line-height:1.4;color:var(--muted)}
.cmp-content-meta .cmp-platform-icon{width:16px;height:16px;object-fit:contain}.cmp-content-meta .cmp-platform-icon.is-wordmark{width:44px;height:16px}
.cmp-content-meta:has(.is-wordmark)>span:first-of-type{display:none}
.cmp-content-ad-state{margin-left:3px}.cmp-content-offer{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:var(--muted);font-size:11px}.cmp-content-offer svg{width:12px;height:12px;transform:rotate(45deg)}
.cmp-content-date{font-size:12px;white-space:nowrap;color:var(--muted)}
.cmp-content-value{text-align:right;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:650px){.cmp-content-table{min-width:900px}.cmp-content-table td{padding:12px}.cmp-content-table th{padding:10px 12px}.cmp-content-preview{width:48px;height:48px}.cmp-content-identity{gap:10px}}

/* Keep column names visible while browsing a long content list. */
.cmp-content-scroll{max-height:min(70dvh,720px);overflow:auto;scroll-padding-top:50px}
.cmp-content-table th{position:sticky;top:0;z-index:2;color:var(--text);font-size:13px;box-shadow:0 1px 0 var(--line)}
.cmp-content-table-hint{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}

/* Compare YouTube formats within the existing platform card. */
.cmp-youtube-breakdown{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.cmp-youtube-breakdown caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cmp-youtube-breakdown th,.cmp-youtube-breakdown td{padding:11px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.cmp-youtube-breakdown th:first-child{width:36%;text-align:left;padding-right:8px}
.cmp-youtube-breakdown thead th{font-size:11px;line-height:1.4;font-weight:600;text-align:right;color:var(--text)}
.cmp-youtube-breakdown tbody th{font-size:12px;line-height:1.4;font-weight:400;color:var(--muted)}
.cmp-youtube-breakdown td{font-size:clamp(10px,4cqi,16px);font-weight:600;text-align:right;white-space:nowrap;padding-left:6px}
.cmp-youtube-breakdown tbody tr:last-child>*{border-bottom:0}
.cmp-youtube-unknown{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.cmp-youtube-unknown summary{cursor:pointer;line-height:1.5;color:var(--text)}
.cmp-youtube-unknown p{margin:8px 0;font-size:12px}
.cmp-source-deep{container-type:inline-size}
.cmp-youtube-breakdown th,.cmp-youtube-breakdown td{background:transparent;position:static}
.cmp-youtube-breakdown th{white-space:normal}
.cmp-youtube-breakdown thead th:not(:first-child){width:32%}
.cmp-youtube-breakdown tbody th{overflow-wrap:normal}

.cmp-content-title-col{width:40%}.cmp-content-metric-col{width:12%}

.cmp-meta-wordmark{display:inline-flex;flex:none;align-items:center}
.cmp-meta-wordmark img{width:100%;height:100%;object-fit:contain}
.cmp-meta-wordmark .cmp-meta-dark{display:none}
[data-theme="dark"] .cmp-meta-wordmark .cmp-meta-light{display:none}
[data-theme="dark"] .cmp-meta-wordmark .cmp-meta-dark{display:block}
.cmp-menu-logo.is-meta .cmp-meta-wordmark{width:64px;height:22px}
.cmp-content-table th button{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end;width:100%;padding:0;color:inherit;font:inherit;background:none;border:0;cursor:pointer}
.cmp-content-table th:first-child button,.cmp-content-table th:nth-child(2) button{justify-content:flex-start}
.cmp-content-table th button span{opacity:.65;font-size:14px}
.cmp-content-table th button:focus-visible,.cmp-average-link:focus-visible{outline:2px solid var(--text);outline-offset:4px;border-radius:3px}
.cmp-average-link{font:inherit;color:inherit;padding:0;border:0;border-bottom:1px dotted var(--muted);background:none;cursor:pointer}
.cmp-average-explanation strong{display:block;font-size:22px;margin:18px 0;font-variant-numeric:tabular-nums}
.cmp-placements{border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:var(--muted);display:grid;gap:6px}
.cmp-placements strong{font-weight:500;margin-bottom:2px}
.cmp-placements span{display:flex;justify-content:space-between;gap:8px}
.cmp-placements b{font-weight:500;color:var(--text)}

/* Meta creative previews and the in-app player share native keyboard controls. */
button.cmp-content-preview-link,button.cmp-content-open,.cmp-long-running li button{border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;padding:0}
.cmp-long-running li button{width:100%;padding:14px 0}
.cmp-content-preview{position:relative}.cmp-content-preview video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.cmp-preview-play{position:absolute;inset:auto 4px 4px auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#000b;color:#fff}.cmp-preview-play svg{width:12px;height:12px}
.cmp-content-preview-link:focus-visible,.cmp-content-open:focus-visible,.cmp-long-running li button:focus-visible{outline:2px solid var(--text);outline-offset:4px;border-radius:6px}
.cmp-ad-player{min-width:0}.cmp-ad-player>video,.cmp-ad-player>img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#000;border-radius:12px}.cmp-ad-player h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere;margin:16px 0 8px}.cmp-ad-player p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.cmp-ad-player small{color:var(--muted)}.cmp-ad-destinations{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}

/* Keep long creative text inside its own table column, including native buttons. */
.cmp-content-open{width:100%;min-width:0;max-width:100%;white-space:normal;overflow:hidden}.cmp-content-title{min-width:0;flex:1;white-space:normal}
.cmp-ads-table{min-width:1050px}.cmp-ads-table th{text-align:left;white-space:normal}.cmp-ad-title-col{width:34%}.cmp-ad-start-col{width:14%}.cmp-ad-link-col{width:22%}.cmp-ad-state-col{width:12%}.cmp-ad-end-col{width:18%}
.cmp-ad-destination{overflow:hidden}.cmp-ad-destination .cmp-content-offer{display:flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px}.cmp-ad-destination .cmp-content-offer svg{flex:none}.cmp-form-label{font-size:12px;color:var(--muted)}
.cmp-ad-status{display:inline-block;font-size:12px;line-height:1.5;white-space:normal}.cmp-ad-status.is-active{color:var(--text)}.cmp-ad-status.is-active:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#48b987;margin-right:6px}.cmp-ad-status.is-inactive{color:var(--muted)}
.cmp-ad-history{margin-top:20px;font-size:13px}.cmp-ad-history summary{cursor:pointer}.cmp-ad-history ul{list-style:none;padding:0}.cmp-ad-history li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.cmp-ad-history time{white-space:nowrap;color:var(--muted)}.cmp-ad-history p{font-size:12px;color:var(--muted)}

.cmp-ads-table{min-width:1150px}.cmp-ad-title-col{width:30%}.cmp-ad-start-col{width:13%}.cmp-ad-link-col{width:18%}.cmp-ad-state-col{width:11%}.cmp-ad-end-col{width:18%}.cmp-ad-duration-col{width:10%}.cmp-ad-duration{white-space:nowrap;font-variant-numeric:tabular-nums}.cmp-ad-duration-note{color:var(--muted);font-size:12px!important}
/* Battle: platform metrics on rows, selected brands on aligned columns. */
.cmp-battle-heading{display:flex;flex:none;gap:8px;margin:20px 0 14px;min-width:0}.cmp-battle-heading h2{font-size:24px}.cmp-battle-heading .cmp-back{margin:0}.cmp-battle-toolbar{margin:14px 0 24px}.cmp-battle-platform-result{margin:20px 0}.cmp-battle-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}.cmp-battle-table{width:100%;min-width:calc(220px + var(--cmp-battle-columns)*130px);border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:left}.cmp-battle-table th,.cmp-battle-table td{padding:16px 20px;vertical-align:middle;border-bottom:1px solid var(--line)}.cmp-battle-table thead th{background:var(--side)}.cmp-battle-table thead tr:first-child>th:first-child{width:230px}.cmp-battle-table thead strong{display:block;font-size:17px;font-weight:600;overflow-wrap:anywhere}.cmp-battle-table thead small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:6px;overflow-wrap:anywhere}.cmp-battle-table thead .cmp-tag{font-weight:400}.cmp-battle-table thead th:not(:first-child),.cmp-battle-table .cmp-battle-formats th{text-align:center}.cmp-battle-platform-name{display:flex;align-items:center;gap:9px;font-size:19px}.cmp-battle-platform-name .cmp-platform-icon{width:23px;height:23px}.cmp-battle-platform-name .cmp-meta-wordmark{width:82px}.cmp-battle-table tbody th{font-size:13px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}.cmp-battle-table td{text-align:center;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cmp-battle-table tbody tr:last-child>*{border-bottom:0}.cmp-battle-table .cmp-battle-formats th{font-size:12px;font-weight:500;color:var(--muted);padding:10px 12px}.cmp-battle-table .cmp-battle-date{font-size:12px;color:var(--muted);font-weight:400}.cmp-battle-table .cmp-battle-row-group th{font-weight:600;color:var(--text);background:var(--side)}.cmp-battle-scroll:focus-visible{outline:2px solid var(--text);outline-offset:3px}.cmp-battle-table tbody tr:hover>*{background:var(--side)}
@media(max-width:650px){.cmp-battle-table{min-width:calc(170px + var(--cmp-battle-columns)*125px)}.cmp-battle-table thead tr:first-child>th:first-child{width:170px}.cmp-battle-table th,.cmp-battle-table td{padding:14px 12px}.cmp-battle-table thead strong{font-size:15px}.cmp-battle-table td{font-size:15px}.cmp-battle-table tr>*:first-child:not([scope=col]):not(td){position:sticky;left:0;z-index:1;background:var(--card)}.cmp-battle-table thead tr:first-child>th:first-child{position:sticky;left:0;z-index:2;background:var(--side)}.cmp-battle-table .cmp-battle-row-group th{position:static!important}.cmp-battle-scroll{border-radius:14px}}
.cmp-battle-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cmp-battle-table thead th{color:var(--text)}
/* Keep each compared brand's numbers in a clearly separated column. */
.cmp-battle-table td,.cmp-battle-table thead tr:first-child>th+th,.cmp-battle-table .cmp-battle-formats th{border-left:1px solid var(--line)}
.cmp-battle-content{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);min-width:0}.cmp-battle-content h2{margin:0}.cmp-battle-content-filters{align-items:end}.cmp-battle-content-filters label{min-width:180px}.cmp-battle-content-filters select{width:100%;min-height:44px}.cmp-content-owner{display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.cmp-content-meta .cmp-content-owner{flex-basis:100%;margin-top:0}.cmp-battle-content-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;color:var(--muted);font-size:12px}.cmp-battle-content-footer .btn{min-height:44px}
@media(max-width:650px){.cmp-battle-content-filters{display:grid;grid-template-columns:1fr 1fr}.cmp-battle-content-filters label{min-width:0}.cmp-battle-content-filters label:first-child{grid-column:1/-1}.cmp-battle-content-footer{flex-wrap:wrap}}
.cmp-battle-content-filters .cmp-bc-control{display:grid;gap:8px;width:240px;min-width:0}.cmp-bc-control>span{font-size:12px;color:var(--muted)}.cmp-content-picker summary{width:100%;height:44px;font-size:14px}.cmp-content-picker .cmp-platform-menu{width:max(100%,240px);max-height:300px;overflow-y:auto}.cmp-content-picker .cmp-platform-menu button{height:auto;min-height:44px;padding-top:10px;padding-bottom:10px}.cmp-content-picker .cmp-platform-menu button>span{overflow-wrap:anywhere}.cmp-content-picker .cmp-platform-menu button>svg{flex:none}.cmp-bc-control:last-child .cmp-platform-menu{left:auto;right:0}
@media(max-width:650px){.cmp-battle-content-filters .cmp-bc-control{width:100%;min-width:0}.cmp-battle-content-filters .cmp-bc-control:first-child{grid-column:1/-1}.cmp-content-picker summary{font-size:13px}}
.cmp-battle-table .cmp-battle-difference{font-size:13px;font-weight:500;color:var(--muted);background:color-mix(in srgb,var(--side) 50%,var(--card));white-space:nowrap}.cmp-battle-table .cmp-battle-difference-headings th{padding:10px 12px;font-size:12px;font-weight:500;text-align:center;border-left:1px solid var(--line)}.cmp-battle-shared-difference{display:block;margin-top:5px;font-size:12px;font-weight:400;color:var(--muted)}
@media(max-width:650px){.cmp-battle-table .cmp-battle-formats th{position:static!important}}

/* Integration catalog and provider-specific setup, in the shared Grok palette. */
.ig-brand.ig-brand-meta img{width:100%;height:auto}
.page-settings:has(.ig-grid) .page-inner{max-width:none;width:100%}
.settings-layout:has(.ig-grid){max-width:none;gap:28px}.settings-content:has(.ig-grid){max-width:none}.settings-content:has(.ig-grid)>p.muted{display:none}
.ig-intro{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:8px 0 20px}.ig-intro p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.ig-demo-badge{flex:none;font-size:10px;font-weight:500;line-height:1.4;border:1px solid var(--line);border-radius:6px;padding:4px 7px;color:var(--muted);white-space:nowrap}
.ig-notice,.ig-note{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;background:var(--side);border-radius:10px;padding:12px 14px;color:var(--muted)}.ig-notice svg,.ig-note svg{width:16px;height:16px;flex:none;margin-top:1px}.ig-catalog-meta{display:flex;justify-content:space-between;gap:12px;margin:24px 0 12px;font-size:12px;color:var(--muted)}.ig-catalog-meta b{margin-left:6px;color:var(--text);font-weight:500}
.ig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.ig-card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:20px;min-width:0;display:flex;flex-direction:column}.ig-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-bottom:18px}.ig-category{font-size:10px;color:var(--muted);text-align:right}.ig-brand{display:flex;align-items:center;justify-content:center;width:106px;height:46px;flex:none;background:#fff;border-radius:6px;padding:7px}.ig-brand img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ig-brand-sheets,.ig-brand-mcp,.ig-brand-onec{width:46px;padding:5px}.ig-brand-amo{width:48px;height:48px;padding:0;overflow:hidden}.ig-brand-calls{background:#252c3b;width:132px;padding:9px}.ig-brand-bitrix{width:122px;padding:6px}.ig-api-mark{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font:600 22px ui-monospace,monospace;width:46px;height:46px;letter-spacing:-2px}
.ig-card h3{font-size:17px;line-height:1.3;letter-spacing:-.3px;margin:0 0 8px;font-weight:600}.ig-card .ig-description{margin:0 0 15px;font-size:12px;line-height:1.55;min-height:38px;color:var(--muted)}.ig-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.ig-tags span{font-size:10px;border-radius:5px;padding:4px 6px;background:var(--side);color:var(--muted)}.ig-method{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;padding:12px 0;border-top:1px solid var(--line);margin-top:auto;color:var(--muted)}.ig-method strong{font-size:10px;font-weight:500;color:var(--text);text-align:right}.ig-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.ig-card-status{display:flex;flex-direction:column;gap:4px}.ig-card-status .status{font-size:11px}.ig-card-status small{font-size:10px;color:var(--muted)}.ig-card .ig-card-button{min-height:34px;padding:7px 10px;font-size:11px;gap:6px;border-radius:8px}.ig-card-button svg{width:14px;height:14px}
.overlay:has(.ig-dialog){padding:20px;overflow:hidden}.ig-dialog.modal{padding:0;width:960px;max-width:100%;max-height:min(800px,calc(100dvh - 40px));overflow:hidden;display:flex;flex-direction:column;border-radius:18px;background:var(--card)}.ig-dialog>.modal-head{flex:none;padding:18px 22px;margin:0;border-bottom:1px solid var(--line)}.ig-dialog>.modal-head h2{font-size:18px;font-weight:600;letter-spacing:-.3px}.ig-dialog .modal-head .icon-btn{width:30px;height:30px}
.ig-modal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0;overflow:hidden}.ig-aside{background:var(--side);border-right:1px solid var(--line);padding:24px 20px;overflow:auto;overscroll-behavior:contain}.ig-provider-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ig-provider-heading>span:last-child{font-size:11px;color:var(--muted)}.ig-steps{list-style:none;padding:0;margin:28px 0;display:flex;flex-direction:column;gap:19px}.ig-steps li{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.ig-steps li>span{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:11px;flex:none}.ig-steps li>span svg{width:14px;height:14px}.ig-steps .is-active{font-weight:600;color:var(--text)}.ig-steps .is-active>span{background:var(--strong);color:var(--on);border-color:var(--strong)}.ig-steps .is-done>span{background:var(--bubble);color:var(--text)}
.ig-help{border-top:1px solid var(--line);padding-top:20px}.ig-help h3,.ig-access strong{font-size:12px;font-weight:600;margin:0 0 8px}.ig-help p,.ig-access p{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}.ig-help a{color:var(--text);font-size:11px;display:inline-flex;align-items:center;gap:5px;margin-top:12px;text-decoration:none}.ig-help a:hover{text-decoration:underline}.ig-help a svg{width:13px;height:13px}.ig-access{display:flex;gap:8px;margin-top:24px}.ig-access>svg{width:17px;height:17px;flex:none}.ig-access strong{display:block;margin:1px 0 7px}
.ig-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.ig-step-content{padding:26px 28px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1}.ig-step-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ig-step-title h3{font-size:19px;letter-spacing:-.3px;margin:0;font-weight:600}.ig-step-description{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 24px}.ig-fields{display:grid;gap:18px}.ig-fields-source{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.ig-field{min-width:0}.ig-field label{display:block;margin:0 0 7px;font-size:12px;font-weight:500}.ig-field .field{width:100%;height:42px;padding:10px 12px;border-radius:9px;font-size:12px;margin:0;background:var(--card);border:1px solid var(--line)}.ig-field .field[aria-invalid=true]{border-color:var(--red)}.ig-error{display:block;color:var(--red);font-size:11px;line-height:1.5;margin:6px 0 0}.ig-account{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:22px}.ig-account>svg{width:22px;height:22px;flex:none}.ig-account>div{flex:1;min-width:0}.ig-account strong{font-size:12px;overflow-wrap:anywhere}.ig-account p{font-size:11px;line-height:1.5;margin:4px 0 0;color:var(--muted)}.ig-account .btn{font-size:11px;white-space:nowrap}.ig-account.is-ready>svg{color:var(--green)}.ig-sample-button{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;margin:22px 0 12px;padding:9px 0;text-align:left}.ig-sample-button:hover{text-decoration:underline}.ig-sample-button svg{width:15px;height:15px}.ig-local-note,.ig-save-note{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 0}
.ig-modal-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 24px;flex:none;background:var(--card)}.ig-modal-footer .btn{font-size:12px;min-height:40px;border-radius:9px;padding:10px 13px;gap:8px}.ig-modal-footer svg{width:15px;height:15px}.ig-review-heading{display:flex;gap:12px;align-items:center;margin:22px 0}.ig-review-heading>svg{width:32px;height:32px;padding:7px;border-radius:50%;background:var(--side);flex:none}.ig-review-heading h3{font-size:14px;margin:0 0 6px}.ig-review-heading p{font-size:11px;color:var(--muted);margin:0}.ig-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 26px}.ig-summary>div{min-width:0;border-bottom:1px solid var(--line);padding-bottom:12px}.ig-summary dt{font-size:11px;color:var(--muted);margin-bottom:5px}.ig-summary dd{font-size:12px;font-weight:500;margin:0;overflow-wrap:anywhere}.ig-preview-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.ig-preview-title h4{font-size:12px;margin:0}.ig-preview-title span{font-size:11px;color:var(--muted)}.ig-preview-table{border:1px solid var(--line);border-radius:10px;overflow:auto;margin-bottom:16px}.ig-preview-table table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.ig-preview-table th{font-weight:500;background:var(--side);color:var(--muted)}.ig-preview-table th,.ig-preview-table td{padding:11px 12px;border-bottom:1px solid var(--line)}.ig-preview-table tr:last-child td{border-bottom:0}
@media(max-width:850px){.ig-dialog.modal{max-height:calc(100dvh - 24px)}.overlay:has(.ig-dialog){padding:12px}.ig-modal-layout{grid-template-columns:200px minmax(0,1fr)}.ig-aside{padding:22px 16px}.ig-step-content{padding:22px 20px}.ig-intro{align-items:flex-start}.ig-account{flex-wrap:wrap}.ig-account .btn{margin-left:34px}.ig-fields-source{grid-template-columns:1fr}}
@media(max-width:600px){.settings-layout:has(.ig-grid){gap:16px}.ig-intro{flex-direction:column;gap:10px}.ig-card{padding:18px}.ig-card .ig-description{min-height:0}.ig-card-top{margin-bottom:13px}.ig-catalog-meta{margin-top:20px}.ig-dialog.modal{width:100%;max-height:calc(100dvh - 16px);border-radius:14px}.overlay:has(.ig-dialog){padding:8px}.ig-dialog>.modal-head{padding:14px 16px}.ig-modal-layout{display:flex;flex-direction:column}.ig-aside{flex:none;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.ig-provider-heading,.ig-help,.ig-access{display:none}.ig-steps{margin:0;flex-direction:row;justify-content:space-between;gap:10px}.ig-steps li{font-size:10px;gap:5px;line-height:1.35}.ig-steps li>span{width:21px;height:21px;font-size:10px}.ig-main{flex:1;min-height:0}.ig-step-content{padding:20px 16px}.ig-step-title h3{font-size:17px}.ig-fields{gap:15px}.ig-fields-source{grid-template-columns:1fr}.ig-modal-footer{padding:12px;gap:6px}.ig-modal-footer .btn{font-size:11px;padding:9px 10px}.ig-modal-footer .btn svg{display:none}.ig-summary{gap:12px}.ig-summary dd{font-size:11px}.ig-account .btn{margin-left:0}.ig-notice{font-size:11px}.ig-preview-table{max-width:100%}}
.settings-integrations:has(.ig-grid){container-type:inline-size}


.ig-mobile-help{display:none}
@media(max-width:600px){.ig-mobile-help{display:block;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:11px;line-height:1.6}.ig-mobile-help summary{font-weight:500;cursor:pointer}.ig-mobile-help p{color:var(--muted);margin:10px 0}.ig-mobile-help a{color:var(--text)}}
@media(max-width:950px){.settings-layout:has(.ig-grid){grid-template-columns:minmax(0,1fr);gap:20px}.settings-layout:has(.ig-grid)>.settings-nav{position:static;flex-direction:row;max-height:none;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 4px 10px;border-bottom:1px solid var(--line)}.settings-layout:has(.ig-grid)>.settings-nav button{white-space:nowrap;flex:none;min-height:42px;font-size:12px}}

/* Cards keep labels, values and actions aligned at every catalog width. */
.ig-card-top{flex-wrap:wrap;row-gap:8px}.ig-category{margin-left:auto;max-width:120px;line-height:1.4}
.ig-card footer{gap:12px}.ig-card-status{flex:1;min-width:0}.ig-card-status small{line-height:1.5}
.ig-card .ig-card-button{flex:none;white-space:nowrap;min-height:38px}
.ig-method>span{line-height:1.5}.ig-method strong{flex:none;white-space:nowrap}
.ig-brand-youtube,.ig-brand-telegram{width:48px;height:48px;padding:0}

.ig-brand.ig-brand-timepay{width:116px;background:#202020}.ig-brand.ig-brand-timepay img{width:100%;height:auto}.tp-card .ig-card-status{min-width:0}.tp-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.tp-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.tp-status.is-connected{color:var(--green)}
.tp-dialog.modal{width:860px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;background:var(--card)}.tp-dialog>.modal-head{padding:17px 22px;border-bottom:1px solid var(--line);margin:0;flex:none}.tp-dialog>.modal-head h2{font-size:18px}.tp-body{padding:22px;overflow:auto;min-height:0;overscroll-behavior:contain}.tp-connection{display:flex;align-items:center;gap:18px;margin-bottom:14px}.tp-connection strong{font-size:13px}.tp-connection p{font-size:11px;line-height:1.5;color:var(--muted);margin:5px 0 0}.tp-live{font-size:10px;border:1px solid var(--line);padding:5px 7px;border-radius:6px;white-space:nowrap}.tp-api-details{font-size:11px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.tp-api-details summary{cursor:pointer}.tp-api-details dl{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;margin:14px 0}.tp-api-details dd{margin:0;overflow-wrap:anywhere}.tp-api-details a{color:var(--text)}.tp-rules{margin:22px 0}.tp-rules h3,.tp-preview h3{font-size:15px;font-weight:600;margin:0}.tp-rules>p{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 20px}.tp-fields{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:14px}.tp-workdays{border:0;padding:0;margin:20px 0 16px;display:flex;gap:7px}.tp-workdays legend{font-size:12px;font-weight:500;margin-bottom:10px}.tp-workdays label{position:relative;cursor:pointer}.tp-workdays input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.tp-workdays span{display:grid;place-items:center;min-width:40px;height:36px;border:1px solid var(--line);border-radius:8px;font-size:12px}.tp-workdays input:checked+span{background:var(--strong);color:var(--on);border-color:var(--strong)}.tp-workdays input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.tp-rule-note{display:flex;align-items:flex-start;gap:8px;background:var(--side);padding:11px 12px;border-radius:9px}.tp-rule-note svg{width:15px;height:15px;flex:none;margin-top:1px}.tp-rule-note p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.tp-preview{border-top:1px solid var(--line);padding-top:18px}.tp-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.tp-preview-head>div{display:flex;align-items:center;gap:7px}.tp-preview-head .field{font-size:12px;min-height:34px;width:140px;padding:6px 8px;border-radius:8px;margin:0;background:var(--card)}.tp-preview-head .btn{font-size:11px;min-height:34px;border-radius:8px}.tp-preview-head .btn svg{width:14px;height:14px}.tp-preview-head .dbc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tp-empty{font-size:12px;line-height:1.7;text-align:center;border:1px dashed var(--line);border-radius:10px;padding:22px;color:var(--muted)}.tp-empty small{display:block;font-size:11px}.tp-data-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.tp-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:230px}.tp-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.tp-table-wrap th{font-size:11px;font-weight:500;background:var(--side);position:sticky;top:0}.tp-table-wrap th,.tp-table-wrap td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center}.tp-table-wrap th:first-child,.tp-table-wrap td:first-child{text-align:left}.tp-table-wrap tr:last-child td{border:0}.tp-late{color:var(--amber)}.tp-preview-note{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 0}.tp-error{font-size:12px;color:var(--red);line-height:1.6;margin:14px 0 0}
@media(max-width:600px){.tp-dialog.modal{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.overlay:has(.tp-dialog){padding:8px}.tp-body{padding:16px}.tp-dialog>.modal-head{padding:14px 16px}.tp-connection{gap:10px;flex-wrap:wrap}.tp-live{margin-left:auto}.tp-fields{grid-template-columns:1fr 1fr;gap:12px}.tp-fields>.ig-field:last-child{grid-column:1/-1}.tp-fields .field{font-size:16px}.tp-workdays{gap:5px}.tp-workdays span{min-width:36px;height:40px}.tp-preview-head{flex-direction:column;align-items:stretch;gap:12px}.tp-preview-head>div{justify-content:space-between}.tp-data-meta{flex-wrap:wrap}.tp-preview-head .field{font-size:16px;width:auto;min-width:0;flex:1}}

.tp-card .ig-method{min-height:60px}.tp-card .tp-schedule{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.tp-card .tp-schedule strong{font-size:14px;font-variant-numeric:tabular-nums}.tp-card .tp-schedule small{font-size:10px;white-space:nowrap}
.tp-card .ig-card-button{padding:8px 10px}.tp-card footer .tp-status{font-size:11px;line-height:1.5}

.page-inbox .page-inner{max-width:none;height:100%;display:flex;flex-direction:column}.page-inbox .page-body{padding:0 24px 20px;overflow:hidden;display:flex}.page-inbox .page-inner{flex:1;min-width:0}.page-inbox .page-header{padding-bottom:18px}.page-inbox .page-footer{display:none}
.channel-inbox.or-inbox{flex:1;min-height:0;display:flex;padding:0}.or-embed{position:relative;display:flex;flex:1;min-height:0;width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.or-embed iframe{width:100%;height:100%;border:0;background:var(--card)}
.or-loading{position:absolute;inset:0;z-index:1;display:flex;gap:14px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:14px;background:var(--card)}.or-loading[hidden]{display:none}
.or-meta-panel{display:flex;min-height:0;flex:1;padding:0}.ig-dialog:has(.or-meta-panel){width:1200px;height:min(860px,calc(100dvh - 40px))}.or-meta-panel .or-embed{border:0;border-radius:0}
@media(max-width:700px){.page-inbox .page-body{padding:0 8px 8px}.or-embed{border-radius:12px}.page-inbox .page-header{padding:14px 16px}}

.or-meta-tabs{display:flex;gap:6px;flex:none;padding:10px 20px;border-bottom:1px solid var(--line)}.or-meta-tabs button{padding:8px 13px;font-size:13px;border-radius:20px}.or-meta-tabs .active{background:var(--bubble);font-weight:600}.ig-dialog:has(.or-meta-tabs) .ig-modal-layout{flex:1}

.live-state{height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:32px;text-align:center}.live-state>svg{width:28px;height:28px}.live-state h2{font-size:20px}.live-inline{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:14px;color:var(--muted)}.live-error{color:var(--red);display:block;white-space:pre-wrap}.live-attachment{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px;text-decoration:none;color:inherit;white-space:normal}.live-attachment svg{width:20px;height:20px;flex:none}.live-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.live-attachments>span{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 10px;gap:8px;font-size:13px}.live-attachments svg{width:18px;height:18px}.message audio{display:block;max-width:min(100%,320px);margin-top:12px}.live-document{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.live-section{margin:24px 0}.live-section h3{margin-bottom:12px}.live-section details{margin:12px 0}.live-empty{padding:40px 20px;color:var(--muted)}.live-modal{width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:24px}.live-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.live-modal .field{width:100%}.live-modal label{display:block;margin:16px 0 8px}.live-modal .actions{margin-top:24px}.live-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.live-metrics>div{border:1px solid var(--line);border-radius:16px;padding:20px}.live-metrics strong{display:block;font-size:28px;margin-top:8px}
/* Council membership uses the same portraits and hierarchy as the chat sidebar. */
.console-settings{min-width:0;container-type:inline-size}
.console-settings-actions{display:flex;justify-content:flex-end;margin-bottom:24px}
.console-config+.console-config{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.console-config-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}
.console-config-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.console-config-heading h3{margin:0;font-size:18px;line-height:26px;overflow-wrap:anywhere}
.console-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:20px;padding:4px 9px;font-size:12px;line-height:18px;color:var(--muted)}
.console-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.console-state.is-active{color:var(--green)}
.console-config-actions{display:flex;flex-wrap:wrap;gap:8px}
.console-departments{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:18px}
.console-department{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:18px}
.console-department-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}
.console-department-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--side);flex:none}
.console-department-header h4{margin:0;flex:1;min-width:0;font-size:16px;line-height:24px;font-weight:650;overflow-wrap:anywhere}
.console-member-count{font-size:12px;line-height:18px;color:var(--muted);white-space:nowrap}
.console-members{padding:4px 10px}
.console-member{display:flex;align-items:center;gap:8px;padding:5px 0;min-width:0}
.console-member+.console-member{border-top:1px solid var(--line)}
.console-member-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:62px;padding:8px 6px;text-align:left;border-radius:10px}
.console-member-open .avatar{width:38px;height:38px}
.console-member-copy{display:grid;gap:4px;flex:1;min-width:0}
.console-member-copy strong{font-size:15px;line-height:21px;font-weight:600;overflow-wrap:anywhere}
.console-member-role{display:block;color:var(--muted);font-size:12px;line-height:18px;overflow-wrap:anywhere}
.console-member-open>svg{width:16px;height:16px;color:var(--muted)}
.console-member-remove{width:44px;height:44px;border-radius:10px;color:var(--muted)}
.console-member-remove:hover:not(:disabled){color:var(--red);background:var(--bubble)}
.console-empty{padding:20px 10px;font-size:14px;color:var(--muted)}
@media(min-width:701px) and (max-width:1000px){
 .settings-layout:has(.console-settings){grid-template-columns:minmax(0,1fr);gap:24px}
 .settings-layout:has(.console-settings) .settings-nav{position:static;flex-direction:row;max-height:none;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 4px 10px;border-bottom:1px solid var(--line)}
 .settings-layout:has(.console-settings) .settings-nav button{white-space:nowrap}
}
@container(max-width:480px){
 .console-config-header{align-items:stretch;gap:14px}
 .console-config-heading,.console-config-actions{width:100%}
 .console-config-actions .btn{flex:1;justify-content:center;padding:10px 12px;font-size:14px}
 .console-settings-actions{justify-content:flex-start}
 .console-departments{gap:16px}
}
/* Keep persona identity, description and actions in separate card rows. */
.live-persona-tools{margin:0 0 20px;gap:10px}
.live-persona-tools .btn,.live-persona-actions .btn{min-height:44px;padding:10px 14px;font-size:14px;border-radius:10px}
.live-persona-search{margin-bottom:24px}
.live-persona-search .field{max-width:360px;min-height:46px;padding:11px 14px;border-radius:12px;font-size:15px}
.live-persona-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}
.live-persona-card{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px;border-radius:18px;min-width:0}
.live-persona-card .live-persona-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;min-width:0;min-height:44px}
.live-persona-header .avatar{width:44px;height:44px}
.live-persona-header h3{font-size:17px;line-height:24px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.live-persona-card .live-persona-description{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:14px;line-height:22px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.live-persona-card .live-persona-actions{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);gap:10px}
.live-persona-actions .btn{flex:1;min-width:0;white-space:normal}
@media(max-width:700px){
 .live-persona-card{padding:18px}
 .live-persona-tools{align-items:stretch}
 .live-persona-tools .btn{flex:1 1 auto}
 .live-persona-search .field{max-width:none}
}

.message-wait{display:block;margin-top:6px;font-size:.75rem;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}
.message-diagnostic{display:block;margin-top:8px;font-size:.75rem;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}

/* Team roles and status remain visible on narrow settings pages. */
.team-members-cards{display:none}
@media(max-width:700px){
 .team-members-table{display:none}
 .team-members-cards{display:grid;gap:12px;min-width:0}
 .team-member-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
 .team-member-card h3{margin:0;font-size:16px;overflow-wrap:anywhere}
 .team-member-card>p{margin:6px 0 14px;color:var(--muted);overflow-wrap:anywhere}
 .team-member-card dl{display:grid;grid-template-columns:minmax(60px,1fr) minmax(0,2fr);gap:10px;margin:0}
 .team-member-card dt{color:var(--muted)}
 .team-member-card dd{margin:0;overflow-wrap:anywhere}
}

/* Session topics never displace their state or available actions. */
.session-table table{table-layout:fixed;width:100%;min-width:0;white-space:normal}
.session-table th,.session-table td{min-width:0;overflow-wrap:anywhere;vertical-align:top}
.session-table th:nth-child(1){width:38%}.session-table th:nth-child(2){width:20%}.session-table th:nth-child(3){width:14%}.session-table th:nth-child(4){width:12%}.session-table th:nth-child(5){width:16%}
.session-topic{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.session-topic:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.session-actions>div{display:flex;flex-wrap:wrap;gap:6px}.session-actions .btn{max-width:100%;white-space:normal}
@media(max-width:1000px){
 .session-table{border:0;overflow:visible}.session-table table,.session-table tbody{display:block;width:100%;min-width:0}
 .session-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .session-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}
 .session-table tbody td{display:block;border:0;padding:0;min-width:0}
 .session-topic-cell,.session-departments,.session-actions{grid-column:1/-1}
 .session-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:4px}
 .session-table .session-topic-cell::before,.session-table .session-actions::before{display:none}
 .session-topic{font-size:14px}.session-actions .btn{min-height:40px}
}

/* Public profiles and council composition share the shell theme tokens. */
.live-modal:has(.persona-public){width:min(620px,100%);background:var(--card);color:var(--text);border:1px solid var(--line);padding:28px;border-radius:22px}
.persona-public{display:grid;gap:22px;min-width:0}
.persona-public-intro{display:flex;align-items:center;gap:18px;padding:4px 0 22px;border-bottom:1px solid var(--line)}
.persona-public-intro>.avatar{width:72px;height:72px;flex:none}
.persona-public-intro>.avatar svg{width:29px;height:29px}
.persona-public-kind{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.persona-public p{font-size:14px;line-height:1.7;color:var(--text)}
.persona-public-section h3{font-size:14px;margin:0 0 10px}
.persona-public-section ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.persona-public-section li{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);line-height:1.55;font-size:14px}
.persona-public .persona-public-note{font-size:12px;color:var(--muted)}
.persona-public-actions{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:flex-end}
.console-settings{display:grid;gap:20px;min-width:0}
.console-settings-actions{display:flex;justify-content:flex-start;margin:0!important;padding:0!important;min-height:0!important}
.console-config{margin:0!important;padding:0!important;min-width:0}
.console-config-header{gap:14px;flex-wrap:wrap;margin-bottom:16px!important}
.console-config-heading{min-width:0;flex-wrap:wrap}
.console-departments{align-items:start;gap:16px}
.console-department{min-width:0}
.console-member-toggle{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;font-size:23px;color:var(--muted);line-height:1;background:var(--card)}
.console-member-toggle[aria-pressed="true"]{color:var(--red);border-color:color-mix(in srgb,var(--red) 32%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--card))}
.console-member-toggle[aria-pressed="false"]{color:var(--green);border-color:color-mix(in srgb,var(--green) 32%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--card))}
.console-member-toggle:hover,.console-member-toggle:focus-visible{background:color-mix(in srgb,currentColor 13%,var(--card));border-color:currentColor}
.console-member.is-inactive .console-member-open{opacity:.55}
.console-member.is-inactive{border-top:1px dashed var(--line)}
.live-modal:has([id^="lp-"]){background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:20px;width:min(600px,100%)}
.live-modal:has([id^="lp-"]) label{display:block;margin:18px 0 7px;font-size:13px;color:var(--text)}
.live-modal:has([id^="lp-"]) .field{width:100%;max-width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;min-height:44px}
.live-modal:has([id^="lp-"]) .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
@media(max-width:700px){.live-modal:has(.persona-public){padding:20px;max-height:88dvh;overflow:auto;border-radius:18px}.persona-public{gap:18px}.persona-public-intro{align-items:flex-start;gap:14px}.persona-public-intro>.avatar{width:56px;height:56px}.persona-public-actions .btn{width:100%;justify-content:center}.console-departments{grid-template-columns:minmax(0,1fr)!important}.console-config-actions{width:100%;display:flex;flex-wrap:wrap}.console-member-toggle{width:44px;height:44px}}

.persona-add-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.persona-add-empty{color:var(--muted);line-height:1.6;margin:0 0 18px}.persona-add-flow button:disabled,.persona-add-flow select:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.persona-add-options{display:grid;grid-template-columns:1fr}.persona-add-options .btn{white-space:normal;text-align:center}}

/* Council department selection and readiness use the same eight catalogue keys. */
.console-department-choices{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:12px 0;margin:0;min-width:0}.console-department-choices legend{font-weight:600;margin-bottom:8px}.live-modal .console-department-choices .console-department-chip{display:flex;margin:0;width:auto;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:18px;cursor:pointer;min-height:40px}.console-department-chip:has(input:checked){background:var(--bg-soft,#f3f5f4)}.console-department-chip:focus-within{outline:2px solid currentColor;outline-offset:2px}.console-department-chip input{margin:0;accent-color:currentColor}[data-console-coverage]{font-size:13px;line-height:1.5;overflow-wrap:anywhere}[data-console-coverage] ul{padding-left:20px}#lp-console-error{color:var(--danger,#a12b2b)}

/* F36: source review keeps provenance states separate from approval. */
.persona-source-review{min-width:0;line-height:1.55}.persona-source-count{font-weight:650;margin:20px 0 12px}.persona-source-card{border:1px solid var(--border,#e6e6e6);border-radius:14px;padding:18px;margin:14px 0;min-width:0}.persona-source-review .persona-source-check{display:flex;gap:12px;align-items:flex-start;font-weight:650;cursor:pointer;min-height:44px;padding:4px 0}.persona-source-check input{flex:0 0 auto;width:19px;height:19px;margin-top:3px;accent-color:var(--text,#171717)}.persona-source-check span,.persona-source-link,.persona-source-snippet,.persona-source-next{overflow-wrap:anywhere}.persona-source-link{display:inline-block;min-height:36px;text-decoration:underline;text-underline-offset:3px}.persona-source-meta,.persona-source-states{display:grid;gap:10px;margin:14px 0;font-size:13px}.persona-source-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.persona-source-meta div,.persona-source-states div{min-width:0}.persona-source-meta dt,.persona-source-states dt{color:var(--muted,#666);font-size:12px}.persona-source-meta dd,.persona-source-states dd{margin:3px 0 0;overflow-wrap:anywhere}.persona-source-states{border-top:1px solid var(--border,#e6e6e6);padding-top:12px;grid-template-columns:1fr}.persona-source-snippet{font-size:13px}.persona-source-next{font-size:13px;color:var(--muted,#666);margin:20px 0 12px}.persona-source-review .actions,.persona-source-rights .actions{display:flex;flex-wrap:wrap;gap:8px}.persona-source-review button,.persona-source-rights button{white-space:normal;min-height:40px}.persona-source-review button:disabled{opacity:.5;cursor:not-allowed}.persona-source-rights{line-height:1.55;min-width:0}.persona-source-rights label{display:block;margin:16px 0 6px}.persona-source-rights [data-rights-error]:empty{display:none}.persona-source-review :focus-visible,.persona-source-rights :focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:560px){.persona-source-card{padding:14px}.persona-source-meta{grid-template-columns:1fr}.persona-source-review .actions>button,.persona-source-rights .actions>button{min-height:44px;max-width:100%}}

.persona-source-states>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:start}.persona-source-states dd{margin-top:0}.persona-source-card>.form-hint{margin:4px 0 10px}

/* F35: persisted preparation state, private review, and exact version history. */
.persona-preparation,.persona-preparation-list,.persona-preparation-evaluate,.persona-preparation-assign{min-width:0;line-height:1.55}.persona-preparation-stage{font-weight:650;margin:20px 0 12px}.persona-preparation-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;margin:18px 0 8px}.persona-preparation-costs dt,.persona-preparation-times dt{font-size:12px;color:var(--muted)}.persona-preparation-costs dd{margin:5px 0 0;font-size:18px;font-weight:650;overflow-wrap:anywhere}.persona-preparation-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.persona-preparation-times dd{margin:3px 0 0;font-size:13px;overflow-wrap:anywhere}.persona-preparation-note{font-size:12px}.persona-preparation>section{margin:22px 0}.persona-preparation h3,.persona-preparation-list h3{font-size:15px;margin:0 0 8px}.persona-preparation p,.persona-preparation li{overflow-wrap:anywhere}.persona-preparation li p{margin:3px 0}.persona-preparation-failure{padding:14px;border:1px solid var(--line);border-radius:12px}.persona-preparation-failure code{font-size:12px;overflow-wrap:anywhere;user-select:text}.persona-preparation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.persona-preparation-action{min-width:0}.persona-preparation-action button{width:100%;min-height:42px;white-space:normal}.persona-preparation-action small{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:var(--muted)}.persona-preparation button:disabled{opacity:.5;cursor:not-allowed}.persona-preparation-history{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.persona-preparation-history summary{cursor:pointer;font-weight:650;min-height:40px}.persona-preparation-list [data-preparation-row]{border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}.persona-preparation-list [data-preparation-row] p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.persona-preparation-evaluate label{display:block;margin:18px 0 8px}.persona-preparation [data-preparation-error]:empty,.persona-preparation-evaluate [data-preparation-error]:empty{display:none}.persona-preparation .actions,.persona-preparation-list .actions,.persona-preparation-evaluate .actions,.persona-preparation-assign{display:flex;gap:8px;flex-wrap:wrap}.persona-preparation-assign button{max-width:100%;white-space:normal}.persona-preparation :focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:560px){.persona-preparation-costs,.persona-preparation-times,.persona-preparation-actions{grid-template-columns:1fr}.persona-preparation-costs>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.persona-preparation-costs dd{margin:0;text-align:right}.persona-preparation button,.persona-preparation-evaluate button,.persona-preparation-list button{min-height:44px;white-space:normal;max-width:100%}}

.persona-preparation-review{margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}.persona-preparation-review summary{cursor:pointer;font-weight:650;min-height:40px}.persona-preparation-review h4{font-size:14px;margin:12px 0 6px}.persona-preparation-review section{margin:12px 0}.persona-preparation-review ol,.persona-preparation-review ul{padding-left:22px}

/* Session and report presentation always inherits the active interface theme. */
.live-modal:has(.kg-session),.live-modal:has(.kg-document){background:var(--card);color:var(--text);border:1px solid var(--line);width:min(1020px,100%);max-width:1020px;padding:28px;box-shadow:0 20px 80px #0004}
.live-modal:has(.kg-session)>header,.live-modal:has(.kg-document)>header{padding-bottom:20px;border-bottom:1px solid var(--line);align-items:flex-start}
.live-modal:has(.kg-session) header h2,.live-modal:has(.kg-document) header h2{line-height:1.45;overflow-wrap:anywhere}
.kg-document{--doc-accent:var(--blue);max-width:850px;margin:24px auto 8px;padding:32px;background:var(--bg);border:1px solid var(--line);border-radius:16px;color:var(--text);overflow-wrap:anywhere}
.kg-document-brand{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--doc-accent);margin-bottom:20px}
.kg-document h1{font-size:clamp(23px,2.4vw,32px);line-height:1.3;letter-spacing:-.6px;margin-bottom:24px}
.kg-document h2{font-size:18px;line-height:1.45;margin-bottom:13px;color:var(--text)}
.kg-document p,.kg-document li{font-size:15px;line-height:1.85;white-space:normal}
.kg-document p+p{margin-top:14px}.kg-document ul{padding-left:21px;margin:0}.kg-document li+li{margin-top:9px}
.kg-document-section{margin-top:27px}.kg-document-summary{border-left:3px solid var(--doc-accent);padding:18px 22px;background:var(--side);border-radius:0 10px 10px 0}
.kg-document-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}
.kg-document-metric{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--side);display:flex;flex-direction:column;gap:9px;min-width:0}
.kg-document-metric>span{font-size:13px;color:var(--muted);line-height:1.5}.kg-document-metric strong{font-size:24px;line-height:1.25;color:var(--text)}.kg-document-metric small{font-size:12px;line-height:1.6}
.kg-document-table{overflow:auto;border:1px solid var(--line);border-radius:10px}.kg-document-table:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.kg-document table{width:100%;border-collapse:collapse;text-align:left;min-width:530px;table-layout:fixed}.kg-document th,.kg-document td{font-size:13px;line-height:1.65;padding:13px 15px;vertical-align:top;border-bottom:1px solid var(--line)}.kg-document th{background:var(--side);font-weight:600}.kg-document tr:last-child td{border-bottom:0}
.kg-document-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:18px 0}.kg-document-actions .actions{margin:0}.kg-document-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:12px}
.kg-session{margin-top:18px}.kg-session .progress-caption{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.kg-session-context{padding:18px 20px;background:var(--side);border:1px solid var(--line);border-radius:12px;margin:18px 0}.kg-session-context h3{margin-bottom:8px}.kg-session-context p{white-space:pre-wrap;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.kg-session-round{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:16px 18px}.kg-session-round>summary{cursor:pointer;font-weight:600;display:flex;gap:12px;align-items:center;justify-content:space-between;list-style:none;min-height:30px}.kg-session-round>summary:after{content:'+';font-size:20px;font-weight:400;color:var(--muted)}.kg-session-round[open]>summary:after{content:'−'}.kg-session-round>summary .status{margin-left:auto}.kg-session-round h4{font-size:14px;margin:18px 0 8px}.kg-session-round p{line-height:1.8;color:var(--text);white-space:pre-wrap}.kg-session-round details{margin-top:14px}.kg-session-round details summary{cursor:pointer;color:var(--muted);padding:6px 0}.kg-session-round .kg-document{margin:18px 0 0;padding:24px}.kg-session-usage{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px;margin:18px 0}.kg-session-usage strong{display:block;font-size:17px;color:var(--text);margin-bottom:4px}
.kg-library-list{display:grid;gap:12px}.kg-library-card{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--card);min-width:0}.kg-library-card>.grow{min-width:0}.kg-library-card .cell-link{font-weight:600;line-height:1.55;white-space:normal;text-align:left;overflow-wrap:anywhere}.kg-library-card>.kg-library-icon{display:grid;place-items:center;background:var(--side);border:1px solid var(--line);width:44px;height:50px;border-radius:9px;flex:none}.kg-library-card .kg-document-meta{margin-top:8px;align-items:center}.kg-library-card>.actions{flex:none;margin:0;gap:7px}.kg-library-card .btn{min-height:42px}
.kg-report-schedules{display:grid;gap:14px;margin:20px 0}.kg-report-schedule{padding:20px;border:1px solid var(--line);background:var(--card);border-radius:14px;display:grid;gap:18px}.kg-report-schedule>header{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.kg-report-schedule .grow{min-width:0}.kg-report-schedule h3{font-size:16px;line-height:1.4;margin-bottom:6px}.kg-report-schedule header p{color:var(--muted);font-size:12px;line-height:1.6}.kg-report-lifecycle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0}.kg-report-lifecycle>div{min-width:0}.kg-report-lifecycle dt{color:var(--muted);font-size:11px;line-height:1.4;margin-bottom:4px}.kg-report-lifecycle dd{font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}.kg-report-actions{border-top:1px solid var(--line);margin:0;padding-top:16px}.kg-report-actions .btn{min-height:40px}.kg-report-actions .danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 24%,var(--line))}.kg-report-overview{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;padding:20px;background:var(--side);border-radius:14px;margin:18px 0}.kg-report-overview p{color:var(--muted);margin-top:6px;line-height:1.6}.kg-report-form{display:grid;gap:4px}.kg-report-form>label{font-weight:500}.kg-report-timing{border:1px solid var(--line);border-radius:12px;padding:16px;margin:18px 0 4px}.kg-report-timing legend{font-size:12px;font-weight:600;padding:0 6px}.kg-report-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.kg-report-timezone{grid-column:1/-1}.kg-report-destination{background:var(--side);border-radius:12px;padding:16px;margin-top:16px}.kg-report-destination>strong{font-size:12px}.kg-report-destination>p{font-size:14px;margin-top:7px}.live-modal .kg-report-copy{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:12px;line-height:1.5}.kg-report-copy input{width:18px;height:18px;flex:none;accent-color:var(--strong)}
@media(max-width:700px){.live-modal:has(.kg-session),.live-modal:has(.kg-document){padding:18px;max-height:93dvh;border-radius:18px}.kg-document{padding:20px 16px;margin-top:18px}.kg-document h1{font-size:23px}.kg-document p,.kg-document li{font-size:14px}.kg-document-summary{padding:16px}.kg-session-round{padding:12px}.kg-session-round .kg-document{padding:16px 12px}.kg-library-card{padding:16px;gap:12px;flex-wrap:wrap}.kg-library-card>.actions{width:100%;justify-content:flex-end}.kg-library-card .btn{min-height:44px}.kg-document-actions .btn{min-height:44px}.kg-report-schedule{padding:17px}.kg-report-schedule>header{align-items:flex-start}.kg-report-lifecycle{grid-template-columns:1fr}.kg-report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.kg-report-actions .btn{min-height:44px;width:100%}.kg-report-form-grid{grid-template-columns:1fr}.kg-report-timezone{grid-column:auto}.kg-report-overview>.btn{width:100%;min-height:44px}}

/* Settings and shared forms use the same theme tokens as the conversation. */
.experience-inline{padding:22px 0;border-bottom:1px solid var(--line)}
.experience-inline>label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px;font-weight:500}
.experience-edit{display:flex;align-items:center;gap:16px;min-width:0}
.experience-value{display:block;flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.6}
.experience-edit>.field{flex:1;min-width:0}
.experience-edit-actions{display:flex;gap:4px;flex:none;align-self:flex-start}
.experience-edit-actions .icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:10px}
.experience-inline .live-error{margin-top:10px;font-size:13px}
.experience-section-actions{display:flex;gap:12px;flex-wrap:wrap;padding:24px 0}
.experience-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;max-width:480px}
.experience-theme{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--card);color:var(--text);text-align:left;font-weight:600}
.experience-theme.selected{outline:2px solid var(--text);outline-offset:2px}
.experience-theme-preview{height:94px;border-radius:10px;display:block;position:relative;background:#f8f8f8;border:1px solid #ddd;margin-bottom:12px;overflow:hidden}
.experience-theme.dark .experience-theme-preview{background:#171717;border-color:#3c3c3c}
.experience-theme-preview i{position:absolute;inset:0 70% 0 0;background:#eee;border-right:1px solid #ddd}
.experience-theme.dark .experience-theme-preview i{background:#252525;border-color:#3c3c3c}
.experience-theme-preview b{position:absolute;top:22px;left:39%;width:47%;height:12px;background:#ddd;border-radius:6px}
.experience-theme-preview b:last-child{top:47px;left:49%;width:37%}
.experience-theme.dark .experience-theme-preview b{background:#444}
.experience-text-size{display:flex;align-items:center;gap:16px;max-width:300px;width:100%}
.experience-text-size input{flex:1;min-width:0;accent-color:var(--strong)}
.experience-text-size output{min-width:38px;font-variant-numeric:tabular-nums;color:var(--muted)}
.experience-time{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.experience-time .field{width:120px;font-variant-numeric:tabular-nums}
.experience-time>span{font-size:13px}
.experience-usage{padding-top:20px}
.experience-usage-period{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-bottom:22px}
.experience-usage-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.experience-usage-totals article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);min-width:0}
.experience-usage-totals span{color:var(--muted);font-size:13px}
.experience-usage-totals strong{display:block;font-size:clamp(22px,2.5vw,32px);margin-top:14px;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.experience-usage .progress-line{height:6px;margin-bottom:16px}
.experience-usage>p{font-size:13px;line-height:1.6}
.experience-usage-history{margin-top:36px}
.experience-usage-history h3{font-size:1.1rem}
.experience-usage-chart{height:190px;display:flex;align-items:stretch;gap:clamp(2px,0.6vw,8px);border-bottom:1px solid var(--line);margin:26px 0 18px;padding-bottom:24px}
.experience-usage-chart>div{position:relative;flex:1;display:flex;align-items:flex-end;min-width:0;max-width:48px}
.experience-usage-bar{width:100%;border-radius:5px 5px 0 0;background:var(--strong);min-height:2px;overflow:hidden}
.experience-usage-bar i{display:block;background:var(--muted);min-height:0;width:100%}
.experience-usage-chart span{position:absolute;top:calc(100% + 8px);width:100%;text-align:center;color:var(--muted);font-size:11px}
.experience-usage-history summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:500}
.experience-usage-history table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.experience-usage-history th,.experience-usage-history td{padding:12px;text-align:right;border-bottom:1px solid var(--line)}
.experience-usage-history th:first-child,.experience-usage-history td:first-child{text-align:left}
.live-modal{box-shadow:0 24px 100px #0003;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
.live-modal>header{position:relative}
.live-modal>header h2{font-size:1.4rem;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.live-modal .field{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:12px 14px;box-sizing:border-box}
.live-modal .field:focus-visible{outline:2px solid var(--muted);outline-offset:2px}
.live-modal textarea.field{resize:vertical;line-height:1.6}
.live-modal label{font-size:13px;font-weight:600}
.live-modal .actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--line)}
.live-modal .actions .btn{min-height:42px}
.live-modal .check-row{display:flex;align-items:center;gap:10px;padding:8px 0}
.live-modal .check-row label{margin:0;font-weight:400}
@media(max-width:640px){.experience-edit{gap:8px}.experience-usage-totals{grid-template-columns:1fr}.experience-usage-totals article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px}.experience-usage-totals strong{margin:0;font-size:24px}.experience-usage-period{flex-wrap:wrap}.experience-time{width:100%}.experience-usage-chart span{font-size:9px}.live-modal{padding:20px;border-radius:20px}.live-modal .actions .btn{flex:1}}

.experience-onboard-progress{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin:24px 0 16px}.experience-onboard-question{font-size:1.25rem;line-height:1.5;margin-bottom:18px;font-weight:600}

/* Keep the paired time inputs compact despite generic settings field sizing. */
.settings-content .form-row .experience-time{display:grid;grid-template-columns:minmax(72px,100px) auto minmax(72px,100px);justify-content:start;gap:10px;align-items:center}
.settings-content .form-row .experience-time .field{width:100%;min-width:0;max-width:100%;flex:none}
.settings-content .form-row .experience-time>.muted{grid-column:1/-1;overflow-wrap:anywhere}

/* Current profile is readable; original records remain opt-in history. */
.profile-main{display:grid;gap:20px;margin:24px 0;min-width:0}.profile-section{min-width:0;border-bottom:1px solid var(--border);padding-bottom:16px}.profile-section h3{font-size:16px;margin:0 0 10px}.profile-section h4{font-size:14px;margin:12px 0 6px}.profile-section p,.profile-section li,.profile-section dd{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:6px 0}.profile-section ul{padding-left:20px;margin:8px 0}.profile-section dl{margin:0}.profile-section dt{font-weight:600}.profile-section dd{margin-left:0}.profile-meta{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.profile-approval{padding:16px;background:var(--hover);border-radius:12px}.profile-approval .status{font-weight:600}.profile-history{border-top:1px solid var(--border);padding:14px 0}.profile-history>summary{cursor:pointer;font-weight:600;line-height:1.5}.profile-history>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#live-context-form{min-width:0}#live-context-question{width:100%;max-width:100%;text-overflow:ellipsis}.profile-main .profile-extra+.profile-extra{margin-top:12px}

.knowledge-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.knowledge-toolbar>.field{max-width:340px;min-width:0}.knowledge-toolbar>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.knowledge-profile{border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:24px;background:var(--card)}.knowledge-profile header{display:flex;gap:12px;align-items:center}.knowledge-profile header>svg{width:22px;height:22px;flex:none}.knowledge-profile h3{font-size:1.15rem;flex:1;margin:0}.knowledge-profile>p{color:var(--muted);line-height:1.7;margin:18px 0}.knowledge-profile summary,.knowledge-original summary{font-size:13px;cursor:pointer;padding:14px 0;font-weight:600}.knowledge-source-list{border:1px solid var(--line);border-radius:18px;overflow:hidden}.knowledge-source{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card);border-bottom:1px solid var(--line)}.knowledge-source:last-child{border-bottom:0}.knowledge-source-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;flex:none;background:var(--bg)}.knowledge-source-icon svg{width:20px;height:20px}.knowledge-source-body{flex:1;min-width:0;text-align:left;color:var(--text);background:none;border:0;padding:0}.knowledge-source-body strong{display:block;font-size:1.05rem;overflow-wrap:anywhere;line-height:1.5}.knowledge-source-body span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0}.knowledge-source-body small{font-size:11px;color:var(--muted)}.knowledge-source>.icon-btn{color:var(--muted);flex:none}.knowledge-empty{text-align:center;padding:40px 24px}.knowledge-empty>svg{width:28px;height:28px;color:var(--muted);margin-bottom:16px}.knowledge-empty p{color:var(--muted);line-height:1.65;margin:12px 0 20px}.knowledge-source-meta{font-size:12px;color:var(--muted);margin-bottom:20px}.knowledge-summary{font-size:1.1rem;line-height:1.8;margin-bottom:22px;white-space:pre-wrap}.knowledge-structured section{padding:18px 0;border-top:1px solid var(--line)}.knowledge-structured h4{margin:0 0 10px;font-size:1rem}.knowledge-structured p,.knowledge-structured li{font-size:1rem;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.knowledge-structured ul{padding-left:22px}.knowledge-structured li+li{margin-top:8px}.knowledge-original{border-top:1px solid var(--line);margin-top:20px}.knowledge-original>.live-document{max-height:360px;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:13px}.knowledge-detail .actions:empty{display:none}@media(max-width:640px){.knowledge-toolbar{flex-direction:column;align-items:stretch}.knowledge-toolbar>.field{max-width:none}.knowledge-toolbar>div{justify-content:flex-end}.knowledge-profile{padding:18px}.knowledge-source{gap:12px;padding:16px}.knowledge-source-icon{width:36px;height:36px}.knowledge-profile header{flex-wrap:wrap}}

/* Revision identity and retained-analysis explanation. */
.knowledge-revision{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.knowledge-revision p{margin:7px 0 0}.knowledge-detail [data-knowledge-approval]:empty,.knowledge-source-list [data-knowledge-approval]:empty{display:none}.knowledge-detail [data-knowledge-approval]{font-size:13px;line-height:1.5;overflow-wrap:anywhere}

.knowledge-history-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.knowledge-history-selectors label{min-width:0}.knowledge-history pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto;padding:12px;background:var(--bg-alt,#f4f5f7);border-radius:8px}.knowledge-history [data-history-error]{color:var(--danger,#b42318)}.knowledge-processing{border-left:2px solid var(--border,#ddd);padding-left:12px;margin-block:12px}.knowledge-processing ul{padding-left:20px}@media(max-width:560px){.knowledge-history-selectors{grid-template-columns:1fr}}

.knowledge-history [hidden]{display:none!important}

.connector-toolbar{display:flex;gap:12px;margin:20px 0}.connector-search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;flex:1}.connector-search input{border:0;background:none;width:100%;min-width:0}.connector-toolbar>.field{width:180px}.ig-grid>.ig-card[hidden]{display:none}.connector-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bubble);color:var(--text)}.connector-logo svg{width:26px;height:26px}.connector-logo-drive{background:#e9f5eb;color:#188038}.connector-logo-gmail{background:#fcebea;color:#c5221f}.connector-logo-zoom{background:#e8efff;color:#1769ff}.connector-connect{text-align:center;max-width:480px;margin:16px auto}.connector-connect>.connector-logo{margin:0 auto 20px}.connector-connect p{line-height:1.6;color:var(--muted)}.connector-connect .actions{justify-content:center}.connector-unavailable{padding:14px;border:1px solid var(--line);border-radius:12px}.connector-permission{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.connector-permission input{accent-color:var(--blue);width:20px;height:20px}.connector-permission small,.connector-source small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:4px}.connector-danger{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.connector-source{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:8px 0}.connector-source input{width:18px;height:18px;accent-color:var(--blue)}.connector-source-list{max-height:280px;overflow:auto;margin-top:20px}.connector-source-list:empty{display:none}
@media(max-width:700px){.connector-toolbar{flex-direction:column}.connector-toolbar>.field{width:100%}.connector-permission{gap:12px}.connector-permission span{min-width:0}.connector-permission input{flex:none}.connector-connect{margin:8px 0}}

.connector-readiness{font-size:12px;line-height:1.5;margin:8px 0;color:var(--text);overflow-wrap:anywhere}.ig-card-status .connector-readiness{margin:4px 0}.connector-source span{min-width:0;overflow-wrap:anywhere}.connector-source input{flex:none}

.connector-purpose-options{display:grid;gap:12px}.connector-purpose-options section{border:1px solid var(--border);border-radius:10px;padding:12px}.connector-purpose-options p{margin:8px 0 0;overflow-wrap:anywhere}.connector-purpose-options .btn{white-space:normal;text-align:start}.connector-field-hint{display:block;margin:4px 0 12px;overflow-wrap:anywhere}

.connector-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--side)}.connector-pipeline>.connector-readiness,.connector-pipeline>.connector-refresh-note,.connector-pipeline>.connector-updated{grid-column:1/-1}.connector-stage{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.connector-stage span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;line-height:1.4}.connector-stage strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.connector-stage[data-state="ready"] strong{color:var(--green)}.connector-stage[data-state="blocked"] strong{color:var(--red)}.connector-refresh-note,.connector-updated{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.connector-updated{color:var(--muted)}
@media(max-width:600px){.connector-pipeline{grid-template-columns:1fr}.connector-pipeline>.connector-readiness,.connector-pipeline>.connector-refresh-note,.connector-pipeline>.connector-updated{grid-column:1}.connector-stage{padding:12px}}

.page-inbox .page-header{padding:30px 32px 24px}
.page-inbox .page-header h1{font-size:28px;line-height:36px;letter-spacing:-.7px}
.page-inbox .page-header p{font-size:15px;line-height:23px;margin-top:5px}
.page-inbox .page-body{padding:0 32px 24px}
.channel-layout{display:grid;grid-template-columns:274px minmax(0,1fr);gap:24px;flex:1;min-height:0;width:100%}
.inbox-nav{display:flex;flex-direction:column;gap:4px;padding:4px 24px 4px 4px;align-self:stretch;min-height:0;border-right:1px solid var(--line)}
.inbox-nav button{display:flex;align-items:center;gap:12px;min-height:48px;border:0;border-radius:12px;padding:8px 12px;text-align:left;background:transparent;color:var(--text);font:inherit;font-size:15px;line-height:22px;flex:none;cursor:pointer}
.inbox-nav button.active{background:var(--bubble);font-weight:500}
.inbox-nav button:hover{background:var(--hover)}
.inbox-platform-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--bg)}
.inbox-platform-icon img,.inbox-platform-icon svg{width:22px;height:22px;object-fit:contain}
.inbox-content{container-type:inline-size;border:0;border-radius:0;background:transparent;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.inbox-content.inbox-instagram{border:0;background:transparent}
.inbox-toolbar{padding:8px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.inbox-toolbar h2{font-size:25px;line-height:33px;margin:0 0 6px;font-weight:600}
.inbox-toolbar p{color:var(--muted);font-size:15px;line-height:24px;margin:0}
.inbox-modes{display:flex;gap:4px;padding:4px;background:var(--bubble);border-radius:12px}
.inbox-modes button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;padding:8px 13px;min-height:40px;border-radius:9px;cursor:pointer}
.inbox-modes button.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #00000012;font-weight:600}
.inbox-reader{display:grid;grid-template-columns:clamp(280px,var(--ci-list-width,34%),calc(100% - 309px)) 9px minmax(0,1fr);flex:1;min-height:0}
.inbox-list{border-right:0;display:flex;flex-direction:column;min-width:0;min-height:0}
.inbox-list-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 4px}
.inbox-list-head>div{display:flex;align-items:center;gap:8px;font-size:16px}
.inbox-list-head>div>span{font-size:12px;color:var(--muted);font-weight:400}
.inbox-refresh,.inbox-back{border:0;background:transparent;color:var(--muted);display:inline-flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;border-radius:9px;cursor:pointer;flex-shrink:0}
.inbox-refresh svg,.inbox-back svg{width:18px;height:18px}
.inbox-refresh:hover,.inbox-back:hover{background:var(--bubble);color:var(--text)}
.inbox-search{display:flex;align-items:center;gap:8px;margin:4px 16px 12px;background:var(--bubble);border-radius:10px;padding:0 10px;color:var(--muted)}
.inbox-search>svg{width:16px;height:16px;flex-shrink:0}
.inbox-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;min-height:40px;color:var(--text);font:inherit;font-size:14px}
.inbox-rows{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}
.inbox-row{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--text);padding:16px;font:inherit;cursor:pointer}
.inbox-row[hidden]{display:none}
.inbox-row:hover,.inbox-row.active{background:var(--bubble)}
.inbox-row.active{box-shadow:inset 2px 0 var(--text)}
.inbox-avatar{display:flex;align-items:center;justify-content:center;background:var(--bubble);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:14px;font-weight:600}
.inbox-row-copy{min-width:0;flex:1}
.inbox-row-top{display:flex;align-items:baseline;gap:10px;justify-content:space-between;min-width:0}
.inbox-row-top strong{font-size:15px;line-height:1.5;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.inbox-row-top time{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.inbox-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin-top:3px}
.inbox-row-meta{font-size:12px;color:var(--muted);display:block;margin-top:4px}
.inbox-unread{background:var(--text);color:var(--card);padding:3px 6px;border-radius:20px;font-size:10px;min-width:18px;text-align:center}
.inbox-account{padding:12px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.inbox-thread{display:flex;flex-direction:column;min-width:0;min-height:0}
.inbox-thread-head{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line);min-height:72px}
.inbox-thread-head .grow{min-width:0}
.inbox-thread-title{font-size:16px;font-weight:600;margin:0 0 4px;overflow-wrap:anywhere}
.inbox-thread-head .grow>span{font-size:12px;color:var(--muted)}
.inbox-back{display:none}
.inbox-source-link{font-size:12px;white-space:nowrap;text-decoration:none;color:var(--text);padding:10px 0}
.inbox-messages{display:flex;flex-direction:column;align-items:flex-start;gap:16px;overflow:auto;min-height:0;padding:24px;flex:1;overscroll-behavior:contain}
.inbox-message{border:1px solid var(--line);border-radius:12px;padding:12px 16px;max-width:min(92%,680px);background:var(--card);min-width:150px;flex-shrink:0}
.inbox-message.outgoing{align-self:flex-end;background:var(--bubble)}
.inbox-message-meta{display:flex;gap:16px;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--muted)}
.inbox-message-meta strong{font-weight:600;overflow-wrap:anywhere}
.inbox-message-meta time{font-size:10px;flex-shrink:0}
.inbox-message p{font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}
.inbox-reply-ref{border-left:2px solid var(--line);padding-left:8px;font-size:11px;color:var(--muted);margin:8px 0}
.inbox-parent{border-bottom:1px solid var(--line);padding-bottom:20px;width:100%;flex-shrink:0}
.inbox-parent .inbox-message{max-width:100%;background:var(--bubble);border:0}
.inbox-media{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:8px}
.inbox-media svg{width:18px;height:18px;flex-shrink:0}
.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:160px;padding:32px 24px;flex:1;width:100%;color:var(--muted);font-size:13px}
.inbox-empty strong{font-weight:500;color:var(--text);line-height:1.6}
.inbox-empty p{margin:0;max-width:320px;font-size:12px;line-height:1.7}
.inbox-empty-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--bubble)}
.inbox-empty-icon svg{width:24px;height:24px}
.inbox-more{display:block;border:1px solid var(--line);border-radius:9px;padding:10px 16px;margin:12px auto;background:var(--card);color:var(--text);font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}
.inbox-loading,.inbox-inline-error{font-size:12px;color:var(--muted);padding:8px 16px}
.inbox-channel-picker{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}
.inbox-channel-picker label{color:var(--muted)}
.inbox-channel-picker select{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 12px;min-width:0;max-width:100%}
.channel-layout button:disabled{opacity:.5;cursor:wait}
.channel-layout :is(button,a,input,select):focus-visible{outline:2px solid var(--text);outline-offset:2px}
.inbox-search:focus-within{outline:0;box-shadow:0 0 0 1px var(--muted)}
.channel-layout .inbox-search input:focus-visible{outline:0;box-shadow:none}
/* The outer rail follows Settings; the reader responds to its available width. */
.inbox-instagram .or-embed{border:0;border-radius:0;margin-top:0}
@media(max-width:1100px) and (min-width:701px){.channel-layout{grid-template-columns:224px minmax(0,1fr);gap:14px}.inbox-nav{padding-right:14px}.inbox-nav button{padding:8px;gap:8px}.inbox-toolbar{gap:12px}}
@container(max-width:760px){.inbox-reader{display:flex}.inbox-list{width:100%;border-right:0}.inbox-thread{display:none;width:100%}.inbox-reader.has-selection .inbox-list{display:none}.inbox-reader.has-selection .inbox-thread{display:flex}.inbox-back{display:flex}.inbox-thread-head{padding:12px 0}.inbox-messages{padding:20px 0}.inbox-message{max-width:96%}.inbox-message-meta{flex-wrap:wrap;gap:4px 12px}}
@media(max-width:700px){.page-inbox .page-header{padding:20px 18px}.page-inbox .page-header h1{font-size:26px;line-height:34px}.page-inbox .page-header p{font-size:14px;line-height:21px}.page-inbox .page-body{padding:0 18px 20px}.channel-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:20px}.inbox-nav{flex-direction:row;gap:8px;border-right:0;border-bottom:1px solid var(--line);padding:4px 0 12px;overflow-x:auto}.inbox-nav button{flex:1;justify-content:center;min-height:48px;padding:8px 6px;gap:6px;font-size:14px;white-space:nowrap}.inbox-platform-icon{width:26px;height:26px}.inbox-platform-icon img{width:20px;height:20px}.inbox-toolbar{padding:0 0 20px;gap:12px}.inbox-toolbar h2{font-size:23px;line-height:31px}.inbox-toolbar p{font-size:14px;line-height:21px}.inbox-search{margin-left:0;margin-right:0}.inbox-search input{font-size:16px}.inbox-list-head{padding-left:0;padding-right:0}.inbox-row{padding:16px 8px}.inbox-account{padding-left:0}.inbox-row-top{display:block}.inbox-row-top time{display:block;margin-top:2px}.inbox-message p{font-size:15px}.inbox-empty{padding:20px 8px;min-height:120px}}
@media(max-height:500px){.page-inbox .page-header{padding-top:12px;padding-bottom:12px}.inbox-toolbar{padding-top:0;padding-bottom:10px}.inbox-toolbar p{display:none}.channel-layout{gap:12px}.inbox-messages{padding-top:12px}.inbox-nav{padding-top:0;padding-bottom:8px}}

/* Real author photos keep a stable initial fallback when unavailable. */
.inbox-avatar{position:relative;overflow:hidden}
.inbox-avatar-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--card)}
.inbox-message-meta:has(.inbox-avatar){align-items:center;gap:8px}
.inbox-message-meta .inbox-avatar{width:24px;height:24px;font-size:11px}
.inbox-message-meta:has(.inbox-avatar) strong{flex:1}

/* Start directly with the platform inbox; retain the mobile workspace control. */
.page-inbox .page-header{display:none}
.page-inbox .page-body{padding-top:24px}
@media(max-width:700px){
 .page-inbox .page-header{display:flex;padding:8px 18px 0;min-height:0;gap:0}
 .page-inbox .page-header>:not([data-act="mobilemenu"]){display:none}
 .page-inbox .page-body{padding-top:8px}
}

/* Compact controls and an accessible split-pane handle. */
.inbox-list-head{min-height:58px;gap:8px;flex-wrap:wrap;padding-bottom:8px}
.inbox-list-head .inbox-modes{gap:2px;padding:3px;border-radius:9px}
.inbox-list-head .inbox-modes button{font-size:13px;font-weight:400;min-height:30px;padding:4px 10px;border-radius:6px}
.inbox-list-head .inbox-modes button.active{font-weight:500;box-shadow:0 1px 2px #0000000a}
.inbox-list-head select{font:inherit;font-size:12px;color:var(--text);background:var(--bubble);border:0;border-radius:8px;min-height:32px;padding:6px 8px;max-width:100%}
.inbox-divider{position:relative;cursor:col-resize;touch-action:none;min-height:0;outline:0}
.inbox-divider:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:var(--line)}
.inbox-divider:hover:before,.inbox-divider:focus-visible:before,.inbox-resizing .inbox-divider:before{width:3px;left:3px;background:var(--muted)}
.inbox-divider:after{content:"";position:absolute;left:2px;top:50%;width:5px;height:32px;background:var(--line);border-radius:4px}
.inbox-resizing,.inbox-resizing *{cursor:col-resize!important;user-select:none!important}
.inbox-prospect{margin-top:12px;padding:8px 12px;min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-size:12px;cursor:pointer}
.inbox-prospect[aria-pressed=true]{background:var(--bubble);border-color:var(--muted)}
.inbox-filter-empty[hidden]{display:none}
@container(max-width:760px){.inbox-divider{display:none}}

.inbox-filter-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:0 16px 8px}

/* Telegram's composer is anchored below the independently scrolling history. */
.inbox-channel-picker{margin:0 16px 8px;padding:0;gap:8px;border:0;font-size:12px;flex-shrink:0}
.inbox-channel-picker select{font-size:12px;min-height:30px;padding:4px 8px;border:0;border-radius:8px;background:var(--bubble);flex:1;width:0}
.channel-layout .inbox-channel-picker select:focus-visible{outline:1px solid var(--muted);outline-offset:0}
.inbox-composer{border-top:1px solid var(--line);padding:12px 20px 8px;flex-shrink:0;margin:0;min-width:0}
.inbox-compose-row{display:flex;align-items:flex-end;gap:8px;padding:6px;background:var(--bubble);border-radius:16px}
.inbox-compose-row textarea{flex:1;min-width:0;min-height:40px;max-height:140px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:15px;line-height:24px;padding:8px 4px}
.channel-layout .inbox-compose-row textarea:focus-visible{outline:0;box-shadow:none}
.inbox-compose-row:focus-within{box-shadow:0 0 0 1px var(--muted)}
.inbox-attach,.inbox-send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.inbox-attach svg,.inbox-send svg{width:20px;height:20px}.inbox-send{background:var(--text);color:var(--bg)}.inbox-send:disabled{opacity:.3}
.inbox-compose-hint,.inbox-composer-note{font-size:11px;line-height:18px;color:var(--muted);padding:5px 8px 0}.inbox-composer-note{padding:16px;border-top:1px solid var(--line)}
.inbox-attachment{display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:8px;background:var(--bubble);border:1px solid var(--line);border-radius:12px}
.inbox-attachment>img{width:56px;height:56px;border-radius:8px;object-fit:cover}.inbox-attachment>svg{width:28px;height:28px;flex-shrink:0}.inbox-attachment>div{min-width:0;flex:1}.inbox-attachment strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-attachment span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.inbox-attachment button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.inbox-send-error{font-size:12px;line-height:1.5;color:var(--text);margin:0 0 8px;padding:8px 10px;border-left:2px solid var(--muted)}
.inbox-photo-link{display:block;margin-top:8px}.inbox-chat-photo{display:block;max-width:100%;max-height:420px;border-radius:8px;object-fit:contain}.inbox-media{text-decoration:none}.inbox-media:hover{text-decoration:underline}
@container(max-width:760px){.inbox-composer{padding:10px 0 4px}.inbox-channel-picker{margin-left:0;margin-right:0}}
@media(max-width:700px){.inbox-compose-row textarea{font-size:16px}.inbox-compose-hint{font-size:10px}.inbox-channel-picker select{font-size:16px}}

.inbox-as-file{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:6px}.inbox-as-file input{accent-color:var(--text)}

@media(max-width:700px){.inbox-compose-desktop-hint{display:none}}

/* Match Kengash's flat tabs and quiet search controls. */
.inbox-list-head:has(.inbox-modes){min-height:52px;padding:4px 0 0;margin:0 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
.inbox-list-head:has(.inbox-modes)>div{width:100%;gap:16px;align-items:center;justify-content:space-between}
.inbox-list-head .inbox-modes{align-self:stretch;gap:20px;padding:0;border-radius:0;background:transparent}
.inbox-list-head .inbox-modes button{position:relative;min-height:46px;padding:12px 0;border-radius:0;font-size:14px;line-height:21px;background:transparent;color:var(--muted);font-weight:400}
.inbox-list-head .inbox-modes button.active{background:transparent;box-shadow:none;color:var(--text);font-weight:500}
.inbox-list-head .inbox-modes button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:var(--text)}
.inbox-list-head .inbox-modes button:hover{color:var(--text)}
.inbox-list-head:has(.inbox-modes)>div>span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:23px;padding:0 7px;border:1px solid var(--line);border-radius:7px;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;background:transparent;color:var(--muted);flex-shrink:0}
.inbox-list>.inbox-search{margin-top:0;margin-bottom:14px;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:var(--bubble)}
.inbox-list>.inbox-search>svg{width:16px;height:16px;stroke-width:1.6}
.inbox-list>.inbox-search input{min-height:36px;font-size:13px;line-height:20px;padding:7px 0}
.inbox-list>.inbox-search input::placeholder{color:var(--muted);opacity:1}
.inbox-list>.inbox-search:focus-within{border-color:var(--muted);box-shadow:none}
.inbox-list>.inbox-channel-picker{margin-bottom:10px}
@media(max-width:700px){.inbox-list-head:has(.inbox-modes){margin-left:0;margin-right:0}.inbox-list .inbox-modes button{min-height:44px}.inbox-list>.inbox-search input{font-size:16px;min-height:40px}.inbox-list>.inbox-search{margin-left:0;margin-right:0}}

/* Channel choice lives on the Comments tab, with no separate selector row. */
.inbox-comment-control{position:relative;display:flex;align-items:stretch}
.inbox-list-head .inbox-comment-control>[data-act="ci-mode"]{display:inline-flex;align-items:center;gap:6px}
.inbox-comment-control>[data-act="ci-mode"] svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .15s}
.inbox-comment-control>[aria-expanded="true"] svg{transform:rotate(180deg)}
.inbox-channel-menu{position:absolute;top:calc(100% + 6px);left:-10px;z-index:20;width:240px;max-width:calc(100vw - 140px);max-height:260px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 8px 24px #00000014}
.inbox-list-head .inbox-channel-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;padding:9px 10px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:13px;line-height:20px;color:var(--text);font-weight:400}
.inbox-list-head .inbox-channel-menu button:hover,.inbox-list-head .inbox-channel-menu button:focus-visible,.inbox-list-head .inbox-channel-menu button[aria-checked="true"]{background:var(--bubble);outline:0}
.inbox-channel-menu button span:first-child{min-width:0;overflow-wrap:anywhere}.inbox-channel-menu button span+span{flex-shrink:0}
.inbox-channel-menu p{padding:10px;font-size:12px;color:var(--muted);line-height:1.5;margin:0}
@media(max-width:700px){.inbox-list-head .inbox-channel-menu button{min-height:44px}}

/* The plain Comments label reveals channels on hover, without a dropdown arrow. */
.inbox-channel-menu:before{content:"";position:absolute;left:0;right:0;top:-7px;height:7px}

.inbox-reply-action{display:block;margin:8px 0 -4px auto;padding:6px 2px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;min-height:32px}
.inbox-reply-action:hover,.inbox-reply-action[aria-pressed="true"]{color:var(--text)}
.inbox-message.reply-selected{border-color:var(--muted)}
.inbox-reply-preview{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:6px 8px 6px 12px;border-left:2px solid var(--muted);color:var(--text)}
.inbox-reply-preview>div{flex:1;min-width:0}.inbox-reply-preview strong{display:block;font-size:12px;font-weight:600}.inbox-reply-preview span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.inbox-reply-preview button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;flex-shrink:0}

.inbox-player{margin-top:10px;max-width:100%;min-width:0}
.inbox-player-label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;margin-bottom:8px}
.inbox-audio{width:300px}.inbox-player audio{display:block;width:100%;max-width:100%;height:44px}
.inbox-video{width:480px}.inbox-player video{display:block;width:100%;max-height:420px;aspect-ratio:16/9;background:#111;border-radius:8px;object-fit:contain}
.inbox-video-round{width:280px}.inbox-video-round video{aspect-ratio:1;border-radius:12px;object-fit:contain}
.inbox-player-error{font-size:12px!important;line-height:1.5!important;color:var(--muted)}

/* Browser-local YouTube tags and loaded comment coverage remain explicit. */
.inbox-local-scope{flex-shrink:0;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;line-height:19px;overflow-wrap:anywhere}
.inbox-comment-count{flex-shrink:0;margin:0 16px 8px;color:var(--muted);font-size:12px;line-height:19px;font-variant-numeric:tabular-nums}
@media(max-width:700px){.inbox-comment-count{margin-left:0;margin-right:0}}

/* F29 exact search/source target; no motion required to locate a result. */
.message.message-target .bubble{outline:2px solid var(--accent,#167d91);outline-offset:3px;background-color:color-mix(in srgb,var(--accent,#167d91) 12%,var(--panel,#fff));}
.search-scope{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;color:var(--muted);font-size:13px}
.search-page-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}

/* Markdown stays inside its own message, including wide tables and code. */
.message-markdown{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:start;line-height:1.55}
.message-markdown>:first-child{margin-top:0}.message-markdown>:last-child{margin-bottom:0}
.message-markdown p{margin:0 0 .75em}.message-markdown h3,.message-markdown h4,.message-markdown h5,.message-markdown h6{font-size:1.06em;font-weight:650;line-height:1.35;margin:1em 0 .45em}
.message-markdown h3{font-size:1.18em}.message-markdown ul,.message-markdown ol{padding-inline-start:1.45em;margin:.45em 0 .8em}.message-markdown li{margin:.25em 0}.message-markdown li>ul,.message-markdown li>ol{margin:.2em 0}
.message-markdown a{color:inherit;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.message-markdown blockquote{border-inline-start:3px solid currentColor;margin:.7em 0;padding-inline-start:.8em;opacity:.85}
.message-markdown pre{max-width:100%;overflow:auto;white-space:pre;overscroll-behavior-x:contain;tab-size:2;padding:12px;border:1px solid currentColor;border-radius:8px;margin:.7em 0;font-size:.88em;line-height:1.5}
.message-markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;white-space:pre-wrap}.message-markdown pre code{font-size:inherit;white-space:pre}
.markdown-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:.7em 0;border:1px solid currentColor;border-radius:8px}
.markdown-table-scroll table{width:max-content;min-width:100%;max-width:none;border-collapse:collapse;font-size:.9em;line-height:1.4}
.markdown-table-scroll th,.markdown-table-scroll td{padding:9px 12px;border-bottom:1px solid currentColor;border-inline-end:1px solid currentColor;text-align:start;white-space:normal;min-width:8rem;max-width:24rem;overflow-wrap:anywhere}
.markdown-table-scroll th{font-weight:650}.markdown-table-scroll tr:last-child td{border-bottom:0}.markdown-table-scroll th:last-child,.markdown-table-scroll td:last-child{border-inline-end:0}
.markdown-table-scroll:focus-visible,.message-markdown pre:focus-visible{outline:2px solid var(--accent,#167d91);outline-offset:3px}
.markdown-plain{white-space:pre-wrap}.markdown-image-alt{font-style:italic}
/* The scheduled CEO brief needs a compact hierarchy inside chat bubbles. */
.message-markdown.ceo-daily-brief>h3{margin:0 0 .65em;font-size:1.18em;font-weight:700;line-height:1.3;color:inherit}
.message-markdown.ceo-daily-brief>h4{margin:.8em 0 .28em;font-size:1.02em;font-weight:700;line-height:1.35;color:inherit}
.message-markdown.ceo-daily-brief>h3+h4{margin-top:0}
.message-markdown.ceo-daily-brief>ul,.message-markdown.ceo-daily-brief>ol{margin:.25em 0 .7em;line-height:1.5}
.message-markdown.ceo-daily-brief li{margin:.18em 0}