:root{--ink:#171717;--text:#171717;--muted:#60646c;--teal:#000000;--teal-dark:#1a1a1a;--canvas:#ffffff;--line:#f0f0f3;--white:#fff;--amber:#926322;--red:#ad5045;--green:#2c7867;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.5 "Inter",-apple-system,system-ui,sans-serif}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #171717;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:600;color:var(--ink)}h2{font-size:18px;letter-spacing:-.4px;font-weight:600}h3{font-size:16px;line-height:1.5;font-weight:550}p{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#ffffff;color:#171717;padding:35px 20px 24px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:36px;letter-spacing:-1.5px;line-height:1.1;font-weight:600;text-decoration:none!important}.brand-icon{font-size:45px;line-height:1;color:#171717}.brand-sub{font-size:8px;letter-spacing:1.2px;display:block;margin-top:7px;font-weight:500}.nav-label{font-size:10px;letter-spacing:1.5px;margin:55px 14px 14px;color:#60646c}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 14px;color:#60646c;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:13px}.sidebar nav a span{font-size:20px;width:21px;line-height:1}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:#f0f0f3;color:white;text-decoration:none}.sidebar nav a[aria-current=page]{box-shadow:inset 3px 0 #171717}.sidebar-bottom{margin-top:auto;padding:32px 14px 0}.sidebar-bottom p{color:#60646c;font-size:12px;margin:9px 0 20px}.sidebar-bottom .small-label{color:#60646c;font-size:9px}.sidebar-bottom button{color:#60646c}.workspace{min-width:0;flex:1}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fff;font-size:12px;color:var(--muted)}.topbar strong{font-weight:500;color:var(--ink)}.separator{margin:0 16px;color:#bcc8c1}.internal-label{display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:1px}.avatar{height:29px;width:29px;border-radius:50%;background:#f0f0f3;color:var(--ink);display:grid;place-items:center;font-size:12px;font-weight:600}.demo-banner{margin:22px 42px 0;display:flex;align-items:center;gap:10px;background:#f0f0dd;border:1px solid #e0e1c3;border-radius:7px;padding:10px 14px;font-size:11px;color:#626a40}.demo-dot{width:6px;height:6px;border-radius:50%;background:#8a9257;flex-shrink:0}.demo-banner strong{white-space:nowrap}main{padding:32px 42px 60px;max-width:1650px;margin:auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}.page-heading p{margin-top:10px;font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--teal);margin-bottom:12px}.button{border:1px solid var(--teal);border-radius:6px;padding:10px 16px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.button:hover{background:var(--teal-dark);text-decoration:none;color:#fff}.button-secondary{color:var(--ink);background:white;border-color:#dcdee0}.button-secondary:hover{background:#fafafa;color:var(--ink)}.button-small{padding:8px 12px;font-size:11px}.text-link,.text-button{font-size:12px;color:var(--teal);font-weight:550}.text-button{border:0;background:transparent;padding:0}.text-button:hover{text-decoration:underline}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}.metric{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:19px 22px}.metric>span{color:var(--muted);font-size:11px}.metric>strong{display:block;font-size:34px;font-weight:550;letter-spacing:-1px;color:var(--ink);margin:7px 0 1px}.metric-unit{font-size:14px;letter-spacing:0;font-weight:400;color:#96a39a}.metric small{font-size:10px;color:var(--muted)}.metric .warning-text{color:var(--amber)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-heading p{font-size:11px;margin-top:5px;max-width:760px}.count-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f0f0f3;font-size:11px;color:var(--teal);padding:3px 8px;vertical-align:middle;margin-left:5px}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;margin-bottom:19px}.filter-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:12px}.filter-grid>label{min-width:0}label{display:block;color:#171717;font-size:10px;font-weight:600}input,select,textarea{width:100%;background:#fff;border:1px solid #dcdee0;border-radius:5px;color:var(--text);padding:9px 10px;margin-top:5px;font-size:12px;line-height:1.5}select{min-height:38px}textarea{resize:vertical;min-height:145px}.filter-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.search-row{display:flex;gap:12px;margin-top:13px}.search-field{flex:1}.search-row>label:last-child{min-width:180px}.review-list{display:grid;gap:12px}.review-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.review-card summary{display:flex;gap:15px;align-items:center;justify-content:space-between;list-style:none;padding:20px 22px;cursor:pointer}.review-card summary::-webkit-details-marker{display:none}.review-card summary:hover{background:#fafafa}.review-summary{min-width:0;flex:1}.review-topline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;margin-bottom:9px}.platform-icon{font-weight:750;color:#4c758c;background:#f0f4f5;width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;font-size:11px}.platform-icon.facebook{background:#edf1f8;color:#3867aa}.store-name{font-weight:600;color:var(--ink)}.source-tag{color:var(--muted);background:#f0f0f3;border-radius:3px;padding:1px 6px;font-size:9px}.review-date{color:#60646c;margin-left:3px}.review-meta{display:flex;gap:11px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:10px;margin-top:10px}.rating{color:#aa7929;letter-spacing:1px}.empty-stars{color:#60646c}.chip{font-size:9px;padding:3px 7px;background:#f5f5f7;color:#60646c;border:1px solid #dcdee0;border-radius:4px;letter-spacing:0;display:inline-flex;gap:9px;align-items:center}.review-indicators{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}.badge{font-size:9px;padding:4px 8px;background:#f0f0f3;color:#60646c;border-radius:4px;white-space:nowrap}.badge-warning{background:#fbf0df;color:#93682d}.status-new{background:#f7eae4;color:#9a6550}.status-responded{background:#e8f1e6;color:#477653}.expand-label{font-size:10px;color:var(--muted);display:flex;gap:10px}.chevron{font-size:16px;transition:transform .15s}.review-card details[open] .chevron{transform:rotate(180deg)}.review-expanded{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:30px;padding:24px}.small-label{font-size:9px;font-weight:600;letter-spacing:1.2px;color:#60646c}.customer-review blockquote{font-size:13px;line-height:1.85;margin:13px 0 17px;white-space:pre-wrap;overflow-wrap:anywhere}.original-link{display:inline-block;margin-top:17px}.draft-panel{background:#fafafa;border:1px solid #dcdee0;border-radius:8px;padding:17px}.draft-heading{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.draft-heading p{font-size:10px;margin-top:4px}.draft-tools{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.word-count{margin-left:auto}.generate-form{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}.draft-note{font-size:10px;line-height:1.6;margin-top:12px}.review-bottom{border-top:1px solid var(--line);padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.review-bottom form{display:flex;gap:8px}.muted{color:var(--muted)}.small{font-size:11px}.panel{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:24px;margin-bottom:24px;min-width:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th,td{padding:15px 11px;border-bottom:1px solid var(--line);white-space:nowrap}thead th{font-size:9px;font-weight:550;color:var(--muted);background:#fafafa}thead th button{border:0;background:transparent;color:inherit;font:inherit;padding:0;white-space:nowrap}tbody th{font-weight:550}tbody th small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}tbody tr:hover{background:#fafafa}.table-note{font-size:10px;margin-top:16px}.count-link{display:inline-block;background:#f6ece3;color:#93663a;padding:2px 8px;border-radius:4px}.positive-text{color:var(--green)!important}.negative-text{color:var(--red)!important}.trend-chart{height:205px;display:flex;gap:13px;align-items:flex-end;padding-top:8px;overflow-x:auto}.trend-column{min-width:40px;flex:1;display:flex;flex-direction:column;align-items:center;height:100%;font-size:10px}.trend-track{flex:1;width:100%;max-width:40px;display:flex;align-items:flex-end;background:#f5f5f7;border-radius:5px 5px 0 0}.trend-bar{width:100%;background:#60646c;border-radius:5px 5px 0 0;min-height:1px}.trend-value{color:var(--teal);margin-bottom:7px;font-weight:600}.trend-month{margin-top:8px;font-size:9px;white-space:nowrap}.trend-count{font-size:8px;color:var(--muted);white-space:nowrap;margin-top:2px}.breadcrumb{display:inline-block;margin-bottom:20px}.theme-chips{display:flex;gap:10px;flex-wrap:wrap}.theme-chips .chip{font-size:11px;padding:8px 12px}.legend{display:flex;gap:15px;font-size:10px;color:var(--muted);white-space:nowrap}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.positive{background:#73a48b}.neutral{background:#c4cbb8}.negative{background:#c5876e}.theme-row{display:grid;grid-template-columns:minmax(190px,1fr) 1.4fr 230px;align-items:center;gap:28px;padding:20px 0;border-bottom:1px solid var(--line)}.theme-row:last-child{border:0}.theme-row>a{font-size:12px;font-weight:550}.theme-row small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.theme-bar{height:13px;border-radius:3px;overflow:hidden;display:flex;background:#f0f0f3}.theme-numbers{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px}.explanatory-note{font-size:11px;max-width:770px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.provider-card{padding:20px}.provider-card p{margin-top:10px;font-size:12px}.error-detail{white-space:normal;min-width:190px;max-width:340px;overflow-wrap:anywhere}.empty-state{padding:65px 25px;text-align:center;background:white;border:1px solid var(--line);border-radius:var(--radius)}.empty-state p{margin:12px auto 22px;max-width:470px;font-size:13px}.empty-icon{font-size:35px;display:block;color:#60646c;margin-bottom:15px}.empty-inline{padding:28px 0;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;font-size:12px}.notice{background:#e7f1e6;border:1px solid #cddfca;padding:13px 16px;border-radius:7px;margin-bottom:22px;font-size:12px}.error-notice{background:#f9ebe6;border-color:#e8cabe;color:#963f32}footer{padding:0 42px 24px;display:flex;gap:15px;color:#60646c;font-size:10px}footer span:last-child{margin-left:auto}.toast{position:fixed;right:25px;bottom:25px;max-width:380px;background:var(--ink);color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 6px 24px #163c3820;z-index:20;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:#eaf0e6;padding:25px}.login-card{background:#fff;border:1px solid #dcdee0;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 12px 50px #2349340a}.login-card .brand{color:var(--ink);margin-bottom:45px}.login-card h1{font-size:30px}.login-card>p{margin-top:16px}.login-card form{margin-top:30px}.login-card input{padding:12px}.login-card .button{margin-top:15px;width:100%;padding:12px}.login-card .notice{margin-top:20px}.login-card>p:last-child{font-size:10px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;padding:12px}.error-page{margin-top:30px}.error-page h1{font-size:28px}@media(min-width:1600px){main{padding-top:40px}.review-card summary{padding:24px}}@media(max-width:1200px){.sidebar{width:205px;padding-left:14px;padding-right:14px}main{padding:28px}.topbar{padding:0 28px}.demo-banner{margin:18px 28px 0}.metric{padding:17px}.filter-grid{grid-template-columns:repeat(3,1fr)}.theme-row{grid-template-columns:1fr 1fr}.theme-numbers{grid-column:2}.theme-row{gap:12px 20px}.review-expanded{gap:20px;padding:20px}footer{padding-left:28px;padding-right:28px}.brand{font-size:32px}.brand-sub{font-size:7px}}@media(max-width:900px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:17px 24px;display:block}.brand{font-size:27px}.brand-icon{font-size:34px}.brand-sub{font-size:7px}.sidebar nav{display:flex;margin-top:20px;gap:4px;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:10px 13px;font-size:12px}.sidebar nav a span{font-size:16px;width:auto}.sidebar nav a[aria-current=page]{box-shadow:inset 0 -2px #171717}.nav-label,.sidebar-bottom{display:none}.topbar{height:55px}.internal-label{font-size:0;gap:0}.avatar{font-size:11px}.metric-grid{gap:10px}.metric{padding:15px}.metric>strong{font-size:29px}.metric>span{font-size:10px}.metric small{font-size:9px}.page-heading h1{font-size:29px}.review-expanded{grid-template-columns:1fr}.customer-review blockquote{max-width:700px}.section-heading{align-items:flex-start}.legend{flex-wrap:wrap}.theme-row{grid-template-columns:1fr 1fr}footer span:last-child{display:none}}@media(max-width:600px){.sidebar{padding:17px 16px 10px}.sidebar nav{margin-top:17px;margin-left:-5px;margin-right:-5px}.sidebar nav a{padding:10px;font-size:11px}.sidebar nav a span{display:none}.topbar{padding:0 18px;font-size:10px}.separator{margin:0 9px}.demo-banner{margin:16px 16px 0;align-items:flex-start;flex-wrap:wrap;gap:5px 8px;font-size:10px}.demo-dot{margin-top:5px}.demo-banner>span:last-child{flex-basis:100%;padding-left:14px}.page-heading{display:block;margin-bottom:22px}.page-heading>.button{margin-top:18px}.page-heading>.count-pill{margin:14px 0 0}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.eyebrow{font-size:8px}main{padding:26px 16px 40px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:27px}.metric>strong{font-size:31px}.metric{padding:15px}.filter-grid{grid-template-columns:repeat(2,1fr);gap:12px}.filter-grid>label:first-child{grid-column:1/-1}.filter-panel{padding:15px}.filter-actions{gap:16px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.section-heading{gap:10px}.review-card summary{padding:16px;display:block}.review-topline{gap:6px;font-size:9px}.review-date{margin-left:0}.review-card h3{font-size:14px}.review-meta{gap:8px}.review-indicators{flex-direction:row;align-items:center;gap:8px;margin-top:13px}.expand-label{margin-left:auto}.review-expanded{padding:16px}.draft-panel{padding:14px}.review-bottom{padding:16px;display:block}.review-bottom>span{display:block;margin-bottom:12px;font-size:10px}.review-bottom form{justify-content:flex-end}.draft-tools .button{font-size:10px}.word-count{font-size:9px}.search-row{display:block}.search-row>label:last-child{margin-top:12px}.panel{padding:17px;margin-bottom:18px}.trend-chart{gap:9px;height:190px}.trend-column{min-width:38px}.theme-row{grid-template-columns:1fr;gap:10px}.theme-numbers{grid-column:auto;justify-content:flex-start;gap:16px}.theme-bar{height:11px}.legend{gap:7px;font-size:9px}.theme-list{margin-top:8px}.provider-grid{grid-template-columns:1fr 1fr;gap:10px}.provider-card p{font-size:11px}.provider-card{padding:15px}.provider-card .small-label{font-size:8px}footer{padding:0 16px 20px;font-size:9px}.login-card{padding:28px}.login-card h1{font-size:27px}.login-card .brand{margin-bottom:32px}.toast{left:16px;right:16px;bottom:16px;max-width:none}.pagination{gap:12px}.pagination .button{padding:8px 12px}}

button:disabled{cursor:not-allowed}.review-card[aria-busy=true] button:disabled{cursor:wait}

.mobile-signout{display:none}.unsaved-indicator{color:var(--amber)}.status-notice{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-notice form{margin:0}
@media(max-width:900px){.mobile-signout{display:block;margin-left:auto}.mobile-signout button{min-height:44px;padding:10px 12px}.topbar .internal-label{margin-left:8px}}
@media(max-width:600px){input,select,textarea{font-size:16px;min-height:44px}.button,.button-small,.draft-tools .button{min-height:44px;font-size:12px}.generate-form .text-button{min-height:44px;padding:8px 0}.status-notice{align-items:flex-start}.unsaved-indicator{flex-basis:100%}}

/* Individual accounts and rooftop access. */
.account-panel{max-width:680px}.account-form{display:grid;gap:20px}.account-form label{font-size:12px}.account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-form input:not([type=checkbox]),.account-form select{min-height:44px;font-size:16px}.account-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.account-roles h2{font-size:16px;margin-bottom:6px}.account-roles p{font-size:12px}.account-rooftops{min-width:0;border:1px solid var(--line);border-radius:8px;padding:15px}.account-rooftops legend{font-size:12px;font-weight:600;padding:0 6px}.account-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin-top:10px}.account-form .account-check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:500;cursor:pointer}.account-check input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;flex-shrink:0;accent-color:var(--teal)}.account-help{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.account-edit-summary{min-height:44px;cursor:pointer;color:var(--teal);font-weight:600;padding:10px 0}.account-member details[open] .account-edit-summary{margin-bottom:12px}.account-member .section-heading{margin-bottom:8px}.account-member .button,.account-form .button{min-height:44px}.login-card label{margin-top:16px}
@media(max-width:600px){.account-fields,.account-roles,.account-checks{grid-template-columns:1fr}.account-roles{gap:18px}.account-form .button{width:100%}.account-rooftops{padding:12px}}

.compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compose-grid .panel{align-content:start}.compose-grid textarea{font-size:16px}.compose-grid .account-fields{grid-template-columns:1fr}.compose-form[aria-busy=true]{cursor:wait}@media(max-width:1000px){.compose-grid{grid-template-columns:1fr;gap:0}}

.responder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}.responder-settings textarea{min-height:150px;font-size:14px}.manual-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sidebar{overflow-y:auto}@media(max-width:1000px){.responder-grid{grid-template-columns:1fr}}@media(max-width:600px){.manual-report-grid{grid-template-columns:1fr;gap:0}.responder-settings textarea{font-size:16px}}
.report-note{font-size:12px;margin-bottom:20px;max-width:900px}


