:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#223249;background:#f3f6fa;font-synthesis:none;--navy:#101c2d;--teal:#087f79;--orange:#f59149;--muted:#718096;--border:#e1e7ee}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2baca2;outline-offset:3px}a{color:var(--teal)}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:7px;line-height:1.3}h2{font-size:23px}h3{font-size:18px}p{color:#64748b}small{font-size:12px;color:var(--muted);display:block}kbd{font-size:12px;font-family:inherit;background:#f0f3f7;color:#738197;padding:2px 6px;border-radius:4px}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--navy);color:#a5b3c7;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 17px 20px;overflow:auto;z-index:10}.brand{display:flex;align-items:center;gap:11px;background:none;color:#fff;text-align:left;padding:0 9px 29px;font-size:21px;letter-spacing:-.6px;font-weight:700}.brand-mark{color:var(--orange);display:grid;place-items:center;border:1px solid #304258;border-radius:11px;padding:7px}.brand small{font-size:10px;letter-spacing:2px;color:#7f93ad;margin-top:2px;font-weight:600}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#637891;margin:19px 13px 10px}.nav-link{color:#a9b9cf;background:transparent;display:flex;align-items:center;width:100%;gap:13px;padding:11px 13px;margin:2px 0;border-radius:7px;text-align:left;font-size:14px}.nav-link:hover{background:#1b2a3f;color:#fff}.nav-link.active{color:#fff;background:#253345;box-shadow:inset 3px 0 var(--orange)}.nav-link.active svg{color:var(--orange)}.nav-link small{margin-left:auto;background:#32465a;color:#fff;padding:0 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:30px}.workspace{display:flex;gap:10px;align-items:center;border-top:1px solid #28374a;padding:22px 8px 17px}.workspace-symbol{background:#25394c;color:#61d2bc;padding:6px;font-size:13px;border-radius:6px}.workspace small{font-size:9px;letter-spacing:1.2px}.workspace strong{font-size:13px;display:block;color:#dbe5ef;max-width:150px;overflow-wrap:anywhere}.plan-box{background:#1b2b3e;border:1px solid #2b3b4f;border-radius:9px;padding:16px;font-size:13px;color:#e4ecf6}.plan-box>.badge{float:right}.plan-box p{font-size:12px;color:#8da1ba;margin:12px 0}.plan-box button{background:#2b3f55;width:100%;color:#e7f0fb;border-radius:5px;padding:8px;font-size:12px}.content-shell{margin-left:244px;width:calc(100% - 244px);min-width:0}.topbar{background:#fff;min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);gap:18px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;min-width:0}.breadcrumb>span{color:#97a2b2}.breadcrumb strong{font-size:13px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:16px}.icon-btn{padding:7px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#6e7d90}.icon-btn:hover{background:#f0f4f8}.global-search{display:flex;align-items:center;gap:9px;background:none;color:#8d99aa;font-size:12px}.profile{display:flex;gap:10px;align-items:center;background:none;border-left:1px solid var(--border);padding-left:18px;text-align:left}.profile strong{font-size:12px}.profile small{text-transform:capitalize;font-size:11px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e2efeb;color:var(--teal);font-weight:700;font-size:14px}main{max-width:1600px;margin:auto;padding:26px 32px 40px}.data-banner{font-size:12px;display:flex;gap:10px;align-items:center;color:#7c7d83;margin-bottom:24px}.badge{display:inline-block;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;letter-spacing:.4px;background:#edf1f6;color:#556780;white-space:nowrap}.badge.amber{color:#aa6523;background:#fff0dc}.badge.teal{background:#dbf3ed;color:#168476}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading>div{min-width:0}.page-heading p{font-size:14px;margin-bottom:0}.eyebrow{font-size:10px!important;color:#8b99aa!important;font-weight:700;letter-spacing:1.6px;margin-bottom:9px!important}.count-pill{font-size:12px;font-weight:500;color:#8492a4;background:#e9edf2;display:inline-block;padding:4px 9px;vertical-align:middle;letter-spacing:0;border-radius:5px;margin-left:14px}.primary,.secondary{border-radius:6px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.primary{background:var(--teal);color:#fff}.primary:hover{background:#076c67}.secondary{background:#fff;color:#45566e;border:1px solid #d8e0e9}.secondary:hover{background:#edf4f6}.text-button{font-size:12px;display:inline-flex;align-items:center;gap:6px;background:none;color:#7b8ba1}.search-panel{display:flex;gap:15px;background:#fff;border:1px solid var(--border);padding:16px;border-radius:10px;align-items:center;margin-bottom:24px}.main-search{display:flex;align-items:center;gap:11px;flex:1;color:#8b9bb1;min-width:120px}.main-search input{border:none;flex:1;min-width:0;padding:10px 4px;font-size:14px;background:none;outline-offset:0}.segmented{display:flex;border:1px solid var(--border);padding:4px;background:#f4f7fa;border-radius:7px}.segmented button{padding:9px 13px;background:none;color:#7b8a9e;font-size:12px;white-space:nowrap;border-radius:4px}.segmented .active{background:#fff;color:#187d77;box-shadow:0 1px 4px #2335491a;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--border);border-radius:9px;padding:20px 22px}.metric>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7a889b}.metric svg{color:#56a799}.metric>strong{font-size:27px;display:block;letter-spacing:-.6px;margin:10px 0 6px}.metric small{font-size:11px;color:#94a0b0}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:22px;overflow:hidden}.section-heading{padding:18px 21px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #edf0f4}.section-heading strong{font-size:14px;display:flex;align-items:center;gap:8px}.section-heading small{margin-top:3px;font-size:11px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:20px 21px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-width:0}.field>span{font-size:12px;font-weight:600;color:#728195}.field input,.field select,.field textarea{min-width:0;width:100%;border:1px solid #dce3eb;border-radius:5px;background:#fff;padding:10px 11px;color:#46586e;font-size:13px;min-height:41px}.field textarea{min-height:100px;resize:vertical}.filter-grid .field{margin:0}.filter-footer{display:flex;align-items:center;justify-content:space-between;padding:0 21px 20px;gap:16px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid var(--border);color:#7b889a;font-size:12px;border-radius:5px;background:#fff;padding:7px 15px}.chips button.active{background:#e5f4f0;color:#148273;border-color:#cee7df;font-weight:600}.check{display:flex;align-items:center;gap:7px;font-size:12px;color:#8290a1}.check input{accent-color:var(--teal)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#fafbfd;color:#91a0b2;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:13px 18px;font-weight:600}td{padding:17px 18px;font-size:13px;border-top:1px solid #edf1f5;color:#45566b}td small{font-size:10px;margin-top:5px}tbody tr:hover{background:#fcfdfe}.app-cell{display:flex;align-items:center;gap:11px;text-align:left;background:none;color:#223249;padding:0}.app-cell strong{font-size:13px;font-weight:650}.app-cell small{font-size:10px;color:#8d9aaa;max-width:220px;overflow:hidden;text-overflow:ellipsis}.app-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:12px;font-weight:700;background:#dee9f7;color:#37698b}.color-0{background:#e4edfa;color:#4b75aa}.color-1{background:#e6e0f4;color:#775bab}.color-2{background:#ffe6dc;color:#ce774e}.color-3{background:#dfebe4;color:#51836b}.color-4{background:#eee4f0;color:#a5609a}.color-5{background:#dbedf1;color:#4a8291}.positive{color:#168573}.negative{color:#be5252}.score{color:#0b8b73;background:#e0f4ec;font-weight:700;border-radius:4px;padding:4px 7px;font-size:12px}.watch-btn{background:#f6f8fa;border:1px solid #e1e7ee;color:#8895a6;border-radius:5px;min-width:30px;height:30px;font-size:14px}.watch-btn.selected{font-size:10px;color:var(--teal);background:#edf8f5}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid #edf0f4;color:#8795a8;font-size:11px}.pagination>div{display:flex;align-items:center;gap:9px}footer{border-top:1px solid var(--border);padding:19px 32px;display:flex;justify-content:space-between;font-size:11px;color:#9aa6b6}.empty{padding:60px 22px;text-align:center;color:#a1adba}.empty h3{color:#697b90;margin:12px 0 8px}.empty p{font-size:13px;margin:0}.error{display:flex;justify-content:space-between;gap:16px;padding:13px 17px;background:#fff0ee;color:#b4423c;border:1px solid #ffcfc9;border-radius:6px;margin-bottom:20px;font-size:13px}.error button{background:none;color:inherit;text-decoration:underline}.toast{position:fixed;bottom:25px;right:25px;background:#173d38;color:#fff;border-radius:7px;box-shadow:0 5px 30px #0003;padding:16px 23px;font-size:14px;z-index:40}dialog{border:1px solid var(--border);border-radius:12px;padding:0;width:min(520px,calc(100vw - 30px));max-height:90vh;box-shadow:0 20px 80px #0003;color:#223249}dialog::backdrop{background:#101c2d80;backdrop-filter:blur(3px)}dialog.wide{width:min(850px,calc(100vw - 30px))}dialog.drawer{margin:0 0 0 auto;height:100vh;max-height:100vh;max-width:650px;border-radius:0;position:fixed;inset:0 0 0 auto}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{font-size:20px;margin:0}.dialog-body{padding:25px}.dialog-body>p{font-size:14px;line-height:1.8}.dialog-body form>.primary{margin:8px 0 20px}.detail-identity{display:flex;gap:15px;align-items:center}.detail-identity .app-icon{width:64px;height:64px;font-size:20px}.detail-identity h3{margin-bottom:4px}.detail-identity p{margin-bottom:6px;font-size:14px}.detail-actions{display:flex;gap:12px;align-items:center;margin:25px 0}.muted{color:#8b99aa;font-size:12px}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0;background:#f6f8fa;border-radius:8px;padding:20px}.detail-metrics strong{font-size:22px;display:block;margin-top:6px}.detail-metrics small{font-size:11px}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin:0 0 24px}.tabs button{padding:12px 10px;background:none;color:#7a889b;font-size:13px;text-transform:capitalize;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:700}.detail-list{display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:10px;padding:20px;background:#f6f8fa;border-radius:8px;margin:25px 0}.detail-list dt{color:#8795a6}.detail-list dd{margin:0;text-align:right}.related{width:100%;display:flex;justify-content:space-between;background:none;padding:15px 0;border-bottom:1px solid var(--border);color:#455970;font-size:14px}.related span{color:var(--teal)}.stack{display:grid;gap:15px}.item-card{border:1px solid var(--border);border-radius:8px;padding:20px}.item-card p{font-size:13px;margin:7px 0}.timeline{margin:10px 20px;border-left:2px solid #dfebe7}.timeline>div{padding:0 0 25px 24px;position:relative}.timeline>div:before{content:'';width:10px;height:10px;border-radius:50%;background:#5baf9a;position:absolute;left:-6px;top:5px}.timeline strong{display:block;font-size:14px;margin:6px 0}.timeline p{font-size:12px;margin:0}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.creative-grid a{padding:13px;background:#f5f8fb;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.creative-grid img{width:100%;height:180px;object-fit:contain;display:block;margin-bottom:13px}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:20px;color:var(--teal)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-intro{background:var(--navy);padding:12vh 10%;display:flex;flex-direction:column;justify-content:center;color:var(--orange)}.login-intro>.eyebrow{color:#91a7bf!important;margin-top:30px}.login-intro h1{color:#fff;font-size:46px;letter-spacing:-1.8px}.login-intro p{color:#99abc1;line-height:1.9}.login-orbit{display:flex;gap:15px;margin-top:50px;flex-wrap:wrap}.login-orbit span{font-size:10px;border:1px solid #33465e;border-radius:20px;color:#7baea6;padding:9px 15px;letter-spacing:1px}.login-card{align-self:center;justify-self:center;width:min(420px,85%);padding:50px 0}.login-card h2{font-size:30px;margin:25px 0 7px}.login-card p{font-size:14px}.login-card form{margin-top:35px}.login-card .field>span{font-size:14px}.login-card .field input{font-size:16px}.login-card .primary{width:100%;font-size:15px}.login-note{font-size:12px;background:#f2f7f6;color:#6b8b83;padding:17px;border-radius:6px;margin-top:30px;overflow-wrap:anywhere}.login-note code{color:#286b60}.mobile-menu{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .field{margin:0}.form-grid .full{grid-column:1/-1}.toolbar{display:flex;gap:14px;flex-wrap:wrap;padding:20px;align-items:end}.toolbar .field{margin:0;flex:1;min-width:130px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.module-card{padding:24px;background:#fff;border:1px solid var(--border);border-radius:9px}.module-card h3{margin:0 0 7px}.module-card p{font-size:13px}.module-card .primary{margin-top:14px}.bars{display:grid;gap:15px;margin:25px 0}.bar-row{font-size:12px}.bar-row>div{display:flex;justify-content:space-between;margin-bottom:7px}.bar-track{height:6px;background:#e8eef3;border-radius:3px;overflow:hidden}.bar-track i{height:100%;background:#3da795;display:block;border-radius:3px}.admin-tabs{margin:0 0 20px}.admin-panel{padding:25px}.admin-panel form{max-width:760px}.admin-controls{display:flex;align-items:center;gap:8px}.admin-controls button{padding:6px 9px;background:#edf3f6;color:#506580;border-radius:4px;font-size:12px}.admin-controls .danger{background:#fff0ed;color:#ac5950}.comparison-picker{padding:20px;display:flex;gap:14px;flex-wrap:wrap}.compare-table th,.compare-table td{padding:18px}.compare-table td:first-child{color:#8492a5}.collection-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px}.collection-head h3{margin:0}.collection-head .actions{display:flex;gap:9px}.saved-searches{margin-top:30px}.search-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--border);padding:16px 22px;font-size:14px}.search-row>div{display:flex;gap:10px}.full-note{padding:15px 20px;background:#f1f7f6;font-size:13px;color:#508078;border-radius:8px;margin-bottom:20px}.inline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.form-error{color:#b44f47;font-size:13px}.record-preview{background:#f5f7fa;padding:15px;max-height:300px;overflow:auto;font-size:12px;white-space:pre-wrap}.confirm-name{font-weight:700;color:#223249}.admin-table select{font-size:12px;max-width:100px;padding:5px;border:1px solid var(--border);border-radius:4px}
@media(min-width:1600px){td{font-size:14px}.app-cell strong{font-size:14px}.app-cell small,td small{font-size:12px}.metric>div{font-size:14px}.field>span{font-size:14px}.nav-link{font-size:15px}}
@media(max-width:1200px){.sidebar{width:220px}.content-shell{margin-left:220px;width:calc(100% - 220px)}main{padding:22px}.topbar{padding:18px 22px}.global-search span,.global-search kbd{display:none}.metrics{gap:12px}.metric{padding:16px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-panel{flex-wrap:wrap}.main-search{flex-basis:100%}.segmented{width:100%}.segmented button{flex:1}.profile>span:not(.avatar){display:none}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:none}.content-shell{margin:0;width:100%}.mobile-menu{display:inline-flex}.mobile-scrim{position:fixed;inset:0;background:#101c2d88;z-index:9}.topbar{padding:15px 16px;min-height:66px}.top-actions{gap:8px}.breadcrumb>span{display:none}.profile{padding-left:8px}.data-banner{align-items:flex-start}.data-banner span{font-size:11px}main{padding:20px 16px}.page-heading{align-items:flex-start}h1{font-size:26px}.page-heading p{font-size:13px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:24px}.metric>div{font-size:11px}.metric small{font-size:10px}.filter-footer{flex-wrap:wrap}.filter-grid{padding:16px;gap:12px}.section-heading{padding:16px}.count-pill{display:none}.module-grid,.creative-grid{grid-template-columns:1fr 1fr}.login-screen{grid-template-columns:1fr}.login-intro{padding:40px 8%}.login-intro h1{font-size:32px}.login-intro>svg{width:30px}.login-intro .eyebrow{margin-top:15px}.login-orbit{display:none}.login-card{padding:35px 0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.detail-metrics{padding:13px;gap:10px}.detail-metrics strong{font-size:17px}footer{padding:15px 16px}footer span{display:none}}
@media(max-width:450px){.page-heading{flex-wrap:wrap}.page-heading .secondary{padding:8px 12px}.metrics{gap:9px}.metric{padding:13px}.filter-grid{grid-template-columns:1fr}.module-grid,.creative-grid{grid-template-columns:1fr}.top-actions>.global-search{display:none}.detail-actions{flex-wrap:wrap}.collection-head{flex-wrap:wrap}.segmented button{font-size:11px;padding:8px}.form-grid{display:block}.form-grid .field{margin-bottom:13px}}
/* Readable dashboard controls and metadata at all supported widths. */
.field>span,.field input,.field select,.field textarea,.primary,.secondary,.section-heading strong,.check,.chips button,.app-cell strong,td,.tabs button,.module-card p,.dialog-body>p{font-size:14px}
th,.app-cell small,td small,.metric small,.metric>div,.badge,.section-heading small,.nav-label,.workspace small,.brand small,.plan-box p,.plan-box button,.text-button,.pagination,.data-banner,.toolbar small,.profile strong,.profile small,.breadcrumb,.breadcrumb strong,.login-note,.timeline p{font-size:12px}
/* Live workspace navigation and market briefing. */
@media(min-width:801px){.sidebar{display:none}.content-shell{margin:0;width:100%}}
.workspace-nav{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:20px;min-height:76px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--border)}
.workspace-nav .brand{color:#1a2a3f;padding:0;font-size:20px;white-space:nowrap;gap:9px}.workspace-nav .brand-mark{background:var(--navy);border:0;padding:6px}.workspace-nav .brand small{font-size:9px;letter-spacing:1.3px}.nav-groups{display:flex;align-items:center;gap:4px}.workspace-nav details{position:relative}.workspace-nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:6px;font-size:14px;color:#4b5c72;white-space:nowrap}.workspace-nav summary::-webkit-details-marker{display:none}.workspace-nav summary.selected,.nav-direct.selected{background:#e7f4ef;color:#137e72}.nav-direct{background:transparent;font-size:14px;color:#4b5c72;white-space:nowrap;padding:10px 12px;border-radius:6px}.nav-dropdown{position:absolute;top:calc(100% + 9px);left:0;background:#fff;min-width:240px;border:1px solid var(--border);border-radius:10px;padding:9px;box-shadow:0 14px 35px #15263820;z-index:30}.nav-dropdown button{display:flex;justify-content:space-between;gap:15px;width:100%;text-align:left;background:transparent;border-radius:5px;padding:10px 12px;font-size:14px;color:#42536c}.nav-dropdown button:hover,.nav-dropdown .active{background:#f0f6f4;color:var(--teal)}.nav-search{display:flex;margin-left:auto;border:1px solid var(--border);border-radius:6px;max-width:410px;min-width:160px;flex:1}.nav-search input{font-size:13px;min-width:0;flex:1;border:0;border-radius:6px;padding:10px 12px;background:transparent}.account-menu .nav-dropdown{left:auto;right:0}.account-menu summary{padding:5px 0;font-size:13px}.account-menu summary>span:not(.avatar){max-width:110px;overflow:hidden;text-overflow:ellipsis}.data-banner{margin-top:5px}.data-banner .text-button{margin-left:auto}.brief-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.brief-metrics .metric strong{margin-bottom:0}.research-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.research-shortcuts .secondary{border-radius:30px;padding:10px 16px;font-size:13px}.research-shortcuts svg{color:#28a38c}.brief-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.live-list{padding:0 20px}.live-app-row{display:flex;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid #edf0f4;width:100%;background:none;text-align:left;color:#233449;min-width:0}.live-app-row:last-child{border-bottom:0}.live-app-row>span:not(.app-icon){flex:1;min-width:0}.live-app-row strong{font-size:14px;display:block;line-height:1.5}.live-app-row small{font-size:12px;margin-top:3px;color:#8291a4;overflow-wrap:anywhere}.live-app-row .app-icon{width:45px;height:45px;object-fit:cover}.live-app-row .live-row-meta{flex:none;text-align:right}.live-row-meta .badge{font-size:10px;margin-top:5px}.collection-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:22px}.collection-tiles button{padding:18px;border:1px solid var(--border);background:#f9fbfd;border-radius:7px;text-align:left;color:#45677b}.collection-tiles strong{font-size:13px;display:block;margin:10px 0 5px}.sync-list{padding:7px 22px}.sync-list>div{border-bottom:1px solid var(--border);padding:18px 0;display:flex;gap:7px;flex-wrap:wrap;justify-content:space-between}.sync-list strong{font-size:14px;flex-basis:100%}.sync-list small{font-size:12px}.changes-list{padding:5px 22px}.changes-list>div{border-bottom:1px solid var(--border);padding:20px 0}.change-value{display:flex;align-items:center;gap:14px;font-size:13px;margin:15px 0 0 55px}.change-value del{color:#98a5b7;margin-right:10px}.change-value b{color:var(--teal)}.live-search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-search-grid .detail-identity{align-items:start}.live-search-grid .app-icon{width:50px;height:50px}.live-search-grid h3{font-size:16px;line-height:1.5}.live-search-grid p{overflow-wrap:anywhere}.card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:15px}.publisher-track{background:none;color:var(--teal);display:flex;align-items:start;gap:7px;margin-top:18px;font-size:12px;text-align:left;width:100%;border-top:1px solid var(--border);padding:17px 0 0}.publisher-track svg{flex:none;margin-top:2px}.chart-position{width:34px;flex:none;color:#199a85}.history-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px}.pre-text{white-space:pre-wrap;overflow-wrap:anywhere}.report-text{margin-top:25px;color:#41536b;font-size:16px;line-height:1.9}.audit-checks{padding:10px 22px}.audit-checks>div{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--border)}.audit-checks strong{font-size:14px}.audit-checks .badge{margin-left:auto}.audit-pass{color:var(--teal)}.audit-review{color:#d99135}.module-card .live-list{padding:0}.module-card .live-app-row .live-row-meta{display:none}.workspace-nav details[open]>summary{background:#f0f6f4}.app-icon{object-fit:cover}.section-heading{flex-wrap:wrap}
@media(min-width:1550px){main{max-width:1750px;padding:32px 45px}.workspace-nav{gap:28px;padding:14px 35px}.nav-search{max-width:600px}.brief-grid{grid-template-columns:1.1fr 1fr}.live-list{padding:0 25px}}
@media(max-width:1250px){.workspace-nav{gap:8px;padding:12px 18px}.workspace-nav summary,.nav-direct{font-size:12px;padding:10px 7px}.workspace-nav .brand{font-size:17px}.workspace-nav .brand small{display:none}.account-menu summary>span:not(.avatar){display:none}.nav-search{max-width:300px}.nav-refresh{display:none}.live-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.workspace-nav{min-height:68px}.workspace-nav .brand{font-size:18px}.workspace-nav .mobile-menu{display:flex}.nav-groups{display:none}.nav-search{max-width:300px;margin-left:auto}.nav-search input{font-size:12px}.account-menu{display:none}.content-shell{width:100%;margin:0}.brief-grid{grid-template-columns:1fr}.brief-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-search-grid{grid-template-columns:1fr 1fr}.data-banner{flex-wrap:wrap}.data-banner .text-button{margin-left:0}.live-app-row .secondary{font-size:12px;padding:7px 9px}.live-app-row .live-row-meta{max-width:110px}.collection-tiles{grid-template-columns:1fr 1fr}.workspace-nav .mobile-menu{order:-1}.sidebar{padding-top:20px}.sidebar .brand{color:#fff}.toolbar{align-items:stretch}.toolbar .primary{align-self:end}.sidebar.open{display:flex}}
@media(max-width:500px){.nav-search{display:none}.workspace-nav{justify-content:space-between}.live-search-grid{grid-template-columns:1fr}.live-row-meta .badge{display:none}.live-app-row .live-row-meta{max-width:80px}.brief-grid{gap:0}.live-list{padding:0 15px}.live-app-row{gap:10px}.collection-tiles{grid-template-columns:1fr}.brief-metrics .metric>div{font-size:12px}.changes-list{padding:5px 15px}.change-value{margin-left:0}.data-banner{font-size:12px}.research-shortcuts{gap:8px}.research-shortcuts .secondary{font-size:12px;padding:9px 13px}.account-menu{display:block}.live-app-row .app-icon{width:40px;height:40px}}
/* Store Radar's original dark-sidebar / orange research theme. */
:root{--navy:#0b131e;--orange:#ff4d05;--teal:#099f92;background:#f5f7fb;color:#172438}
.sidebar{width:216px;display:flex;background:linear-gradient(160deg,#101923,#080f18);padding:20px 10px 16px}.sidebar .brand{padding:0 6px 24px;font-size:21px;gap:8px}.sidebar .brand-mark{background:#ff4d05;color:#10202b;border:0;border-radius:50%;padding:6px}.sidebar .brand-mark svg{width:19px;height:19px}.sidebar .brand small{display:none}.nav-link{font-size:13px;border-radius:7px;min-height:40px;padding:10px 12px;gap:11px}.nav-link.active{background:linear-gradient(90deg,#ff4d0533,#ff875433);color:#fff;border:1px solid #ff794a22}.nav-link.active svg{color:#ff6a28}.sidebar-group{margin-top:15px}.sidebar-group summary{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#8c9bb0;font-size:10px;letter-spacing:1px;list-style:none}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-group .nav-link{padding-left:22px;font-size:12px}.sidebar-bottom{padding-top:24px}.plan-box{border-color:#283747;background:#111b27}.content-shell{width:calc(100% - 216px);margin-left:216px}.workspace-nav{min-height:66px;padding:10px 26px;gap:15px}.workspace-nav .mobile-menu{display:none}.nav-search{margin-left:0;max-width:600px;background:#f5f7fa;flex:1}.account-menu{margin-left:auto}.avatar{background:#172435;color:white}.workspace-nav details[open]>summary{background:#fff3ed}.primary{background:linear-gradient(120deg,#ff5809,#fc4000);color:white;border-radius:7px}.primary:hover{background:#ef4700}.secondary{border-radius:7px}.chips button.active,.segmented button.active{background:#fff0e6;color:#ef5107;border-color:#ffd4bd}.data-banner{font-size:12px;border-color:#dce8e8;background:#f5fbfa;margin-bottom:24px}.data-banner .badge{font-size:10px}.explorer-hero{background:radial-gradient(ellipse at 88% 35%,#ffad753d,transparent 60%),linear-gradient(105deg,#fff,#fff4ed);margin:-10px -5px 20px;padding:28px 20px;border-radius:12px;min-height:130px}.explorer-hero h1{font-size:28px;font-weight:750;letter-spacing:-.7px}.explorer-hero h1 em{color:#fb4a05;font-style:normal}.explorer-hero .eyebrow{display:none}.explorer-hero p{font-size:15px;color:#506581}.search-panel{background:#fff;border:1px solid var(--border);border-radius:9px;padding:15px}.metric,.panel,.module-card{box-shadow:0 3px 14px #243a5510;border-radius:11px}.metric strong{color:#132033}.metrics{gap:13px}.app-icon{border-radius:10px}.drawer{border-radius:14px 0 0 14px}.research-shortcuts svg{color:#fb5c0b}.full-note{border-radius:8px}.nav-dropdown .active{background:#fff1e8;color:#ed5107}footer{font-size:11px}
@media(min-width:1550px){main{padding:28px 30px;max-width:none}.workspace-nav{padding:10px 30px}}
@media(max-width:1250px){.workspace-nav{padding:10px 20px}.nav-search{max-width:530px}.content-shell{width:calc(100% - 216px);margin-left:216px}main{padding:22px 20px}.brief-grid{grid-template-columns:1fr}.explorer-hero h1{font-size:25px}}
@media(max-width:800px){.sidebar{display:none;width:216px}.sidebar.open{display:flex}.content-shell{margin:0;width:100%}.workspace-nav .mobile-menu{display:flex}.workspace-nav{padding:10px 16px}.nav-search{margin-left:0}.account-menu{display:block}.explorer-hero{padding:22px 16px}.explorer-hero h1{font-size:23px}.explorer-hero .secondary{align-self:flex-start}}
@media(min-width:1000px){.explorer-hero{min-height:105px;padding:20px}.search-panel{padding:10px 14px;margin-bottom:16px}.metrics{margin-bottom:16px}.metric{padding:15px 17px}.metric>strong{font-size:26px}.section-heading{padding:15px 18px}.filter-grid{padding:14px 18px}.filter-footer{padding:12px 18px}.page-heading{margin-bottom:17px}.data-banner{margin-bottom:18px}.panel{margin-bottom:18px}.explorer-hero p{margin-bottom:0}table{font-size:13px}.app-cell strong{font-size:13px}}
.detail-preview-strip{display:flex;gap:10px;overflow:auto;margin:18px 0 22px;padding-bottom:8px}.detail-preview-strip a{flex:0 0 115px}.detail-preview-strip img{width:115px;height:210px;object-fit:cover;object-position:top;border-radius:9px;background:#eef3f8}.detail-description{font-size:13px;line-height:1.8}.drawer .detail-identity .app-icon{width:64px;height:64px}.drawer .detail-actions{display:flex;flex-direction:column}.drawer .detail-actions>*{text-align:center;justify-content:center}.drawer .tabs{overflow:auto}.drawer .tabs button{font-size:12px}.drawer .detail-list{font-size:13px}
.working-indicator{position:fixed;top:66px;right:20px;background:#ff5809;color:white;font-size:12px;padding:7px 15px;border-radius:0 0 8px 8px;z-index:15;box-shadow:0 3px 12px #23344a25}.chart-fields{margin-inline:0;min-width:0;flex-wrap:wrap}.panel-actions{padding:0 22px 20px}.board-notes{max-height:260px;overflow:auto;line-height:1.8}.draft-grid{margin-top:22px}.draft-grid h3{margin-top:18px}.draft-description{min-height:260px}.explorer-grid{padding:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.explorer-grid .app-cell{white-space:normal;align-items:flex-start;text-align:left;width:100%}.explorer-grid .app-cell .app-icon{flex:none}.explorer-grid .app-cell strong{font-size:14px}.explorer-grid .app-cell small{overflow-wrap:anywhere}.explorer-grid p{font-size:13px;margin-top:18px}.alerts-shortcut{position:relative}.alert-dot{position:absolute;width:7px;height:7px;background:#ff5809;border:1px solid white;border-radius:50%;top:4px;right:4px}.snapshot-history .item-card{font-size:13px}
@media(max-width:1200px){.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.explorer-grid{grid-template-columns:1fr;padding:14px}.workspace-nav{gap:9px}.working-indicator{right:14px}.chart-fields .field{flex-basis:100%}.panel-actions{padding-inline:15px}.draft-grid{grid-template-columns:1fr}}
.tabs button.active{color:#fb5107;border-bottom-color:#fb5107}.board-notes{color:#52667f}.draft-grid .module-card{overflow-wrap:anywhere}
.mobile-brand{display:none;background:none;font-size:16px;font-weight:750;color:#172435;white-space:nowrap;padding:0}.mobile-brand span{color:#fc5107}
@media(max-width:500px){.mobile-brand{display:block}.workspace-nav{gap:8px}.workspace-nav .icon-btn{padding:7px}.account-menu{margin-left:auto}}

/* Private ASO and UA growth tools */
.growth-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0}.growth-stats .panel{padding:20px}.growth-stats h2{margin:12px 0;overflow-wrap:anywhere}.growth-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0}.growth-form input{width:100%}.growth-actions{margin:20px 0}.growth-actions button{white-space:normal}.growth-stats small{display:block;color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.page-heading h1{margin:6px 0}.page-heading p{color:var(--muted)}@media(max-width:600px){.growth-form{grid-template-columns:1fr}.growth-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}}

main>form.panel:has(.growth-form){padding:24px}main>.panel:has(textarea){padding:24px}

main>.panel:has(>h3){padding:24px}

/* Followed competitor signals and collections */
.signals-search{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.signals-search small{grid-column:1/-1;color:var(--muted)}.signal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.signal-tabs>button{display:flex;align-items:center;text-align:left;padding:17px;gap:12px;border:1px solid #e1e6ee;background:white;border-radius:14px;color:#1c2739}.signal-tabs>button.active{border-color:#ff6a30;background:#fff1e9;box-shadow:inset 3px 0 #ff5a1f}.signal-tabs small,.collection-recommended small,.private-collection small,.collection-member small{display:block;color:#78859a;font-size:12px;margin-top:5px}.signal-tabs .badge{margin-left:auto}.signal-tab-icon{display:flex;align-items:center;justify-content:center;color:#ff5b20;background:#fff0e8;border-radius:10px;min-width:38px;height:38px}.signals-panel .section-heading{align-items:center;flex-wrap:wrap}.signals-panel .section-heading h3{margin:0 0 5px}.signal-filters{padding:20px;margin:0}.signal-spark{width:110px;height:40px}.signal-change-list article{padding:22px;border-top:1px solid #edf0f5;display:grid;gap:14px}.signal-diff{display:grid;grid-template-columns:1fr 1fr;gap:20px}.signal-diff p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.collections-column{max-width:1050px;margin:0 auto}.collection-intro{padding:25px;margin-bottom:22px}.collection-section{padding:20px 24px;margin-bottom:22px}.collection-section>.section-heading{padding:0 0 20px}.collection-recommended{display:flex;align-items:center;gap:10px;border-top:1px solid #e5eaf1;padding:19px 0}.collection-recommended>.text-button{text-align:left}.collection-recommended>button:last-child{margin-left:auto}.private-collection{border-top:1px solid #e5eaf1;padding:22px 0}.private-collection p{white-space:pre-wrap}.collection-members{max-height:390px;overflow:auto;margin:16px 0;border:1px solid #edf0f5;border-radius:10px}.collection-member{display:flex;gap:14px;align-items:center;padding:12px;border-bottom:1px solid #edf0f5}.collection-member .app-icon{width:38px;height:38px}.collection-member input{width:18px;height:18px}.signals-panel table td{min-width:115px}.signals-panel table td:first-child{min-width:270px}@media(max-width:900px){.signal-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.signals-search{grid-template-columns:1fr}.signal-tabs>button{padding:12px;gap:7px}.signal-tab-icon{display:none}.signal-tabs strong{font-size:13px}.collection-recommended{flex-wrap:wrap}.collection-section{padding:18px}.signal-diff{grid-template-columns:1fr}.collection-recommended>.text-button{width:100%}}
/* Store Radar research suite */
.suite-picker{max-height:280px;overflow:auto;display:grid;gap:8px;margin:14px 0 22px}.suite-picker .check{padding:10px;border:1px solid var(--border);border-radius:10px;align-items:center}.suite-picker .app-icon{width:32px;height:32px}.suite-picker small{display:block}.suite-excerpt{max-height:140px;overflow:auto;white-space:pre-wrap}.suite-date-group{padding:24px;margin-top:20px}.suite-date-group h3{margin-bottom:18px}.suite-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.suite-summary{padding:20px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.suite-json{min-height:250px;font-family:ui-monospace,monospace;font-size:13px}.suite-assets{margin:24px 0}.suite-assets input{flex:1;min-width:0}.suite-ai{margin-top:24px;padding:20px}.suite-ai summary{cursor:pointer;font-weight:600}.suite-chat{padding:24px}.suite-messages{min-height:240px;max-height:650px;overflow:auto}.suite-messages article{border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;background:#fff7f2}.suite-chat .toolbar{padding:20px 0 0}.suite-chat .field{flex:1}.suite-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.suite-alert-items{padding:20px}.suite-alert-items .item-card{margin-bottom:12px}.suite-unread{background:#fff7ee;border-color:#ffd2b3}.suite-alert-items .app-cell{white-space:normal}.suite-date-group table{width:100%}.suite-date-group .compare-table{min-width:650px}.suite-alert-items p{overflow-wrap:anywhere}.suite-date-group .growth-form{padding:0}.suite-picker .check span{min-width:0}.suite-ai .page-heading{display:none}
@media(max-width:800px){.suite-two,.suite-alert-grid{grid-template-columns:1fr}.suite-date-group,.suite-chat{padding:16px}.suite-date-group .module-grid{grid-template-columns:1fr}.suite-assets .inline-actions{flex-wrap:wrap}.suite-picker .check{font-size:12px}}

.site-footer{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:24px;padding:36px;background:#0d1724;color:#d5deec;margin-top:28px}.site-footer p{line-height:1.7;color:#a3b3c7;font-size:13px}.site-footer section{display:flex;flex-direction:column;gap:12px}.site-footer button{text-align:left;background:none;border:0;color:#a3b3c7;padding:0;font-size:13px;cursor:pointer}.site-footer button:hover{color:#ff6a30}.site-footer small{grid-column:1/-1;border-top:1px solid #253245;padding-top:20px}.badge.red{background:#ffe9eb;color:#c92f44}.admin-table input{min-width:180px;max-width:260px;margin:3px 0}@media(max-width:800px){.site-footer{grid-template-columns:repeat(2,1fr)}.site-footer>div{grid-column:1/-1}}

.improved-sidebar{width:260px;padding:22px 14px 14px;background:linear-gradient(165deg,#132237 0%,#0a1423 75%);overflow:hidden;border-right:1px solid #24354a}.improved-sidebar .brand{padding:0 7px 20px;font-size:21px;gap:10px}.improved-sidebar .brand-mark{color:#ff783c;border-color:#70432f;background:#38261f}.improved-sidebar .brand small{letter-spacing:1.2px;font-size:8px;color:#b5c2d4}.sidebar-tool-search{display:flex;gap:8px;align-items:center;margin:0 4px 12px;background:#1a2c43;border:1px solid #30445e;border-radius:10px;padding:9px 10px;color:#9eb2ca}.sidebar-tool-search input{min-width:0;width:100%;border:0;background:none;padding:0;font-size:13px;color:white;outline-offset:4px}.sidebar-tool-search input::placeholder{color:#a3b3c7}.sidebar-tool-search button{background:none;color:#c7d1e0;padding:0;display:flex}.improved-sidebar nav{overflow-y:auto;flex:1;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:#42546c transparent}.improved-sidebar .nav-label{color:#8da2bd;margin:10px 12px;font-size:10px}.improved-sidebar .nav-link{color:#c1cede;font-size:13px;padding:10px 11px;gap:11px;border-radius:9px;margin:3px 0;line-height:1.4}.improved-sidebar .nav-link svg{flex-shrink:0;color:#8fa7c4}.improved-sidebar .nav-link:hover{background:#21334c;color:white}.improved-sidebar .nav-link.active{background:linear-gradient(100deg,#633524,#382a28);box-shadow:inset 3px 0 #ff783c;color:white}.improved-sidebar .nav-link.active svg{color:#ff9a69}.nav-dot{margin-left:auto;width:5px;height:5px;background:#ff9a69;border-radius:50%;flex-shrink:0}.tool-group{border-top:1px solid #24344b;margin-top:12px;padding-top:9px}.tool-group-title{background:none;color:#a5b8d0;font-size:11px;font-weight:700;letter-spacing:.25px;padding:9px 10px;width:100%;display:flex;gap:9px;align-items:center;text-align:left;border-radius:8px}.tool-group-title:hover{background:#1a2b42;color:white}.tool-group-title span{flex:1}.tool-group-title>svg:last-child{transform:rotate(-90deg)}.tool-group-title>svg.rotated{transform:rotate(0)}.tool-group-items{padding-left:5px}.improved-sidebar .sidebar-bottom{margin-top:10px;padding-top:12px;border-top:1px solid #2b3c53}.sidebar-account{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#1a2b42;border:1px solid #30445c;color:#d9e4f2;border-radius:11px;padding:11px}.sidebar-account>span:nth-child(2){flex:1;min-width:0}.sidebar-account strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-account small{font-size:10px;color:#9fb2cb;text-transform:capitalize}.nav-empty{padding:12px;font-size:13px;color:#b6c4d6}.content-shell{margin-left:260px;width:calc(100% - 260px)}@media(max-width:800px){.content-shell{margin-left:0;width:100%}.improved-sidebar{width:260px}}

.improved-sidebar .sidebar-tool-search{flex:0 0 auto;height:42px;margin-left:4px}.improved-sidebar .brand{flex-shrink:0}.secondary.danger{color:#bb3045;border-color:#eab5bf;background:#fff4f5}.secondary.danger:hover{background:#ffe5e9}

/* Store Radar sign-in */
.login-showcase{margin-top:22px}
.login-password-control{position:relative;display:block;width:100%}
.login-card .login-password-control input{padding-right:65px}
.login-password-control>button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:6px;background:transparent;color:#527568;font-size:11px;font-weight:600;border-radius:5px}
.login-password-control>button:hover{background:#eef5f0}
.showcase-tabs{display:flex;gap:6px;margin-bottom:11px;padding:5px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05}
.showcase-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;padding:9px 7px;border-radius:8px;background:transparent;color:#a9bdcb;font-size:11px;font-weight:600;white-space:nowrap}
.showcase-tabs button[aria-selected=true]{background:#d4f5ef15;color:#c7f4e6;box-shadow:inset 0 0 0 1px #70c9b02b}
.showcase-tabs button:hover{background:#ffffff0e;color:#fff}
.showcase-body{padding:19px 20px 15px;border:1px solid #b2e1d925;border-radius:15px;background:linear-gradient(135deg,#ffffff09,#ffffff02),#112635a8;box-shadow:0 18px 45px #05111e24}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;color:#89a4b0;margin-bottom:14px;font-size:8px;font-weight:700;letter-spacing:1.2px}
.showcase-caption>span{display:flex;align-items:center;gap:7px}
.showcase-caption i{width:5px;height:5px;background:#6ed0b7;display:inline-block;border-radius:50%}
.showcase-chart,.showcase-keywords,.showcase-private{min-height:169px}
.showcase-chart-title{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#d4e6ea;font-size:11px}
.showcase-source{font-size:9px;color:#90b3b5;background:#65c8b011;border:1px solid #65c8b01d;border-radius:5px;padding:4px 6px;white-space:nowrap}
.showcase-chart svg{display:block;width:100%;height:105px;margin-top:9px;overflow:visible}
.showcase-chart-labels{display:flex;justify-content:space-between;color:#72949f;font-size:9px;margin-top:4px}
.showcase-movements{display:flex;gap:9px;margin-top:12px}
.showcase-movements>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#a3b6c4;padding:5px 7px;border:1px solid #ffffff0c;border-radius:5px}
.showcase-movements b{color:#6bd4b0}.showcase-movements>span:nth-child(2) b{color:#f99397}.showcase-movements>span:nth-child(3) b{color:#99abb8}
.showcase-description{padding-top:16px;margin-top:16px;border-top:1px solid #ffffff0b}
.showcase-description h3{color:#edf7f5;font-size:15px;letter-spacing:-.25px;line-height:1.4;margin:0 0 5px}
.login-intro .showcase-description p{font-size:11px;line-height:1.6;color:#9bb5c2;margin:0;max-width:500px}
.showcase-disclosure{color:#718d9b;font-size:8px;margin-top:12px}
.showcase-search{display:flex;gap:10px;align-items:center;background:#ffffff05;border:1px solid #aac7d422;padding:12px;border-radius:9px;color:#a9c2cb;font-size:11px}
.showcase-search>span{flex:1}
.showcase-keyword-pills{display:flex;gap:8px;margin:12px 0}
.showcase-keyword-pills span{color:#addacb;background:#78d5b612;border:1px solid #78d5b623;padding:5px 11px;border-radius:6px;font-size:10px}
.showcase-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.showcase-workflow>div{padding:9px;border-left:1px solid #7dc5b525}
.showcase-workflow svg{color:#8cd7b9;display:inline-block;margin-right:5px;vertical-align:middle}
.showcase-workflow strong{color:#d6e9e4;font-size:11px}
.showcase-workflow small{color:#8da9b5;font-size:9px;line-height:1.5;margin-top:6px}
.showcase-lock{display:flex;align-items:center;gap:12px;padding:18px 0 22px}
.showcase-lock>svg{flex-shrink:0;color:#9fdac9;background:#a8d6c812;width:44px;height:44px;border-radius:12px;padding:11px}
.showcase-lock strong{font-size:13px;color:#daece6}.showcase-lock small{color:#8eacb6;font-size:10px;margin-top:3px}
.showcase-research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.showcase-research-grid>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:13px 10px;background:#ffffff04;border:1px solid #ffffff0b;border-radius:8px;color:#aad5c8}
.showcase-research-grid span{font-size:9px;color:#c2d6da;flex:1}
.login-platforms{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:17px}
.login-platforms>span{font-size:9px;color:#6f929f}
.login-platforms>div{display:flex;gap:7px;flex-wrap:wrap}
.login-platforms>div>span{font-size:9px;color:#acc1ce;padding:4px 8px;border:1px solid #ffffff13;border-radius:5px}
.login-screen{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#faf8f5;min-height:100svh}
.login-intro{position:relative;overflow:hidden;padding:44px clamp(32px,5vw,86px);background:radial-gradient(ellipse at 0% 100%,#203e4d 0%,transparent 55%),#101e30;justify-content:space-between;gap:44px;color:#fff}
.login-intro:after{content:'';position:absolute;width:460px;height:460px;border:1px solid #ffffff08;border-radius:50%;right:-260px;top:80px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02;pointer-events:none}
.login-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.8px;z-index:1}
.login-brand>span{display:grid;place-items:center;color:#ff9b64;background:#ff8b4d14;border:1px solid #ff9b6433;width:45px;height:45px;border-radius:13px}
.login-story{max-width:590px;z-index:1}
.login-story .eyebrow{color:#aec0d0!important;font-size:11px!important;letter-spacing:2.4px;margin-bottom:22px!important}
.login-intro h1{font-size:clamp(38px,4.1vw,62px);line-height:1.1;letter-spacing:-2.5px;font-weight:700;margin-bottom:24px}
.login-intro h1 em{font-style:normal;color:#ffa86f}
.login-intro .login-lead{font-size:16px;line-height:1.75;color:#b9c8d8;max-width:490px;margin-bottom:32px}
.login-features{display:grid;gap:21px;max-width:500px}
.login-features>div{display:flex;gap:15px;align-items:flex-start}
.login-features svg{flex-shrink:0;color:#8bc9bf;margin-top:4px}
.login-features strong{display:block;color:#eff4fa;font-size:14px;font-weight:650;margin-bottom:3px}
.login-features small{font-size:13px;line-height:1.6;color:#aabccf}
.login-promise{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff14;padding-top:22px;font-size:12px;color:#b7c9d6;z-index:1}
.login-promise svg{color:#8bc9bf;flex-shrink:0}
.login-entry{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:55px 40px 30px;position:relative}
.login-card{width:min(400px,100%);padding:35px 0;align-self:auto;justify-self:auto}
.login-access{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#69788a;margin-bottom:23px}
.login-access>span{width:6px;height:6px;border-radius:50%;background:#138c7d}
.login-card h2{font-size:38px;line-height:1.15;letter-spacing:-1.5px;color:#15283d;margin:0 0 17px}
.login-card>p{font-size:14px;color:#6a7889;line-height:1.75;margin-bottom:0}
.login-card form{margin-top:32px}
.login-card .field{margin-bottom:21px}
.login-card .field>span{font-size:13px;color:#34465b;font-weight:600;margin-bottom:8px}
.login-card .field input{height:52px;border:1px solid #d5dce3;border-radius:9px;background:#fff;padding:12px 14px;width:100%;font-size:16px;transition:border-color .15s,box-shadow .15s}
.login-card .field input:focus{border-color:#ee8746;box-shadow:0 0 0 3px #ef874618;outline:none}
.login-card .primary{width:100%;display:flex;justify-content:space-between;padding:15px 18px;border-radius:9px;background:#e96a21;color:white;font-size:14px;box-shadow:0 5px 15px #d862211a;transition:background .15s,transform .15s}
.login-card .primary:hover:not(:disabled){background:#d95813;transform:translateY(-1px)}
.login-card .primary:disabled{cursor:wait}
.login-privacy{margin-top:25px;display:flex;align-items:flex-start;gap:8px;color:#798594;font-size:12px;line-height:1.6}
.login-privacy svg{flex-shrink:0;margin-top:2px;color:#738c88}
.login-entry-footer{position:absolute;bottom:30px;font-size:9px;letter-spacing:1.8px;color:#8c96a2;text-align:center}
@media(max-width:800px){.login-screen{grid-template-columns:1fr}.login-intro{padding:32px 26px;gap:32px}.login-story{max-width:600px}.login-intro h1{font-size:42px;letter-spacing:-1.7px}.login-intro .login-lead{font-size:14px;margin-bottom:24px}.login-features{gap:16px}.login-promise{padding-top:17px}.login-entry{padding:38px 26px 55px}.login-card{padding:0;width:min(440px,100%)}.login-card h2{font-size:34px}.login-entry-footer{bottom:20px}}


/* Research screens share the existing palette and remain usable without motion. */
.radar-controls{padding:22px}.radar-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.radar-controls .toolbar{flex-wrap:wrap;gap:10px;margin-top:12px}.radar-controls input,.radar-controls select{width:100%;min-width:0}.radar-chip{border:1px solid #b4dedb;background:#edf9f6;color:#006e70;border-radius:20px;padding:8px 12px}.radar-viewbar,.radar-day-title{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:24px 0 12px}.radar-day-title{justify-content:flex-start;flex-wrap:wrap}.radar-day-title h2{font-size:18px;margin:0}.radar-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.radar-app-card{background:white;border:1px solid #dfe8eb;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 3px 10px #123b4310}.radar-app-card .app-cell{width:100%;text-align:left}.radar-app-card .app-cell span{min-width:0}.radar-app-card strong{overflow-wrap:anywhere}.radar-card-tags{display:flex;gap:6px;flex-wrap:wrap}.radar-app-card p{margin:0}.radar-app-card>small{line-height:1.6;color:#59727a}.radar-app-card .text-button{align-self:flex-start;margin-top:auto}.radar-ranked{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.radar-ranked .panel{padding:18px;min-width:0}.radar-ranked h2{font-size:17px}.radar-rank-row{display:flex;gap:10px;align-items:center;background:none;border:0;border-bottom:1px solid #edf1f3;width:100%;padding:15px 0;text-align:left}.radar-rank-row>b{color:#00888b}.radar-rank-row .app-icon{width:38px;height:38px;flex-shrink:0}.radar-rank-row>span{min-width:0;flex:1}.radar-rank-row strong{font-size:12px;display:block;overflow-wrap:anywhere}.radar-rank-row small{font-size:10px;color:#6b818a;display:block}.radar-rank-row em{font-size:11px;font-style:normal}.radar-tag-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:400px;overflow:auto;margin:18px 0}.radar-tag-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe8eb;border-radius:9px}.radar-tag-option .badge{margin-left:auto}.overview-lookup{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:14px;align-items:end;margin:20px 0 12px}.overview-head{padding:24px}.overview-head>.toolbar{flex-wrap:wrap;gap:14px;margin-bottom:20px}.overview-links .secondary{margin:6px}.rank-series{margin:20px 0;padding:16px;border:1px solid #e0eaed;border-radius:12px}.rank-series svg{width:100%;max-height:260px;background:linear-gradient(#f3fbfa,#fff);border-radius:10px}.rank-series svg text{font-size:12px;fill:#667e88}.rank-series summary{cursor:pointer;padding:12px}.overview-head .detail-list dd{overflow-wrap:anywhere;max-height:180px;overflow:auto}
@media(max-width:1100px){.radar-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-card-grid,.radar-ranked{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-lookup{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.radar-filter-grid,.radar-card-grid,.radar-ranked,.overview-lookup,.radar-tag-picker{grid-template-columns:1fr}.radar-viewbar{align-items:flex-start;flex-direction:column}.radar-controls,.overview-head{padding:16px}.radar-day-title small{width:100%}.radar-rank-row strong{font-size:13px}}


.rank-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;gap:4px;color:#52677c}.rank-indicator strong{font-size:15px}.rank-indicator small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:750;white-space:nowrap}.rank-indicator i{width:3px;height:12px;border-radius:3px;background:currentColor}.rank-indicator.up{color:#079669}.rank-indicator.down{color:#df364c}.rank-indicator.missing{color:#8794a3}.rank-indicator.missing i{opacity:.35}.rank-indicator.flat{color:#52677c}

.brand-watermark{font-size:11px!important;font-weight:600;letter-spacing:.3px;color:#6c7d91;white-space:nowrap}.data-banner .brand-watermark{margin-left:auto}.login-entry-footer .brand-watermark{display:inline-block;margin-bottom:5px;letter-spacing:.3px;text-transform:none}@media(max-width:800px){.data-banner .brand-watermark{margin-left:0;white-space:normal}}

.chart-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chart-column{min-width:0}.chart-column-note{font-size:12px;padding:12px 16px;overflow-wrap:anywhere}.chart-column-note span{display:block;color:#ac6530;margin-top:7px}.compact-chart-list{max-height:650px;overflow:auto}.compact-chart-list article{display:flex;gap:10px;padding:13px;border-top:1px solid var(--border);align-items:center}.compact-chart-list .app-icon{width:38px;height:38px}.compact-chart-list a{font-size:13px;font-weight:600;text-decoration:none}.compact-chart-list small{font-size:11px}.compact-chart-list article>div:last-child{min-width:0;overflow-wrap:anywhere}.chart-column .inline-actions{padding:12px}.market-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 14px}.market-tabs button,.country-chip{background:#eef3f7;color:#36516b;padding:8px 12px;border-radius:7px;white-space:nowrap}.market-tabs .active{background:#172435;color:white}.geography-layout{display:grid;grid-template-columns:2fr 1fr;gap:22px;max-height:60vh;overflow:auto}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px}.geography-layout aside{padding:16px;border-left:1px solid var(--border)}.country-chip{margin:4px;white-space:normal}.insight-tabs{flex-wrap:wrap}.similarity-graph{width:100%;height:auto;background:#f7fafc;border-radius:10px}@media(max-width:1100px){.chart-board{grid-template-columns:1fr}.compact-chart-list{max-height:450px}}@media(max-width:650px){.geography-layout{grid-template-columns:1fr}.country-grid{grid-template-columns:1fr 1fr}.geography-layout aside{border-left:0}}

.event-calendar{display:grid;grid-template-columns:repeat(7,1fr);padding:12px;gap:8px}.event-calendar section{min-height:80px;border:1px solid var(--border);padding:8px;border-radius:7px}.event-calendar button{display:block;font-size:11px;background:#e9f6f2;color:#126a5c;border-radius:5px;padding:5px;margin-top:4px;text-align:left;width:100%}@media(max-width:650px){.event-calendar{grid-template-columns:repeat(3,1fr)}}

/* Product showcase and sign-in share one responsive frame. */
.login-screen{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.login-intro{padding:28px clamp(28px,4.2vw,70px);gap:24px;background:radial-gradient(ellipse at 8% 100%,#164956 0%,transparent 58%),#101e30}
.login-story{max-width:680px;width:100%}
.login-intro h1{font-size:clamp(34px,3.2vw,48px);letter-spacing:-1.8px;line-height:1.08;margin-bottom:16px}
.login-story .eyebrow{font-size:9px!important;letter-spacing:2px;margin-bottom:14px!important}
.login-intro .login-lead{font-size:13px;line-height:1.7;max-width:550px;margin-bottom:0}
.login-promise{font-size:10px;padding-top:16px}
.login-entry{padding:60px 32px 80px;background:radial-gradient(ellipse at 100% 0%,#fbe9db70,transparent 50%),#f8f8f5}
.login-card{width:min(440px,100%);padding:32px;border:1px solid #e8e8e1;border-radius:19px;background:#ffffffd6;box-shadow:0 20px 60px #152b3d07,0 2px 6px #152b3d03}
.login-card h2{font-size:33px}
.login-card>p{font-size:12px}
.login-card .field>span{font-size:12px}
.login-access{font-size:9px;letter-spacing:1.1px}
.login-entry-footer{bottom:26px}
@media(min-width:801px) and (max-height:760px){.login-intro{padding-top:22px;padding-bottom:22px;gap:19px}.showcase-body{padding:15px 18px 11px}.showcase-description{padding-top:12px;margin-top:12px}.login-showcase{margin-top:18px}.login-platforms{margin-top:13px}}
@media(max-width:800px){.login-screen{grid-template-columns:1fr}.login-intro{padding:30px 26px;gap:28px}.login-intro h1{font-size:39px}.login-entry{padding:35px 22px 80px}.login-card{padding:27px}.login-entry-footer{bottom:22px}.login-promise{font-size:11px}}
@media(max-width:420px){.login-intro{padding:25px 19px}.login-intro h1{font-size:34px}.showcase-body{padding:15px 13px}.showcase-tabs button{font-size:9px;gap:4px;padding:9px 3px}.showcase-tabs button svg{width:13px}.showcase-movements{gap:5px}.showcase-movements>span{font-size:8px;padding:5px}.showcase-chart-title{font-size:10px}.showcase-source{font-size:8px}.showcase-workflow{gap:6px}.showcase-research-grid>div{padding:10px 7px}.login-card h2{font-size:30px}}
@media(min-width:801px) and (max-height:760px){
  .login-intro{padding-top:18px;padding-bottom:18px;gap:16px}
  .login-intro h1{font-size:36px}
  .showcase-chart svg{height:75px}
  .showcase-chart,.showcase-keywords,.showcase-private{min-height:145px}
  .showcase-caption{margin-bottom:10px}
  .showcase-description{margin-top:10px;padding-top:10px}
  .showcase-body{min-height:290px}
  .showcase-lock{padding-top:10px;padding-bottom:14px}
  .showcase-disclosure{margin-top:9px}
  .login-entry{padding-top:48px;padding-bottom:64px}
  .login-card{padding:28px}
  .login-card form{margin-top:24px}
  .login-card .field{margin-bottom:16px}
  .login-access{margin-bottom:18px}
  .login-privacy{margin-top:19px}
}

/* One shared motion system for authentication and every research screen.
   Entrance effects use opacity and small transforms; controls keep their size.
   No animation controls data loading, focus, or permission behavior. */
:root {
  --motion-ease: cubic-bezier(.22,1,.36,1);
  --motion-enter: 560ms;
  --motion-feedback: 200ms;
}
@keyframes sr-reveal {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes sr-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sr-sheet {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes sr-drawer {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes sr-ambient {
  from { transform: translate3d(-12px,8px,0) scale(1); opacity: .5; }
  to { transform: translate3d(20px,-16px,0) scale(1.06); opacity: .8; }
}
@keyframes sr-spin { to { transform: rotate(360deg); } }
@keyframes sr-signal-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
.login-showcase,.showcase-body { animation: sr-reveal var(--motion-enter) var(--motion-ease) backwards; }
.login-showcase { animation-delay: 160ms; }
.showcase-signal-line { stroke-dasharray: 1; animation: sr-signal-draw 1.2s var(--motion-ease) backwards; }
.showcase-tabs button { transition: background-color 200ms ease,color 200ms ease,box-shadow 200ms ease; }

/* The login uses the same reveal curve, with a quiet illuminated backdrop. */
.login-intro { isolation: isolate; }
.login-intro::before, .login-intro::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border: 0;
  box-shadow: none;
  border-radius: 50%;
  z-index: -1;
}
.login-intro::before {
  width: 650px; height: 650px; right: -210px; bottom: -200px; top: auto;
  background: radial-gradient(circle, #48baa526 0%, #36a7a913 36%, transparent 69%);
  animation: sr-ambient 14s ease-in-out 2 alternate both;
}
.login-intro::after {
  width: 480px; height: 480px; left: -180px; top: -180px; right: auto; bottom: auto;
  background: radial-gradient(circle, #fc99541c 0%, transparent 67%);
  animation: sr-ambient 18s ease-in-out 2 alternate-reverse both;
}
.login-story, .login-card { animation: none; }
.login-brand, .login-story > .eyebrow, .login-story > h1,
.login-lead, .login-features > div, .login-promise,
.login-card, .login-entry-footer {
  animation: sr-reveal var(--motion-enter) var(--motion-ease) backwards;
}
.login-brand { animation-delay: 0ms; }
.login-story > .eyebrow { animation-delay: 45ms; }
.login-story > h1 { animation-delay: 80ms; }
.login-lead { animation-delay: 120ms; }
.login-features > div:nth-child(1) { animation-delay: 160ms; }
.login-features > div:nth-child(2) { animation-delay: 200ms; }
.login-features > div:nth-child(3) { animation-delay: 240ms; }
.login-promise { animation-delay: 280ms; }
.login-card { animation-delay: 100ms; }
.login-entry-footer { animation-delay: 280ms; }
.login-brand > span { transition: box-shadow 260ms ease, border-color 260ms ease; }
.login-brand:hover > span { border-color: #ffab7670; box-shadow: 0 0 24px #ff9b641a; }
.login-card .primary > span { transition: transform 240ms var(--motion-ease); }
.login-card .primary:hover:not(:disabled) > span { transform: translateX(4px); }

/* Every route, card collection, and navigation group shares that language. */
.page-scene { animation: sr-fade 220ms ease-out backwards; }
.page-scene .page-heading {
  animation: sr-reveal var(--motion-enter) var(--motion-ease) backwards;
}
.page-scene :is(.panel,.module-card,.item-card,.private-collection,.live-summary,
  .suite-date-group,.radar-app-card,.metric,.overview-head) {
  animation: sr-reveal var(--motion-enter) var(--motion-ease) backwards;
}
.page-scene :is(.panel,.module-card,.item-card,.private-collection,.live-summary,
  .suite-date-group,.radar-app-card,.metric,.overview-head)
  :is(.panel,.module-card,.item-card,.metric) { animation: none; }
:is(.module-grid,.metrics,.creative-grid,.radar-card-grid,.chart-board,.suite-alert-grid)
  > :nth-child(2) { animation-delay: 45ms; }
:is(.module-grid,.metrics,.creative-grid,.radar-card-grid,.chart-board,.suite-alert-grid)
  > :nth-child(3) { animation-delay: 90ms; }
:is(.module-grid,.metrics,.creative-grid,.radar-card-grid,.suite-alert-grid)
  > :nth-child(n+4) { animation-delay: 135ms; }
.tool-group-items { animation: sr-reveal 280ms var(--motion-ease) backwards; }
.tool-group-title > svg:last-child { transition: transform 240ms var(--motion-ease); }
.nav-link, .tool-group-title, .sidebar-account,
.primary, .secondary, .icon-btn, .text-button, .watch-btn,
.tabs button, .segmented button, .chips button, .market-tabs button, .country-chip {
  transition: background-color var(--motion-feedback) ease, color var(--motion-feedback) ease,
    border-color var(--motion-feedback) ease, box-shadow var(--motion-feedback) ease;
}
.primary:hover:not(:disabled) { box-shadow: 0 5px 16px #0b6d7920; }
.login-card .primary:hover:not(:disabled) { box-shadow: 0 7px 22px #e96a2130; }
.primary:active:not(:disabled), .secondary:active:not(:disabled) { box-shadow: inset 0 1px 3px #12273818; }
.nav-link:hover, .radar-app-card:hover, .primary:active, .secondary:active,
.tabs button:active, .icon-btn:active, .login-card .primary:hover:not(:disabled) { transform: none; }
:is(.module-card,.radar-app-card,.item-card,.private-collection,.metric) {
  transition: border-color 240ms ease, box-shadow 240ms ease;
}
:is(.module-card,.radar-app-card,.item-card,.private-collection,.metric):hover {
  border-color: #b6d6d0; box-shadow: 0 8px 24px #193d4c0a;
}
.table-wrap tbody tr, .compact-chart-list article, .live-app-row {
  transition: background-color 180ms ease;
}
.table-wrap tbody tr:hover, .compact-chart-list article:hover { background: #f3faf8; }
.field :is(input,select,textarea), .login-card .field input {
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.tabs button.active { box-shadow: 0 2px 0 #ec7937; }
button:focus-visible, a:focus-visible, summary:focus-visible {
  outline: 2px solid #168e90; outline-offset: 3px;
}

dialog[open] { animation: sr-sheet 320ms var(--motion-ease) backwards; }
dialog.drawer[open] { animation: sr-drawer 360ms var(--motion-ease) backwards; }
dialog::backdrop { animation: sr-fade 220ms ease-out backwards; }
.toast { animation: sr-reveal 320ms var(--motion-ease) backwards; }
.working-indicator { animation: sr-fade 200ms ease-out; }
.chart-loading-panel { text-align: center; padding: 40px 24px; }
.chart-loading-panel p { color: #657e89; }
.chart-loader {
  display: inline-block; width: 30px; height: 30px;
  border: 3px solid #dfecec; border-top-color: #008d8f; border-radius: 50%;
  animation: sr-spin 1s linear infinite;
}
@media(max-width:800px) {
  .sidebar { transition: transform 320ms var(--motion-ease); }
  .mobile-scrim { animation: sr-fade 220ms ease-out backwards; }
}
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
  .login-card .primary > span { transform: none !important; }
}
