*{box-sizing:border-box}body{margin:0;background:#f7f7f4;color:#203364;font:16px/1.6 Arial,sans-serif}header{display:flex;align-items:center;gap:24px;padding:20px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid #d9dddf;flex-wrap:wrap}header img{width:200px;height:auto}header span{margin-right:auto;font-size:13px;color:#536174}main{max-width:1180px;padding:36px 24px;margin:auto}h1,h2{line-height:1.2;letter-spacing:-.6px}h1{font-size:34px}h2{font-size:22px}p{color:#536174}.login{max-width:460px;margin:5vh auto}.card{background:white;padding:26px;border:1px solid #d9dddf;border-radius:10px;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:13px;font-weight:bold;margin:15px 0 6px}input,select,textarea,button{font:inherit;border-radius:6px}input,select,textarea{width:100%;padding:11px;border:1px solid #aab4bd;background:white;color:#203364}textarea{min-height:90px}button{padding:11px 18px;border:0;background:#203364;color:white;cursor:pointer;font-size:14px}button:hover{background:#09536b}button:disabled{opacity:.5;cursor:wait}form button{margin-top:20px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}nav button[aria-current=page]{background:#09536b;box-shadow:inset 0 -3px #e6502b}:focus-visible{outline:3px solid #09536b;outline-offset:3px}.row{padding:20px 0;border-top:1px solid #d9dddf}.row:first-child{border-top:0}.row h3{margin:0}.row p{margin:5px 0;overflow-wrap:anywhere;white-space:pre-wrap}.row select{max-width:210px}.badge{color:#09536b;font-size:13px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted{font-size:13px;color:#536174}#notice:not(:empty){position:fixed;bottom:20px;left:20px;right:20px;max-width:600px;background:#203364;color:white;padding:16px;border-radius:8px;box-shadow:0 10px 30px #0002;z-index:5}a{color:#09536b} [hidden]{display:none!important}@media(max-width:720px){.grid,.toolbar{grid-template-columns:1fr}main{padding:24px 18px}.card{padding:20px}header{padding:18px;gap:12px}header img{width:165px}header span{font-size:12px}h1{font-size:29px}}

.status{display:inline-block;background:#e8f0f1;color:#09536b;padding:4px 10px;border-radius:5px;font-size:13px}.card{min-width:0}.row form button{margin-right:5px}textarea{resize:vertical}button:disabled{cursor:default}

/* 0.3: persistent workspace overview, customers and request preparation. */
body{font-family:Arial,Helvetica,sans-serif}
main{padding-top:28px}
h1{font-size:clamp(28px,3vw,36px);margin:0 0 10px}
main>p{margin-top:0}
label,button,.badge,.muted{font-size:14px}
nav{padding:12px;background:#eeede6;border-radius:12px;gap:8px}
nav button{min-height:44px;background:transparent;color:#203364;padding:10px 16px}
nav button:hover{background:#e0e7eb}
nav button[aria-current=page]{background:#203364;color:white;box-shadow:inset 0 -3px #e6502b}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.metric{margin:0;padding:22px}
.metric span{display:block;font-size:14px;color:#536174}
.metric strong{display:block;font-size:34px;line-height:1.3;margin-top:8px;color:#203364}
.metric-grid+.muted{margin:16px 0 24px}
.connection-note{background:#edf3f5;border:1px solid #c9dadd;border-left:4px solid #09536b;border-radius:8px;padding:18px 22px;margin-bottom:24px}
.connection-note p{margin:6px 0 0;font-size:14px}
.row form{margin-top:12px}
.card button{min-height:44px}
#notice{pointer-events:none}
@media(max-width:720px){header{gap:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{padding:18px}nav{gap:5px}nav button{padding:10px 12px}header span{font-size:13px}}
@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.toolbar{gap:8px}}
/* Workspace tools */
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}summary{cursor:pointer;color:#09536b;font-weight:bold;padding:14px 0;min-height:44px}details[open]{background:#f7f9fa;padding:0 12px 16px;border-radius:8px}.checklist{padding-left:24px}.checklist li{padding:14px 0}.checklist button{display:block;margin-top:10px}button:focus-visible,summary:focus-visible{outline:3px solid #e6502b;outline-offset:3px}.card h2{margin-top:0}.metric-grid .metric{min-width:0}main,section,article{overflow-wrap:anywhere}
.searchbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.searchbar label{flex:1;min-width:180px;margin:0}.searchbar button{margin:0;min-height:48px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #ddd}.actions{align-items:center;margin-bottom:20px}.row button{margin-top:10px;margin-right:8px}@media(max-width:600px){.searchbar{display:block}.searchbar label{margin-bottom:10px}.searchbar button{width:100%}}
/* v0.6: shared visual language with the marketing product preview. */
body{font-size:14px;line-height:1.55}body>header{height:76px;padding:12px 32px;gap:20px;background:#f7f7f4}header img{width:172px}header span{font-size:12px}header button{padding:9px 16px}main{max-width:none;padding:0}main>p,main>.card{margin:32px}.login{max-width:460px!important;margin:60px auto!important}h1{font-size:clamp(26px,2.6vw,36px);letter-spacing:-1.1px}h2{font-size:18px;letter-spacing:-.35px}h3{font-size:15px}button{transition:background .15s;min-height:44px}button,input,select,textarea{font-size:14px}input,select,textarea{border-color:#cbd1d5}button:disabled{opacity:.55}.workspace-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:#eeede6;border-right:1px solid #d9dddf;padding:24px 18px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.brand{display:block;padding:0 10px 20px}.brand img{width:100%;height:auto}.sidebar label{margin-top:0;color:#536174;font-size:11px;text-transform:uppercase;letter-spacing:1px}.sidebar select{font-size:13px;padding:10px;background:#f7f7f4}.workspace-menu[open]{padding:0;background:transparent}.workspace-menu>summary{display:none}.sidebar nav{display:flex;flex-direction:column;flex-wrap:nowrap;margin:22px 0;padding:0;gap:3px}.sidebar nav button{text-align:left;padding:10px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;line-height:1.35}.sidebar nav button[aria-current=page]{box-shadow:none;background:#203364}.nav-symbol{width:18px;font-size:19px;text-align:center}.sidebar-foot{font-size:12px;border-top:1px solid #d0d3d1;margin-top:28px;padding:18px 8px;color:#536174}.sidebar-foot p{font-size:11px}.pilot-dot{display:inline-block;width:7px;height:7px;background:#09536b;border-radius:50%;margin-right:7px}.workspace-content{padding:36px clamp(20px,3vw,48px);max-width:1600px;width:100%;margin:auto;align-self:start;min-width:0}.page-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading p{margin:8px 0 0}.page-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 12px;color:#536174}.location-picker{width:200px;flex-shrink:0}.location-picker label{font-size:11px;margin-top:0}.card{border-radius:14px;padding:24px;box-shadow:0 3px 12px #20336403;margin-bottom:22px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:22px;margin-bottom:0}.metric span{font-size:12px}.metric strong{font-size:36px;letter-spacing:-1px;margin:12px 0}.metric small{font-size:11px;color:#536174}.data-caption{font-size:11px;color:#536174;margin:14px 0 26px}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0}.badge{font-size:11px}.chart-total{font-size:12px;margin-top:24px}.chart-total strong{font-size:24px;color:#203364;margin-right:6px}.activity-chart{width:100%;height:auto;margin:12px 0;display:block}.chart-axis{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#536174}.chart-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chart-empty>span{font-size:32px;color:#09536b}.chart-empty h3{margin:4px 0}.chart-empty p{font-size:12px;max-width:270px;margin:6px 0 16px}.next-steps>p{font-size:12px}.step{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;color:#203364;border-top:1px solid #e4e6e5;border-radius:0;padding:19px 0;text-align:left}.step:hover{background:#f7f7f4;color:#09536b}.step small{display:block;font-weight:normal;color:#536174;margin-top:4px;font-size:11px}.step b{color:#09536b}.quiet{background:transparent;color:#09536b;padding:7px 10px;font-size:12px}.quiet:hover{background:#edf3f5}.feedback-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:16px;padding:22px 0;border-bottom:1px solid #e5e8e8;align-items:start}.feedback-row:last-child{border:0;padding-bottom:0}.feedback-row h3{margin:0 0 5px}.feedback-row p{margin:0 0 5px;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-row small{color:#536174;font-size:11px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eeede6;color:#203364;font-weight:bold}.feedback-meta{display:flex;flex-direction:column;align-items:end;gap:8px}.stars{color:#a63c20;font-size:12px;font-weight:bold}.status{font-size:11px}.empty-state{padding:26px 0 10px;max-width:480px}.grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start}.searchbar{background:#eeede6;padding:18px;border-radius:12px;margin:0 0 12px}.searchbar label{font-size:11px;min-width:130px}.actions{font-size:12px;gap:12px;margin:0 0 24px}.actions button{background:transparent;border:1px solid #cbd1d5;color:#203364;font-size:12px}.row{padding:16px 0}.record-detail>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#203364}.record-detail>summary:after{content:'+';color:#09536b}.record-detail[open]>summary:after{content:'−'}.row details[open]{background:#f7f7f4}.connection-note{padding:16px 20px}.muted{font-size:12px}label{font-size:12px}form button{margin-top:14px}table{font-size:12px}th,td{padding:12px 8px}.card:only-child{grid-column:1/-1}
@media(min-width:901px){body:has(.workspace-shell)>header{padding-left:274px}body:has(.workspace-shell)>header>img{display:none}.sidebar{margin-top:-76px;height:100vh}.workspace-shell{min-height:calc(100vh - 76px)}}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle,.grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.location-picker{width:100%;max-width:320px}}
@media(max-width:900px){body>header{height:auto;min-height:70px;padding:14px 20px}.workspace-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px 20px;border-right:0;border-bottom:1px solid #d9dddf}.brand,.sidebar-foot{display:none}.sidebar>label{display:block;margin:0 0 4px}.sidebar>select{display:block;max-width:100%;margin-bottom:8px}.workspace-menu>summary{display:block;padding:6px 0;color:#203364;font-size:13px}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0}.workspace-content{padding:26px 20px}.page-heading{gap:12px}.location-picker{max-width:none}.feedback-row{gap:12px}.sidebar nav button{font-size:12px;padding:8px}.workspace-menu:not([open]) nav{display:none}}
@media(max-width:520px){header span{display:none}header img{margin-right:auto;width:150px}header button{font-size:12px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px;border-radius:12px}.metric{padding:17px}.metric-grid{gap:10px}.metric strong{font-size:30px}.metric small{font-size:10px}.workspace-content{padding:24px 14px}.section-heading{flex-wrap:wrap}.feedback-row{grid-template-columns:32px minmax(0,1fr)}.avatar{width:32px;height:32px}.feedback-meta{grid-column:2;flex-direction:row;align-items:center}.record-detail>summary{flex-wrap:wrap}.login{margin:30px 16px!important}.searchbar{padding:14px}.chart-axis{font-size:9px}}

/* v0.6.1: exact colors from the live homepage dashboard preview. */
:root{--rr-paper:#f7f7f4;--rr-stone:#eeede6;--rr-ink:#203364;--rr-muted:#536174;--rr-card-blue:#f4f7fa;--rr-card-peach:#fff0e9;--rr-line:#ddd8d3}
body{background:var(--rr-paper);color:var(--rr-ink)}
.workspace-shell,.workspace-content{background:#fff}
.sidebar{background:var(--rr-stone);border-color:var(--rr-line)}
.sidebar select{background:#fff;border-color:var(--rr-line)}
.sidebar nav button{color:var(--rr-muted)}
.sidebar nav button[aria-current=page]{background:var(--rr-ink);color:#fff}
.sidebar-foot{border-color:var(--rr-line)}
.metric-grid .metric{background:var(--rr-card-blue);border-color:var(--rr-card-blue);box-shadow:none;color:#5d6e86}
.metric-grid .metric:last-child{background:var(--rr-card-peach);border-color:var(--rr-card-peach)}
.metric strong{color:#1f3165}.metric span{color:#5d6e86}.metric small{color:var(--rr-muted)}
.activity-chart rect{fill:#c8dce8}.activity-chart rect:nth-last-of-type(-n+3){fill:#315981}.activity-chart rect:last-of-type{fill:#e6532d}
.activity-chart path{stroke:#e5e9ef}
.status{background:#ecf4f4;color:#326860}
.card{background:#fff}.avatar{background:var(--rr-stone)}

/* v0.6.2: breathing room and Reputation Runner orange accents. */
:root{--rr-orange:#e6502b;--rr-orange-ink:#b33b1b;--rr-orange-soft:#fff0e9}
.nav-symbol{flex:0 0 20px;width:20px;height:22px;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}
.sidebar nav button[aria-current=page]{box-shadow:inset 4px 0 0 var(--rr-orange)}
.sidebar nav button[aria-current=page] .nav-symbol{color:#ffb59f}
.page-heading h1:after{content:'';display:block;width:44px;height:4px;background:var(--rr-orange);border-radius:4px;margin-top:14px}
.card h2{padding-left:12px;border-left:3px solid var(--rr-orange)}
.request-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 0}
.request-status-row .status{margin:0;flex:0 0 auto;max-width:100%;padding:7px 12px;line-height:1.4;white-space:normal}
.request-status-row .preparation-badge{background:#eeede6;color:#536174}
.request-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.row .request-actions button{margin:0}
.request-actions button{background:var(--rr-orange-soft);color:var(--rr-orange-ink);border:1px solid #efc6b9}
.request-actions button:hover{background:#ffe2d6;color:#8e2e15}
button[data-send]:not(:disabled){background:var(--rr-orange);color:#17294e;font-weight:700}
button[data-send]:not(:disabled):hover{background:#f36a43}
.step>b,.chart-empty>span{color:var(--rr-orange-ink)}
.metric-grid .metric:last-child{border-top:3px solid var(--rr-orange)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rr-orange-ink);outline-offset:2px}
@media(max-width:520px){.request-status-row{gap:8px}.request-actions button{width:100%}.nav-symbol{flex-basis:20px}}

/* Guided onboarding */
.onboarding-intro progress{width:100%;height:9px;accent-color:#e6502b}.setup-subheading{margin-top:30px!important}.team-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #d9dddf}.team-row>div{min-width:0;flex:1}.team-row form{display:flex;align-items:end;gap:10px}.team-row form label{margin:0}.team-row p{margin:4px 0}.team-row input[readonly],.invite-result input[readonly]{font-size:12px;background:#f7f7f4}.team-row button{flex-shrink:0}.platform-provision{border-color:#e6502b}@media(max-width:600px){.team-row{align-items:stretch;flex-direction:column}.team-row form{flex-wrap:wrap}.team-row form label{flex:1}.team-row button{width:100%}}

/* v0.8 business voice and attention */
.attention-card,.voice-card,.review-task-card{margin-bottom:24px}.attention-card{border-top:4px solid #eb5027}.attention-list{display:grid;gap:10px}.attention-item{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;background:#fff6f0;color:#203364;border:1px solid #f1d5c6;padding:16px;gap:16px}.attention-item:hover{background:#ffe9da}.attention-item small{display:block;margin-top:5px;color:#56647a}.attention-item>span:last-child{color:#b83712;flex-shrink:0}.voice-card fieldset,.review-task-card fieldset{border:0;padding:0;margin:0;min-width:0}.review-task-card summary{cursor:pointer;padding:12px 0}.review-task-card{margin-top:24px}.nav-symbol{flex:0 0 24px;line-height:1;width:24px;text-align:center}

/* Subscription plans and service workspaces */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.3rem 0}.plan-card{display:flex;flex-direction:column;min-width:0;margin:0}.plan-card ul{padding-left:1.2rem;flex:1;line-height:1.8}.plan-card h3 small{display:block;font-size:1rem;font-weight:400;margin-top:.4rem}.plan-featured{border-top:4px solid #ef512b}.plan-card button{white-space:normal}.service-copy{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1150px){.plan-grid{grid-template-columns:1fr}.plan-card ul{flex:initial}}
.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.workspace-content select,.workspace-content input{max-width:100%}.sidebar .nav-symbol{flex-shrink:0} .card canvas{max-width:100%;height:auto}