/* Full preview presentation, using the original forms and processing paths. */
body.cs-preview { --bg:#f5f7fb;--text:#1c3048;--muted:#6a7c91;--line:#e1e8f0;--primary:#286bd8;--primary-strong:#1e55b4; font-size:14px;line-height:1.5; }
body.cs-preview .shell { grid-template-columns:230px minmax(0,1fr); }
body.cs-preview .shell > .main { padding:0 34px 34px; }
body.cs-preview .sidebar { background:#132d50!important; padding:30px 18px 18px!important; gap:30px; }
body.cs-preview .sidebar .nav-modern { gap:32px; }
body.cs-preview .sidebar .nav a { min-height:46px;padding:12px 14px;font-size:13px;color:#b4c5db; }
body.cs-preview .sidebar .nav a.active { background:#286bd8;color:#fff; }
body.cs-preview .sidebar .nav-group-label { font-size:10px;letter-spacing:.13em;color:#8098b5; }
body.cs-preview .sidebar .brand-logo-image { display:none!important; }
body.cs-preview .sidebar .brand { height:42px!important;min-height:42px!important;justify-content:flex-start!important;margin:0; }
body.cs-preview .cs-brand-word { display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;text-decoration:none;color:#fff; }
body.cs-preview .cs-brand-word i { width:36px;height:36px;border-radius:10px;background:#3279e5;display:grid;place-items:center;color:#fff; }
body.cs-preview .sidebar .cs-brand-word span { color:#fff;font-size:23px; }
body.cs-preview .cs-brand-word em { color:#84baff;font-style:normal; }
body.cs-preview .sidebar-footer { margin-top:auto; }
body.cs-preview .cs-workspace-bar { min-height:76px;display:flex;align-items:center;gap:18px;margin:0 -34px 20px;padding:16px 34px;border-bottom:1px solid var(--line);background:#fff; }
body.cs-preview .cs-workspace-context { display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;color:#60758d; }
body.cs-preview .cs-workspace-context span { max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
body.cs-preview .cs-workspace-context i { color:#9aabba;font-style:normal; }
body.cs-preview .cs-workspace-context strong { font-weight:600;white-space:nowrap; }
body.cs-preview .cs-global-search { position:relative;max-width:380px;min-width:200px;flex:1;margin-left:auto; }
body.cs-preview .cs-global-search input { display:block;width:100%;min-height:37px;padding:8px 50px 8px 14px;background:#f6f8fb;border-color:#edf0f4;font-size:12px; }
body.cs-preview .cs-global-search kbd { position:absolute;right:12px;top:10px;color:#8492a4;font-size:11px;font-family:inherit; }
body.cs-preview .cs-search-results { position:absolute;left:0;right:0;top:44px;z-index:60;padding:6px;max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 30px #102f5320; }
body.cs-preview .cs-search-results p { padding:12px;margin:0;font-size:12px;color:var(--muted); }
body.cs-preview .cs-search-result { display:flex;align-items:center;padding:10px;border-radius:7px;text-decoration:none;color:var(--text); }
body.cs-preview .cs-search-result:hover,body.cs-preview .cs-search-result:focus { background:#edf3ff; }
body.cs-preview .cs-search-result strong,body.cs-preview .cs-search-result small { display:block;font-size:12px;font-weight:600; }
body.cs-preview .cs-search-result small { margin-top:3px;font-size:10px;font-weight:400;color:var(--muted); }
body.cs-preview .cs-avatar { display:grid;place-items:center;width:34px;height:34px;flex:none;background:#e8eef8;border:1px solid #dae3f1;border-radius:50%;color:#445c7b;font-size:12px;font-weight:650; }
body.cs-preview .cs-account-menu { position:relative;flex:none; }
body.cs-preview .cs-account-menu > summary { display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;list-style:none; }
body.cs-preview .cs-account-menu > summary::-webkit-details-marker { display:none; }
body.cs-preview .cs-account-dropdown { position:absolute;right:0;top:50px;z-index:70;width:230px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 26px #15355120; }
body.cs-preview .cs-account-dropdown strong,body.cs-preview .cs-account-dropdown small { display:block;font-size:12px; }
body.cs-preview .cs-account-dropdown small { color:var(--muted);font-size:11px;margin:4px 0 12px; }
body.cs-preview .cs-account-dropdown a,body.cs-preview .cs-account-dropdown button { display:flex;width:100%;align-items:center;gap:8px;padding:11px 5px;border:0;background:#fff;text-align:left;font-size:12px;color:var(--text);text-decoration:none; }
body.cs-preview .cs-test-banner { font-size:10px;margin-bottom:18px; }
body.cs-preview .topbar { margin-bottom:26px!important;border:0;padding:0; }
body.cs-preview .topbar h1 { font-size:29px!important;font-weight:750;letter-spacing:-.7px; }
body.cs-preview .topbar p { font-size:13px;margin-top:7px; }
body.cs-preview .cs-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
body.cs-preview .primary-button,body.cs-preview .secondary-button,body.cs-preview .bo-button { font-size:12px;min-height:42px;border-radius:8px;font-weight:650; }
body.cs-preview .primary-button { background:#286bd8;border-color:#286bd8; }
body.cs-preview .primary-button:hover { background:#1e55b4; }
body.cs-preview .panel,body.cs-preview .cs-preview-card { border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 15px #15385c06; }
body.cs-preview .cs-preview-card { padding:22px;margin-bottom:20px; }
body.cs-preview .cs-preview-card h2 { margin:0;font-size:18px;font-weight:650;letter-spacing:-.3px; }
body.cs-preview .cs-preview-card h3 { font-size:14px;font-weight:650; }
body.cs-preview .cs-preview-card > p,body.cs-preview .cs-preview-card header p { margin:5px 0 18px;color:var(--muted);font-size:12px; }
body.cs-preview .cs-preview-card header { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px; }
body.cs-preview .cs-preview-card header p { margin:4px 0 0; }
body.cs-preview .cs-preview-card header a { font-size:12px;text-decoration:none;white-space:nowrap; }
body.cs-preview .cs-preview-tabs { display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0 0 24px;border-bottom:1px solid var(--line);padding:0; }
body.cs-preview .cs-preview-tabs a { display:block;min-height:46px;padding:10px 2px;color:#6a7c91;border-bottom:2px solid transparent;font-size:12px;font-weight:550;text-decoration:none; }
body.cs-preview .cs-preview-tabs a[aria-selected=true],body.cs-preview .cs-preview-tabs a[aria-current=page] { color:#286bd8;border-color:#286bd8; }
body.cs-preview .cs-business-sections { display:grid!important;position:static!important;grid-template-columns:repeat(4,minmax(0,1fr));inset:auto;gap:3px;width:100%;padding:4px;margin:0 0 22px;border:1px solid var(--line);border-radius:9px;background:#edf1f7;box-shadow:none;transform:none; }
body.cs-preview .cs-business-sections a { display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px;color:#6a7c91;font-size:12px;font-weight:550;border-radius:6px;text-decoration:none; }
body.cs-preview .cs-business-sections a svg { width:17px;height:17px; }
body.cs-preview .cs-business-sections a[aria-current=page] { color:#286bd8;background:#fff; }
body.cs-preview .cs-key-values { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:20px 0 24px; }
body.cs-preview .cs-key-values strong,body.cs-preview .cs-key-values small,body.cs-preview .cs-key-values span { display:block; }
body.cs-preview .cs-key-values small { color:var(--muted);font-size:11px;margin-bottom:6px; }
body.cs-preview .cs-key-values strong { color:var(--text);font-size:15px;font-weight:650; }
body.cs-preview .cs-key-values span { color:var(--muted);font-size:11px;margin-top:4px; }
body.cs-preview .cs-page-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:20px; }
body.cs-preview .cs-table-scroll { max-width:100%;overflow:auto; }
body.cs-preview .cs-table { width:100%;border-collapse:collapse;font-size:12px;text-align:left; }
body.cs-preview .cs-table th { padding:12px;background:#f9fbfd;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap; }
body.cs-preview .cs-table td { padding:15px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle; }
body.cs-preview .cs-table a { color:#286bd8;text-decoration:none;font-weight:600; }
body.cs-preview .cs-data-row { display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f6; }
body.cs-preview .cs-data-row:last-child { border-bottom:0; }
body.cs-preview .cs-data-row strong,body.cs-preview .cs-data-row small { display:block; }
body.cs-preview .cs-data-row strong { font-size:13px;font-weight:650; }
body.cs-preview .cs-data-row small { margin-top:4px;color:var(--muted);font-size:11px; }
body.cs-preview .cs-data-row > span:last-child { margin-left:auto;text-align:right; }
body.cs-preview .cs-row-icon { width:36px;height:36px;flex:none;display:grid;place-items:center;background:#edf3ff;color:#4f7cb8;border-radius:9px; }
body.cs-preview .cs-row-grow { flex:1;min-width:0; }
body.cs-preview .cs-muted { color:var(--muted);font-size:12px;font-weight:400; }
body.cs-preview .cs-page-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px; }
body.cs-preview .cs-page-heading h1 { margin:0;font-size:29px;line-height:1.25;letter-spacing:-.8px;font-weight:750; }
body.cs-preview .cs-page-heading p { margin:7px 0 0;color:var(--muted);font-size:13px; }
body.cs-preview .cs-eyebrow { display:block;text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:.12em;color:#286bd8;margin-bottom:6px; }
body.cs-preview .cs-date-pill { display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#60758d;font-size:11px;white-space:nowrap; }
body.cs-preview.cs-dashboard .topbar { display:none; }
body.cs-preview .cs-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px; }
body.cs-preview .cs-metric { position:relative;display:block;min-height:132px;padding:21px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 15px #15385c06;color:var(--text);text-decoration:none; }
body.cs-preview .cs-metric span,body.cs-preview .cs-metric small,body.cs-preview .cs-metric strong { display:block; }
body.cs-preview .cs-metric span { padding-right:22px;font-size:12px;color:var(--muted);white-space:normal; }
body.cs-preview .cs-metric strong { font-size:29px;font-weight:750;margin:10px 0 5px; }
body.cs-preview .cs-metric small { color:#8594a6;font-size:10px; }
body.cs-preview .cs-metric i { position:absolute;top:21px;right:21px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf3ff;color:#286bd8; }
body.cs-preview .cs-metric.amber i { background:#fff5e5;color:#a26b1b; }
body.cs-preview .cs-metric.green i { background:#edf8f3;color:#158060; }
body.cs-preview .cs-dashboard-columns { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:23px; }
body.cs-preview .cs-empty { text-align:center;padding:36px 12px; }
body.cs-preview .cs-empty h3 { font-size:15px; }
body.cs-preview .cs-empty p { font-size:12px;color:var(--muted);margin:7px 0 16px; }
body.cs-preview .cs-attention { padding:21px;border:1px solid #edd6ad;border-radius:12px;background:#fff8ed;margin-bottom:20px; }
body.cs-preview .cs-attention h3 { margin:0;font-size:14px;font-weight:650;color:#8b6228; }
body.cs-preview .cs-attention p { color:#8b7658;font-size:12px;margin:9px 0; }
body.cs-preview .cs-attention a { font-size:12px;font-weight:600;color:#9a6e2c;text-decoration:none; }
body.cs-preview .cs-activity { display:flex;gap:14px;padding:16px 0;text-decoration:none;color:var(--text); }
body.cs-preview .cs-activity i { width:7px;height:7px;margin-top:6px;flex:none;border-radius:50%;background:#70a197; }
body.cs-preview .cs-activity strong,body.cs-preview .cs-activity small { display:block;font-size:12px;font-weight:550; }
body.cs-preview .cs-activity small { margin-top:5px;color:#8b9bad;font-size:10px;font-weight:400; }
body.cs-preview .cs-finance-big { display:block;font-size:29px;font-weight:750;margin:9px 0 20px; }
body.cs-preview .cs-stacked-bar { height:9px;border-radius:8px;background:#b5cff4;overflow:hidden;margin-bottom:20px; }
body.cs-preview .cs-stacked-bar i { display:block;height:100%;background:#47a48b; }
body.cs-preview .cs-money-row { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6;text-decoration:none;color:var(--text);font-size:12px; }
body.cs-preview .cs-money-row strong { font-weight:650; }
body.cs-preview .cs-money-row small { display:block;color:var(--muted);font-size:10px;margin-top:4px; }
body.cs-preview .cs-wide { width:100%;margin-top:18px; }
body.cs-preview .cs-quick-links { display:grid;gap:9px; }
body.cs-preview .cs-quick-links a { justify-content:flex-start; }
body.cs-preview .cs-money-switch .dash-pro-tab-labels { margin:10px 0 20px;border:1px solid var(--line);border-radius:8px;background:#f5f7fb;padding:3px; }
body.cs-preview .cs-money-switch .dash-pro-tab-labels label { font-size:11px;min-height:36px; }
body.cs-preview .cs-grid-tools { display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:16px; }
body.cs-preview .cs-grid-tools label { display:flex;align-items:center;gap:9px;font-size:12px; }
body.cs-preview .cs-grid-legend { display:flex;flex-wrap:wrap;gap:19px;margin-bottom:18px;color:var(--muted);font-size:11px; }
body.cs-preview .cs-grid-legend span { display:flex;align-items:center;gap:7px; }
body.cs-preview .cs-grid-legend i { width:7px;height:7px;display:inline-block;border-radius:50%; }
body.cs-preview .cs-grid-legend i.paid { background:#47a48b; }
body.cs-preview .cs-grid-legend i.open { background:#d6a04c; }
body.cs-preview .cs-grid-payment-link { margin-top:14px;width:100%; }
body.cs-preview .mobile-app-nav { z-index:45!important;bottom:0!important;left:0!important;right:0!important;border-radius:0!important; }
body.cs-preview.settings-page .settings-hero { display:none; }
body.cs-preview.settings-page .cs-settings-nav { float:left;position:sticky;top:20px;display:flex;flex-direction:column;align-items:stretch;gap:5px;width:205px;border:0;margin:0;padding:0 15px 20px 0; }
body.cs-preview.settings-page .cs-settings-nav a { border:0;min-height:44px;padding:12px 13px;border-radius:8px; }
body.cs-preview.settings-page .cs-settings-nav a[aria-selected=true] { background:#e6eefb;color:#286bd8; }
body.cs-preview.settings-page .main > [data-cs-group="settings"] { margin-left:226px;width:auto; }
body.cs-preview.settings-page .settings-grid { grid-template-columns:minmax(0,1fr); }
body.cs-preview.settings-page .settings-master-panel { background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:none; }
body.cs-preview.settings-page .settings-master-panel > summary { padding:20px 22px;color:var(--text);background:#fff;border-bottom:1px solid var(--line);font-weight:650; }
body.cs-preview.settings-page .settings-master-panel > summary strong { font-size:18px;font-weight:650; }
body.cs-preview.settings-page .settings-master-form { padding:22px; }
body.cs-preview .customer-edit-hero,body.cs-preview .business-object-summary { border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none;padding:20px; }
body.cs-preview .customer-edit-hero strong { font-weight:650;font-size:20px; }
body.cs-preview .customer-fold { background:#fff;border-radius:0;border:0;border-bottom:1px solid var(--line); }
body.cs-preview .customer-fold > summary { background:#fff;font-weight:650;padding:18px 20px; }
body.cs-preview .customer-fold .form-grid { padding:0 20px 20px; }
body.cs-preview .business-object-actions { display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px; }
body.cs-preview .cs-planning-toolbar { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px; }
body.cs-preview .cs-planning-toolbar strong,body.cs-preview .cs-planning-toolbar span { display:block; }
body.cs-preview .cs-planning-toolbar strong { font-size:14px;font-weight:650; }
body.cs-preview .cs-planning-toolbar span { color:var(--muted);font-size:11px;margin-top:5px; }
body.cs-preview .cs-segmented { display:flex;gap:2px;flex:none;border:1px solid var(--line);border-radius:8px;background:#eef2f7;padding:3px; }
body.cs-preview .cs-segmented button { border:0;border-radius:5px;background:transparent;min-height:36px;padding:7px 14px;font-size:12px;color:var(--muted); }
body.cs-preview .cs-segmented button[aria-pressed=true] { color:var(--text);background:#fff;box-shadow:0 1px 5px #1433520c;font-weight:600; }
body.cs-preview .planning-work-filter { display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 20px; }
body.cs-preview .planning-work-filter > strong { color:var(--muted);font-size:12px;font-weight:600; }
@media print { body.cs-preview .planning-work-filter { display:none!important; } }
@media (max-width:480px) {
  body.cs-preview .planning-work-filter { gap:8px; }
  body.cs-preview .planning-work-filter .cs-segmented { width:100%; }
  body.cs-preview .planning-work-filter button { flex:1;padding:7px 9px; }
}
body.cs-preview .cs-week-heading { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px; }
body.cs-preview .cs-week-heading h2 { margin:0;font-size:18px;font-weight:650; }
body.cs-preview .cs-week-heading p { font-size:12px;color:var(--muted); }
body.cs-preview .cs-week-heading nav { display:flex;gap:6px; }
body.cs-preview .cs-week-strip,body.cs-preview .cs-week-board { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:20px; }
body.cs-preview .cs-week-strip button { display:block;text-align:left;padding:13px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;height:auto;min-height:90px; }
body.cs-preview .cs-week-strip button strong,body.cs-preview .cs-week-strip button small,body.cs-preview .cs-week-strip button span { display:block; }
body.cs-preview .cs-week-strip button small { color:var(--muted);font-size:11px; }
body.cs-preview .cs-week-strip button strong { font-size:22px;font-weight:700;margin:4px 0; }
body.cs-preview .cs-week-strip button span { color:var(--muted);font-size:10px; }
body.cs-preview .cs-week-strip button[aria-pressed=true] { background:#286bd8;border-color:#286bd8;color:#fff; }
body.cs-preview .cs-week-strip button[aria-pressed=true] small,body.cs-preview .cs-week-strip button[aria-pressed=true] span { color:#d1e2ff; }
body.cs-preview .cs-week-column { min-width:0;border:1px solid var(--line);border-radius:10px;background:#edf1f7;padding:10px; }
body.cs-preview .cs-week-column h3 { margin:0 0 12px;font-size:12px;color:#65758b;font-weight:600; }
body.cs-preview .cs-week-event { display:block;padding:12px 10px;margin-bottom:8px;background:#fff;border:1px solid var(--line);border-left:3px solid #82a7dc;border-radius:7px;text-decoration:none;color:var(--text); }
body.cs-preview .cs-week-event.business { border-left-color:#72ac9a; }
body.cs-preview .cs-week-event.not_performed,
.calendar-event.not_performed { background:#f3f4f6;color:#505967;border-color:#c7ccd3;border-style:dashed; }
.planning-event-entry { position:relative;min-width:0; }
.planning-move-hint { margin:0 16px 12px;color:#66758a;font-size:12px; }
#planning-calendar .planning-event-entry.has-move-action { cursor:grab; }
#planning-calendar .planning-event-entry.has-move-action > .calendar-event { padding-right:30px;min-height:58px; }
#planning-calendar .planning-event-entry.is-dragging { opacity:.45; }
#planning-calendar .calendar-day.is-drop-target { outline:2px solid #3576d3;outline-offset:-2px;background:#e9f2ff; }
body.planning-page .planning-move-button { position:absolute;right:2px;top:27px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#64758c;cursor:grab; }
#planning-calendar .has-move-action > .planning-skip-form { right:2px;top:2px; }
body.planning-page #planning-calendar .has-move-action .planning-skip-button { width:24px;height:24px;min-width:24px;min-height:24px; }
body.planning-page .planning-move-button:hover { background:#e5efff;color:#245fba; }
body.planning-page .planning-move-button:focus-visible { outline:2px solid #286bd8;outline-offset:2px; }
body.planning-page .planning-move-button svg { pointer-events:none; }
.planning-move-dialog label { display:grid;gap:8px;font-weight:600; }
.planning-move-dialog input[type=date] { min-height:42px;width:100%;padding:10px;border:1px solid #ccd5e1;border-radius:7px; }
body.cs-preview .planning-event-entry .cs-week-event { margin-bottom:0; }
.cs-week-column .planning-event-entry { margin-bottom:8px; }
.planning-event-entry.has-skip-action > .calendar-event,
body.cs-preview .planning-event-entry.has-skip-action > .cs-week-event { padding-right:38px; }
.planning-skip-form { margin:0;min-width:0; }
.planning-event-entry > .planning-skip-form { position:absolute;right:4px;top:5px; }
body.planning-page .planning-skip-button { display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#738092;cursor:pointer; }
body.planning-page .planning-skip-button:hover { color:#a33232;background:#fff0f0;border-color:#e9cccc; }
body.planning-page .planning-skip-button:focus-visible { outline:2px solid #286bd8;outline-offset:2px; }
body.planning-page .planning-skip-button svg { flex:none;pointer-events:none; }
body.planning-page .planning-card-quick-actions .planning-skip-form { flex:none;width:32px;margin:0; }
body.planning-page .planning-card-quick-actions .planning-skip-button { width:32px;height:32px; }
@media (max-width:900px) {
  body.planning-page .planning-card-quick-actions:has(.planning-skip-form) { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; }
}
body.cs-preview .cs-week-event strong,body.cs-preview .cs-week-event span,body.cs-preview .cs-week-event small,body.cs-preview .cs-week-event em { display:block;overflow-wrap:anywhere; }
body.cs-preview .cs-week-event strong { font-size:12px;margin:6px 0;font-weight:650; }
body.cs-preview .cs-week-event small,body.cs-preview .cs-week-event span,body.cs-preview .cs-week-event em { font-size:10px;color:var(--muted);font-style:normal; }
body.cs-preview .cs-week-event em { margin-top:12px; }
body.cs-preview .cs-week-empty { font-size:11px;color:#8896a5;text-align:center;padding:15px 3px; }
body.cs-preview .planning-workday-hero { padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none; }
body.cs-preview .planning-workday-hero strong { font-size:22px;font-weight:650; }
body.cs-preview .planning-workday-tabs button { border-radius:7px;font-weight:550; }
body.cs-preview .planning-card { box-shadow:none;border-radius:11px;background:#fff; }
body.cs-preview .cs-worklist-dialog { width:640px;max-width:calc(100% - 28px);max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:#fff;overflow:auto;box-shadow:0 20px 70px #15355140; }
body.cs-preview .cs-worklist-dialog::backdrop { background:#102b4860; }
body.cs-preview .cs-dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px; }
body.cs-preview .cs-dialog-heading h2 { margin:0;font-size:20px;font-weight:650; }
body.cs-preview .cs-dialog-heading span { color:#286bd8;font-size:10px;text-transform:uppercase;letter-spacing:.1em; }
body.cs-preview .cs-worklist-dialog footer { display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line); }
body.cs-preview .cs-check-row { display:flex;align-items:flex-start;gap:12px;min-height:56px;padding:14px 0;border-bottom:1px solid var(--line); }
body.cs-preview .cs-check-row input { width:19px;height:19px;margin:2px 0;accent-color:#286bd8;flex:none; }
body.cs-preview .cs-check-row strong,body.cs-preview .cs-check-row small { display:block;font-size:13px; }
body.cs-preview .cs-check-row small { font-size:11px;color:var(--muted);margin-top:4px;font-weight:400; }
body.cs-preview .cs-check-progress { display:block;margin:14px 0;color:#286bd8;font-size:13px;font-weight:600; }
body.cs-preview #cs-new-message-form > label { display:block;margin:16px 0 8px;font-size:13px; }
body.cs-preview #cs-new-message-form > input:not([type=hidden]),body.cs-preview #cs-new-message-form textarea { width:100%;padding:11px 12px; }
body.cs-preview .cs-compose-result { display:block;width:100%;border:0;background:#edf3ff;text-align:left;padding:12px;margin-top:6px;border-radius:7px;color:#286bd8; }
body.cs-preview #cs-plan-picker > label { display:block;font-size:13px;margin:16px 0 8px; }
body.cs-preview #cs-plan-search { width:100%;padding:11px 12px; }
body.cs-preview .cs-communication-actions { display:flex;justify-content:flex-end;margin:-10px 0 18px; }
body.cs-preview .cs-chat-filters { padding:14px 16px;border-bottom:1px solid var(--line); }
body.cs-preview .cs-chat-filters input { width:100%;padding:10px 12px;font-size:12px; }
body.cs-preview .cs-chat-filters > div { display:flex;gap:4px;margin-top:10px; }
body.cs-preview .cs-chat-filters button { flex:1;min-height:36px;padding:7px 5px;border:0;border-radius:6px;background:#f3f6fa;color:#6a7c91;font-size:11px; }
body.cs-preview .cs-chat-filters button[aria-pressed=true] { background:#e5eefc;color:#286bd8;font-weight:600; }
body.cs-preview .cs-chat-no-results { padding:20px;font-size:12px;color:var(--muted); }
body.cs-preview .cs-follow-button { order:5;margin-left:auto;font-size:11px;padding:8px; }
body.cs-preview .cs-more-actions { position:relative;margin-left:auto; }
body.cs-preview .cs-more-actions > summary { padding:10px 14px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;list-style:none; }
body.cs-preview .cs-more-actions > form { position:absolute;right:0;top:48px;z-index:20;min-width:180px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 24px #15355115; }
body.cs-preview .cs-invoice-send { color:var(--muted);font-size:11px; }
body.cs-preview .chat-shell { border-radius:14px;height:calc(100dvh - 300px);min-height:480px; }
body.cs-preview .chat-list-head strong { font-size:18px;font-weight:650; }
body.cs-preview .chat-header { padding:18px; }
body.cs-preview .chat-compose textarea { padding:12px;font-size:13px; }
body.cs-preview .chat-compose button { background:#286bd8;color:#fff;border-radius:8px;font-size:12px;font-weight:600;min-height:42px; }
body.cs-preview.administration-page .admin-pro-kpi { position:relative;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:none; }
body.cs-preview.administration-page .admin-pro-kpi > div { min-width:0;width:100%; }
body.cs-preview.administration-page .admin-pro-kpi i { position:absolute;top:14px;right:12px;width:32px;height:32px; }
body.cs-preview.administration-page .admin-pro-kpi span { min-height:36px;padding-right:38px; }
body.cs-preview.administration-page .admin-pro-kpi strong { font-size:29px;font-weight:700; }
body.cs-preview.administration-page .admin-pro-kpi span,body.cs-preview.administration-page .admin-pro-kpi em { font-size:12px;font-weight:400; }
body.cs-preview.administration-page .admin-pro-overview-grid > *,body.cs-preview.administration-page .admin-pro-board > * { border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:none; }
@media(min-width:1181px) and (max-width:1399px) {
  body.cs-preview.administration-page .admin-pro-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body.cs-preview.administration-page .admin-pro-date { grid-column:1 / -1;justify-content:flex-end; }
}
@media(max-width:1100px) {
  body.cs-preview .shell > .main { padding:0 24px calc(110px + env(safe-area-inset-bottom)); }
  body.cs-preview .cs-workspace-bar { margin:0 -24px 18px;padding:16px 24px; }
  body.cs-preview .cs-dashboard-columns { grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr); }
  body.cs-preview .cs-workspace-context span { max-width:130px; }
}
@media(max-width:900px) {
  body.cs-preview .cs-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.cs-preview .cs-dashboard-columns { grid-template-columns:minmax(0,1fr); }
  body.cs-preview .cs-key-values { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.cs-preview.settings-page .cs-settings-nav { float:none;position:static;flex-direction:row;flex-wrap:wrap;width:100%;padding:0;margin-bottom:20px;gap:4px; }
  body.cs-preview.settings-page .main > [data-cs-group="settings"] { margin-left:0; }
  body.cs-preview .cs-week-board { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  body.cs-preview.administration-page .admin-pro-kpi strong { font-size:20px; }
  body.cs-preview .shell > .main { padding:0 16px calc(110px + env(safe-area-inset-bottom)); }
  body.cs-preview.business-page .shell > .main { padding:0 16px calc(110px + env(safe-area-inset-bottom))!important; }
  body.cs-preview .cs-workspace-bar { flex-wrap:wrap;gap:12px;margin:0 -16px 18px;padding:14px 16px;min-height:0; }
  body.cs-preview .cs-workspace-context { flex:1;max-width:calc(100% - 48px); }
  body.cs-preview .cs-workspace-context strong { overflow:hidden;text-overflow:ellipsis; }
  body.cs-preview .cs-global-search { flex:1 1 100%;min-width:0;max-width:none;order:3; }
  body.cs-preview .cs-avatar { margin-left:auto; }
  body.cs-preview .topbar h1 { font-size:24px!important; }
  body.cs-preview .topbar { margin-bottom:20px!important;gap:10px; }
  body.cs-preview .cs-preview-tabs { flex-wrap:nowrap;overflow:auto;gap:18px;max-width:100%; }
  body.cs-preview .cs-preview-tabs a { flex:none;white-space:nowrap; }
  body.cs-preview .cs-business-sections a { font-size:11px; }
  body.cs-preview .cs-business-sections a svg { display:none; }
  body.cs-preview .cs-preview-card { padding:18px;margin-bottom:18px; }
  body.cs-preview .cs-preview-card h2 { font-size:16px; }
  body.cs-preview .cs-page-heading { display:block; }
  body.cs-preview .cs-page-heading h1 { font-size:26px; }
  body.cs-preview .cs-page-heading .cs-date-pill { margin-top:14px; }
  body.cs-preview .cs-metrics { gap:11px; }
  body.cs-preview .cs-metric { padding:16px;min-height:140px; }
  body.cs-preview .cs-metric span { padding-right:0;font-size:11px; }
  body.cs-preview .cs-metric i { display:none; }
  body.cs-preview .cs-key-values { gap:18px; }
  body.cs-preview .cs-key-values strong { font-size:13px;overflow-wrap:anywhere; }
  body.cs-preview .cs-data-row { flex-wrap:wrap; }
  body.cs-preview .cs-grid-tools { justify-content:flex-start; }
  body.cs-preview .cs-grid-tools label { flex:1; }
  body.cs-preview .cs-grid-tools select { max-width:180px; }
  body.cs-preview .cs-grid-legend { gap:11px;font-size:10px; }
  body.cs-preview .cs-planning-toolbar { flex-wrap:wrap;gap:15px; }
  body.cs-preview .cs-week-heading { display:block; }
  body.cs-preview .cs-week-heading nav { margin-top:15px; }
  body.cs-preview .cs-week-heading nav a { padding:8px;font-size:11px; }
  body.cs-preview .cs-week-strip { display:flex;overflow:auto;max-width:100%; }
  body.cs-preview .cs-week-strip button { flex:0 0 94px; }
  body.cs-preview .cs-week-board { grid-template-columns:1fr; }
  body.cs-preview .cs-worklist-dialog { padding:20px; }
  body.cs-preview .cs-worklist-dialog footer { flex-wrap:wrap; }
  body.cs-preview .cs-worklist-dialog footer > * { flex:1; }
  body.cs-preview .cs-follow-button { order:0;margin-left:0; }
  body.cs-preview .bo-invoice-table .cs-invoice-send { grid-column:1 / -1;grid-row:4; }
  body.cs-preview .bo-invoice-table .cs-invoice-send::before { content:'Verzendstatus: ';color:var(--muted); }
  body.cs-preview .bo-invoice-table .invoice-register-actions { grid-row:5!important; }
  body.cs-preview .chat-header { flex-wrap:wrap; }
  body.cs-preview .chat-shell { height:calc(100dvh - 270px);min-height:440px; }
  body.cs-preview.settings-page .cs-settings-nav { flex-wrap:nowrap; }
  body.cs-preview.settings-page .settings-master-form { padding:18px; }
  body.cs-preview.settings-page .settings-master-panel > summary { padding:18px; }
}
@media(max-width:360px) {
  body.cs-preview.administration-page .admin-pro-date { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body.cs-preview.administration-page .admin-pro-date input { grid-column:1 / -1;min-width:0;min-height:38px; }
  body.cs-preview.administration-page .admin-pro-date button,body.cs-preview.administration-page .admin-pro-date a { width:100%;min-width:0; }
}
@media print {
  body.cs-preview .cs-workspace-bar,body.cs-preview .cs-global-search,body.cs-preview .cs-preview-tabs,body.cs-preview .cs-business-sections,body.cs-preview .cs-planning-toolbar { display:none!important; }
  body.cs-preview [data-cs-group][data-cs-panel][hidden] { display:block!important; }
  body.cs-preview.settings-page .main > [data-cs-group="settings"] { margin-left:0; }
}


/* Street round overview: addresses, prices and notes in the existing light app style. */
body.cs-preview #cs-worklist.cs-route-dialog[open] { display:flex;flex-direction:column;width:880px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;box-sizing:border-box;border-radius:18px; }
body.cs-preview #cs-worklist.cs-route-dialog .cs-dialog-heading { flex:none;margin:0;padding:22px 24px 18px; }
body.cs-preview #cs-worklist.cs-route-dialog .cs-dialog-heading h2 { font-size:24px;margin-top:4px; }
body.cs-preview #cs-worklist.cs-route-dialog #cs-worklist-body { min-height:0;overflow:auto;padding:0 24px 20px;overscroll-behavior:contain; }
body.cs-preview .cs-route-meta { display:flex;flex-wrap:wrap;gap:8px 18px;margin:15px 0 18px;color:var(--muted);font-size:13px; }
body.cs-preview .cs-route-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 18px;margin-bottom:22px;border:1px solid #dce8f8;border-radius:12px;background:#f3f7fd; }
body.cs-preview .cs-route-stats > div { min-width:0; }
body.cs-preview .cs-route-stats strong { display:block;font-size:23px;line-height:1.25;font-weight:650;color:#17375f;white-space:nowrap; }
body.cs-preview .cs-route-stats span { display:block;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.4; }
body.cs-preview .cs-route-sides { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
body.cs-preview .cs-route-side { min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff; }
body.cs-preview .cs-route-side > header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#f8fafc;border-bottom:1px solid var(--line); }
body.cs-preview .cs-route-side h3 { margin:0;font-size:13px;font-weight:650; }
body.cs-preview .cs-route-side > header > span { display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:23px;padding:0 6px;border:1px solid #e3ebf5;border-radius:7px;font-size:11px;color:var(--muted);background:#fff; }
body.cs-preview .cs-route-address { display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:11px;min-height:72px;padding:15px 13px;border-bottom:1px solid var(--line); }
body.cs-preview .cs-route-address:last-child { border-bottom:0; }
body.cs-preview .cs-route-number { display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 3px;background:#eef4fc;border:1px solid #e0eaf8;border-radius:8px;color:#214d85;font-size:15px;line-height:1.3;text-align:center;overflow-wrap:anywhere; }
body.cs-preview .cs-route-address-copy { min-width:0;align-self:center; }
body.cs-preview .cs-route-floor { display:block;font-size:12px; }
body.cs-preview .cs-route-notes { margin:0;font-size:12px;line-height:1.5;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere; }
body.cs-preview .cs-route-default { color:var(--muted);font-size:12px; }
body.cs-preview .cs-route-rear { display:inline-block;margin-top:7px;padding:4px 6px;border-radius:5px;background:#edf5ff;color:#2862a9;font-size:10px;line-height:1.4; }
body.cs-preview .cs-route-price { align-self:center;font-size:12px;white-space:nowrap;font-weight:650; }
body.cs-preview .cs-route-help { margin:18px 0 0;padding:11px 13px;border-radius:9px;background:#f4f7fb;color:var(--muted);font-size:12px;line-height:1.6; }
body.cs-preview .cs-route-empty { padding:20px 0;text-align:center;color:var(--muted); }
body.cs-preview #cs-worklist.cs-route-dialog footer { flex:none;display:flex;margin:0;padding:15px 24px;border-top:1px solid var(--line);background:#fff; }
body.cs-preview #cs-worklist.cs-route-dialog footer > * { min-height:42px; }
body.cs-preview #cs-worklist.cs-route-dialog #cs-worklist-print { margin-right:auto; }
@media(max-width:700px) {
  body.cs-preview #cs-worklist.cs-route-dialog[open] { max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:14px; }
  body.cs-preview #cs-worklist.cs-route-dialog .cs-dialog-heading { padding:18px 16px 15px; }
  body.cs-preview #cs-worklist.cs-route-dialog .cs-dialog-heading h2 { font-size:22px; }
  body.cs-preview #cs-worklist.cs-route-dialog #cs-worklist-body { padding:0 16px 16px; }
  body.cs-preview .cs-route-meta { margin:13px 0;font-size:12px; }
  body.cs-preview .cs-route-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 15px;margin-bottom:17px; }
  body.cs-preview .cs-route-stats > div:last-child { grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid #dce8f8; }
  body.cs-preview .cs-route-stats > div:last-child strong { font-size:12px; }
  body.cs-preview .cs-route-stats > div:last-child span { margin:0;font-size:11px; }
  body.cs-preview .cs-route-stats strong { font-size:19px; }
  body.cs-preview .cs-route-stats span { font-size:10px; }
  body.cs-preview .cs-route-sides { grid-template-columns:minmax(0,1fr);gap:16px; }
  body.cs-preview .cs-route-address { gap:9px;padding:13px 11px; }
  body.cs-preview #cs-worklist.cs-route-dialog footer { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 16px; }
  body.cs-preview #cs-worklist.cs-route-dialog footer > * { width:100%;margin:0;min-height:44px; }
  body.cs-preview #cs-worklist.cs-route-dialog [data-cs-route-execute] { grid-column:1/-1; }
}