/* Sonar application adaptation of design.md, reviewed through Paula's UX lens. */
@font-face{font-family:Inter;src:url('/static/fonts/inter-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--link:#0d74ce;--surface-soft:#fafafa;--line-strong:#dcdee0}
a{color:var(--link)}
h1{font-size:32px;font-weight:600;letter-spacing:-.96px}h2{font-weight:600}
.sidebar{border-right:1px solid var(--line);padding-top:28px}
.brand{color:var(--ink);font-weight:600}.brand-sub{font-size:9px;letter-spacing:.8px}
.sidebar nav a{font-size:14px;min-height:44px;border-radius:8px}
.sidebar nav a:hover,.sidebar nav a[aria-current=page]{color:var(--ink)}
.nav-label{font-size:11px;margin-top:36px}.sidebar-bottom .small-label{font-size:11px}
.topbar{height:64px;font-size:13px}.internal-label{font-size:10px}
main{max-width:1280px;padding-top:32px}.page-heading p{font-size:14px;max-width:680px}
.eyebrow,.small-label{font-size:11px;letter-spacing:.88px;color:var(--muted)}
.button,.button-small,.draft-tools .button{min-height:44px;border-radius:8px;font-size:14px;font-weight:500;padding:10px 18px}
.button-secondary{border-color:var(--line-strong)}
.text-link{color:var(--link);font-size:13px}.text-button{color:var(--ink);font-size:14px;min-height:44px}
label,.account-form label{font-size:14px;font-weight:500}
input,select,textarea{font-size:16px;border-radius:8px;border-color:var(--line-strong);padding:10px 12px;min-height:44px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.account-help,.small,.section-heading p,.table-note,.draft-note,.draft-heading p,.report-note,.account-roles p{font-size:13px;line-height:1.6}
.account-form{gap:20px}.account-edit-summary{color:var(--ink)}
.metric>span,.metric small,.metric-unit{font-size:13px}.metric>strong{font-weight:600}
.review-topline,.review-meta,.review-date,.badge,.chip,.source-tag,.expand-label,.count-pill{font-size:12px}
.customer-review blockquote{font-size:15px}.review-card h3{font-size:16px}
.small-label,.review-bottom>span,.word-count{font-size:12px}
table{font-size:13px}thead th,tbody th small{font-size:12px}
.notice,.demo-banner{font-size:13px}.notice{border-radius:8px}
.theme-row>a,.theme-row small,.theme-numbers,.explanatory-note,.legend{font-size:13px}
.trend-month,.trend-count,.trend-value{font-size:12px}.trend-column{min-width:48px}
footer{font-size:12px;flex-wrap:wrap}
.compose-grid .panel{margin-bottom:0;padding:24px}.compose-grid{margin-bottom:24px;align-items:start}
.compose-grid textarea{min-height:240px;line-height:1.65}.compose-grid .small{max-width:60ch}
.compose-grid h2{font-size:18px;letter-spacing:-.3px}
.compose-grid .account-fields{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.login-page{background:radial-gradient(ellipse at 50% 0%,#cfe7ff 0%,#edf6ff 32%,#fff 70%)}
.login-card{box-shadow:0 4px 24px #00000008}.login-card>p:last-child{font-size:13px}
@media(max-width:1000px){.compose-grid{gap:24px}}
@media(max-width:900px){.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar nav a{font-size:14px}.topbar{height:56px}.internal-label{font-size:0}.page-heading h1{font-size:28px}}
@media(max-width:600px){.page-heading p{font-size:14px}.eyebrow{font-size:11px}.compose-grid .panel{padding:20px}.compose-grid .account-fields{grid-template-columns:1fr}.compose-grid textarea{min-height:200px}.sidebar nav a{font-size:14px;padding:10px 12px}.topbar{font-size:12px}.section-heading p,.metric>span,.metric small,.word-count,.review-bottom>span{font-size:12px}.brand-sub{font-size:8px}.demo-banner{font-size:12px}.button{white-space:normal}.account-form .draft-tools{gap:12px}.login-card{padding:28px}.login-page{padding:16px}}

/* Explicit saved-credential state; color is reinforced by icon and text. */
.credential-panel>p{margin-bottom:20px;font-size:14px}
.credential-panel>.text-link{display:inline-block;margin-top:20px}
.credential-status{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid;border-radius:8px;margin:16px 0 20px}
.credential-status strong{display:block;font-size:15px;font-weight:600}
.credential-status p{color:inherit;font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.credential-status-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;font-size:16px;font-weight:600}
.credential-status-saved{background:#f0fdf4;border-color:#86c99a;color:#166534}
.credential-status-missing{background:#fffbeb;border-color:#e8cc82;color:#854d0e}

/* One field boundary per column; no nested card frames or detached focus rings. */
.compose-grid{gap:32px}
.compose-grid .panel{border:0;border-radius:0;padding:0;background:transparent}
.compose-grid .review-paste-box{background:var(--surface-soft);border:1px solid var(--line-strong);padding:14px 16px}
.compose-grid textarea:focus-visible{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}


/* Native disclosure keeps navigation accessible even without JavaScript. */
.shell{position:relative}
.sidebar-disclosure{flex-shrink:0;width:0}
.sidebar-disclosure[open]{width:240px}
.sidebar-disclosure:not([open])>.sidebar{display:none}
.sidebar-disclosure>.sidebar-toggle{position:fixed;top:10px;left:16px;z-index:25;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--white);color:var(--ink);font-size:14px;font-weight:500;list-style:none;cursor:pointer;user-select:none}
.sidebar-toggle::-webkit-details-marker{display:none}
.sidebar-toggle:hover{background:var(--surface-soft)}
.sidebar-toggle>span:first-child{font-size:18px;line-height:1}
.sidebar-disclosure .sidebar{width:240px;padding-top:78px}
.sidebar-disclosure:not([open])~.workspace .topbar{padding-left:128px}
@media(max-width:1200px) and (min-width:901px){.sidebar-disclosure[open],.sidebar-disclosure .sidebar{width:205px}}
@media(max-width:900px){.sidebar-disclosure[open]{width:100%}.sidebar-disclosure .sidebar{width:100%;padding-top:72px}.sidebar-disclosure>.sidebar-toggle{position:absolute;top:6px}.sidebar-disclosure .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:4px;margin:20px 0 0}.sidebar-disclosure .sidebar nav a{white-space:normal;min-width:0}.sidebar-disclosure:not([open])~.workspace .topbar{min-height:64px;height:auto;padding-left:116px;padding-top:8px;padding-bottom:8px}.topbar>span:first-child{min-width:0;overflow-wrap:anywhere}.topbar .internal-label{display:none}.mobile-signout{flex-shrink:0}.sidebar-disclosure .sidebar .brand{font-size:28px}}
@media(max-width:400px){.sidebar-disclosure:not([open])~.workspace .topbar>span:first-child .separator{margin:0 4px}.sidebar-disclosure .sidebar nav{grid-template-columns:1fr}}

.shared-model-form{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}

/* A blue Sonar pulse highlights the response field while drafting. */
.response-surface{position:relative}
.response-editor[data-generating=true] textarea{visibility:hidden}
.generation-preview[hidden]{display:none!important}
.generation-preview{position:absolute;inset:5px 0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 50% 35%,#dbeafe 0%,#eff6ff 48%,#f8fafc 100%);padding:24px;text-align:center}
.generation-preview strong{font-size:18px;font-weight:600;letter-spacing:-.4px;color:var(--ink)}
.generation-preview p{font-size:13px;max-width:32ch;line-height:1.6}
.sonar-motion{width:112px;height:112px;position:relative;display:grid;place-items:center;margin-bottom:4px}
.sonar-ring{position:absolute;inset:0;border:2px solid #3b82f699;border-radius:50%;animation:sonar-ripple 3s ease-out infinite;opacity:0}
.sonar-ring:nth-child(2){animation-delay:1s}.sonar-ring:nth-child(3){animation-delay:2s}
.sonar-core{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:white;font-size:28px;box-shadow:0 0 30px #3b82f640,0 6px 18px #1d4ed826;animation:sonar-breathe 3s ease-in-out infinite}
.generation-lines{display:grid;gap:8px;width:min(220px,80%);margin-top:12px}
.generation-lines span{height:6px;border-radius:4px;background:linear-gradient(100deg,#bfdbfe 25%,#eff6ff 48%,#93c5fd 72%);background-size:250% 100%;animation:sonar-shimmer 2.4s ease-in-out infinite}
.generation-lines span:nth-child(2){width:88%;animation-delay:.15s}.generation-lines span:nth-child(3){width:62%;animation-delay:.3s}
.generation-caption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px}
@keyframes sonar-ripple{0%{transform:scale(.4);opacity:0}20%{opacity:.85}100%{transform:scale(1.1);opacity:0}}
@keyframes sonar-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.07)}}
@keyframes sonar-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.sonar-ring,.sonar-core,.generation-lines span{animation:none}.sonar-ring:first-child{opacity:.5}.sonar-ring:nth-child(2){opacity:.3;transform:scale(.7)}.sonar-ring:nth-child(3){display:none}}
@media(max-width:600px){.generation-preview{padding:16px;gap:8px}.sonar-motion{width:88px;height:88px}.generation-lines{margin-top:8px}}

/* Feedback stays out of the review workflow until requested. */
.feedback-launch{border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:8px 0;margin-right:8px}
footer{align-items:center}
.feedback-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line-strong);border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 20px 80px #00000026}
.feedback-dialog::backdrop{background:#17171766;backdrop-filter:blur(3px)}
.feedback-dialog textarea{min-height:150px;font-size:16px}
.feedback-dialog .section-heading{align-items:flex-start}
.feedback-close{border:0;background:transparent;color:var(--muted);min-width:44px;min-height:44px;font-size:26px;margin:-10px -12px 0 0}
.feedback-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;flex-shrink:0}
.feedback-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#dbeafe;color:#1e40af;font-size:12px;margin-left:auto}
.feedback-entry-new{border-left:3px solid #2563eb}
.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:15px;line-height:1.7}
.feedback-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px}
.feedback-state{font-size:12px;white-space:nowrap;color:var(--muted)}
.feedback-state-new{color:#1d4ed8;font-weight:600}.feedback-state-handled{color:#166534}
.feedback-entry .section-heading h2{overflow-wrap:anywhere}
@media(max-width:600px){.feedback-dialog{padding:20px}.feedback-entry .section-heading{flex-wrap:wrap}}

/* Native hidden state must win over component display styles. */
[hidden]{display:none!important}
.activity-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}
.activity-filters>label{flex:1 1 170px;min-width:0}
.activity-date-fields{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px;flex:2 1 320px;min-width:0}
.activity-date-fields label{flex:1 1 140px;min-width:0}
.activity-filters input,.activity-filters select{width:100%;min-width:0}
.activity-trend .trend-column{min-width:42px}
.activity-trend{gap:10px}
.shell{overflow-x:clip}
@media(max-width:600px){.activity-filters>label,.activity-date-fields{flex-basis:100%}.activity-filters .button{width:100%}.activity-trend{overflow-x:auto}}
.account-panel code{overflow-wrap:anywhere}
/* Independent settings saves and the fast review workflow. */
.settings-save-status{color:#166534;font-size:14px;margin:0}
.settings-identity-form{margin-bottom:24px}
.settings-responder-form{padding-top:24px;margin-top:24px;border-top:1px solid var(--hairline-strong,#dcdee0)}
.settings-copy{margin-top:8px;padding:16px;background:var(--canvas-soft,#fafafa);border-radius:8px}
.settings-copy summary{cursor:pointer;font-weight:500}
.settings-copy-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}
.settings-copy-targets label{display:flex;gap:8px;align-items:center;font-weight:400}
.settings-copy-targets input{width:18px;height:18px;flex-shrink:0}
.settings-copy-preview{margin-top:24px;padding:20px;border:1px solid var(--hairline-strong,#dcdee0);border-radius:12px}
.settings-copy-rules{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--canvas-soft,#fafafa);border-radius:8px;max-height:320px;overflow-y:auto}
.settings-copy-actions{display:flex;gap:12px;flex-wrap:wrap}
.compose-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.compose-section-heading h2{margin:0}
.compose-section-heading .next-review{font-size:13px;padding:8px 12px;min-height:44px;width:auto;flex:0 0 auto}

.health-table td small{display:block;margin-top:4px;color:var(--muted)}

/* Keep rollout checks scannable without adding controls to the review workflow. */
.readiness-shared{margin-bottom:32px}
.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.readiness-card{min-width:0;margin:0}
.readiness-card .section-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}
.readiness-card h3{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.readiness-status{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1.4;white-space:nowrap;background:var(--surface-soft);color:var(--muted)}
.readiness-status-ok{background:#ecfdf3;color:#166534}
.readiness-status-check{background:#fffbeb;color:#854d0e}
.readiness-list{list-style:none;padding:0;margin:20px 0 0}
.readiness-list li{padding:16px 0;border-top:1px solid var(--line)}
.readiness-list strong{font-size:14px;font-weight:600}
.readiness-list p{font-size:14px;line-height:1.5;margin:6px 0;color:var(--muted)}
.readiness-list a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
@media(max-width:900px){.readiness-grid{grid-template-columns:1fr}}

/* Google history imports: one clear progress track and compact controls. */
#first-import { scroll-margin-top: 72px; }
.google-import-card { padding: 24px 0; border-bottom: 1px solid var(--line); }
.google-import-card:last-of-type { border-bottom: 0; }
.google-import-card progress { display: block; width: min(100%, 480px); height: 8px; accent-color: var(--link); margin: 12px 0; }
.google-import-card [hidden] { display: none !important; }
.google-import-card [data-import-state] { font-weight: 600; }
.google-import-card [data-import-message]:empty { display: none; }
.google-access-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--canvas-soft,#fafafa);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:28px}
.google-access-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.google-profile-section{margin-bottom:36px}
.google-profile-section .section-heading{align-items:flex-start;flex-wrap:wrap}
.google-profile-card{max-width:none;margin-bottom:16px;padding:24px;border:1px solid var(--line)}
.google-profile-card:last-of-type{border-bottom:1px solid var(--line)}
.google-profile-card>p,.google-profile-card>form{margin-top:16px}
.google-profile-card .account-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.google-profile-card .account-fields{flex-basis:100%}
.google-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.google-profile-heading h3{font-size:18px;overflow-wrap:anywhere}
.google-link-badge{display:inline-flex;white-space:nowrap;align-items:center;border-radius:999px;padding:4px 10px;background:#edf6f1;color:var(--green);font-size:12px;font-weight:600}
.google-import-guide{max-width:760px;margin-bottom:20px}
.google-sync-note{margin-bottom:24px;max-width:850px}
.google-account-settings>.account-edit-summary{margin-bottom:12px}
.google-listings-notice{background:var(--canvas-soft,#fafafa);border-color:var(--line-strong);color:var(--ink)}
.google-page-heading{margin-bottom:16px}.google-compact-access{margin-bottom:16px;padding:12px 16px}.google-compact-access .account-help{margin:4px 0 0}.google-profile-search{display:flex;align-items:flex-end;gap:16px;margin:0 0 22px}.google-profile-search label{width:min(480px,100%);font-size:13px;font-weight:500}.google-profile-search input{font-size:14px;min-height:40px}.google-profile-search [role=status]{padding-bottom:10px}.google-compact-section{margin-bottom:24px}.google-compact-section .section-heading{align-items:center;margin-bottom:10px}.google-compact-section .section-heading h2{font-size:18px;margin:0}.google-compact-section .google-compact-card{padding:12px 16px;margin:0;background:var(--white);border:0;border-bottom:1px solid var(--line)}.google-compact-card[hidden]{display:none!important}.google-compact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.6fr) auto;align-items:center;gap:12px 20px}.google-compact-identity h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 3px;overflow-wrap:anywhere}.google-compact-status{display:grid;gap:3px;font-size:13px}.google-compact-card .account-help{font-size:13px}.google-compact-message{margin:8px 0 0;color:var(--warning,#ab6400)}.google-profile-tools{margin-top:5px}.google-profile-tools>summary,.google-profile-tools-body details>summary{font-size:13px;min-height:32px;line-height:32px;cursor:pointer;color:var(--muted)}.google-profile-tools-body{padding:12px 0 4px;border-top:1px solid var(--line);margin-top:4px}.google-profile-tools-body>p{margin:0 0 12px}.google-inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}.google-inline-form[hidden]{display:none!important}.google-link-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:44px;list-style:none}.google-link-card>summary::-webkit-details-marker{display:none}.google-link-card>summary>span:first-child{min-width:0}.google-link-card>summary strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.google-link-card>summary .account-help{display:block;margin-top:3px}.google-setup-label{font-size:13px;white-space:nowrap}.google-setup-label::after{content:' +';font-size:18px;margin-left:6px}.google-link-card[open] .google-setup-label::after{content:' −'}.google-link-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:12px}.google-link-form label{font-size:13px}.google-link-form select{min-height:44px;font-size:14px}.google-link-form button{min-height:44px}.google-import-guide>summary{font-size:13px;min-height:36px;line-height:36px;cursor:pointer}.google-compact-section+.google-import-guide{margin:0 0 16px}.google-account-settings{margin-top:12px}
@media(max-width:760px){.google-compact-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.google-compact-identity{grid-column:1/-1}.google-compact-status{min-width:0}.google-compact-row>.text-link{font-size:13px}.google-link-form{grid-template-columns:1fr 1fr}.google-link-form button{grid-column:1/-1;justify-self:start}.google-link-form select,.google-profile-search input{font-size:16px}.google-profile-search{align-items:stretch;flex-direction:column;gap:0;margin-bottom:16px}.google-profile-search [role=status]{padding:0;margin:4px 0}.google-compact-section .google-compact-card{padding:10px 0}.google-compact-section .section-heading h2{font-size:17px}.google-link-card>summary .account-help{font-size:12px}.google-setup-label{font-size:12px}.google-compact-access .google-access-actions{gap:12px}.google-compact-access{padding:12px;gap:12px}}
.google-hidden-listings>summary{cursor:pointer;min-height:36px}.google-hidden-listings>summary h2{display:inline;font-size:18px;margin:0}.google-hidden-listings .google-compact-row{grid-template-columns:minmax(0,1fr) auto}.google-hidden-listings .google-compact-identity .account-help{display:block;margin-top:3px}.google-hidden-listings .google-inline-form{margin:0}
@media(max-width:640px){.google-access-bar{align-items:flex-start;flex-direction:column;padding:16px}.google-access-actions{width:100%;justify-content:space-between;gap:12px}.google-profile-card{padding:20px}.google-profile-heading{flex-wrap:wrap}.google-profile-card form:not(.account-form){display:flex;flex-wrap:wrap;align-items:center;gap:12px}.google-profile-card code{overflow-wrap:anywhere}}

/* Imported review triage and truthful data coverage. */
.queue-periods { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; }
.queue-periods [aria-current="page"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.published-reply { padding: 20px; border-left: 3px solid #16834a; background: #f4faf6; border-radius: 8px; margin-bottom: 20px; }
.published-reply h4 { margin-top: 0; }
.published-reply .review-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.coverage-panel { background: #f5f9fd; border: 1px solid #dce8f3; border-radius: 12px; padding: 20px 24px; margin-bottom: 24px; color: var(--ink); }
.coverage-heading { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
.coverage-panel p { font-size: 14px; margin: 10px 0; }
.coverage-panel summary { cursor: pointer; font-size: 14px; padding: 10px 0; }
@media (max-width: 640px) { .coverage-panel { padding: 16px; } }

/* Review ownership and imported drafting share the compact workspace rhythm. */
.review-ownership{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--hairline,#f0f0f3);flex-wrap:wrap}
.assignment-form{display:flex;align-items:center;gap:8px;max-width:100%}.assignment-form select{max-width:240px;min-width:140px}
.imported-generating{display:flex;align-items:center;gap:12px;background:#edf6ff;color:#155a96;border-radius:8px;padding:16px;margin-top:12px}.imported-generating[hidden]{display:none}
.draft-orbit{width:22px;height:22px;border:3px solid #bfdbfe;border-top-color:#2583d8;border-radius:50%;animation:sonar-draft-spin 1s linear infinite;flex-shrink:0}
@keyframes sonar-draft-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.draft-orbit{animation:none}}
.analysis-panel{padding:24px;margin-bottom:24px}.analysis-panel progress{width:100%;accent-color:#171717;height:10px}.analysis-panel .filter-grid{margin-top:20px}.analysis-panel h2{font-size:22px}
.operations-alerts{border:1px solid #edcf96;background:#fffaf0;padding:16px 20px;border-radius:12px;margin-bottom:24px}.operations-alerts p{margin:8px 0 0}.operations-alerts a{white-space:nowrap}
.analysis-panel>p{margin:10px 0}.analysis-panel>form{margin-top:16px}

/* Focused review work shares the existing composer and data protections. */
.review-workspace { max-width: 1200px; margin: 0 auto; }
.work-navigation, .work-finish { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:20px 0; flex-wrap:wrap; }
.work-finish p:last-child { flex-basis:100%; }
.review-workspace .review-card > details > summary { cursor:default; }
@media(max-width:640px) { .work-finish form,.work-finish .button { width:100%; } }

.follow-up-panel { margin:0 24px 20px; border-top:1px solid var(--hairline, #f0f0f3); padding-top:16px; }
.follow-up-panel summary { font-size:14px; font-weight:600; cursor:pointer; }
.follow-up-panel form { display:grid; gap:12px; margin-top:16px; max-width:720px; }
.follow-up-panel input[type=date] { max-width:240px; }

.complaint-trend { border-top:1px solid var(--line); padding:24px 0; }
.complaint-trend .section-heading { margin-bottom:12px; }
.complaint-trend blockquote { margin:16px 0; padding:12px 16px; background:var(--canvas-soft, #fafafa); border-radius:8px; overflow-wrap:anywhere; font-size:14px; }
.complaint-trend details summary { cursor:pointer; font-size:14px; }
.follow-up-panel > summary { display:block; padding:0; }

.review-indicators { flex-wrap:wrap; }

.review-live-link { display:inline-flex; align-items:center; min-height:36px; white-space:nowrap; }

.analysis-settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.analysis-panel .account-form>.button{justify-self:start}@media(max-width:640px){.analysis-settings-fields{grid-template-columns:1fr}}

/* Task-based navigation and a compact working surface. */
.sidebar .nav-label{margin-top:30px}.sidebar .primary-nav{gap:6px}
.navigation-alert{margin-left:auto;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff4de;color:var(--amber);font-weight:600}
.topbar-actions{display:flex;align-items:center;gap:12px}.account-menu{position:relative}.account-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:var(--ink)}.account-menu>summary::-webkit-details-marker{display:none}.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:180px;padding:8px;background:var(--white);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 4px 16px #0000000a}.account-menu-panel a,.account-menu-panel button{display:block;width:100%;text-align:left;padding:10px;min-height:44px;font-size:14px;color:var(--ink);background:transparent;border:0;border-radius:6px}.account-menu-panel a:hover,.account-menu-panel button:hover{background:var(--surface-soft);text-decoration:none}
.section-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:10px}.section-nav a{padding:8px 12px;min-height:40px;display:inline-flex;align-items:center;border-radius:8px;font-size:14px;color:var(--muted)}.section-nav a[aria-current=page]{background:var(--surface-soft);color:var(--ink);font-weight:600}.system-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:16px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.settings-card:hover{background:var(--surface-soft);text-decoration:none}.settings-card h2{font-size:18px}.settings-card p{font-size:14px}.settings-card-status{color:var(--amber);font-size:13px}.shared-ai-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;padding:12px 0;margin-bottom:20px}.shared-ai-summary .account-help{margin:0}
.operations-alerts{padding:0;margin-bottom:14px}.operations-summary{padding:10px 14px;cursor:pointer;font-size:13px;font-weight:600}.operations-summary .small{margin-left:12px;font-weight:400}.operations-alerts>p{padding:0 14px 10px}.coverage-compact{font-size:13px;border-bottom:1px solid var(--line);margin-bottom:18px;color:var(--muted)}.coverage-compact>summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;min-height:40px;padding:6px 0}.coverage-compact>summary:before{content:'▸';color:var(--muted)}.coverage-compact[open]>summary:before{content:'▾'}.coverage-compact>summary::-webkit-details-marker{display:none}.coverage-compact>summary>span:first-child{color:var(--ink);font-weight:500}.coverage-warning>summary>span:first-child,.coverage-caution{color:var(--amber)}.coverage-analysis{margin-left:auto}.coverage-detail{padding:12px 0 20px}.coverage-detail>p{margin-bottom:8px}
.queue-heading{margin-bottom:12px}.queue-heading p{margin-top:6px}.queue-summary{display:flex;gap:20px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px}.queue-summary strong{color:var(--ink)}
.compact-filters{padding:16px;margin-bottom:16px}.basic-filters{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,.8fr) minmax(150px,1.4fr);gap:12px}.basic-filters label,.advanced-filter-fields label{font-size:12px}.basic-filters input,.basic-filters select{font-size:14px;min-height:44px}.filter-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px}.advanced-filters{flex:1;min-width:150px}.advanced-filters summary{min-height:40px;padding:8px 0;cursor:pointer;font-size:13px}.advanced-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:8px}.advanced-filters[open]{flex-basis:100%}.compact-filters .filter-actions{margin-top:0;min-height:40px;gap:16px;flex-wrap:wrap}.active-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.active-filter-chips .chip{font-size:12px}.filter-export{font-weight:400}
.review-workspace .page-heading{margin-bottom:12px}.review-workspace .work-navigation{margin-bottom:16px}.review-workspace .review-expanded{padding-top:20px}.review-workspace .review-expanded .draft-tools{position:sticky;bottom:12px;z-index:2;padding:8px 0;background:var(--white)}.review-workspace .assignment-panel{border-top:1px solid var(--line)}.work-finish{position:sticky;bottom:0;background:var(--white);z-index:3;border-top:1px solid var(--line);padding:12px 0;gap:12px}.work-help{font-size:12px;color:var(--muted)}.work-help summary{cursor:pointer;min-height:32px}.work-help p{margin-top:6px}
@media(max-width:900px){.sidebar-disclosure,.sidebar-disclosure[open]{width:0}.sidebar-disclosure>.sidebar-toggle{position:fixed;top:10px;left:12px;padding:8px 10px}.sidebar-disclosure:not([open])~.workspace .topbar,.workspace .topbar{min-height:64px;height:auto;padding:8px 12px 8px 110px;gap:8px}.sidebar-disclosure[open] .sidebar{position:fixed;top:64px;left:12px;right:12px;width:auto;height:auto;max-height:calc(100dvh - 80px);overflow:auto;z-index:24;padding:20px;background:var(--white);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 4px 20px #00000012}.sidebar-disclosure .sidebar nav{display:grid;grid-template-columns:1fr;margin-top:16px}.sidebar-disclosure .sidebar .brand{font-size:26px}.sidebar-disclosure .sidebar .brand-icon{font-size:34px}.sidebar-disclosure .sidebar .nav-label,.sidebar-disclosure .sidebar .sidebar-bottom{display:none}.account-menu-name{display:none}.topbar-actions{gap:4px}.mobile-signout button{padding:8px}.section-nav{gap:2px;margin-bottom:16px}.section-nav a{padding:8px 10px;font-size:13px;min-height:44px}}
@media(max-width:640px){.settings-grid{grid-template-columns:1fr}.basic-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-filters .search-field{grid-column:1/-1}.basic-filters input,.basic-filters select{font-size:16px}.advanced-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-filters{padding:12px}.filter-bottom{gap:4px}.compact-filters .filter-actions{gap:12px;width:100%}.filter-export{margin-left:auto}.coverage-compact>summary{gap:6px 10px}.coverage-caution{flex-basis:100%;padding-left:16px}.coverage-analysis{font-size:12px}.queue-summary{gap:12px}.queue-heading{flex-wrap:wrap}.queue-heading h1{font-size:26px}.queue-heading p{font-size:13px}.queue-heading .button{padding:8px 12px}.review-workspace .work-finish{flex-wrap:wrap}.work-finish>p{font-size:12px}.work-help{flex-basis:100%}.review-workspace .review-card summary{padding:14px}.review-workspace .review-expanded{padding:16px}.shared-ai-summary{gap:8px}}

.settings-grid>.settings-card{margin-bottom:0}

.review-workspace .review-expanded .draft-tools{position:static;padding:0 0 12px;margin-top:0}

.sync-freshness{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:12px;font-size:13px}.sync-freshness-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.sync-freshness-summary small{width:100%}.sync-profile-details{flex-shrink:0}.sync-profile-details summary{cursor:pointer;color:var(--muted)}.sync-profile-details ul{list-style:none;margin:12px 0 0;padding:0}.sync-profile-details li{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.sync-profile-details li span{color:var(--muted)}@media(max-width:640px){.sync-freshness{flex-direction:column;gap:10px}.sync-freshness-summary{align-items:flex-start}.sync-freshness-summary time{display:block;margin-top:4px}}

/* Response queue: visible customer feedback and one direct action. */
.response-views{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.response-views a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:8px;color:var(--muted);font-weight:500}.response-views a[aria-current=page]{background:var(--ink);color:var(--white);border-color:var(--ink)}.response-views a:hover{text-decoration:none;border-color:var(--ink)}.response-views a span{font-size:12px;padding:1px 6px;border-radius:4px;background:var(--line);color:var(--ink)}.response-view-count{margin-bottom:18px}.response-card-content{padding:20px 24px}.response-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.response-card-heading h3{font-size:17px;min-width:0;overflow-wrap:anywhere}.response-card-heading .button{min-height:40px;min-width:108px;flex-shrink:0}.response-review-preview{margin-top:12px;color:var(--ink);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.response-reply-preview{margin-top:12px;padding:10px 12px;background:var(--canvas-soft);border-radius:8px;font-size:12px;overflow-wrap:anywhere}.response-card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.response-card-actions>.button{margin-left:auto;min-width:108px;min-height:40px}.draft-saved-badge{background:#eef6ff;color:#0d74ce}@media(max-width:640px){.response-card-content{padding:16px}.response-card-heading{align-items:flex-start}.response-views{gap:6px}.response-views a{font-size:12px;padding:8px 10px}.response-card-actions{align-items:flex-start}.response-card-actions>.button{min-width:96px}.response-card-actions>.text-link{padding-top:10px}}

.queue-heading{margin-bottom:18px}.response-card-content .review-meta{margin-top:10px}
.performance-table .performance-coverage{white-space:normal;min-width:180px}.performance-coverage small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.queue-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.queue-actions form{margin:0}.review-update-status{font-size:13px;margin:-6px 0 18px}.queue-actions form[aria-busy=true] button::before{content:"";width:12px;height:12px;border:2px solid var(--line-strong);border-top-color:var(--link);border-radius:50%;animation:review-update-spin .8s linear infinite;display:inline-block;margin-right:6px}@keyframes review-update-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.queue-actions form[aria-busy=true] button::before{animation:none}}@media(max-width:600px){.queue-actions{margin-top:16px}.queue-actions .button{min-height:44px}}

.response-window-note{margin-top:12px}

/* Reports: native multi-store selection and compact, evidence-based notes. */
.report-filters{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:24px}.report-store-picker{border:1px solid var(--line);border-radius:8px;background:var(--canvas);min-width:250px;max-width:100%}.report-store-picker>summary{cursor:pointer;padding:12px 16px;font-size:14px;min-height:44px}.report-store-picker>summary strong{margin-left:12px;font-weight:500}.report-picker-content{padding:0 16px 16px}.report-picker-tools{display:flex;gap:16px;padding:8px 0}.report-picker-content fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;border:0;padding:0;margin:0 0 12px;max-height:320px;overflow:auto}.report-picker-content label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;font-size:14px}.report-picker-content input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--ink)}.report-store-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.report-store-chip{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--ink);font-size:13px;min-height:44px}.report-filters>a{padding-top:12px}.performance-table .performance-change{white-space:normal;min-width:160px;max-width:240px;vertical-align:top}.performance-change small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.report-picker-tools .text-button{min-height:44px;background:transparent;border:0;padding:0;color:var(--ink);font-size:13px;text-decoration:underline}
@media(max-width:640px){.report-store-picker{width:100%}.report-picker-content fieldset{grid-template-columns:1fr}.report-store-chips{flex-basis:100%}.performance-table .performance-change{min-width:150px}}
.performance-method{margin-top:16px;color:var(--muted);font-size:12px}.performance-method>summary{cursor:pointer;min-height:32px}.performance-method .table-note{margin-top:8px}

/* Nora's review-workflow polish: color guides selection, drafting, and completion. */
:root{--sonar-blue:#174d84;--sonar-blue-soft:#eaf3ff;--sonar-blue-hover:#dcecff;--sonar-blue-line:#b8d0ef;--review-canvas:#f8f9f7;--review-line:#e4e8ec;--draft-surface:#eff6ff;--editor-line:#7b8fa7;--status-green:#166534;--status-green-soft:#edf8f0;--status-green-line:#badbc5;--status-amber:#854d0e;--status-amber-soft:#fff4df}
.review-experience{background:var(--review-canvas)}
.sidebar nav a[aria-current=page]{background:var(--sonar-blue-soft);color:var(--sonar-blue);box-shadow:inset 3px 0 var(--sonar-blue)}
.sidebar nav a:hover{background:var(--surface-soft)}
.sidebar nav a[aria-current=page]:hover{background:var(--sonar-blue-hover);color:var(--sonar-blue)}
.section-nav a[aria-current=page]{background:var(--sonar-blue-soft);color:var(--sonar-blue)}
.response-views a[aria-current=page]{background:var(--sonar-blue-soft);border-color:var(--sonar-blue-line);color:var(--sonar-blue)}
.response-views a[aria-current=page] span{background:var(--white);color:var(--sonar-blue)}
.response-views a:hover{border-color:var(--sonar-blue-line);background:var(--sonar-blue-soft)}
.review-experience .review-card,.review-experience .compact-filters{border-color:var(--review-line)}
.review-experience .review-card{box-shadow:0 2px 6px rgba(23,49,78,.025)}
.review-card .status-new,.review-card .draft-saved-badge{background:var(--sonar-blue-soft);color:var(--sonar-blue)}
.review-card .status-responded{background:var(--status-green-soft);color:var(--status-green)}
.review-card .badge-warning{background:var(--status-amber-soft);color:var(--status-amber)}
.button.button-response{background:var(--sonar-blue-soft);color:var(--sonar-blue);border-color:transparent}
.button.button-response:hover{background:var(--sonar-blue-hover);border-color:var(--sonar-blue-line);color:var(--sonar-blue)}
.review-experience .compact-filters button[type=submit]{background:var(--white);color:var(--ink);border-color:var(--line-strong)}
.review-experience .compact-filters button[type=submit]:hover{background:var(--surface-soft)}
.button.button-complete{background:var(--status-green-soft);color:var(--status-green);border-color:var(--status-green-line)}
.button.button-complete:hover{background:#dff1e5;border-color:var(--status-green);color:var(--status-green)}
.review-card .draft-panel{background:var(--draft-surface);border:0;padding:20px}
.review-card .draft-heading .small-label{color:var(--sonar-blue)}
.review-workspace .review-expanded .draft-tools{background:transparent}
.review-card .draft-panel textarea{background:var(--white);border-color:var(--editor-line)}
.compose-grid .compose-response-panel{background:var(--draft-surface);padding:24px;border-radius:12px}
.compose-step{display:inline-grid;place-items:center;vertical-align:middle;width:28px;height:28px;margin-right:6px;border-radius:8px;background:var(--sonar-blue-soft);color:var(--sonar-blue);font-size:14px;font-weight:600}
.compose-response-panel .compose-step{background:var(--white)}
.compose-response-panel h2{color:var(--sonar-blue)}
.compose-response-panel .response-surface textarea{background:var(--white);border-color:var(--editor-line)}
.compose-grid .review-paste-box{background:var(--white);border-color:var(--editor-line)}
.compose-grid textarea:focus-visible{border-color:var(--sonar-blue);box-shadow:inset 0 0 0 1px var(--sonar-blue)}
.review-experience .work-finish{background:var(--review-canvas)}
.empty-state-complete{background:var(--status-green-soft);border-color:var(--status-green-line)}
.empty-state-complete .empty-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--white);color:var(--status-green);font-size:26px}
@media(max-width:640px){.compose-grid .compose-response-panel{padding:18px}.review-experience .draft-panel{padding:16px}}
.performance-response-count{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px 10px;border-radius:8px;background:var(--sonar-blue-soft);color:var(--sonar-blue);font-weight:600}.performance-response-count:hover{background:var(--sonar-blue-hover);text-decoration:underline}
.legal-card{max-width:720px;margin:0 auto}
.legal-card h2{font-size:18px;margin:28px 0 8px}
.legal-card p,.legal-card li{font-size:14px;line-height:1.65}
.legal-card ul{margin:10px 0 0;padding-left:20px}
.legal-card a{color:var(--sonar-blue)}
.legal-card .legal-links{margin-top:32px}
.legal-card>p:last-child{font-size:13px}
