
:root{--paper:#f7f7fb;--white:#fff;--ink:#202236;--muted:#727487;--line:#e8e8ef;--sage:#7060ec;--sage-light:#efedff;--beige:#f2efff;--clay:#ed826e;--gold:#d4b374;--radius:13px}
.v-demo #logout,.v-demo #sync,.v-demo [data-view="communications"]{display:none!important}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
.sidebar{background:#17182b;border-color:#282941;box-shadow:8px 0 30px #13142512}
.sidebar .product-name,.identity b,.mobile-brand .product-name{color:#ddd5ff}
.sidebar .brand span{color:#d8f47b}
.sidebar .workspace{background:#202139;border-color:#343653;color:#fff}
.sidebar .workspace small,.sidebar .nav-label{color:#a6a5ba}
.sidebar nav button{color:#ceccdc;border-radius:9px}
.sidebar nav button.active{background:linear-gradient(110deg,#7060ec,#8774f8);color:#fff;box-shadow:0 8px 20px #7060ec40}
.sidebar nav button:hover{background:#282a45;color:#fff}
.sidebar-bottom .leaf,.sidebar-bottom p{color:#b8b0e9}
main{background:var(--paper)}
.topbar{border-color:var(--line)}
.topbar .sync{color:#577b42}
.avatar{background:#efedff;color:#5f50d4}
.page-head .eyebrow,.eyebrow{color:#7160dc}
h1,h2{font-family:Manrope,'DM Sans',sans-serif;color:#24243a;letter-spacing:-.7px}
button{border-radius:9px}
button.primary,.button-link.primary{background:#7060ec;border-color:#7060ec;color:#fff}
button.primary:hover,.button-link.primary:hover{background:#5e4dd5}
.page-head .head-actions #new-appointment{background:#7060ec!important;border-color:#7060ec!important;color:#fff!important;box-shadow:0 6px 18px #7060ec35}
.page-head .head-actions #new-appointment:hover{background:#5e4dd5!important}
.page-head .head-actions #new-block{border-color:#deddec;background:#fff;color:#4a4860}
.metrics{gap:12px}
.metric,.agenda-shell,.panel,.daily-visits{background:#fff;border-color:#e8e8ef;box-shadow:0 8px 26px #26264b0a}
.metric{border-radius:13px}
.metric:first-child{background:linear-gradient(140deg,#7060ec,#8b79fa);border-color:#7666ed;color:#fff}
.metric:first-child small,.metric:first-child span,.metric:first-child i{color:#f2efff}
.metric:not(:first-child){background:#fff!important;border-color:#e8e8ef!important;color:#27263d!important}
.metric:not(:first-child) strong{color:#27263d}
.agenda-shell{border-radius:14px}
.agenda-toolbar,.calendar-head,.calendar-closure-notices,.calendar-closure-notice{background:#fff}
.agenda-toolbar,.legend,.calendar-head{border-color:#ebebf2}
.date-control button,.view-control button,.view-control select{border-radius:8px;border-color:#e5e4ee}
.view-control .selected{background:#efedff;border-color:#d8d3ff;color:#5f50d4}
.agenda-client-search{background:#fff;border-color:#deddec;border-radius:10px}
.calendar-head>div:nth-child(2){background:#f2efff}
.calendar-head>div:nth-child(3){background:#fff0ed}
.calendar-head .staff-badge{font-weight:700}
.calendar-head .staff-badge.staff-color-0{background:#e6e1ff!important;color:#5d4bd1!important}.calendar-head .staff-badge.staff-color-1{background:#ffe2dc!important;color:#c9584b!important}
.legend .dot.staff-color-0{background:#7865ed!important}.legend .dot.staff-color-1{background:#ee806d!important}.legend .dot.gray{background:#9293a5!important}.legend .availability-legend i{background:#86b962!important}
.event.staff-color-0{background:#eeebff!important;border-color:#d8d1ff!important;border-left-color:#7562e9!important;color:#302b55!important}.event.staff-color-1{background:#ffebe7!important;border-color:#ffd1c8!important;border-left-color:#ef816e!important;color:#68362f!important}
.time-rail{background:#fcfcff}
.day-column{background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#ececf3 39px,#ececf3 40px)}
.day-column:nth-child(2){background-color:#fbfaff}
.day-column:nth-child(3){background-color:#fffafa}
.event{background:#eeebff!important;border-color:#d8d1ff!important;border-left:4px solid #7562e9!important;color:#302b55!important;border-radius:9px!important;box-shadow:0 4px 12px #5044a316}
.event.walquiria{background:#ffebe7!important;border-color:#ffd1c8!important;border-left-color:#ef816e!important;color:#68362f!important}
.event.block{background:repeating-linear-gradient(135deg,#f3f2f8,#f3f2f8 5px,#e9e8f0 5px,#e9e8f0 6px)!important;border-color:#d8d7e3!important;border-left-color:#9594a7!important;color:#57576b!important}
.event.closed{background:#f2f2f7!important;color:#9394a6!important;border:0!important}
.calendar-closure-notice{border-color:#e3dff2!important;color:#45425b!important;border-radius:11px!important}
.agenda-note{border-color:#ececf2}
.daily-visits th{color:#79798c;border-color:#ececf2}
.daily-visits td{border-color:#f0f0f5}
.demo-notice{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:999;background:linear-gradient(105deg,#5f54d8,#9069ec);color:white;padding:9px 16px;border:1px solid #ffffff42;border-radius:999px;box-shadow:0 9px 30px #11132365;text-align:center;font:600 10px system-ui;letter-spacing:.35px;white-space:nowrap}
.demo-notice a{color:#e2fa94;margin-left:12px}.demo-notice a:hover{text-decoration:underline}body{padding-bottom:55px}.demo-notice{max-width:calc(100vw - 24px);white-space:normal;line-height:1.6}
@media(max-width:760px){.sidebar{background:#17182b;border-color:#343653}.sidebar nav button.active{background:#7060ec;color:white;border-top-color:#d8f47b}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:22px}.agenda-shell{box-shadow:none}}
