/* Trade operating surfaces. Authentication and loading logo retain their own styles. */
.settings-home,.commercial-calendar{--op-ink:#002e6e;--op-muted:#53647a;--op-line:#dce5ee;--op-blue:#034ea2;--op-tint:#edf5fd;color:var(--op-ink)}
.settings-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 32px}.settings-intro p{color:var(--op-muted);margin:0;max-width:65ch;line-height:1.6}.settings-intro label{display:grid;gap:7px;font-size:12px;color:var(--op-muted);width:min(100%,340px)}
.settings-category{margin:30px 0}.settings-category h2{font-size:17px;font-weight:600;margin:0 0 14px}.settings-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px;max-width:1180px}.settings-shortcut{font:inherit;text-align:left;display:flex;align-items:center;gap:14px;min-height:96px;padding:20px;border:1px solid var(--op-line);border-radius:12px;background:white;color:var(--op-ink);cursor:pointer;transition:background .15s,border-color .15s}.settings-shortcut:hover{background:#f6faff;border-color:#8bb4dc}.settings-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--op-tint);color:var(--op-blue)}.settings-shortcut strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.settings-shortcut small{display:block;color:var(--op-muted);font-size:12px;line-height:1.5;margin-top:5px}.settings-arrow{margin-left:auto;color:var(--op-blue);font-size:23px}.settings-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:13px;color:#53647a}.settings-breadcrumb [aria-current]{color:#002e6e;font-weight:600}.settings-home [hidden]{display:none!important}
.commercial-calendar{background:#fff;border:1px solid var(--op-line);border-radius:16px;overflow:hidden}.commercial-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 16px}.calendar-month-navigation,.calendar-view-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-month-navigation h2{text-transform:capitalize;font-size:21px;letter-spacing:-.02em;margin:0 10px;min-width:190px}.calendar-month-navigation>.btn[aria-label]{font-size:23px;line-height:1;padding:8px 12px}.calendar-filters{display:flex;align-items:end;gap:14px;padding:0 24px 20px}.calendar-filters label{display:grid;gap:6px;min-width:150px;font-size:12px;color:var(--op-muted)}.calendar-zone{margin-left:auto;padding-bottom:9px;font-size:11px;color:var(--op-muted)}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border-top:1px solid var(--op-line)}.calendar-scroll{min-width:0;overflow:auto}.calendar-grid{min-width:610px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#f7f9fc;border-bottom:1px solid var(--op-line)}.calendar-weekdays span{padding:12px 9px;text-align:right;font-size:11px;font-weight:600;color:var(--op-muted)}.calendar-day{min-width:0;min-height:118px;padding:6px;border-right:1px solid var(--op-line);border-bottom:1px solid var(--op-line);background:white}.calendar-day:nth-child(7n){border-right:0}.calendar-day.is-outside{background:#f8fafc}.calendar-day.is-selected{background:#eef5fd}.calendar-day-number{display:block;margin:0 0 6px auto;min-width:28px;min-height:28px;border:0;border-radius:8px;background:transparent;color:var(--op-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.is-outside .calendar-day-number{color:#63748b}.is-today .calendar-day-number{background:var(--op-blue);color:white}.is-selected .calendar-day-number{outline:1px solid var(--op-blue);outline-offset:2px}.calendar-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 5px;align-items:baseline;width:100%;margin:3px 0;padding:5px 6px;border:0;border-radius:5px;text-align:left;font:inherit;font-size:10px;background:#e8f1fc;color:#003c7d;cursor:pointer}.calendar-event time{font-size:9px;font-variant-numeric:tabular-nums;font-weight:600}.calendar-event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.calendar-event small{grid-column:1/-1;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.is-late{background:#fff0e7;color:#89370c}.calendar-event.is-done{background:#edf0f5;color:#48576b}.calendar-event.is-done span{text-decoration:line-through}.calendar-more{font:inherit;font-size:10px;border:0;background:transparent;color:var(--op-blue);cursor:pointer;padding:5px 2px}.calendar-days.is-week .calendar-day{min-height:320px}.calendar-day-detail{min-width:0;padding:20px;border-left:1px solid var(--op-line);background:#fbfcfe}.calendar-day-detail header h3{font-size:15px;text-transform:capitalize;line-height:1.6;margin:0}.calendar-day-detail header p{font-size:12px;color:var(--op-muted);margin:5px 0 20px}.calendar-day-empty{font-size:13px;line-height:1.6;color:var(--op-muted);margin:28px 0 14px}.calendar-day-detail .agenda-row{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;border-bottom:1px solid var(--op-line);background:none}.calendar-day-detail .agenda-ico{display:none}.calendar-day-detail .agenda-main,.calendar-day-detail .agenda-what{flex-basis:100%;min-width:0}.calendar-day-detail .agenda-main b,.calendar-day-detail .agenda-what b{font-size:12px}.calendar-day-detail .agenda-main small,.calendar-day-detail .agenda-what span{display:block;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.calendar-day-detail .agenda-btns{display:flex;flex-wrap:wrap;gap:6px}.calendar-day-detail .agenda-btns .btn{font-size:10px;padding:6px 9px;min-height:30px}.calendar-legend{display:flex;gap:20px;flex-wrap:wrap;padding:15px 24px;font-size:11px;color:var(--op-muted)}.calendar-legend span{display:flex;align-items:center;gap:7px}.calendar-dot{width:7px;height:7px;border-radius:50%;background:#034ea2}.calendar-dot.late{background:#ac4a12}.calendar-dot.done{background:#64748b}.calendar-followup{margin:0 24px;border-top:1px solid var(--op-line);padding:17px 0}.calendar-followup summary{font-size:13px;font-weight:600;cursor:pointer}.calendar-followup summary span{margin-left:8px;font-size:11px;color:var(--op-muted);font-variant-numeric:tabular-nums}.calendar-no-action{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--op-line);font-size:13px}.calendar-no-action p{font-size:12px;color:var(--op-muted);margin:5px 0}.settings-home :focus-visible,.commercial-calendar :focus-visible,.settings-breadcrumb :focus-visible{outline:2px solid #034ea2;outline-offset:3px}.settings-home ::selection,.commercial-calendar ::selection{background:#c7e3ff;color:#002e6e}.settings-home input,.commercial-calendar input{caret-color:#034ea2}.calendar-scroll{scrollbar-color:#9ab5d1 #f4f7fa;scrollbar-width:thin}
@media(max-width:1200px){.calendar-layout{grid-template-columns:minmax(0,1fr)}.calendar-day-detail{border-left:0;border-top:1px solid var(--op-line)}.calendar-day-detail .agenda-row{display:grid;grid-template-columns:1fr 1fr auto}.commercial-calendar-toolbar{align-items:start;flex-wrap:wrap}}@media(max-width:650px){.settings-intro{display:grid;gap:18px;margin-bottom:24px}.settings-intro label{width:100%}.settings-shortcuts{grid-template-columns:minmax(0,1fr)}.settings-shortcut{min-height:86px;padding:16px}.commercial-calendar-toolbar{padding:16px;gap:15px}.calendar-month-navigation{gap:5px}.calendar-month-navigation h2{font-size:17px;min-width:155px;margin:0 3px}.calendar-view-controls{gap:6px}.calendar-view-controls .btn{font-size:11px;padding:8px 12px}.calendar-filters{padding:0 16px 16px;flex-wrap:wrap;gap:10px}.calendar-filters label{flex:1;min-width:120px}.calendar-zone{flex-basis:100%;padding:0;margin:0}.calendar-day-detail{padding:16px}.calendar-day-detail .agenda-row{display:flex}.calendar-followup{margin:0 16px}.calendar-no-action{align-items:start}.calendar-legend{padding:15px 16px;gap:14px}}
@media(prefers-reduced-motion:reduce){.settings-shortcut{transition:none}}
.calendar-appointment{padding:18px 0;border-top:1px solid var(--op-line);min-width:0}.calendar-appointment-time{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--op-muted)}.calendar-appointment h4{font-size:14px;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.calendar-appointment p{font-size:12px;line-height:1.6;margin:7px 0;color:var(--op-muted);overflow-wrap:anywhere}.calendar-client{font:inherit;font-size:12px;line-height:1.6;border:0;background:none;padding:0;color:#034ea2;text-align:left;cursor:pointer;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.calendar-appointment-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.calendar-appointment-actions .btn{font-size:11px;padding:7px 10px}.calendar-followup .calendar-appointment{margin-top:10px;padding:14px 0}.calendar-followup .calendar-appointment-time{font-size:12px}
