/* DWELLIVRA Design System 2026
   Presentation only. Shared by the private workspace and isolated demo. */
.workspace{
 --dw-navy:#14263d;--dw-teal:#147d78;--dw-teal-dark:#106963;--dw-bg:#f7f9fc;
 --dw-surface:#fff;--dw-ink:#172b4d;--dw-muted:#64748b;--dw-line:#e5eaf0;
 --dw-soft:#f2f5f8;--dw-success:#18794e;--dw-warning:#9a6700;--dw-danger:#ae2e24;
 --dw-info:#0c66e4;--dw-radius:10px;--dw-radius-lg:14px;
 --dw-shadow:0 1px 2px rgba(9,30,66,.06),0 6px 18px rgba(9,30,66,.035);
 background:var(--dw-bg);color:var(--dw-ink);font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased
}
.workspace,.workspace *{box-sizing:border-box}
.workspace :where(button,a,input,select,textarea,summary){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.workspace :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #0c66e4!important;outline-offset:2px}
.workspace .workspace-body{min-width:0;background:var(--dw-bg)}
.workspace .workspace-content{width:100%;max-width:1680px;margin:0 auto;padding:32px clamp(24px,3vw,48px) 72px}
.workspace .ws-header{height:72px;padding:0 clamp(24px,3vw,48px);background:rgba(255,255,255,.97);border-bottom:1px solid var(--dw-line);box-shadow:none;backdrop-filter:blur(12px)}
.workspace .ws-breadcrumb{font-size:12px;color:var(--dw-muted);gap:10px}
.workspace .ws-breadcrumb strong{font-size:13px;color:var(--dw-ink);font-weight:650}
.workspace .ws-global-search{height:40px;max-width:430px;background:#f8fafc;border:1px solid #dfe5ec;border-radius:8px}
.workspace .ws-global-search:focus-within{background:#fff;border-color:#85b8ff;box-shadow:0 0 0 3px rgba(12,102,228,.10)}
.workspace .ws-global-search input{font-size:13px;color:var(--dw-ink)}
.workspace .ws-top-actions{gap:10px}
.workspace .ws-header .icon-btn{width:40px;height:40px;border-color:var(--dw-line);border-radius:8px;color:#526581}
.workspace .ws-header .icon-btn:hover{background:#f1f5f9;border-color:#cfd8e3;color:var(--dw-ink)}
.workspace .workspace-context{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--dw-line)}
.workspace .workspace-context .small{font-size:12px;color:var(--dw-muted)}
.workspace .workspace-context>span:last-child{font-size:10px;letter-spacing:.12em;color:#70839c}
.workspace h1,.workspace h2,.workspace h3,.workspace h4{color:var(--dw-ink);letter-spacing:-.025em}
.workspace h1{font-size:clamp(26px,2.2vw,32px);line-height:1.2;font-weight:720}
.workspace h2{font-size:clamp(19px,1.5vw,22px);line-height:1.3;font-weight:700}
.workspace h3{font-size:16px;line-height:1.35;font-weight:680}
.workspace p{color:var(--dw-muted);font-size:14px;line-height:1.65}
.workspace .small{font-size:13px}.workspace .tiny{font-size:12px}
.workspace .op-hero,.workspace .mail-heading{margin:4px 0 28px}
.workspace .op-hero h1,.workspace .mail-heading h1{font-size:clamp(27px,2.3vw,32px);letter-spacing:-.035em}
.workspace .op-hero p,.workspace .mail-heading p{font-size:14px;max-width:720px}
.workspace .op-kicker,.workspace .eyebrow{font-size:10px;letter-spacing:.14em;color:var(--dw-teal);font-weight:760}
.workspace :where(.panel,.card,.op-section,.resource-card,.billing-plan,.billing-page .panel,.finance-performance,.business-health-card,.workspace-feature-slide){
 background:var(--dw-surface);border:1px solid var(--dw-line);border-radius:var(--dw-radius-lg);box-shadow:none
}
.workspace :where(.panel,.card,.op-section,.billing-plan,.business-health-card):hover{border-color:#d5dde7}
.workspace .panel-head,.workspace .op-section-head{padding:20px 22px;border-bottom:1px solid #edf0f4;background:#fff}
.workspace .panel-head h2,.workspace .panel-head h3,.workspace .op-section-head h2{font-size:17px;margin:0}
.workspace .panel-pad,.workspace .op-section{padding:22px}
.workspace .grid2,.workspace .grid3,.workspace .grid4{gap:18px}
.workspace .btn{min-height:40px;padding:9px 15px;border-radius:8px;font-size:13px;font-weight:650;box-shadow:none}
.workspace .btn:hover{transform:none}
.workspace .btn-primary{background:var(--dw-teal);border-color:var(--dw-teal);color:#fff}
.workspace .btn-primary:hover{background:var(--dw-teal-dark);border-color:var(--dw-teal-dark)}
.workspace .btn-outline{background:#fff;border-color:#cfd7e2;color:#344563}
.workspace .btn-outline:hover{background:#f7f9fc;border-color:#aebbc9;color:var(--dw-ink)}
.workspace .btn-ghost:hover{background:#eef2f6}
.workspace .btn-sm{min-height:34px;padding:7px 11px;font-size:12px}
.workspace .icon-btn{border-radius:8px}
.workspace .label{font-size:13px;font-weight:650;color:#344563;margin-bottom:7px}
.workspace .field{margin-bottom:18px}
.workspace .input,.workspace input:not([type=checkbox]):not([type=radio]),.workspace textarea,.workspace select{
 min-height:42px;border:1px solid #cfd7e2;border-radius:8px;background:#fff;color:var(--dw-ink);font-size:14px;padding:10px 12px;box-shadow:none
}
.workspace textarea,.workspace textarea.input{min-height:112px;resize:vertical}
.workspace .input:focus,.workspace input:focus,.workspace textarea:focus,.workspace select:focus{border-color:#579dff;box-shadow:0 0 0 3px rgba(12,102,228,.10);outline:0}
.workspace .table-wrap{border-radius:0 0 var(--dw-radius-lg) var(--dw-radius-lg);overflow:auto}
.workspace table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.workspace th{height:42px;padding:10px 16px;background:#f7f9fb;color:#596780;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid var(--dw-line);text-align:left}
.workspace td{padding:15px 16px;color:#344563;border-bottom:1px solid #edf0f4;vertical-align:middle}
.workspace tbody tr:last-child td{border-bottom:0}
.workspace tbody tr:hover td{background:#fafbfc}
.workspace .table-title{font-size:13px;font-weight:650;color:var(--dw-ink)}
.workspace .table-sub{font-size:12px;color:var(--dw-muted);margin-top:3px}
.workspace .badge,.workspace .op-role,.workspace .op-status{font-size:11px;font-weight:650;border-radius:999px;padding:4px 9px}
.workspace .badge.green{background:#dcf4e8;color:#126b45}.workspace .badge.amber{background:#fff3d6;color:#7f5f01}.workspace .badge.red{background:#ffe8e6;color:#9d261f}.workspace .badge.blue{background:#e9f2ff;color:#0c5fcb}.workspace .badge.grey{background:#eef2f6;color:#526581}
.workspace :where(.tabs,.finance-tabs,.op-segment,.pilltabs){scrollbar-width:thin}
.workspace :where(.tabs button,.finance-tabs>button,.op-segment button,.pilltabs button){font-size:13px;font-weight:650}
.workspace .op-segment{padding:3px;border-color:var(--dw-line);background:#f1f4f7;border-radius:9px}
.workspace .op-segment button{padding:8px 12px;color:#526581}
.workspace .op-segment button.active{color:var(--dw-ink);background:#fff;box-shadow:0 1px 3px rgba(9,30,66,.10)}
.workspace .modal-backdrop{background:rgba(9,30,66,.48);backdrop-filter:blur(2px)}
.workspace :where(.modal,.modal-card,.drawer,.popover,.profile-menu,.notification-panel){border:1px solid var(--dw-line);border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(9,30,66,.18)}
.workspace .toast{border:1px solid var(--dw-line);border-left:4px solid var(--dw-teal);border-radius:10px;background:#fff;color:var(--dw-ink);box-shadow:0 12px 36px rgba(9,30,66,.14)}
.workspace .empty-state,.workspace .op-empty{border-radius:12px;color:var(--dw-muted)}
.workspace .op-metrics{gap:14px}.workspace .op-metric{padding:19px;border-color:var(--dw-line);border-radius:12px;box-shadow:none}
.workspace .op-metric strong{font-size:26px;color:var(--dw-ink)}
.workspace .op-metric div>span{font-size:12px;color:#596780}
.workspace .op-metric small{font-size:11px;color:#7a899f}
.workspace .op-table th{font-size:11px;background:#f7f9fb}.workspace .op-table td{font-size:13px;padding:15px}
.workspace .mail-workspace{max-width:1680px}
.workspace .mail-shell{height:calc(100vh - 220px);min-height:620px;border-color:var(--dw-line);border-radius:12px;box-shadow:none}
.workspace .mail-folders{background:#f7f9fb;border-color:var(--dw-line)}
.workspace .mail-folder{font-size:13px;border-radius:7px}
.workspace .mail-folder.active{background:#e6f2f0;color:#0f6c67}
.workspace .mail-toolbar{min-height:64px;border-color:var(--dw-line)}
.workspace .mail-toolbar input{font-size:14px}
.workspace .finance-page{max-width:1500px}
.workspace .finance-tabs>button{font-size:12px;padding:14px 12px}
.workspace .finance-dashboard-grid{gap:18px}
.workspace .finance-cash-card{border-radius:14px;background:var(--dw-navy)}
.workspace .finance-chart{background:repeating-linear-gradient(to top,transparent,transparent 51px,#edf1f5 51px,#edf1f5 52px)}
.workspace .finance-premium-kpi{min-height:188px;padding:21px;border-color:var(--dw-line);border-radius:14px;box-shadow:none}
.workspace .finance-premium-kpi-value{font-size:clamp(26px,2vw,32px)}
.workspace .ai-premium-hero,.workspace .ti-hero{min-height:210px;border-radius:14px;border-color:#dce6e8;box-shadow:none;background:linear-gradient(110deg,#fff 0%,#f4faf9 68%,#dcefeb 100%)}
.workspace .ai-premium-hero:before,.workspace .ti-hero:after{opacity:.14}
.workspace .ai-premium-hero h1,.workspace .ti-hero h1{font-size:clamp(28px,2.4vw,36px)}
.workspace .ai-premium-benefit-icon,.workspace .ti-benefits>div>span{box-shadow:none;border:1px solid #dfeae8}
.workspace .ti-kpi{border-color:var(--dw-line);border-radius:12px;box-shadow:none}
.workspace .calendar-shell,.workspace .calendar-grid,.workspace .calendar-agenda{border-color:var(--dw-line);border-radius:12px}
.workspace .calendar-day{min-height:108px}.workspace .calendar-day-number{font-size:12px}
.workspace .document-card,.workspace .contractor-card{border:1px solid var(--dw-line);border-radius:12px;background:#fff}
.workspace .billing-page{max-width:1320px}
.workspace .billing-current{border-radius:14px;background:var(--dw-navy)}
.workspace .billing-plan{border-radius:12px}.workspace .billing-plan-featured{border-color:var(--dw-teal);box-shadow:0 0 0 1px var(--dw-teal)}
.workspace .settings-layout,.workspace .op-settings-layout{gap:22px}
.workspace .settings-nav,.workspace .op-settings-nav{border:1px solid var(--dw-line);border-radius:12px;background:#fff}
.workspace .settings-nav button,.workspace .op-settings-nav button{font-size:13px}
.workspace .workspace-feature-carousel,.workspace .workspace-setup--premium,.workspace .business-health{border-radius:14px;box-shadow:none}
.workspace .business-health-card{min-height:142px}
.workspace .business-health-card strong{font-variant-numeric:tabular-nums}
.workspace .workspace-provider-banner{border-radius:10px;box-shadow:0 16px 40px rgba(9,30,66,.16)}
@media(max-width:1100px){
 .workspace .workspace-content{padding:28px 24px 60px}
 .workspace .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workspace .finance-dashboard-grid{grid-template-columns:1fr}
 .workspace .mail-shell{height:auto;min-height:650px}
}
@media(max-width:760px){
 .workspace{font-size:14px}
 .workspace .ws-header{height:64px;padding:0 16px}
 .workspace .workspace-content{padding:22px 16px 48px}
 .workspace .workspace-context{margin-bottom:20px}
 .workspace .grid2,.workspace .grid3,.workspace .grid4{grid-template-columns:1fr;gap:14px}
 .workspace .op-hero,.workspace .mail-heading{align-items:flex-start;flex-direction:column}
 .workspace .op-hero .btn,.workspace .mail-heading>.btn{width:100%}
 .workspace .panel-head,.workspace .op-section-head{align-items:flex-start;flex-direction:column;padding:17px}
 .workspace .panel-pad,.workspace .op-section{padding:17px}
 .workspace .table-wrap{margin:0;overflow:auto;-webkit-overflow-scrolling:touch}
 .workspace table{min-width:650px}
 .workspace .mail-shell{grid-template-columns:1fr;min-height:0}
 .workspace .mail-folders{border-right:0;border-bottom:1px solid var(--dw-line)}
 .workspace .finance-premium-kpis{grid-template-columns:1fr}
 .workspace .ai-premium-hero,.workspace .ti-hero{padding:24px 20px}
 .workspace .ai-premium-hero-copy,.workspace .ti-hero-copy{width:100%}
 .workspace .ai-premium-visual,.workspace .ti-hero-photo{display:none}
 .workspace .calendar-day{min-height:82px}
}
@media(max-width:520px){
 .workspace h1{font-size:26px}.workspace h2{font-size:19px}
 .workspace .btn{white-space:normal}
 .workspace .grid4{grid-template-columns:1fr}
 .workspace .ws-global-search{display:none}
 .workspace .workspace-content{padding-inline:14px}
 .workspace .op-metrics{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.workspace *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* Specification alignment — exact enterprise tokens and shared component contracts. */
.workspace{
  --dw-navy:#14263D;
  --dw-navy-dark:#0D1B2A;
  --dw-primary:#147D78;
  --dw-primary-hover:#106B66;
  --dw-primary-light:#E9F5F2;
  --dw-teal:#147D78;
  --dw-teal-dark:#106B66;
  --dw-bg:#F6F8FA;
  --dw-surface:#FFFFFF;
  --dw-surface-alt:#F1F5F9;
  --dw-surface-hover:#F3F7F8;
  --dw-ink:#172B40;
  --dw-text:#172B40;
  --dw-text-muted:#64748B;
  --dw-muted:#64748B;
  --dw-line:#E4E9ED;
  --dw-border:#E4E9ED;
  --dw-border-strong:#D7E0E5;
  --dw-divider:#EDF1F4;
  --dw-success:#166534;
  --dw-success-bg:#F0FDF4;
  --dw-warning:#92400E;
  --dw-warning-bg:#FFFBEB;
  --dw-danger:#B91C1C;
  --dw-danger-bg:#FEF2F2;
  --dw-info:#1D4ED8;
  --dw-info-bg:#EFF6FF;
  --dw-neutral:#475569;
  --dw-neutral-bg:#F1F5F9;
  --dw-radius-sm:6px;
  --dw-radius-md:8px;
  --dw-radius-lg:12px;
  --dw-radius-xl:14px;
  --dw-radius:12px;
  --dw-space-1:4px;
  --dw-space-2:8px;
  --dw-space-3:12px;
  --dw-space-4:16px;
  --dw-space-5:20px;
  --dw-space-6:24px;
  --dw-space-8:32px;
  --dw-space-10:40px;
  --dw-space-12:48px;
  --dw-space-16:64px;
  --dw-shadow-card:0 2px 10px rgba(20,38,61,.035);
  --dw-shadow:var(--dw-shadow-card);
  --dw-sidebar-collapsed:82px;
  --dw-sidebar-expanded:264px;
  --dw-header-height:76px;
  --dw-font:Inter,Manrope,system-ui,sans-serif;
  --dw-transition:160ms ease;
}
.workspace .workspace-body{overflow-x:clip}
.workspace .workspace-content{padding:32px;max-width:1680px}
.workspace .ws-header{height:var(--dw-header-height);padding-inline:32px;border-bottom-color:var(--dw-border);background:#fff}
.workspace .ws-global-search{width:min(100%,360px);max-width:360px;border-color:var(--dw-border-strong);background:var(--dw-surface)}
.workspace .ws-global-search:focus-within{border-color:var(--dw-primary);box-shadow:0 0 0 3px rgba(20,125,120,.12)}
.workspace :where(button,a,input,select,textarea,summary){transition-duration:160ms}
.workspace :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--dw-primary)!important;outline-offset:2px}
.workspace h1{font-size:30px;line-height:1.22;font-weight:700;color:var(--dw-navy)}
.workspace h2{font-size:22px;line-height:1.3;font-weight:650;color:var(--dw-navy)}
.workspace h3{font-size:16px;line-height:1.4;font-weight:650;color:var(--dw-navy)}
.workspace h4{font-size:14px;line-height:1.45;font-weight:650;color:var(--dw-navy)}
.workspace p{font-size:14px;line-height:1.6}
.workspace .small,.workspace small{font-size:13px;line-height:1.5}
.workspace .tiny{font-size:12px;line-height:1.45}
.workspace .workspace-context>span:last-child,
.workspace .op-kicker,.workspace .eyebrow{font-size:12px}
.workspace .op-hero,.workspace .mail-heading{margin-bottom:32px}
.workspace .op-hero h1,.workspace .mail-heading h1{font-size:30px;font-weight:700}
.workspace :where(.panel,.card,.op-section,.resource-card,.billing-plan,.billing-page .panel,.finance-performance,.business-health-card,.workspace-feature-slide,.ti-kpi,.document-card,.contractor-card){
  border:1px solid var(--dw-border);
  border-radius:var(--dw-radius-lg);
  background:var(--dw-surface);
  box-shadow:var(--dw-shadow-card);
}
.workspace :where(.panel,.card,.op-section,.resource-card,.billing-plan,.business-health-card,.document-card,.contractor-card):where(a,button,[tabindex]):hover,
.workspace :where(a.panel,a.card,button.card,.op-property-card):hover{border-color:var(--dw-border-strong);box-shadow:0 4px 16px rgba(20,38,61,.065)}
.workspace .panel-head,.workspace .op-section-head{padding:20px 24px;border-bottom-color:var(--dw-divider)}
.workspace .panel-pad,.workspace .op-section{padding:24px}
.workspace .grid2,.workspace .grid3,.workspace .grid4{gap:20px}
.workspace .btn{min-height:42px;padding:9px 18px;border-radius:var(--dw-radius-md);font-size:14px;font-weight:600}
.workspace .btn-primary{background:var(--dw-primary);border-color:var(--dw-primary)}
.workspace .btn-primary:hover{background:var(--dw-primary-hover);border-color:var(--dw-primary-hover)}
.workspace .btn-outline,.workspace .btn-secondary{background:#fff;border-color:var(--dw-border-strong);color:var(--dw-navy)}
.workspace .btn-outline:hover,.workspace .btn-secondary:hover{background:var(--dw-surface-hover);border-color:#BCCAD1}
.workspace .btn-danger{background:var(--dw-danger);border-color:var(--dw-danger);color:#fff}
.workspace .btn-sm{min-height:36px;font-size:13px;padding:7px 12px}
.workspace .label,.workspace label:not(.sidebar-link){font-size:13px;font-weight:600}
.workspace .input,.workspace input:not([type=checkbox]):not([type=radio]),.workspace textarea,.workspace select{
  min-height:44px;border-color:var(--dw-border-strong);border-radius:var(--dw-radius-md);font-size:14px
}
.workspace .input:focus,.workspace input:focus,.workspace textarea:focus,.workspace select:focus{
  border-color:var(--dw-primary);box-shadow:0 0 0 3px rgba(20,125,120,.12)
}
.workspace table{font-size:14px}
.workspace th{height:48px;padding:12px 16px;background:var(--dw-surface-alt);color:var(--dw-neutral);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.workspace td{height:56px;padding:14px 16px;font-size:13px;border-bottom-color:var(--dw-divider)}
.workspace td[data-type="currency"],.workspace .amount,.workspace .money{text-align:right;font-variant-numeric:tabular-nums}
.workspace tbody tr:hover td{background:var(--dw-surface-hover)}
.workspace .table-title{font-size:14px;font-weight:600}
.workspace .table-sub{font-size:13px}
.workspace .badge,.workspace .op-role,.workspace .op-status{font-size:12px;font-weight:600}
.workspace .badge.green,.workspace .badge.success,.workspace .status-success{background:var(--dw-success-bg);color:var(--dw-success)}
.workspace .badge.amber,.workspace .badge.warning,.workspace .status-warning{background:var(--dw-warning-bg);color:var(--dw-warning)}
.workspace .badge.red,.workspace .badge.danger,.workspace .status-danger{background:var(--dw-danger-bg);color:var(--dw-danger)}
.workspace .badge.blue,.workspace .badge.info,.workspace .status-info{background:var(--dw-info-bg);color:var(--dw-info)}
.workspace .badge.grey,.workspace .badge.neutral,.workspace .status-neutral{background:var(--dw-neutral-bg);color:var(--dw-neutral)}
.workspace :where(.modal,.modal-card){width:min(600px,calc(100vw - 32px));max-height:calc(100svh - 32px);border-radius:var(--dw-radius-xl);overflow:auto}
.workspace :where(.modal-sm,.modal-card-sm){width:min(440px,calc(100vw - 32px))}
.workspace :where(.modal-lg,.modal-card-lg){width:min(820px,calc(100vw - 32px))}
.workspace .modal-backdrop{background:rgba(13,27,42,.48)}
.workspace .notification-panel,.workspace [data-notification-panel]{width:min(410px,calc(100vw - 24px));max-height:min(720px,calc(100svh - 92px));overflow:auto}
.workspace .op-metrics{gap:16px}
.workspace .op-metric{min-height:150px;padding:24px}
.workspace .op-metric strong,.workspace .finance-premium-kpi-value,.workspace .kpi-value{font-size:clamp(30px,2.5vw,34px);font-weight:700}
.workspace .op-metric div>span,.workspace .op-metric small{font-size:13px}
.workspace .op-property-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.workspace .op-property-card{border-radius:12px;box-shadow:var(--dw-shadow-card);overflow:hidden}
.workspace .op-property-image,.workspace .op-property-photo{aspect-ratio:16/10}
.workspace .mail-shell{grid-template-columns:230px 340px minmax(0,1fr);border-radius:12px}
.workspace .mail-folder{font-size:13px}
.workspace .mail-folder.active{background:var(--dw-primary-light);color:var(--dw-primary-hover)}
.workspace .finance-premium-kpi{min-height:160px;padding:24px;border-radius:12px}
.workspace .finance-premium-kpi-value{font-variant-numeric:tabular-nums}
.workspace .ai-premium-hero,.workspace .ti-hero{background:#fff;border-color:var(--dw-border);box-shadow:var(--dw-shadow-card)}
.workspace .ai-premium-hero:before,.workspace .ti-hero:after{opacity:.06}
.workspace .ai-premium-hero h1,.workspace .ti-hero h1{font-size:30px}
.workspace .settings-layout,.workspace .op-settings-layout{grid-template-columns:minmax(210px,260px) minmax(0,720px);gap:24px;align-items:start}
.workspace .settings-nav,.workspace .op-settings-nav{position:sticky;top:calc(var(--dw-header-height) + 24px)}
.workspace .billing-plan{padding:24px}
.workspace .billing-plan-featured{border-color:var(--dw-primary);box-shadow:0 0 0 1px var(--dw-primary),var(--dw-shadow-card)}
.workspace .calendar-day{background:#fff;border-color:var(--dw-divider)}
.workspace .calendar-day.is-today,.workspace .calendar-day.today{background:var(--dw-primary-light);box-shadow:inset 0 0 0 1px var(--dw-primary)}
.workspace .workspace-provider-banner{border-radius:12px}
@media(min-width:901px){
  .workspace .sidebar.dw-rail{width:var(--dw-sidebar-collapsed)!important;min-width:var(--dw-sidebar-collapsed)!important;flex-basis:var(--dw-sidebar-collapsed)!important;background:var(--dw-navy)}
  .workspace .sidebar.dw-rail.dw-rail-expanded{width:var(--dw-sidebar-expanded)!important;min-width:var(--dw-sidebar-expanded)!important;flex-basis:var(--dw-sidebar-expanded)!important;margin-right:-182px}
  .workspace .sidebar.dw-rail .sidebar-link{position:relative;font-size:13px;font-weight:500}
  .workspace .sidebar.dw-rail .sidebar-link:hover{background:rgba(255,255,255,.07)}
  .workspace .sidebar.dw-rail .sidebar-link.active{background:rgba(20,125,120,.18);color:#fff}
  .workspace .sidebar.dw-rail .sidebar-link.active svg{color:#A8E0D5}
  .workspace .sidebar.dw-rail .sidebar-link.active:before{content:"";position:absolute;left:-11px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#7CD0B9}
  .workspace .sidebar.dw-rail.dw-rail-expanded .sidebar-link.active:before{left:-15px}
}
@media(max-width:1200px){
  .workspace .workspace-content{padding:28px 24px 60px}
  .workspace .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace .op-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace .mail-shell{grid-template-columns:210px 320px minmax(0,1fr)}
}
@media(max-width:900px){
  .workspace .ws-header{height:68px;padding-inline:24px}
  .workspace .workspace-content{padding:24px}
  .workspace .mail-shell{grid-template-columns:minmax(0,1fr)}
  .workspace .settings-layout,.workspace .op-settings-layout{grid-template-columns:1fr}
  .workspace .settings-nav,.workspace .op-settings-nav{position:static}
}
@media(max-width:600px){
  .workspace .ws-header{height:64px;padding-inline:16px}
  .workspace .workspace-content{padding:20px 16px 48px}
  .workspace h1,.workspace .op-hero h1,.workspace .mail-heading h1,.workspace .ai-premium-hero h1,.workspace .ti-hero h1{font-size:26px}
  .workspace h2{font-size:20px}
  .workspace .grid2,.workspace .grid3,.workspace .grid4,.workspace .op-property-grid{grid-template-columns:1fr;gap:16px}
  .workspace .panel-head,.workspace .op-section-head,.workspace .panel-pad,.workspace .op-section{padding:16px}
  .workspace .btn{max-width:100%}
  .workspace .op-metric{min-height:132px;padding:20px}
  .workspace table{min-width:620px}
  .workspace .notification-panel,.workspace [data-notification-panel]{width:calc(100vw - 24px)}
  .workspace :where(.modal,.modal-card,.modal-sm,.modal-card-sm,.modal-lg,.modal-card-lg){width:calc(100vw - 24px);max-height:calc(100svh - 24px)}
}
@media(max-width:390px){
  .workspace .workspace-content{padding-inline:14px}
  .workspace .ws-header{padding-inline:12px}
  .workspace .btn{font-size:13px;padding-inline:14px}
}