/* Famivaro V014: reference-inspired dashboard; existing permission flows retained. */
:root{--ink:#292f3a;--muted:#7a8393;--green:#087fb3;--greenlight:#e4f4fb;--line:#e5e7ec;--paper:#f3f4f7;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{font-size:14px}button,a{touch-action:manipulation}a{color:#087fb3}button:disabled{cursor:not-allowed}.primary,.secondary,.danger{border-radius:6px;gap:10px}.primary{background:#087fb3}.primary:hover{background:#05658f}.secondary{background:#f6f8fb;border-color:#dce2ea}.eyebrow{color:#7a8393}.workspace{grid-template-columns:272px minmax(0,1fr)}
.sidebar{width:272px;padding:0;background:#292f3b;color:#c1c6d1;overflow-y:auto;z-index:35;scrollbar-width:thin;scrollbar-color:#586273 transparent}.sidebar-brand{height:66px;min-height:66px;display:flex;align-items:center;gap:10px;padding:0 23px;background:#087fb3;color:white}.sidebar-brand img{border-radius:9px;background:#fff}.sidebar-brand strong{font-size:25px;letter-spacing:-1.1px;font-weight:750}.sidebar-brand>span{font-size:8px;letter-spacing:1px;padding:3px 5px;border:1px solid #ffffff55;border-radius:3px;margin-left:auto}.sidebar-account{padding:25px 23px 18px;background:#1e242e}.sidebar-account>small{font-size:10px;color:#9da6b5;letter-spacing:.8px}.account-select{display:flex;width:100%;align-items:center;gap:10px;background:none;border:0;color:#e1e5ed;padding:17px 0 4px;text-align:left;font-size:13px}.account-select small{display:block;color:#8f99ac;font-size:10px;margin-top:5px}.account-select>span:last-child{margin-left:auto}.side-avatar{width:31px;height:34px;border-radius:5px;background:#104b66;color:#5cd0fa;display:grid;place-items:center;font-size:16px;font-weight:750}.sidebar nav{padding:12px 15px;gap:3px}.nav{width:100%;border-radius:6px;font-size:12px;font-weight:400;min-height:44px;padding:12px;gap:15px;color:#c1c7d1;flex-direction:row;text-align:left}.nav i{color:#9aa5b5}.nav:hover{background:#333d4e}.nav.selected{background:#414c60;color:#69d4fc}.nav.selected i{color:#69d4fc}.nav-label{font-size:10px;color:#9da6b8;margin:22px 10px 9px;letter-spacing:.5px}.sidebarbottom{border-color:#3a4352;padding:18px 25px 24px;font-size:11px;margin-top:auto}.sidebarbottom small{font-size:10px;color:#a0a8b6}.sidebarbottom p{color:#cad1dd}.sidebarbottom .textbutton{color:#c3d1df;margin-top:9px}.dot{background:#43c98e}
main{max-width:none;padding:66px 28px 30px;margin:0}.topbar{min-height:66px;height:66px;position:fixed;inset:0 0 auto 272px;background:white;border-bottom:1px solid #e3e5ea;padding:0 28px;z-index:25;box-shadow:0 1px 3px #18233406}.topbar-start,.topbar-end{display:flex;align-items:center;gap:13px;min-width:0}.topbar-start strong{font-size:14px}.topbar p{font-size:11px;color:#858e9d;margin:4px 0 0}.topbar-symbol{display:grid;place-items:center;background:#e9f7ef;color:#26a671;border-radius:50%;height:35px;width:35px;flex-shrink:0}.topbar-end>.primary{font-size:11px;min-height:35px;padding:8px 13px}.identity{border-left:1px solid #e8ebf0;padding-left:17px}.identity small{font-size:10px}.avatar{background:#e5f1fb;color:#087caf}.identity .avatar{width:32px;min-width:32px;height:32px;font-size:11px}.dash-icon{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}i[data-icon]{display:inline-flex;flex-shrink:0;font-style:normal}.icon-button{background:none;border:0;color:#8290a2;display:grid;place-items:center;width:36px;height:36px;border-radius:5px;min-height:36px}.icon-button:hover{background:#eef3f8}.mobile-only{display:none}
.dash-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:29px 0 26px}.dash-heading h1{font-size:44px;letter-spacing:-1.6px;font-weight:750;margin:0 0 6px}.dash-heading p{font-size:12px;margin:0;color:#7b8594}.dash-sync{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b8594}.status-dot{width:6px;height:6px;border-radius:50%;background:#91a0b0}.dashboard-top{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.dash-card{background:white;border:1px solid #e4e6eb;border-radius:7px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #26324902}.dash-card-head{height:64px;padding:0 23px;border-bottom:1px solid #eaecf1;display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-card-head h2{font-size:16px;font-weight:650;letter-spacing:-.3px;margin:0}.dash-card-head .textbutton{font-size:11px;white-space:nowrap}.dash-card-head i{color:#9ca8b8}.label-pill{font-size:9px;font-weight:550;border-radius:4px;background:#eef8ff;color:#1184b5;padding:5px 8px}.info-rows{padding:17px 23px 20px;margin:0;min-height:169px;display:flex;flex-direction:column;gap:16px;font-size:12px}.info-rows>div{display:flex;justify-content:space-between;gap:16px;line-height:1.4}.info-rows dt{color:#505a69;flex-shrink:0}.info-rows dd{margin:0;color:#7e8899;text-align:right;overflow-wrap:anywhere}.dash-card-footer{padding:14px 23px;border-top:1px solid #eaecf1}.dash-card-footer .primary{background:#24b976;min-height:36px;justify-content:center;font-size:11px}.dash-card-footer .primary:hover{background:#17955d}.dash-card-footer svg{width:16px;height:16px}#dashboardPerson{min-height:32px;padding:6px 25px 6px 8px;font-size:10px;border-color:#e8ebf0;max-width:48%;border-radius:5px}.connection-indicators{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eaecf1;padding:13px 10px;height:65px}.connection-indicators>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8c98a9;border-right:1px solid #eceef3}.connection-indicators>span:last-child{border:0}.connection-indicators b{font-size:9px;font-weight:400;color:#667182}.connection-indicators svg{height:16px;width:16px}
.dashboard-location{display:grid;grid-template-columns:minmax(240px,.85fr) 1.7fr;margin-bottom:17px;min-height:352px}.dashboard-location-list{min-width:0;display:flex;flex-direction:column}.dashboard-location-list .dash-card-head{padding:0 19px;margin:0 3px}.dashboard-map-wrap{position:relative;background:#e9f1f2;min-height:350px;margin:10px;border-radius:6px;overflow:hidden;isolation:isolate}.dashboard-map-gate{height:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(32deg,transparent 44%,#fff9 45%,#fff9 48%,transparent 49%),linear-gradient(125deg,transparent 56%,#fff9 57%,#fff9 60%,transparent 61%),#e9f1f2}.map-gate-icon{display:grid;place-items:center;background:white;border:1px solid #dce6e9;border-radius:14px;width:53px;height:53px;color:#0d87b6;margin-bottom:15px}.map-gate-icon svg{width:28px;height:28px}.dashboard-map-gate h3{font-size:22px;margin:0 0 8px;letter-spacing:-.6px}.dashboard-map-gate p{font-size:12px;max-width:260px;line-height:1.6}.dashboard-map-gate small{font-size:9px;max-width:250px;margin-top:14px;line-height:1.5}.dashboard-map-gate .primary{font-size:11px;min-height:35px}.map-note{font-size:10px;line-height:1.6;padding:14px 19px;margin:auto 0 0;color:#8993a2}.location-entry{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #edf0f4;background:white;padding:17px 19px;color:var(--ink);line-height:1.5}.location-entry:hover,.location-entry.active{background:#edf8fd}.location-entry strong{display:block;font-size:12px}.location-entry span{display:block;font-size:11px;margin-top:3px;color:#677587}.location-entry small{font-size:10px;color:#7b8797}.location-entry .fresh{color:#138256}.map-caption{position:absolute;bottom:10px;left:10px;z-index:450;border:1px solid #e5eaf0;background:white;padding:7px 10px;border-radius:4px;font-size:10px;max-width:75%;box-shadow:0 2px 8px #18233410}#dashboardMap{height:100%;min-height:350px;width:100%;z-index:1}.dashboard-pin{display:grid;place-items:center;border:3px solid white;background:#0e8abb;color:white;border-radius:50%;height:38px;width:38px;box-shadow:0 2px 9px #254b5d55;font-weight:650;font-size:11px}.dashboard-pin.stale{background:#8591a2}.leaflet-container{font-family:inherit}
.dashboard-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dashboard-bottom .dash-card-head{padding:0 18px;height:56px}.dashboard-bottom h2{font-size:14px}.dash-card-body{padding:15px 18px 19px}.dash-card-body>p{font-size:12px;line-height:1.75}.dash-card-body .wide{font-size:11px;min-height:36px;padding:10px}.metric-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f4;padding:9px 0;font-size:11px;gap:12px}.metric-line strong{font-size:17px;font-weight:650;color:#526580}.privacy-line{display:flex;align-items:center;gap:8px;font-size:10px;color:#8490a2;margin-top:16px}.privacy-line svg{width:14px;height:14px}.dashboard-contact{display:flex;gap:10px;align-items:center;margin:2px 0 15px;font-size:12px}.dashboard-contact:last-child{margin-bottom:0}.dashboard-contact .avatar{width:31px;min-width:31px;height:31px;font-size:10px}.dashboard-contact small{display:block;font-size:10px}.group-overview{margin:24px 0;border:1px solid #e3e7ed;padding:16px;background:#fff;border-radius:6px}.group-overview summary{font-size:12px;cursor:pointer;color:#6a778a}.group-overview[open] summary{margin-bottom:20px}.dash-footer{display:flex;justify-content:space-between;gap:15px;margin:28px 0 0;font-size:10px;color:#8f99a7;flex-wrap:wrap}.dash-footer a{color:#7c8798;text-decoration:none}
.panel,.care-block,.care-map-panel,.care-person{border-radius:7px;border-color:#e4e6eb}.intro h1,.care-header h1{font-size:37px;letter-spacing:-1px;font-weight:700}.care-header{margin:30px 0 20px}.care-layout{margin-top:18px}.care-notice{background:#e9f4fb;border-color:#cfe7f4;color:#376680}.care-avatar{background:#e4f2fc;color:#147aa3}.care-block h2{font-size:18px}.care-pill{background:#e9f4fb;color:#137ea9}.care-map{border-radius:0}.care-person button{font-size:11px;margin:4px 2px}.care-block p{font-size:12px}.view:not(#view-overview) .intro{margin-top:30px}.setup-steps{padding-left:23px}.setup-steps li{padding:10px 0}.setup-steps p{font-size:12px;margin:5px 0 0}.menu-backdrop{position:fixed;inset:0;background:#15203388;z-index:30;border:0}
.brandstory{background:#242e3f}.brandstory .wordmark img{border-radius:10px}.authcard .primary{background:#087fb3}.authcard .secondary{background:#eef6fb}.authcard .disclosure{background:#eff6fa}.authcard label{color:#47566b}.authcard h2{color:#253247}.authpanel{background:#f8f9fb}.authcard{max-width:410px}.auth .wordmark{font-size:27px}.brandstory .beta{font-size:8px}.brandstory h1{font-size:clamp(40px,4.1vw,64px)}
@media(min-width:1650px){main{padding-left:45px;padding-right:45px}.dashboard-location{min-height:430px}#dashboardMap{min-height:430px}.dashboard-map-gate{min-height:410px}}
@media(max-width:1150px){.workspace{grid-template-columns:235px minmax(0,1fr)}.sidebar{width:235px}.sidebar-brand{padding:0 18px}.sidebar-brand strong{font-size:23px}.topbar{left:235px;padding:0 20px}main{padding:66px 20px 30px}.identity>div{display:none}.identity{padding-left:12px}.dashboard-location{grid-template-columns:1fr 1.4fr}.dash-card-head{padding:0 16px}.info-rows{padding-left:16px;padding-right:16px}.dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom>article:last-child{grid-column:1/-1}.dash-sync{max-width:180px}.dash-heading h1{font-size:39px}}
@media(max-width:800px){.workspace{display:block}.sidebar{inset:0 auto 0 0;width:272px;height:100dvh;transform:translateX(-100%);transition:transform .18s ease}.sidebar.menu-open{transform:translateX(0)}.sidebar nav{flex-direction:column;gap:3px;justify-content:flex-start}.sidebar .sidebarbottom{display:block}.sidebar-brand .icon-button{margin-left:3px;color:white}.sidebar-brand>span{display:none}.sidebar-brand strong{font-size:25px}.nav{width:100%;flex-direction:row;font-size:12px;min-height:44px;padding:12px}.nav[data-view=privacy]{font-size:12px}.mobile-only{display:grid}.topbar{left:0;padding:0 14px}.topbar-start{gap:8px}.topbar-symbol{display:none}.topbar-end{gap:8px}.topbar-end>.primary{font-size:10px;padding:8px;min-height:34px}.identity{padding-left:8px}main{padding:66px 14px 25px}.dash-heading{margin:24px 0 20px;align-items:flex-start}.dash-heading h1{font-size:34px}.dash-heading p{font-size:11px}.dash-sync{font-size:9px;max-width:140px;gap:4px}.dash-sync>.status-dot{display:none}.dashboard-top{gap:12px}.info-rows{font-size:11px;gap:14px;min-height:166px}.dash-card-head h2{font-size:14px}.label-pill{font-size:8px}.dash-card-head{padding:0 14px;height:55px}.connection-indicators b{font-size:8px}.dashboard-location{grid-template-columns:1fr 1.25fr}.dashboard-location-list .dash-card-head{padding:0 12px}.dashboard-location-list h2{font-size:13px}.dashboard-location-list .textbutton{font-size:9px}.location-entry{padding:13px}.map-note{padding:13px}.dash-footer{font-size:9px}.dashboard-bottom{gap:12px}.intro h1,.care-header h1{font-size:30px}}
@media(max-width:520px){.dashboard-top,.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom>article:last-child{grid-column:auto}.dashboard-location{grid-template-columns:1fr}.dashboard-map-wrap{min-height:290px}#dashboardMap{height:310px;min-height:310px}.dashboard-map-gate{min-height:290px}#dashboardLocations{max-height:220px;overflow-y:auto}.dash-heading{display:block}.dash-sync{max-width:none;margin-top:9px;justify-content:flex-start}.dash-sync .icon-button{width:25px;height:25px;min-height:25px}.dash-sync svg{height:15px}.info-rows{min-height:150px}.topbar-start strong{font-size:12px}.topbar p{font-size:9px}.topbar-end .identity{display:none}.dashboard-top .dash-card-head{height:55px}.dash-card-footer .primary{min-height:40px}.map-note{margin:0;padding:12px}.dash-heading h1{font-size:33px}.brandstory{padding:25px}.authpanel{padding:30px 22px}.auth .wordmark{font-size:24px}.auth .wordmark .beta{font-size:7px;margin-left:0}}
body.native-care .sidebar,body.native-locations .sidebar,body.native-calls .sidebar,body.native-care .topbar,body.native-locations .topbar,body.native-calls .topbar{display:none}body.native-care main,body.native-locations main,body.native-calls main{padding:12px;margin:0}body.native-care .workspace,body.native-locations .workspace,body.native-calls .workspace{display:block}body.native-care .menu-backdrop,body.native-locations .menu-backdrop,body.native-calls .menu-backdrop{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.demo-banner{background:#fff5dc;border-bottom:1px solid #ead7a7;color:#79591c;padding:10px 16px;font-size:11px;line-height:1.5}.demo-badge{font-size:9px;color:#7b5c1d;background:#fff2ce;padding:4px 6px;border-radius:3px}
/* User-selected palette: light grey / white, clear blue and orange. */
:root{--ink:#292b30;--muted:#777e87;--green:#167fbe;--paper:#f0f0f0;--line:#e6e6e6}
a,.textbutton{color:#167fbe}.primary{background:#167fbe}.primary:hover{background:#11679b}.sidebar{background:#fff;color:#333;border-right:1px solid #e0e0e0;scrollbar-color:#ccc transparent}.sidebar-brand{background:white;color:#252b30;border-bottom:1px solid #eee}.sidebar-brand>span{background:#edf6fc;color:#167fbe;border-color:#cce3f2}.sidebar-account{background:#e5e5e5}.sidebar-account>small{color:#74787e}.account-select{color:#343a40}.account-select small{color:#777e87}.side-avatar{background:#d8eefa;color:#167fbe}.nav{color:#4d535b}.nav i{color:#8c939b}.nav:hover{background:#f4f7f9}.nav.selected{background:#deeffb;color:#167fbe}.nav.selected i{color:#167fbe}.nav-label{color:#8b8e93}.sidebarbottom{border-color:#eee}.sidebarbottom p{color:#5b646d}.sidebarbottom small{color:#90959c}.sidebarbottom .textbutton{color:#167fbe}.topbar-end>.primary,.dash-card-footer .primary{background:#ff7109;color:white}.topbar-end>.primary:hover,.dash-card-footer .primary:hover{background:#de5c00}.label-pill{background:#edf6fc;color:#167fbe}.brandstory{background:#eef4f8;color:#262c33;border-right:1px solid #e4e8ed}.brandstory p,.brandstory small,.brandstory .eyebrow,.brandstory .promises{color:#6a7988}.brandstory .beta{background:#fff;color:#167fbe;border-color:#cce0ed}.authcard .primary{background:#167fbe}.topbar-symbol{color:#167fbe;background:#e8f3fb}.status-dot{background:#167fbe}.sidebar-brand .icon-button{color:#777}.dashboard-map-gate{background:linear-gradient(32deg,transparent 44%,#fff9 45%,#fff9 48%,transparent 49%),linear-gradient(125deg,transparent 56%,#fff9 57%,#fff9 60%,transparent 61%),#edf1f3}