.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0}.calendar-navigation,.calendar-view-buttons{display:flex;align-items:center;gap:4px}.calendar-navigation strong{text-transform:capitalize;font-weight:500;margin-left:10px}.calendar-view-buttons button[aria-pressed=true],.calendar-period-shortcuts button[aria-pressed=true]{background:#142d4e;color:white}.calendar-period-shortcuts{display:flex;gap:6px;overflow:auto;padding:10px 0}.calendar-period-shortcuts button{background:white;border:1px solid #dce4eb;color:#536677;white-space:nowrap;padding:8px 13px;min-height:44px}.calendar-scroll{overflow:auto;margin:12px 0;border:1px solid #dce4eb;background:white}.month-calendar.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:0}.month-calendar.calendar-single{grid-template-columns:1fr}.calendar-weekday{text-align:center;background:#f2f6f8;color:#73899c;font-size:12px;text-transform:uppercase;padding:9px}.month-calendar .calendar-day{min-height:165px;border:0;border-right:1px solid #dce4eb;border-top:1px solid #dce4eb;border-radius:0;padding:4px;overflow:hidden}.month-calendar .calendar-day h3{font-size:13px;color:#4f7a94;margin:0 0 5px;font-weight:500}.month-calendar .calendar-day.today{box-shadow:inset 0 0 0 2px #17818a}.month-calendar .calendar-day.outside-month{background:#fafcfd}.month-calendar .calendar-day.outside-month h3{color:#b4c4cf}.calendar-entry{display:grid;grid-template-columns:9px minmax(0,1fr);column-gap:4px;width:100%;min-height:28px;border-radius:3px;border:0;padding:4px 1px;text-align:left;background:transparent;color:#3e6c8a;font-size:11px;line-height:1.3;font-weight:400}.calendar-entry span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-entry small{grid-column:2;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#73899c}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b6b9bd;flex:none;align-self:center}.status-IN_PROGRESS{background:#168da3}.status-PAUSED{background:#f2b632}.status-VISIT_DONE{background:#7697d0}.status-CLOSED{background:#30976c}.status-CANCELLED{background:#bd5b60}.calendar-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#73899c}.agenda-order-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.home-period-label{margin:0}.home-period-label select{padding:6px 24px 6px 0;border:0;background:transparent;font-weight:700;font-size:19px;width:auto;max-width:230px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.demo-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.demo-mode-choice button{display:grid;gap:6px;background:white;color:#243244;border:1px solid #dce4eb;border-radius:17px;padding:22px 12px}.demo-mode-choice button[aria-pressed=true]{background:#e9f5f7;border-color:#17818a;color:#106978}.demo-mode-choice small{font-size:12px;font-weight:400}.demo-wizard-progress{margin:18px 0 24px}.demo-wizard-progress p{font-size:13px;color:#536677}.demo-step-dots{display:flex;justify-content:space-around;gap:10px}.demo-step-dots span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #dce4eb;color:#73899c}.demo-step-dots span.active{background:#17818a;color:white;border-color:#17818a}.demo-wizard-footer{display:flex;gap:10px;justify-content:space-between;margin-top:24px}.demo-wizard-footer button{flex:1}.demo-order-tabs{display:flex;gap:6px;border-bottom:1px solid #dce4eb;margin:20px 0}.demo-order-tabs button{flex:1;background:transparent;color:#536677;border-radius:0;font-size:13px;padding:13px 6px}.demo-order-tabs button[aria-selected=true]{color:#106978;border-bottom:3px solid #17818a}.demo-check{padding:13px;border-radius:10px;background:#fff5ed;color:#95602d}.demo-check.complete{background:#eaf6f0;color:#287659}.demo-record-search{margin:16px 0}.demo-record-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.demo-record-list .card{margin:0;border-radius:18px;box-shadow:none}.demo-connected-ui button,.demo-connected-ui .button{border-radius:12px}.demo-connected-ui .home-shortcut{border-radius:17px}.demo-connected-ui .home-metric{border-radius:18px}.demo-connected-ui textarea,.demo-connected-ui input,.demo-connected-ui select{border-color:#c8d8e1}.demo-connected-ui .password-toggle{border:0}
@media(max-width:760px){.calendar-toolbar{gap:10px}.calendar-navigation{width:100%}.calendar-toolbar>button{margin-left:auto}.calendar-view-buttons button{font-size:12px;padding:9px 12px}.month-calendar.calendar{min-width:910px}.month-calendar.calendar-single{min-width:0}.calendar-scroll{max-width:100%}.month-calendar .calendar-day{min-height:140px}.calendar-entry{min-height:36px}.calendar-entry small{font-size:10px}.calendar-heading h1{font-size:26px}.demo-connected-ui dialog:not(.signature-full){position:fixed;inset:auto 0 0;margin:0;transform:none;width:100%;max-width:none;max-height:94dvh;border-radius:24px 24px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:#f2f7fb}.demo-connected-ui dialog:not(.signature-full)::before{content:'';display:block;width:38px;height:4px;background:#dce4eb;border-radius:4px;margin:0 auto 12px}.demo-connected-ui #dialog-body>h2{font-size:23px;line-height:1.25;margin:12px 0 20px}.demo-connected-ui .os-header h2{font-size:25px}.demo-connected-ui .row.actions{position:sticky;top:0;z-index:2;background:#f2f7fb;padding:6px 0}.demo-order-tabs{position:sticky;top:0;z-index:3;background:#f2f7fb}.demo-record-list{grid-template-columns:1fr}.demo-connected-ui .field-state{padding:16px;border-radius:15px}.demo-connected-ui .field-state textarea{min-height:135px}.demo-connected-ui .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-connected-ui .demo-wizard-footer{position:sticky;bottom:-1px;background:#f2f7fb;padding:12px 0 0}.demo-connected-ui #home-menu #hosting-notice{margin-top:20px}.demo-connected-ui .accessories{gap:10px}.demo-connected-ui .accessories label{background:white;padding:14px}.demo-connected-ui #notice:empty{display:none}}

body.demo-connected-ui{background:#f2f7fb;color:#243244}.demo-connected-ui .card{border:1px solid #dce4eb;border-radius:18px;box-shadow:none}.demo-connected-ui .home-metric{background:white}.demo-connected-ui .home-order{background:white}

.demo-record-list .card{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.demo-record-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:#e9f5f7;color:#106978;font-size:21px;font-weight:700}.demo-record-content{flex:1;min-width:150px}.demo-record-content h2{font-size:17px;margin:0 0 5px}.demo-record-content p{margin:0 0 5px;color:#536677;font-size:13px}.demo-record-list .card>p{margin:0;display:flex;gap:8px;flex-wrap:wrap}

.demo-order-page .os-header h2{font-size:27px;margin:10px 0}.demo-order-page>.actions{display:flex;gap:8px;flex-wrap:wrap}.demo-order-page>.actions button{flex:1}.demo-order-page .demo-order-tabs{position:sticky;top:0;background:#f2f7fb;z-index:4}.demo-order-page .card{padding:18px}.demo-order-page .evolution-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-order-page .evolution-actions button{padding:12px 8px}

body[data-screen=order] #sync-status:not(.pending){display:none}.demo-os-tools{padding:12px 0}.demo-os-tools>summary{min-height:44px;padding:12px;border:1px solid #dce4eb;border-radius:12px;background:white;color:#106978}.demo-order-page .os-header p{margin:8px 0 12px}.demo-order-page .os-header h2{margin:8px 0}.demo-order-page .demo-order-tabs{margin:14px 0}

.demo-start-now{display:flex;gap:12px;align-items:center;padding:16px;background:white;border:1px solid #dce4eb;border-radius:14px}.demo-start-now input{width:22px;height:22px;flex:none}.demo-start-now small{display:block;font-size:12px;font-weight:400;margin-top:4px}.demo-intake h3{margin:22px 0 12px}.demo-intake .accessories{grid-template-columns:1fr 1fr}.demo-intake .accessories label{font-size:12px;padding:10px}.demo-intake .accessories input{flex:none}
