/* Yanında's cobalt direction: one brand hue across customer and provider views. */
:root{
 --brand:#3455ff;
 --brand-hover:#2543dc;
 --brand-soft:#ecefff;
 --brand-line:#dce2ff;
 --brand-ink:#202c8b;
 --ink:#151a30;
 --text:#151a30;
 --muted:#626b80;
 --paper:#f6f7fc;
 --line:#dde2f0;
 --lime:#ced6ff;
 --soft:#ecefff;
 --danger:#a23d46;
 background:var(--paper);
}
body.provider-mode{background:var(--paper);color:var(--text)}
:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
body.provider-mode :focus-visible{outline-color:var(--brand)}
body.simple-mode{background:var(--brand);color:#fff}
body.simple-mode :focus-visible{outline-color:#fff}
body.simple-mode dialog :focus-visible{outline-color:var(--brand)}
.brand,.brand-dot{color:var(--brand)}
.header-join{color:var(--brand-ink)}
.header-menu{color:var(--brand);border-color:var(--brand-line);box-shadow:none}
body.simple-mode .site-header,body.provider-mode .site-header{border-bottom-color:transparent}
.demo-bar{background:#202c8b;color:#fff}
.demo-detail{color:#f1f3ff}
.demo-dot,.live-dot{background:var(--brand)}
.demo-dot{background:#fff;box-shadow:0 0 0 3px #ffffff24}
.eyebrow,.simple-welcome .eyebrow{color:var(--brand)}
.eyebrow .line{background:var(--brand)}
.simple-welcome p,.simple-status>p{color:var(--muted)}
.location-pill{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.location-pill small{color:var(--muted)}
.call-orbit{background:#e8edff;border-color:var(--brand-line);color:var(--brand)}
.call-orbit:before{background:#cdd7ff;border-color:#b9c7ff}
.call-orbit:after{background:#fff}
.call-orbit>.avatar{box-shadow:0 5px 18px #3455ff12}
.avatar,.avatar.peach,.avatar.lilac,.avatar.blue{background:#e7ecff;color:var(--brand-ink);border-color:#fff}
.nearest-info small,.nearest-distance,.rate-line>small,.rate-line .rate-description,.call-caption,.simple-notice,.status-detail,.simple-status .status-detail,.status-price,.status-price small,.simple-cancel{color:var(--muted)}
.status-price strong,.simple-status .status-detail strong{color:var(--text)}
.call-button{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 22px #3455ff22}
.call-button:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.call-button:disabled{background:#7887c1;border-color:#7887c1;color:#fff}
.call-button .icon-circle{background:#fff;color:var(--brand)}
.empty-nearby{background:var(--brand-soft);border-color:var(--brand-line)}
.empty-nearby p{color:var(--muted)}
.meeting-code,.simple-status .pin{background:var(--brand-soft);color:var(--brand-ink)}
.simple-footer,.simple-footer a,.simple-footer button{color:var(--muted)}
.simple-footer .footer-divider{background:#b2bcd5}
.simple-drawer p,.modal-intro,.dialog-bottom{color:var(--muted)}
.simple-drawer>button:not(.modal-close),.simple-drawer>a{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-line)}
.simple-drawer>button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.simple-drawer>button.danger-button{background:#fff0f1;color:var(--danger);border-color:#f0d2d6}
.primary{background:var(--brand);color:#fff}
.secondary{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-line)}
.primary:hover{background:var(--brand-hover)}
.secondary:hover{background:#e1e7ff}
.danger-button{background:#fff0f1;color:var(--danger);border-color:#f0d2d6}
.simple-error,.inline-error{background:#fff0f1;color:var(--danger);border-color:#f0d2d6}
.card,.metric{background:#fff;border-color:var(--line)}
.profile-select{background:var(--paper);border-color:var(--line)}
.profile-info small,.profile-chevron,.field-label,.quote-note,.fee-note,.rate-input-wrap span,.job-details,.metric small,.metric span,.ops-note,.review-state{color:var(--muted)}
.tag{color:#556078;border-color:var(--line);background:var(--paper)}
.toggle{background:#b4bdd4}
.toggle.on{background:var(--brand)}
.empty-icon{color:var(--brand)}
.request-route,.job-note,.status-help,.request-price{background:var(--brand-soft);border-color:var(--brand-line)}
.request-route small,.request-route span,.status-help,.status-help strong,.request-price small{color:var(--brand-ink)}
.request-price span{color:var(--muted)}
.review-row{border-top-color:var(--line)}
.rate-input-wrap{background:var(--paper);border-color:var(--line)}
.rate-input-wrap:focus-within,.route-input:focus-within{outline-color:var(--brand)}
.status-chip,.status-completed{background:var(--brand-soft);color:var(--brand-ink)}
.status-pending{background:#edf0ff;color:var(--brand-ink)}
.status-cancelled{background:#fff0f1;color:var(--danger)}
.emergency{background:var(--paper);border-color:var(--line)}
.emergency p{color:var(--muted)}
.emergency strong,.emergency a{color:#46516b}
.emergency a{border-bottom-color:#9ba6c2}
.join-layout p,.join-layout li,.join-form small,.application-status p,.join-back{color:var(--muted)}
.join-form label{color:var(--text)}
.join-form input,.join-form select,.join-form textarea{background:#fff;color:var(--text);border-color:var(--line)}
.join-form input::placeholder,.join-form textarea::placeholder{color:#768099}
.join-form input:focus,.join-form select:focus,.join-form textarea:focus{outline:2px solid var(--brand);outline-offset:2px}
dialog{background:#fff;color:var(--text);border-color:var(--line);box-shadow:0 25px 100px #151a3033}
dialog::backdrop{background:#10194088}
.modal-close{background:var(--brand-soft);color:var(--brand-ink)}
#toast{background:#151a30;color:#fff;box-shadow:0 10px 25px #151a3022}

/* Customer canvas: cobalt is the large, recognizable brand surface. */
body.simple-mode .brand,body.simple-mode .brand-dot,body.simple-mode .header-join,body.simple-mode .header-menu{color:#fff}
body.simple-mode .header-menu{border-color:#ffffff66;background:transparent}
body.simple-mode .simple-welcome .eyebrow,body.simple-mode .simple-status>.eyebrow{color:#f1f3ff}
body.simple-mode .simple-welcome h1,body.simple-mode .simple-status h1{color:#fff}
body.simple-mode .simple-welcome p,body.simple-mode .simple-status>p{color:#f1f3ff}
body.simple-mode .location-pill{background:#ffffff14;border-color:#ffffff66;color:#fff}
body.simple-mode .location-pill small{color:#f1f3ff}
body.simple-mode .call-orbit{background:#5270ff;border-color:#8d9fff;color:var(--brand)}
body.simple-mode .call-orbit:before{background:#a9b7ff;border-color:#c3cdff}
body.simple-mode .call-orbit:after{background:#fff}
body.simple-mode .nearest-info strong,body.simple-mode .rate-line strong{color:#fff}
body.simple-mode .nearest-info small,body.simple-mode .nearest-distance,body.simple-mode .rate-line>small,body.simple-mode .rate-line .rate-description,body.simple-mode .call-caption,body.simple-mode .simple-notice,body.simple-mode .status-detail,body.simple-mode .simple-status .status-detail,body.simple-mode .status-price,body.simple-mode .status-price small{color:#f1f3ff}
body.simple-mode .status-price strong,body.simple-mode .status-detail strong{color:#fff}
body.simple-mode .call-button{background:#fff;color:var(--brand);border-color:#fff;box-shadow:0 10px 28px #10194033}
body.simple-mode .call-button:hover{background:#ecefff;border-color:#ecefff}
body.simple-mode .call-button:disabled{background:#cdd6ff;color:#4a60bc;border-color:#cdd6ff}
body.simple-mode .call-button .icon-circle{background:var(--brand);color:#fff}
body.simple-mode .status-detail strong.meeting-code,body.simple-mode .simple-status .pin{background:#fff;color:var(--brand)}
body.simple-mode .simple-cancel{color:#fff}
body.simple-mode .simple-footer,body.simple-mode .simple-footer a,body.simple-mode .simple-footer button{color:#f1f3ff}
body.simple-mode .simple-footer a{text-decoration:underline;text-underline-offset:4px}
body.simple-mode .empty-nearby{background:#ffffff14;border-color:#ffffff66;color:#fff}
body.simple-mode .empty-nearby h2{color:#fff}
body.simple-mode .empty-nearby p{color:#f1f3ff}