/* Ewidencja Pracy V3.40.24 — pełna spójność stylu Plansze w całym systemie. */
html[data-ui-layout="boards"] {
  --b-bg:#f6f8fb; --b-surface:#fff; --b-surface-2:#f8fafc; --b-surface-3:#eef3f8;
  --b-text:#16243a; --b-muted:#728197; --b-line:#e1e7ef; --b-line-2:#d5dee8;
  --b-blue:var(--accent,#2f80ed); --b-blue-strong:var(--accent-dark,#1f73df); --b-blue-soft:var(--accent-soft,#edf5ff);
  --b-accent-surface:var(--accent-surface,#f6f9ff); --b-accent-surface-strong:var(--accent-surface-strong,#deedff); --b-accent-border:var(--accent-border,#bfd8f8);
  --b-green:#2aaa60; --b-green-soft:#e9f8ef; --b-red:#e54855; --b-red-soft:#fff0f2;
  --b-orange:#f4a128; --b-orange-soft:#fff5df; --b-purple:#7a55dc; --b-purple-soft:#f2ecff;
  --b-radius:14px; --b-radius-lg:18px; --b-shadow:0 8px 26px rgba(25,47,78,.08);
  --b-safe-bottom:max(8px,env(safe-area-inset-bottom));
}
html[data-ui-layout="boards"][data-theme="dark"] {
  --b-bg:#11161d; --b-surface:#171d25; --b-surface-2:#1b222c; --b-surface-3:#222b36;
  --b-text:#f4f7fb; --b-muted:#9ca9b8; --b-line:#2a3440; --b-line-2:#354150;
  --b-blue-soft:color-mix(in srgb,var(--b-blue) 18%,var(--b-surface)); --b-green-soft:#11291d; --b-red-soft:#34191d; --b-orange-soft:#352815; --b-purple-soft:#261f3d;
  --b-shadow:0 10px 30px rgba(0,0,0,.22);
}
html[data-ui-layout="boards"][data-theme="amoled"] {
  --b-bg:#000; --b-surface:#080808; --b-surface-2:#0d0d0d; --b-surface-3:#151515;
  --b-text:#fff; --b-muted:#9c9c9c; --b-line:#202020; --b-line-2:#2a2a2a;
  --b-blue-soft:color-mix(in srgb,var(--b-blue) 18%,#000); --b-green-soft:#071b10; --b-red-soft:#27090c; --b-orange-soft:#241807; --b-purple-soft:#160b29;
  --b-shadow:none;
}
html[data-ui-layout="boards"],html[data-ui-layout="boards"] body {
  margin:0 !important; background:var(--b-bg) !important; color:var(--b-text) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased; letter-spacing:-.012em;
}
html[data-ui-layout="boards"] * { box-sizing:border-box; }
html[data-ui-layout="boards"] body { min-height:100dvh; padding-bottom:calc(72px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"] body::before { display:none !important; }
html[data-ui-layout="boards"] a { color:inherit; }
html[data-ui-layout="boards"] .container { width:100% !important; max-width:980px !important; margin:0 auto !important; padding:10px 12px 24px !important; }
html[data-ui-layout="boards"] #app { width:100% !important; max-width:980px !important; margin:0 auto !important; }
html[data-ui-layout="boards"] :where(.card,.settings-accordion,.stats-expandable-section,.notification-card) { box-shadow:none !important; }
html[data-ui-layout="boards"] button,html[data-ui-layout="boards"] input,html[data-ui-layout="boards"] select,html[data-ui-layout="boards"] textarea { font:inherit; }
html[data-ui-layout="boards"] button { -webkit-tap-highlight-color:transparent; }
html[data-ui-layout="boards"] .boards-hidden-original { display:none !important; }

/* App shell */
html[data-ui-layout="boards"] #app-header {
  position:sticky !important; top:0 !important; z-index:1500 !important; display:block !important;
  min-height:58px !important; padding:max(7px,env(safe-area-inset-top)) 12px 7px !important;
  background:color-mix(in srgb,var(--b-surface) 96%,transparent) !important; border:0 !important; border-bottom:1px solid var(--b-line) !important;
  border-radius:0 !important; box-shadow:none !important; backdrop-filter:blur(18px) saturate(1.1);
  transition:min-height .18s ease,padding .18s ease,transform .18s ease;
}
html[data-ui-layout="boards"] body.boards-scrolled #app-header { min-height:48px !important; padding-top:max(4px,env(safe-area-inset-top)) !important; padding-bottom:4px !important; }
html[data-ui-layout="boards"] #app-header>h1,html[data-ui-layout="boards"] #main-nav,html[data-ui-layout="boards"] #header-account,html[data-ui-layout="boards"] #mobile-nav-toggle { display:none !important; }
html[data-ui-layout="boards"] .boards-appbar { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; max-width:980px; min-height:42px; margin:0 auto; }
html[data-ui-layout="boards"] .boards-brand { display:flex; align-items:center; gap:9px; min-width:0; text-decoration:none !important; }
html[data-ui-layout="boards"] .boards-brand img { width:33px; height:33px; border-radius:9px; }
html[data-ui-layout="boards"] .boards-brand strong { font-size:17px; line-height:1; letter-spacing:-.03em; white-space:nowrap; }
html[data-ui-layout="boards"] body.boards-scrolled .boards-brand img { width:29px; height:29px; }
html[data-ui-layout="boards"] body.boards-scrolled .boards-brand strong { font-size:15px; }
html[data-ui-layout="boards"] .boards-appbar-actions { display:flex; gap:2px; }
html[data-ui-layout="boards"] .boards-icon-button { display:grid !important; place-items:center; width:38px !important; height:38px !important; min-width:38px !important; padding:0 !important; border:0 !important; border-radius:11px !important; background:transparent !important; color:var(--b-text) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .boards-icon-button:active,html[data-ui-layout="boards"] .boards-icon-button:focus-visible { background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-icon-button.active { background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-icon-button svg,html[data-ui-layout="boards"] .boards-icon svg,html[data-ui-layout="boards"] .boards-bottom-nav svg,html[data-ui-layout="boards"] .boards-entry-icon svg,html[data-ui-layout="boards"] .boards-field-clock svg,html[data-ui-layout="boards"] .boards-summary-icon svg,html[data-ui-layout="boards"] .boards-user-more svg,html[data-ui-layout="boards"] .boards-calendar-toolbar svg,html[data-ui-layout="boards"] .boards-settings-search svg,html[data-ui-layout="boards"] .boards-users-toolbar svg,html[data-ui-layout="boards"] .boards-settings-breadcrumb svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
html[data-ui-layout="boards"] .boards-sync-status-button { position:relative; overflow:visible !important; }
html[data-ui-layout="boards"] .boards-sync-status-button .boards-sync-status-dot { position:absolute; right:5px; bottom:5px; width:9px; height:9px; border-radius:50%; background:#98a2b3; border:2px solid var(--b-surface,#fff); box-shadow:0 0 0 1px rgba(15,23,42,.08); }
html[data-ui-layout="boards"] .boards-sync-status-button .boards-sync-status-count { position:absolute; top:-2px; right:-2px; min-width:16px; height:16px; padding:0 3px; border-radius:999px; background:#f59e0b; color:#fff; font-size:10px; font-weight:800; line-height:16px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.18); }
html[data-ui-layout="boards"] .boards-notifications-button { position:relative; }
html[data-ui-layout="boards"] .boards-notifications-badge { position:absolute; top:-2px; right:-2px; min-width:16px; height:16px; padding:0 3px; border-radius:999px; background:#111827; border:2px solid var(--b-surface,#fff); color:#fff; font-size:10px; font-weight:800; line-height:12px; display:inline-flex; align-items:center; justify-content:center; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.18); font-variant-numeric:tabular-nums; }
html[data-ui-layout="boards"] .boards-notifications-button.has-unread { color:var(--b-blue) !important; background:var(--b-blue-soft) !important; }
html[data-ui-layout="boards"] .boards-sync-status-button.online .boards-sync-status-dot { background:#22c55e; }
html[data-ui-layout="boards"] .boards-sync-status-button.offline .boards-sync-status-dot { background:#98a2b3; }
html[data-ui-layout="boards"] .boards-sync-status-button.offline-pending .boards-sync-status-dot,
html[data-ui-layout="boards"] .boards-sync-status-button.waiting .boards-sync-status-dot { background:#f59e0b; }
html[data-ui-layout="boards"] .boards-sync-status-button.syncing .boards-sync-status-dot { background:#2563eb; }
html[data-ui-layout="boards"] .boards-sync-status-button.error .boards-sync-status-dot { background:#ef4444; }
html[data-ui-layout="boards"] .boards-sync-status-button.syncing svg { animation:boards-sync-spin 1s linear infinite; }
@keyframes boards-sync-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-sync-status-button .boards-sync-status-dot { right:4px; bottom:4px; width:8px; height:8px; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-sync-status-button .boards-sync-status-count { min-width:14px; height:14px; line-height:14px; font-size:9px; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-notifications-badge { min-width:14px; height:14px; font-size:9px; }


html[data-ui-layout="boards"] .boards-bottom-nav {
  position:fixed; left:0; right:0; bottom:0; z-index:1800; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:end;
  min-height:68px; padding:4px 7px var(--b-safe-bottom); background:color-mix(in srgb,var(--b-surface) 97%,transparent); border-top:1px solid var(--b-line); backdrop-filter:blur(18px);
  transition:transform .18s ease;
}
html[data-ui-layout="boards"] body.boards-nav-hidden .boards-bottom-nav { transform:translateY(110%); }
html[data-ui-layout="boards"] .boards-bottom-nav button { display:grid !important; place-items:center; align-content:center; gap:4px; min-height:52px; min-width:0; padding:4px 0 !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:var(--b-muted) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .boards-bottom-nav button span:last-child { font-size:10px; font-weight:700; line-height:1; }
html[data-ui-layout="boards"] .boards-bottom-nav button.active { color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-bottom-add { width:auto !important; height:auto !important; min-height:52px !important; margin:0 !important; border-radius:12px !important; background:transparent !important; color:var(--b-muted) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .boards-bottom-add.active { color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-bottom-today { width:64px !important; height:64px !important; min-height:64px !important; margin:0 auto 6px !important; border-radius:50% !important; background:var(--b-blue) !important; color:#fff !important; box-shadow:0 10px 24px color-mix(in srgb,var(--b-blue) 34%,transparent) !important; }
html[data-ui-layout="boards"] .boards-bottom-today.active { color:#fff !important; }
html[data-ui-layout="boards"] .boards-bottom-add svg { width:21px !important; height:21px !important; }
html[data-ui-layout="boards"] .boards-bottom-today svg { width:24px !important; height:24px !important; }
html[data-ui-layout="boards"] .boards-bottom-today span:last-child { font-size:11px; font-weight:800; line-height:1; }
html[data-ui-layout="boards"] .v33959-mobile-bottom-nav { display:none !important; }

/* Drawer */
html[data-ui-layout="boards"] .boards-drawer-layer[hidden] { display:none !important; }
html[data-ui-layout="boards"] .boards-drawer-layer { position:fixed; inset:0; z-index:2400; }
html[data-ui-layout="boards"] .boards-drawer-backdrop { position:absolute; inset:0; background:rgba(12,22,35,.35); opacity:0; transition:.18s ease; }
html[data-ui-layout="boards"] .boards-drawer { position:absolute; top:0; right:0; width:min(88vw,360px); height:100%; display:flex; flex-direction:column; padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)); background:var(--b-surface); border-left:1px solid var(--b-line); box-shadow:-20px 0 46px rgba(12,28,48,.18); transform:translateX(103%); transition:transform .2s ease; overflow:auto; }
html[data-ui-layout="boards"] .boards-drawer-layer.is-open .boards-drawer-backdrop { opacity:1; }
html[data-ui-layout="boards"] .boards-drawer-layer.is-open .boards-drawer { transform:none; }
html[data-ui-layout="boards"] .boards-drawer header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:3px 1px 12px; border-bottom:1px solid var(--b-line); }
html[data-ui-layout="boards"] .boards-drawer-brand { display:flex; align-items:center; gap:9px; min-width:0; }
html[data-ui-layout="boards"] .boards-drawer-brand img { width:38px; height:38px; border-radius:10px; }
html[data-ui-layout="boards"] .boards-drawer-brand div { display:grid; gap:2px; min-width:0; }
html[data-ui-layout="boards"] .boards-drawer-brand strong { font-size:15px; }
html[data-ui-layout="boards"] .boards-drawer-brand small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--b-muted); font-size:11px; }
html[data-ui-layout="boards"] .boards-drawer nav { display:grid; gap:3px; padding:9px 0; }
html[data-ui-layout="boards"] .boards-drawer nav>p { margin:10px 10px 4px; color:var(--b-muted); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
html[data-ui-layout="boards"] .boards-drawer-primary { display:grid; gap:3px; }
html[data-ui-layout="boards"] .boards-drawer-row { display:grid !important; grid-template-columns:34px minmax(0,1fr) 18px; align-items:center; gap:9px; width:100%; min-height:48px; padding:6px 8px !important; text-align:left; border:0 !important; border-radius:11px !important; background:transparent !important; color:var(--b-text) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .boards-drawer-row.active { background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-drawer-row .boards-icon { display:grid; place-items:center; width:32px; height:32px; color:var(--b-blue); }
html[data-ui-layout="boards"] .boards-drawer-row strong { font-size:13px; }
html[data-ui-layout="boards"] .boards-drawer-row>svg { width:16px; height:16px; fill:none; stroke:var(--b-muted); stroke-width:1.9; }
html[data-ui-layout="boards"] .boards-drawer footer { margin-top:auto; display:grid; gap:3px; padding-top:10px; border-top:1px solid var(--b-line); }
html[data-ui-layout="boards"] .boards-drawer footer button { display:flex !important; align-items:center; gap:10px; min-height:46px; padding:7px 10px !important; border:0 !important; border-radius:11px !important; background:transparent !important; color:var(--b-blue) !important; box-shadow:none !important; }

/* Global controls */
html[data-ui-layout="boards"] :where(.btn-canon,.secondary-action-button,.danger-button,.delete-day-button) { min-height:42px !important; padding:8px 13px !important; border-radius:11px !important; font-weight:700 !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .btn-canon { background:var(--b-blue) !important; color:#fff !important; border:1px solid var(--b-blue) !important; }
html[data-ui-layout="boards"] .secondary-action-button { background:var(--b-surface) !important; color:var(--b-text) !important; border:1px solid var(--b-line-2) !important; }
html[data-ui-layout="boards"] .danger-button,html[data-ui-layout="boards"] .delete-day-button { background:var(--b-red-soft) !important; color:var(--b-red) !important; border:1px solid color-mix(in srgb,var(--b-red) 24%,var(--b-line)) !important; }
html[data-ui-layout="boards"] input:not([type="checkbox"]):not([type="radio"]),html[data-ui-layout="boards"] select,html[data-ui-layout="boards"] textarea { color:var(--b-text) !important; background:var(--b-surface) !important; border:1px solid var(--b-line-2) !important; border-radius:11px !important; box-shadow:none !important; outline:none; }
html[data-ui-layout="boards"] input:not([type="checkbox"]):not([type="radio"]):focus,html[data-ui-layout="boards"] select:focus,html[data-ui-layout="boards"] textarea:focus { border-color:var(--b-blue) !important; box-shadow:0 0 0 1px var(--b-blue) !important; }
html[data-ui-layout="boards"] input:disabled,html[data-ui-layout="boards"] textarea:disabled,html[data-ui-layout="boards"] select:disabled { background:var(--b-surface-3) !important; color:var(--b-muted) !important; }

/* Calendar */
html[data-ui-layout="boards"] .calendar-overview-card { margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .boards-calendar-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:9px; margin-bottom:9px; }
html[data-ui-layout="boards"] .boards-calendar-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:3px; background:var(--b-surface-3); border-radius:12px; }
html[data-ui-layout="boards"] .boards-calendar-tabs button { min-height:36px; padding:5px 9px; border:0; border-radius:9px; background:transparent; color:var(--b-muted); font-size:12px; font-weight:750; }
html[data-ui-layout="boards"] .boards-calendar-tabs button.active { background:var(--b-surface); color:var(--b-blue); box-shadow:0 1px 4px rgba(25,47,78,.08); }
html[data-ui-layout="boards"] .boards-today-main { display:flex; align-items:center; gap:6px; min-height:42px; padding:8px 12px; border:1px solid var(--b-blue); border-radius:11px; background:var(--b-blue); color:#fff; font-weight:750; }
html[data-ui-layout="boards"] .boards-today-main svg { width:19px; height:19px; }
html[data-ui-layout="boards"] .calendar-view-switch-wrapper,html[data-ui-layout="boards"] .boards-calendar-modebar { display:none !important; }
html[data-ui-layout="boards"] .month-picker-wrap,html[data-ui-layout="boards"] .week-picker-wrap { display:grid !important; align-items:center; gap:6px !important; margin:0 0 9px !important; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:14px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .month-picker-wrap { grid-template-columns:38px minmax(0,1fr) 38px !important; }
html[data-ui-layout="boards"] .week-picker-wrap { grid-template-columns:38px minmax(0,1fr) 38px !important; }
html[data-ui-layout="boards"] .month-side-button,html[data-ui-layout="boards"] .week-side-button { display:grid !important; place-items:center; min-width:38px !important; width:38px !important; height:38px !important; padding:0 !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:var(--b-text) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .month-side-button-text,html[data-ui-layout="boards"] .week-side-button-text { display:none !important; }
html[data-ui-layout="boards"] .month-picker,html[data-ui-layout="boards"] .week-picker { min-width:0; }
html[data-ui-layout="boards"] .month-picker-main-button,html[data-ui-layout="boards"] .week-picker-main-button { width:100% !important; min-height:38px !important; padding:6px 8px !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:var(--b-text) !important; box-shadow:none !important; font-size:15px !important; font-weight:800 !important; }
html[data-ui-layout="boards"] .month-picker-main-icon,html[data-ui-layout="boards"] .week-picker-main-icon { display:none !important; }
html[data-ui-layout="boards"] .period-summary-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:7px !important; margin:0 0 9px !important; }
html[data-ui-layout="boards"] .period-summary-grid>* { min-height:66px !important; padding:9px !important; border:1px solid var(--b-line) !important; border-radius:13px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .period-summary-grid span { display:block; color:var(--b-muted) !important; font-size:9px !important; line-height:1.15; }
html[data-ui-layout="boards"] .period-summary-grid strong { display:block; margin-top:4px; color:var(--b-text) !important; font-size:17px !important; line-height:1; }
html[data-ui-layout="boards"] .calendar-mobile-view { margin:0 !important; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:15px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .mobile-calendar-weekdays { display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px !important; margin-bottom:5px; }
html[data-ui-layout="boards"] .mobile-calendar-weekdays span { text-align:center; color:var(--b-muted) !important; font-size:10px !important; font-weight:700 !important; }
html[data-ui-layout="boards"] .mobile-calendar-weekdays span:nth-last-child(-n+2) { color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .mobile-calendar-days { display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px !important; }
html[data-ui-layout="boards"] .mobile-month-day,html[data-ui-layout="boards"] .mobile-month-day-placeholder { min-width:0; min-height:70px !important; margin:0 !important; border-radius:10px !important; }
html[data-ui-layout="boards"] .mobile-month-day { display:flex !important; flex-direction:column; align-items:center; justify-content:flex-start; gap:2px; padding:6px 3px !important; text-decoration:none !important; border:1px solid var(--b-line) !important; background:var(--b-surface) !important; color:var(--b-text) !important; box-shadow:none !important; overflow:hidden; }
html[data-ui-layout="boards"] .mobile-month-day.weekend,html[data-ui-layout="boards"] .mobile-month-day.swieto { background:color-mix(in srgb,var(--b-blue-soft) 48%,var(--b-surface)) !important; }
html[data-ui-layout="boards"] .mobile-month-day.urlop { background:color-mix(in srgb,var(--b-green-soft) 70%,var(--b-surface)) !important; }
html[data-ui-layout="boards"] .mobile-month-day.is-today { border:2px solid var(--b-blue) !important; }
html[data-ui-layout="boards"] .mobile-month-day.boards-pressed { background:var(--b-blue) !important; color:#fff !important; border-color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .mobile-month-day-top { display:flex !important; align-items:center; justify-content:center; gap:2px; width:100%; }
html[data-ui-layout="boards"] .mobile-month-day-top strong { font-size:16px !important; line-height:1.1; }
html[data-ui-layout="boards"] .mobile-month-day-top i { display:none !important; }
html[data-ui-layout="boards"] .mobile-month-day-client { display:block !important; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:var(--b-muted) !important; font-size:8px !important; line-height:1.1; }
html[data-ui-layout="boards"] .mobile-month-day-value { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .mobile-month-day small { color:var(--b-blue) !important; font-size:7px !important; }
html[data-ui-layout="boards"] .mobile-special-state-mark,html[data-ui-layout="boards"] .mobile-duty-mark { display:grid !important; place-items:center; min-width:13px; height:13px; padding:0 2px; border-radius:4px; background:var(--b-blue-soft); color:var(--b-blue); font-size:7px !important; font-style:normal; }
html[data-ui-layout="boards"] .mobile-special-state-mark.urlop { background:var(--b-green-soft); color:var(--b-green); }
html[data-ui-layout="boards"] .mobile-calendar-hint { margin:7px 2px 0 !important; color:var(--b-muted) !important; font-size:9px !important; }
html[data-ui-layout="boards"] .mobile-week-calendar { display:grid !important; gap:5px !important; padding:6px !important; }
html[data-ui-layout="boards"] .mobile-week-day { display:grid !important; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:58px; padding:7px 8px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface) !important; color:var(--b-text) !important; text-decoration:none !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .mobile-week-day-heading { display:grid !important; gap:1px; }
html[data-ui-layout="boards"] .mobile-week-day-heading strong { font-size:13px !important; }
html[data-ui-layout="boards"] .mobile-week-day-heading span { color:var(--b-muted) !important; font-size:9px !important; }
html[data-ui-layout="boards"] .mobile-week-day-heading i { color:var(--b-blue) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .mobile-week-day-content { display:grid !important; gap:2px; min-width:0; }
html[data-ui-layout="boards"] .mobile-week-day-content span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--b-muted) !important; font-size:10px !important; }
html[data-ui-layout="boards"] .mobile-week-day-content strong { font-size:13px !important; }
html[data-ui-layout="boards"] .calendar-desktop-summary { background:var(--b-surface) !important; border:1px solid var(--b-line) !important; border-radius:14px !important; overflow:auto; }

/* Day editor */
html[data-ui-layout="boards"] .day-editor-page { display:grid !important; gap:8px !important; }
html[data-ui-layout="boards"] .boards-day-bar { position:sticky; top:58px; z-index:75; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:8px; margin:0 0 2px; padding:7px 0 8px; background:var(--b-bg); }
html[data-ui-layout="boards"] body.boards-scrolled .boards-day-bar { top:48px; }
html[data-ui-layout="boards"] .boards-day-bar>button:first-child { display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--b-text); }
html[data-ui-layout="boards"] .boards-day-bar>button:first-child svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; }
html[data-ui-layout="boards"] .boards-day-bar div { display:grid; gap:1px; min-width:0; }
html[data-ui-layout="boards"] .boards-day-bar strong { font-size:17px; letter-spacing:-.025em; }
html[data-ui-layout="boards"] .boards-day-bar small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--b-muted); font-size:10px; }
html[data-ui-layout="boards"] .boards-save-top { min-height:36px; padding:6px 12px; border:1px solid var(--b-blue); border-radius:10px; background:var(--b-blue); color:#fff; font-size:12px; font-weight:750; }
html[data-ui-layout="boards"] .day-editor-card { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .day-editor-form { display:grid !important; gap:8px !important; }
html[data-ui-layout="boards"] .day-editor-section { margin:0 !important; padding:10px !important; border:1px solid var(--b-line) !important; border-radius:15px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .section-heading { margin:0 0 8px !important; }
html[data-ui-layout="boards"] .section-heading .section-number { display:none !important; }
html[data-ui-layout="boards"] .section-heading h3 { margin:0 !important; color:var(--b-text) !important; font-size:14px !important; }
html[data-ui-layout="boards"] .section-heading p,html[data-ui-layout="boards"] .day-section-long-help { display:none !important; }
html[data-ui-layout="boards"] .day-status-grid,html[data-ui-layout="boards"] .day-secondary-flags { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }
html[data-ui-layout="boards"] .status-option,html[data-ui-layout="boards"] .special-status-tile { position:relative; display:flex !important; align-items:center; justify-content:center; gap:6px; min-height:42px; padding:7px 8px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface-2) !important; color:var(--b-text) !important; font-size:11px !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .status-option:has(input:checked) { border-color:var(--b-blue) !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .status-option input { width:14px; height:14px; accent-color:var(--b-blue); }
html[data-ui-layout="boards"] .special-status-tile-icon { font-size:14px !important; }
html[data-ui-layout="boards"] .special-status-tile-check { display:none !important; }
html[data-ui-layout="boards"] .special-day-cancel-wrap { margin-top:7px !important; }
html[data-ui-layout="boards"] .special-day-cancel-button { min-height:42px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface-2) !important; color:var(--b-text) !important; }
html[data-ui-layout="boards"] .boards-entry-stack { display:grid; gap:6px; }
html[data-ui-layout="boards"] .boards-entry-card { margin:0 !important; border:0 !important; background:transparent !important; }
html[data-ui-layout="boards"] .boards-entry-card>summary { display:grid !important; grid-template-columns:36px minmax(0,1fr) auto 15px; align-items:center; gap:8px; min-height:54px; padding:7px 9px !important; list-style:none; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; color:var(--b-text) !important; box-shadow:none !important; cursor:pointer; }
html[data-ui-layout="boards"] .boards-entry-card>summary::-webkit-details-marker { display:none; }
html[data-ui-layout="boards"] .boards-entry-card[open]>summary { border-color:var(--b-accent-border) !important; background:color-mix(in srgb,var(--b-blue-soft) 45%,var(--b-surface)) !important; box-shadow:0 5px 14px color-mix(in srgb,var(--b-blue) 8%,transparent) !important; }
html[data-ui-layout="boards"] .boards-entry-card>summary>svg { width:15px; height:15px; fill:none; stroke:var(--b-muted); stroke-width:2; transition:transform .18s ease; }
html[data-ui-layout="boards"] .boards-entry-card[open]>summary>svg { transform:rotate(90deg); }
html[data-ui-layout="boards"] .boards-entry-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--b-blue-soft); color:var(--b-blue); }
html[data-ui-layout="boards"] .boards-entry-work .boards-entry-icon { background:var(--b-green-soft); color:var(--b-green); }
html[data-ui-layout="boards"] .boards-entry-home .boards-entry-icon { background:var(--b-orange-soft); color:var(--b-orange); }
html[data-ui-layout="boards"] .boards-entry-client .boards-entry-icon { background:var(--b-purple-soft); color:var(--b-purple); }
html[data-ui-layout="boards"] .boards-entry-main { display:grid; gap:1px; min-width:0; }
html[data-ui-layout="boards"] .boards-entry-main strong { font-size:12px; }
html[data-ui-layout="boards"] .boards-entry-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--b-muted); font-size:9px; }
html[data-ui-layout="boards"] .boards-entry-value { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:750; }
html[data-ui-layout="boards"] .boards-entry-body { margin-top:-1px; padding:9px !important; border:1px solid var(--b-line) !important; border-top:0 !important; border-radius:0 0 12px 12px; background:var(--b-surface) !important; }
html[data-ui-layout="boards"] .single-time-group { margin:0 !important; padding:0 !important; border:0 !important; }
html[data-ui-layout="boards"] .single-time-group legend { display:none !important; }
html[data-ui-layout="boards"] .single-time-pair { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
html[data-ui-layout="boards"] .single-time-pair label,html[data-ui-layout="boards"] .boards-entry-body .editor-field,html[data-ui-layout="boards"] .boards-extra-wrap { min-width:0; }
html[data-ui-layout="boards"] .single-time-pair label,html[data-ui-layout="boards"] .boards-entry-body label { display:grid !important; gap:4px; color:var(--b-muted) !important; font-size:9px !important; font-weight:650 !important; }
html[data-ui-layout="boards"] .boards-time-control { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; min-width:0; }
html[data-ui-layout="boards"] .boards-time-control input { grid-column:1/3; grid-row:1; width:100% !important; min-width:0; min-height:44px !important; padding:10px 70px 10px 32px !important; font-size:15px !important; font-weight:700 !important; border-radius:10px !important; }
html[data-ui-layout="boards"] .boards-field-clock { position:absolute; left:9px; top:50%; transform:translateY(-50%); z-index:2; display:grid; place-items:center; color:var(--b-muted); pointer-events:none; }
html[data-ui-layout="boards"] .boards-field-clock svg { width:17px; height:17px; }
html[data-ui-layout="boards"] .boards-now-button { position:absolute; right:5px; top:50%; transform:translateY(-50%); z-index:3; min-height:30px; padding:4px 8px; border:0; border-radius:8px; background:var(--b-blue-soft); color:var(--b-blue); font-size:9px; font-weight:800; }
html[data-ui-layout="boards"] .boards-time-control.is-invalid input { border-color:var(--b-red) !important; box-shadow:inset 3px 0 0 var(--b-red) !important; background:var(--b-red-soft) !important; }
html[data-ui-layout="boards"] .boards-time-control.is-valid::after { content:'✓'; position:absolute; right:52px; top:50%; transform:translateY(-50%); z-index:3; color:var(--b-green); font-size:12px; font-weight:900; }
html[data-ui-layout="boards"] .boards-field-error { display:block; margin-top:3px; color:var(--b-red) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .time-unlock-button { min-height:34px !important; margin-top:5px; padding:5px 8px !important; border:1px solid var(--b-line) !important; border-radius:9px !important; background:var(--b-surface-2) !important; color:var(--b-blue) !important; font-size:9px !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .compact-check,html[data-ui-layout="boards"] .next-day-option,html[data-ui-layout="boards"] .dst-extra-hour-option { margin-top:6px !important; color:var(--b-muted) !important; font-size:9px !important; }
html[data-ui-layout="boards"] .boards-entry-body input:not([type="checkbox"]):not([type="radio"]):not(.quick-time-input),html[data-ui-layout="boards"] .boards-entry-body textarea,html[data-ui-layout="boards"] .boards-entry-body select { width:100% !important; min-height:44px !important; padding:9px 10px !important; font-size:12px !important; }
html[data-ui-layout="boards"] .boards-entry-body textarea { min-height:82px !important; resize:vertical; }
html[data-ui-layout="boards"] .client-memory-help,html[data-ui-layout="boards"] .voice-notes-help { display:none !important; }
html[data-ui-layout="boards"] .notes-label-row { display:flex !important; justify-content:space-between; align-items:center; }
html[data-ui-layout="boards"] .voice-notes-button { min-height:30px !important; padding:4px 7px !important; border-radius:8px !important; font-size:9px !important; }
html[data-ui-layout="boards"] .remote-editor-field { display:grid !important; gap:6px; margin-top:8px !important; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:10px !important; background:var(--b-surface-2) !important; }
html[data-ui-layout="boards"] .remote-time-editor { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }
html[data-ui-layout="boards"] .boards-live-summary { position:sticky; bottom:calc(72px + var(--b-safe-bottom)); z-index:55; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:8px; border:1px solid var(--b-line); border-radius:13px; background:color-mix(in srgb,var(--b-surface) 96%,transparent); box-shadow:0 8px 20px rgba(25,47,78,.08); backdrop-filter:blur(14px); }
html[data-ui-layout="boards"] .boards-live-summary>div { display:flex; align-items:center; gap:8px; min-width:0; padding:7px; border:1px solid var(--b-line); border-radius:10px; background:var(--b-surface); }
html[data-ui-layout="boards"] .boards-summary-icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:8px; background:var(--b-green-soft); color:var(--b-green); }
html[data-ui-layout="boards"] .boards-summary-icon.total { background:var(--b-blue-soft); color:var(--b-blue); }
html[data-ui-layout="boards"] .boards-live-summary span span { display:grid; min-width:0; }
html[data-ui-layout="boards"] .boards-live-summary small { display:block; color:var(--b-muted); font-size:8px; }
html[data-ui-layout="boards"] .boards-live-summary strong { display:block; font-size:13px; }
html[data-ui-layout="boards"] .boards-live-summary>p { grid-column:1/3; margin:0 3px !important; color:var(--b-muted); font-size:8px; }
html[data-ui-layout="boards"] .boards-live-summary>p strong { display:inline; color:var(--b-text); font-size:9px; }
html[data-ui-layout="boards"] .boards-source-summary { display:none !important; }
html[data-ui-layout="boards"] .day-save-dock { display:grid !important; gap:6px; margin:0 !important; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:13px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .day-draft-status { margin:0 !important; color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .day-save-dock-actions { display:grid !important; grid-template-columns:auto minmax(0,1fr) !important; gap:6px !important; }
html[data-ui-layout="boards"] .day-save-dock-actions .save-day-button { width:100%; min-height:44px !important; }
html[data-ui-layout="boards"] .day-danger-actions { margin-top:2px !important; }
html[data-ui-layout="boards"] .day-danger-actions .delete-day-button { min-height:34px !important; padding:5px 8px !important; font-size:9px !important; }
html[data-ui-layout="boards"] .day-draft-notice,html[data-ui-layout="boards"] .day-edit-presence-notice,html[data-ui-layout="boards"] .day-continuation-notice { display:grid !important; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:7px; margin:0 0 7px !important; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-blue-soft) !important; box-shadow:none !important; }

html[data-ui-layout="boards"] .boards-day-page,
html[data-ui-layout="boards"] .day-editor-form,
html[data-ui-layout="boards"] .day-editor-section,
html[data-ui-layout="boards"] .boards-entry-stack,
html[data-ui-layout="boards"] .boards-entry-card,
html[data-ui-layout="boards"] .boards-entry-card > summary,
html[data-ui-layout="boards"] .boards-entry-body,
html[data-ui-layout="boards"] .single-time-pair,
html[data-ui-layout="boards"] .boards-live-summary,
html[data-ui-layout="boards"] .day-save-dock,
html[data-ui-layout="boards"] .day-save-dock-actions { min-width:0 !important; max-width:100% !important; }
html[data-ui-layout="boards"] .notification-card[hidden] { display:none !important; }
html[data-ui-layout="boards"] .day-save-dock-actions .save-day-button,
html[data-ui-layout="boards"] .day-save-dock-actions .day-cancel-button { max-width:100% !important; }
html[data-ui-layout="boards"] .day-draft-notice strong,html[data-ui-layout="boards"] .day-edit-presence-notice strong,html[data-ui-layout="boards"] .day-continuation-notice strong { font-size:10px !important; }
html[data-ui-layout="boards"] .day-draft-notice small,html[data-ui-layout="boards"] .day-edit-presence-notice small,html[data-ui-layout="boards"] .day-continuation-notice small { font-size:8px !important; color:var(--b-muted) !important; }

/* Settings */
html[data-ui-layout="boards"] .settings-page { display:grid !important; gap:8px !important; margin:0 !important; padding:0 !important; }
html[data-ui-layout="boards"] .boards-settings-header { position:sticky; top:58px; z-index:60; display:grid; gap:7px; padding:4px 0 8px; background:var(--b-bg); }
html[data-ui-layout="boards"] body.boards-scrolled .boards-settings-header { top:48px; }
html[data-ui-layout="boards"] .boards-settings-header h2 { margin:0 !important; font-size:20px !important; letter-spacing:-.03em; }
html[data-ui-layout="boards"] .boards-settings-search { display:flex !important; align-items:center; gap:7px; min-height:42px; padding:0 10px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface-3) !important; }
html[data-ui-layout="boards"] .boards-settings-search svg { flex:0 0 18px; width:18px; height:18px; color:var(--b-muted); }
html[data-ui-layout="boards"] .boards-settings-search input { width:100%; min-height:38px !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; font-size:12px !important; }
html[data-ui-layout="boards"] .settings-hub-group { display:grid !important; gap:6px !important; margin:0 !important; }
html[data-ui-layout="boards"] .settings-hub-group-heading { margin:4px 2px 0 !important; }
html[data-ui-layout="boards"] .settings-hub-group-heading strong { font-size:11px !important; color:var(--b-muted) !important; font-weight:800 !important; text-transform:uppercase; letter-spacing:.05em; }
html[data-ui-layout="boards"] .settings-category-grid,html[data-ui-layout="boards"] .settings-category-grid-compact { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:5px !important; }
html[data-ui-layout="boards"] .settings-category-card,html[data-ui-layout="boards"] .settings-category-card-compact,html[data-ui-layout="boards"] .boards-settings-row { display:grid !important; grid-template-columns:36px minmax(0,1fr) 14px; align-items:center; gap:8px; min-height:52px; margin:0 !important; padding:7px 9px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; text-decoration:none !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .settings-category-icon,html[data-ui-layout="boards"] .settings-section-tab>span:first-child { display:grid !important; place-items:center; width:34px !important; height:34px !important; border-radius:9px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; font-size:15px !important; }
html[data-ui-layout="boards"] .settings-category-copy { display:grid !important; gap:1px; min-width:0; }
html[data-ui-layout="boards"] .settings-category-copy strong,html[data-ui-layout="boards"] .settings-section-tab strong { font-size:12px !important; }
html[data-ui-layout="boards"] .settings-category-copy small { overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:var(--b-muted) !important; font-size:9px !important; line-height:1.25; }
html[data-ui-layout="boards"] .settings-category-card>b { color:var(--b-muted) !important; font-size:16px; font-weight:500; }
html[data-ui-layout="boards"] .boards-settings-breadcrumb { display:flex; align-items:center; gap:3px; min-height:28px; color:var(--b-muted); font-size:9px; }
html[data-ui-layout="boards"] .boards-settings-breadcrumb button { padding:2px 0; border:0; background:transparent; color:var(--b-muted); font-size:9px; }
html[data-ui-layout="boards"] .boards-settings-breadcrumb svg { width:13px; height:13px; }
html[data-ui-layout="boards"] .settings-subpage-header { margin:0 !important; padding:9px !important; border:1px solid var(--b-line) !important; border-radius:13px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .settings-subpage-heading { display:grid !important; grid-template-columns:36px minmax(0,1fr); gap:8px; align-items:center; }
html[data-ui-layout="boards"] .settings-subpage-icon { display:grid !important; place-items:center; width:34px !important; height:34px !important; border-radius:9px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; font-size:15px !important; }
html[data-ui-layout="boards"] .settings-subpage-heading .page-eyebrow { display:none !important; }
html[data-ui-layout="boards"] .settings-subpage-heading h2 { margin:0 !important; font-size:16px !important; }
html[data-ui-layout="boards"] .settings-subpage-heading p { margin:2px 0 0 !important; color:var(--b-muted) !important; font-size:9px !important; line-height:1.3; }
html[data-ui-layout="boards"] .settings-section-tabs { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:5px !important; margin:0 !important; }
html[data-ui-layout="boards"] .settings-section-tab { min-height:48px; }
html[data-ui-layout="boards"] .settings-section-tab.active { border-color:var(--b-accent-border) !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .settings-subpage-content { display:grid !important; gap:6px !important; }
html[data-ui-layout="boards"] .settings-accordion,html[data-ui-layout="boards"] .boards-settings-card { margin:0 !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; box-shadow:none !important; overflow:hidden; }
html[data-ui-layout="boards"] .settings-accordion>summary { display:grid !important; grid-template-columns:36px minmax(0,1fr) 15px; align-items:center; gap:8px; min-height:52px; padding:7px 9px !important; list-style:none; }
html[data-ui-layout="boards"] .settings-accordion>summary::-webkit-details-marker { display:none; }
html[data-ui-layout="boards"] .settings-accordion-icon { display:grid !important; place-items:center; width:34px !important; height:34px !important; border-radius:9px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; font-size:15px !important; }
html[data-ui-layout="boards"] .settings-accordion>summary strong { display:block; font-size:12px !important; }
html[data-ui-layout="boards"] .settings-accordion>summary small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:1px; color:var(--b-muted) !important; font-size:8px !important; line-height:1.25; }
html[data-ui-layout="boards"] .settings-accordion-chevron { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .settings-accordion-body { padding:0 9px 9px !important; }
html[data-ui-layout="boards"] .settings-page form { gap:8px !important; }
html[data-ui-layout="boards"] .settings-page label { color:var(--b-text); font-size:10px; }
html[data-ui-layout="boards"] .settings-page input:not([type="checkbox"]):not([type="radio"]),html[data-ui-layout="boards"] .settings-page textarea,html[data-ui-layout="boards"] .settings-page select { min-height:42px !important; padding:9px 10px !important; font-size:12px !important; }
html[data-ui-layout="boards"] .boards-switch-row { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center; gap:8px; min-height:50px; padding:7px 8px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface) !important; }
html[data-ui-layout="boards"] .boards-switch-input { appearance:none !important; -webkit-appearance:none !important; width:45px !important; min-width:45px !important; height:27px !important; margin:0 !important; border:0 !important; border-radius:999px !important; background:#d8e0e8 !important; position:relative; box-shadow:none !important; transition:.18s ease; }
html[data-ui-layout="boards"] .boards-switch-input::after { content:''; position:absolute; top:3px; left:3px; width:21px; height:21px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18); transition:.18s ease; }
html[data-ui-layout="boards"] .boards-switch-input:checked { background:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-switch-input:checked::after { transform:translateX(18px); }
html[data-ui-layout="boards"] .theme-choice-grid,html[data-ui-layout="boards"] .accent-choice-grid,html[data-ui-layout="boards"] .interface-scale-choice-grid,html[data-ui-layout="boards"] .density-choice-grid,html[data-ui-layout="boards"] .preferred-calendar-choice-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:5px !important; }
html[data-ui-layout="boards"] .theme-choice,html[data-ui-layout="boards"] .accent-choice,html[data-ui-layout="boards"] .interface-scale-choice,html[data-ui-layout="boards"] .density-choice,html[data-ui-layout="boards"] .preferred-calendar-choice { min-height:50px !important; padding:7px 8px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .theme-choice.is-selected,html[data-ui-layout="boards"] .accent-choice.is-selected,html[data-ui-layout="boards"] .interface-scale-choice.is-selected,html[data-ui-layout="boards"] .density-choice.is-selected,html[data-ui-layout="boards"] .preferred-calendar-choice.is-selected { border-color:var(--b-blue) !important; background:var(--b-blue-soft) !important; }
html[data-ui-layout="boards"] .theme-choice-copy strong,html[data-ui-layout="boards"] .accent-choice-copy strong { font-size:11px !important; }
html[data-ui-layout="boards"] .theme-choice-copy small,html[data-ui-layout="boards"] .accent-choice-copy small { font-size:8px !important; color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .theme-choice-preview-system { background:linear-gradient(90deg,#fff 0 50%,#131820 50% 100%) !important; }

/* Users */
html[data-ui-layout="boards"] .boards-users-page { display:grid !important; gap:8px !important; }
html[data-ui-layout="boards"] .boards-users-toolbar { position:sticky; top:58px; z-index:60; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; padding:4px 0 8px; background:var(--b-bg); }
html[data-ui-layout="boards"] body.boards-scrolled .boards-users-toolbar { top:48px; }
html[data-ui-layout="boards"] .boards-users-toolbar>div { display:grid; gap:6px; }
html[data-ui-layout="boards"] .boards-users-toolbar h2 { margin:0; font-size:20px; letter-spacing:-.03em; }
html[data-ui-layout="boards"] .boards-users-toolbar label { display:flex; align-items:center; gap:6px; min-height:40px; padding:0 9px; border:1px solid var(--b-line); border-radius:11px; background:var(--b-surface-3); }
html[data-ui-layout="boards"] .boards-users-toolbar label svg { flex:0 0 17px; width:17px; height:17px; color:var(--b-muted); }
html[data-ui-layout="boards"] .boards-users-toolbar input { min-height:36px !important; width:100%; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; font-size:11px !important; }
html[data-ui-layout="boards"] .boards-users-toolbar>button { display:flex; align-items:center; gap:5px; min-height:40px; padding:7px 10px; border:1px solid var(--b-blue); border-radius:11px; background:var(--b-blue); color:#fff; font-size:11px; font-weight:750; }
html[data-ui-layout="boards"] .boards-users-toolbar>button svg { width:18px; height:18px; }
html[data-ui-layout="boards"] .admin-users-sections { display:grid !important; gap:6px !important; }
html[data-ui-layout="boards"] .admin-user-card,html[data-ui-layout="boards"] .pending-registration-card,html[data-ui-layout="boards"] .admin-users-accordion { margin:0 !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .admin-user-card>summary { position:relative; display:grid !important; grid-template-columns:40px minmax(0,1fr) auto 32px !important; align-items:center; gap:8px; min-height:58px; padding:8px 9px !important; }
html[data-ui-layout="boards"] .admin-user-avatar { display:grid !important; place-items:center; width:38px !important; height:38px !important; border-radius:50% !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; font-size:15px !important; }
html[data-ui-layout="boards"] .admin-user-summary-copy { display:grid; gap:1px; min-width:0; }
html[data-ui-layout="boards"] .admin-user-summary-copy strong { font-size:12px !important; }
html[data-ui-layout="boards"] .admin-user-summary-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .user-status { display:inline-flex !important; align-items:center; min-height:25px; padding:3px 7px !important; border-radius:999px !important; font-size:8px !important; font-weight:800 !important; white-space:nowrap; }
html[data-ui-layout="boards"] .presence-online { background:var(--b-green-soft) !important; color:var(--b-green) !important; }
html[data-ui-layout="boards"] .presence-offline { background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .presence-disabled { background:var(--b-red-soft) !important; color:var(--b-red) !important; }
html[data-ui-layout="boards"] .admin-user-card>summary>.settings-accordion-chevron { display:none !important; }
html[data-ui-layout="boards"] .boards-user-more { display:grid !important; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:9px; background:transparent; color:var(--b-muted); }
html[data-ui-layout="boards"] .boards-user-more svg { width:18px; height:18px; }
html[data-ui-layout="boards"] .admin-user-body { padding:0 9px 9px !important; }
html[data-ui-layout="boards"] .admin-user-info-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:5px !important; }
html[data-ui-layout="boards"] .admin-user-info-grid>div { padding:7px !important; border:1px solid var(--b-line) !important; border-radius:9px !important; background:var(--b-surface-2) !important; }
html[data-ui-layout="boards"] .admin-user-info-grid dt { color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .admin-user-info-grid dd { margin:2px 0 0; font-size:9px !important; }
html[data-ui-layout="boards"] .admin-user-actions { display:none !important; }
html[data-ui-layout="boards"] .boards-user-menu { position:fixed; z-index:2900; display:grid; gap:2px; padding:5px; border:1px solid var(--b-line); border-radius:12px; background:var(--b-surface); box-shadow:var(--b-shadow); }
html[data-ui-layout="boards"] .boards-user-menu button { min-height:38px; padding:7px 9px; text-align:left; border:0; border-radius:8px; background:transparent; color:var(--b-text); font-size:10px; }
html[data-ui-layout="boards"] .boards-user-menu button.danger { color:var(--b-red); }

/* Stats */
html[data-ui-layout="boards"] .stats-page { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
html[data-ui-layout="boards"] .stats-page-heading { margin-bottom:7px !important; }
html[data-ui-layout="boards"] .stats-page-heading .page-eyebrow { display:none !important; }
html[data-ui-layout="boards"] .stats-page-heading h2 { margin:0 !important; font-size:20px !important; }
html[data-ui-layout="boards"] .stats-tabs-wrapper { margin:0 0 7px !important; overflow:auto; }
html[data-ui-layout="boards"] .stats-tabs { display:flex !important; gap:4px !important; min-width:max-content; padding:3px; background:var(--b-surface-3); border-radius:11px; }
html[data-ui-layout="boards"] .stats-tabs a { min-height:34px; padding:7px 9px !important; border-radius:8px !important; color:var(--b-muted) !important; font-size:9px !important; font-weight:750 !important; }
html[data-ui-layout="boards"] .stats-tabs a.active { background:var(--b-surface) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .stats-period-picker-wrap { margin-bottom:7px !important; }
html[data-ui-layout="boards"] .stats-primary-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; margin:0 0 7px !important; }
html[data-ui-layout="boards"] .stats-color-card { min-height:67px !important; padding:9px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .stats-color-card span { color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .stats-color-card strong { display:block; margin-top:4px; color:var(--b-text) !important; font-size:16px !important; }
html[data-ui-layout="boards"] .stats-color-card.boards-stat-primary { grid-column:1/-1; min-height:102px !important; display:grid; align-content:center; padding:12px 16px !important; border-color:var(--b-blue) !important; background:linear-gradient(135deg,var(--b-blue),var(--b-blue-strong)) !important; color:#fff !important; }
html[data-ui-layout="boards"] .stats-color-card.boards-stat-primary span { color:rgba(255,255,255,.82) !important; font-size:9px !important; }
html[data-ui-layout="boards"] .stats-color-card.boards-stat-primary strong { color:#fff !important; font-size:27px !important; letter-spacing:-.03em; }
html[data-ui-layout="boards"] .stats-balance-panel { margin:0 0 7px !important; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; }
html[data-ui-layout="boards"] .stats-balance-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:5px !important; }
html[data-ui-layout="boards"] .stats-balance-grid article { padding:7px !important; border:1px solid var(--b-line) !important; border-radius:9px !important; background:var(--b-surface-2) !important; }
html[data-ui-layout="boards"] .stats-balance-grid span { color:var(--b-muted) !important; font-size:7px !important; }
html[data-ui-layout="boards"] .stats-balance-grid strong { display:block; margin-top:2px; font-size:10px !important; }
html[data-ui-layout="boards"] .stats-balance-panel>p { margin:5px 2px 0 !important; color:var(--b-muted) !important; font-size:7px !important; }
html[data-ui-layout="boards"] .stats-expandable-section { margin:0 0 6px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; overflow:hidden; }
html[data-ui-layout="boards"] .stats-expandable-section>summary { display:grid !important; grid-template-columns:34px minmax(0,1fr) 18px; align-items:center; gap:7px; min-height:50px; padding:7px 8px !important; }
html[data-ui-layout="boards"] .stats-expandable-icon { display:grid !important; place-items:center; width:32px !important; height:32px !important; border-radius:9px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .stats-expandable-copy strong { font-size:10px !important; }
html[data-ui-layout="boards"] .stats-expandable-copy small { display:block; color:var(--b-muted) !important; font-size:7px !important; }
html[data-ui-layout="boards"] .stats-expandable-body { padding:0 8px 8px !important; }
html[data-ui-layout="boards"] .stats-chart-card { padding:6px !important; border:0 !important; background:transparent !important; }
html[data-ui-layout="boards"] .stats-chart-scroll { overflow-x:auto !important; overscroll-behavior-x:contain; }
html[data-ui-layout="boards"] .stats-chart-bar.total { fill:#5baaf4 !important; }
html[data-ui-layout="boards"] .stats-chart-bar.overtime { fill:#f4a128 !important; }
html[data-ui-layout="boards"] .ranking-card-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:4px !important; }
html[data-ui-layout="boards"] .ranking-card { display:grid !important; grid-template-columns:26px minmax(0,1fr) auto; align-items:center; min-height:42px; padding:6px 8px !important; border:1px solid var(--b-line) !important; border-radius:9px !important; background:var(--b-surface) !important; }
html[data-ui-layout="boards"] .ranking-card::before { content:counter(list-item); display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--b-blue-soft); color:var(--b-blue); font-size:8px; font-weight:800; }
html[data-ui-layout="boards"] .ranking-card span { color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .ranking-card strong { font-size:10px !important; }
html[data-ui-layout="boards"] .ranking-card small { color:var(--b-muted) !important; font-size:7px !important; }
html[data-ui-layout="boards"] .stats-table-desktop { display:none !important; }
html[data-ui-layout="boards"] .stats-mobile-data-list { display:grid !important; gap:4px !important; }
html[data-ui-layout="boards"] .stats-mobile-data-card { padding:7px !important; border:1px solid var(--b-line) !important; border-radius:9px !important; background:var(--b-surface) !important; }

/* Notifications */
html[data-ui-layout="boards"] .notifications-page { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
html[data-ui-layout="boards"] .notifications-page .page-heading-row { margin-bottom:7px !important; }
html[data-ui-layout="boards"] .notifications-page .page-eyebrow { display:none !important; }
html[data-ui-layout="boards"] .notifications-page h2 { margin:0 !important; font-size:20px !important; }
html[data-ui-layout="boards"] .notifications-page .page-heading-row p { margin:2px 0 0 !important; color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .notifications-heading-actions { display:none !important; }
html[data-ui-layout="boards"] .notification-filter-bar { display:flex !important; gap:4px !important; margin:0 0 7px !important; overflow-x:auto; }
html[data-ui-layout="boards"] .notification-filter-bar button { min-width:max-content; min-height:33px !important; padding:5px 8px !important; border:1px solid var(--b-line) !important; border-radius:9px !important; background:var(--b-surface) !important; color:var(--b-muted) !important; font-size:8px !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .notification-filter-bar button.is-active { background:var(--b-blue-soft) !important; color:var(--b-blue) !important; border-color:var(--b-accent-border) !important; }
html[data-ui-layout="boards"] .notifications-list { display:grid !important; gap:5px !important; }
html[data-ui-layout="boards"] .notification-card { display:grid !important; grid-template-columns:36px minmax(0,1fr) auto !important; gap:8px; padding:8px !important; border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface) !important; }
html[data-ui-layout="boards"] .notification-card-icon { display:grid !important; place-items:center; width:34px !important; height:34px !important; border-radius:9px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .notification-card-copy strong { font-size:10px !important; }
html[data-ui-layout="boards"] .notification-card-copy p { margin:2px 0 !important; color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .notification-card-copy time { color:var(--b-muted) !important; font-size:7px !important; }

/* Dialogs as bottom sheets on phones */
html[data-ui-layout="boards"] dialog.app-dialog,html[data-ui-layout="boards"] dialog.settings-content-dialog,html[data-ui-layout="boards"] dialog.client-directory-dialog { background:var(--b-surface) !important; color:var(--b-text) !important; border:1px solid var(--b-line) !important; box-shadow:0 24px 60px rgba(10,25,44,.25) !important; }
html[data-ui-layout="boards"] dialog::backdrop { background:rgba(8,18,30,.38) !important; backdrop-filter:blur(3px); }

/* Toast "Zapisano" */
html[data-ui-layout="boards"] #flash-list { position:fixed !important; left:0; right:0; bottom:calc(78px + var(--b-safe-bottom)); z-index:3000; display:grid; place-items:center; padding:0 12px; pointer-events:none; }
html[data-ui-layout="boards"] #flash-list>* { pointer-events:auto; width:min(100%,370px); min-height:60px; margin:0 !important; padding:10px 12px 10px 56px !important; border:1px solid var(--b-line) !important; border-radius:13px !important; background:var(--b-surface) !important; color:var(--b-text) !important; box-shadow:0 12px 30px rgba(25,47,78,.14) !important; position:relative; font-size:10px !important; }
html[data-ui-layout="boards"] #flash-list>*::before { position:absolute; left:12px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:34px; height:34px; border-radius:50%; font-size:18px; font-weight:900; }
html[data-ui-layout="boards"] #flash-list>.boards-toast-success::before { content:'✓'; background:var(--b-green-soft); color:var(--b-green); }
html[data-ui-layout="boards"] #flash-list>.boards-toast-error::before { content:'!'; background:var(--b-red-soft); color:var(--b-red); }
html[data-ui-layout="boards"] #flash-list>.boards-toast-info::before { content:'i'; background:var(--b-blue-soft); color:var(--b-blue); }

@media (max-width:760px) {
  html[data-ui-layout="boards"] .container { padding:8px 8px 18px !important; }
  html[data-ui-layout="boards"] .calendar-desktop-summary { display:none !important; }
  html[data-ui-layout="boards"] .calendar-mobile-view { display:block !important; }
  html[data-ui-layout="boards"] dialog.app-dialog,html[data-ui-layout="boards"] dialog.settings-content-dialog,html[data-ui-layout="boards"] dialog.client-directory-dialog {
    width:100vw !important; max-width:none !important; max-height:88dvh !important; margin:0 !important; inset:auto 0 0 0 !important; border-radius:19px 19px 0 0 !important; overflow:auto !important;
  }
  html[data-ui-layout="boards"] dialog.app-dialog::before,html[data-ui-layout="boards"] dialog.settings-content-dialog::before,html[data-ui-layout="boards"] dialog.client-directory-dialog::before { content:''; display:block; width:40px; height:4px; margin:8px auto 5px; border-radius:999px; background:var(--b-line-2); }
}
@media (max-width:360px) {
  html[data-ui-layout="boards"] .boards-brand strong { font-size:15px; }
  html[data-ui-layout="boards"] .period-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[data-ui-layout="boards"] .mobile-month-day,html[data-ui-layout="boards"] .mobile-month-day-placeholder { min-height:62px !important; }
  html[data-ui-layout="boards"] .mobile-month-day-top strong { font-size:14px !important; }
  html[data-ui-layout="boards"] .single-time-pair { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[data-ui-layout="boards"] .boards-time-control input { padding-right:55px !important; font-size:14px !important; }
  html[data-ui-layout="boards"] .boards-now-button { right:4px; padding:3px 6px; font-size:8px; }
}
@media (min-width:761px) {
  html[data-ui-layout="boards"] body { padding-bottom:0 !important; }
  html[data-ui-layout="boards"] .boards-bottom-nav { display:none !important; }
  html[data-ui-layout="boards"] .container { padding:16px 18px 28px !important; }
  html[data-ui-layout="boards"] .calendar-desktop-summary { display:block !important; }
  html[data-ui-layout="boards"] .calendar-mobile-view { display:none !important; }
  html[data-ui-layout="boards"] .stats-table-desktop { display:block !important; }
  html[data-ui-layout="boards"] .boards-day-bar,html[data-ui-layout="boards"] .boards-settings-header,html[data-ui-layout="boards"] .boards-users-toolbar { top:58px; }
}

/* ===== V3.39.107 — korekty po rzeczywistych zrzutach telefonu ===== */
html[data-ui-layout="boards"] .boards-brand-mark {
  display:grid !important; place-items:center; width:34px !important; height:34px !important; min-width:34px !important;
  border-radius:9px !important; color:var(--b-blue) !important; background:#eaf3ff !important; overflow:hidden;
}
html[data-ui-layout="boards"] .boards-brand-mark svg {
  width:30px !important; height:30px !important; fill:none !important; stroke:#17304f !important; stroke-width:1.8 !important; stroke-linecap:round !important; stroke-linejoin:round !important;
}
html[data-ui-layout="boards"] .boards-brand-mark svg rect { stroke:none !important; fill:var(--b-blue) !important; opacity:.16 !important; }
html[data-ui-layout="boards"] .boards-brand strong {
  display:block !important; visibility:visible !important; opacity:1 !important; color:var(--b-text) !important; max-width:none !important;
}
html[data-ui-layout="boards"] body.boards-scrolled .boards-brand-mark { width:30px !important; height:30px !important; min-width:30px !important; }
html[data-ui-layout="boards"] body.boards-scrolled .boards-brand-mark svg { width:27px !important; height:27px !important; }

/* Drawer — bez niebieskiego legacy-headera i bez gigantycznych odstępów. */
html[data-ui-layout="boards"] .boards-drawer {
  width:min(86vw,350px) !important; padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)) !important;
}
html[data-ui-layout="boards"] .boards-drawer header {
  min-height:56px !important; margin:0 !important; padding:4px 3px 10px !important;
  background:var(--b-surface) !important; color:var(--b-text) !important; border:0 !important; border-bottom:1px solid var(--b-line) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-drawer header * { color:inherit; }
html[data-ui-layout="boards"] .boards-drawer-brand .boards-brand-mark { width:38px !important; height:38px !important; min-width:38px !important; }
html[data-ui-layout="boards"] .boards-drawer-brand strong { color:var(--b-text) !important; font-size:15px !important; }
html[data-ui-layout="boards"] .boards-drawer-brand small { color:var(--b-muted) !important; font-size:10px !important; }
html[data-ui-layout="boards"] .boards-drawer nav { gap:1px !important; padding:7px 0 !important; }
html[data-ui-layout="boards"] .boards-drawer-primary { gap:1px !important; }
html[data-ui-layout="boards"] .boards-drawer-row {
  min-height:46px !important; padding:5px 7px !important; grid-template-columns:32px minmax(0,1fr) 16px !important; gap:8px !important;
}
html[data-ui-layout="boards"] .boards-drawer-row strong { font-size:12px !important; }
html[data-ui-layout="boards"] .boards-drawer nav>p { margin:8px 8px 3px !important; font-size:9px !important; }
html[data-ui-layout="boards"] .boards-drawer footer { padding-top:7px !important; gap:1px !important; }
html[data-ui-layout="boards"] .boards-drawer footer button { min-height:44px !important; padding:6px 8px !important; font-size:12px !important; }

/* Kalendarz — usuń czerwone pozostałości starego layoutu. */
html[data-ui-layout="boards"] .month-side-button,
html[data-ui-layout="boards"] .week-side-button,
html[data-ui-layout="boards"] .calendar-overview-card [class*="side-button"] {
  color:var(--b-blue) !important; background:var(--b-surface) !important; border:1px solid var(--b-line) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .month-side-button:hover,
html[data-ui-layout="boards"] .week-side-button:hover,
html[data-ui-layout="boards"] .month-side-button:active,
html[data-ui-layout="boards"] .week-side-button:active {
  color:var(--b-blue) !important; background:var(--b-blue-soft) !important; border-color:var(--b-accent-border) !important;
}
html[data-ui-layout="boards"] .week-picker-wrap,
html[data-ui-layout="boards"] .month-picker-wrap { padding:6px !important; }
html[data-ui-layout="boards"] .week-picker-main-button,
html[data-ui-layout="boards"] .month-picker-main-button { color:var(--b-blue) !important; font-size:13px !important; }
html[data-ui-layout="boards"] .period-summary-grid>* { min-height:60px !important; padding:7px !important; }
html[data-ui-layout="boards"] .period-summary-grid span { font-size:8px !important; }
html[data-ui-layout="boards"] .period-summary-grid strong { font-size:15px !important; }
html[data-ui-layout="boards"] .mobile-week-calendar { padding:4px !important; gap:4px !important; }
html[data-ui-layout="boards"] .mobile-week-day { min-height:52px !important; padding:6px 7px !important; grid-template-columns:58px minmax(0,1fr) auto !important; }
html[data-ui-layout="boards"] .mobile-week-day-heading strong { font-size:12px !important; }
html[data-ui-layout="boards"] .mobile-week-day-heading span { font-size:8px !important; }
html[data-ui-layout="boards"] .mobile-week-day-content span { font-size:9px !important; }
html[data-ui-layout="boards"] .mobile-week-day-content strong { font-size:12px !important; }
html[data-ui-layout="boards"] .calendar-inline-legend,
html[data-ui-layout="boards"] .calendar-legend { font-size:9px !important; }

/* Ustawienia — na podstronie nie pokazujemy starej pionowej nawigacji wszystkich kategorii. */
html[data-ui-layout="boards"] .settings-page.settings-subpage > .settings-section-tabs,
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs { display:none !important; }
html[data-ui-layout="boards"] .settings-category-grid,
html[data-ui-layout="boards"] .settings-category-grid-compact {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; max-width:none !important; gap:5px !important;
}
html[data-ui-layout="boards"] .settings-category-card,
html[data-ui-layout="boards"] .settings-category-card-compact,
html[data-ui-layout="boards"] .boards-settings-row {
  width:100% !important; min-width:0 !important; max-width:none !important; grid-template-columns:36px minmax(0,1fr) 14px !important;
}
html[data-ui-layout="boards"] .settings-category-copy,
html[data-ui-layout="boards"] .settings-category-copy strong,
html[data-ui-layout="boards"] .settings-category-copy small,
html[data-ui-layout="boards"] .settings-category-card strong,
html[data-ui-layout="boards"] .settings-category-card small {
  min-width:0 !important; max-width:none !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; word-break:normal !important;
}
html[data-ui-layout="boards"] .settings-category-card strong { font-size:12px !important; line-height:1.15 !important; }
html[data-ui-layout="boards"] .settings-category-card small { display:block !important; margin-top:1px !important; color:var(--b-muted) !important; font-size:8px !important; line-height:1.25 !important; }
html[data-ui-layout="boards"] .boards-vector-settings-icon,
html[data-ui-layout="boards"] .settings-category-icon.boards-vector-settings-icon,
html[data-ui-layout="boards"] .settings-accordion-icon.boards-vector-settings-icon {
  display:grid !important; place-items:center !important; width:34px !important; height:34px !important; border-radius:9px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important; font-size:0 !important;
}
html[data-ui-layout="boards"] .boards-vector-settings-icon svg { width:18px !important; height:18px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.9 !important; }

/* Breadcrumb + wyszukiwarka ustawień — zwarte jak na planszy 9/10. */
html[data-ui-layout="boards"] .boards-settings-breadcrumb,
html[data-ui-layout="boards"] #v33959-settings-breadcrumb {
  display:flex !important; align-items:center !important; gap:5px !important; min-height:30px !important; margin:0 0 5px !important; padding:0 2px !important;
  color:var(--b-muted) !important; background:transparent !important; border:0 !important; box-shadow:none !important; font-size:9px !important;
}
html[data-ui-layout="boards"] #v33959-settings-search-wrap,
html[data-ui-layout="boards"] .boards-settings-search-legacy {
  position:sticky !important; top:58px !important; z-index:58 !important; display:grid !important; grid-template-columns:18px minmax(0,1fr) 24px !important; align-items:center !important; gap:6px !important;
  min-height:46px !important; margin:0 0 7px !important; padding:5px 8px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] #v33959-settings-search-wrap input {
  min-height:34px !important; padding:0 4px !important; border:0 !important; background:transparent !important; box-shadow:none !important; font-size:11px !important;
}
html[data-ui-layout="boards"] #v33959-settings-search-wrap button {
  width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--b-muted) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title {
  margin:0 0 7px !important; padding:8px 9px !important; border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title .settings-subpage-heading { display:grid !important; grid-template-columns:34px minmax(0,1fr) !important; gap:8px !important; align-items:center !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title .settings-subpage-icon { width:34px !important; height:34px !important; font-size:15px !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title .page-eyebrow { display:none !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title h2 { margin:0 !important; font-size:15px !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title p { margin:2px 0 0 !important; font-size:8px !important; color:var(--b-muted) !important; }

/* Poprawne suwaki — przebijamy stare 22x22 checkboxy o wyższej specyficzności. */
html[data-ui-layout="boards"] .v33958-settings-grid label>input.boards-switch-input[type="checkbox"],
html[data-ui-layout="boards"] .settings-page label>input.boards-switch-input[type="checkbox"],
html[data-ui-layout="boards"] input.boards-switch-input[type="checkbox"] {
  -webkit-appearance:none !important; appearance:none !important;
  inline-size:43px !important; block-size:26px !important; width:43px !important; height:26px !important;
  min-inline-size:43px !important; min-block-size:26px !important; min-width:43px !important; min-height:26px !important;
  max-inline-size:43px !important; max-block-size:26px !important; max-width:43px !important; max-height:26px !important;
  flex:0 0 43px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important;
  background:#d6dee8 !important; background-image:none !important; box-shadow:none !important; position:relative !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid label>input.boards-switch-input[type="checkbox"]::after,
html[data-ui-layout="boards"] .settings-page label>input.boards-switch-input[type="checkbox"]::after,
html[data-ui-layout="boards"] input.boards-switch-input[type="checkbox"]::after {
  content:"" !important; position:absolute !important; top:3px !important; left:3px !important; width:20px !important; height:20px !important; border-radius:50% !important; background:#fff !important; box-shadow:0 1px 4px rgba(0,0,0,.18) !important; transform:none; transition:.18s ease !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid label>input.boards-switch-input[type="checkbox"]:checked,
html[data-ui-layout="boards"] .settings-page label>input.boards-switch-input[type="checkbox"]:checked,
html[data-ui-layout="boards"] input.boards-switch-input[type="checkbox"]:checked { background:var(--b-blue) !important; }
html[data-ui-layout="boards"] .v33958-settings-grid label>input.boards-switch-input[type="checkbox"]:checked::after,
html[data-ui-layout="boards"] .settings-page label>input.boards-switch-input[type="checkbox"]:checked::after,
html[data-ui-layout="boards"] input.boards-switch-input[type="checkbox"]:checked::after { transform:translateX(17px) !important; }

/* Karty ustawień bardziej listowe, bez wielkich pustych pól. */
html[data-ui-layout="boards"] .settings-subpage-content { display:grid !important; gap:5px !important; }
html[data-ui-layout="boards"] .settings-accordion,
html[data-ui-layout="boards"] .boards-settings-card { margin:0 !important; width:100% !important; max-width:none !important; }
html[data-ui-layout="boards"] .settings-accordion>summary { min-height:50px !important; padding:7px 8px !important; grid-template-columns:34px minmax(0,1fr) 18px !important; }
html[data-ui-layout="boards"] .settings-accordion>summary strong { font-size:11px !important; }
html[data-ui-layout="boards"] .settings-accordion>summary small { font-size:7.5px !important; }
html[data-ui-layout="boards"] .settings-accordion-body { padding:0 8px 8px !important; }

@media (max-width:760px) {
  html[data-ui-layout="boards"] .boards-brand strong { font-size:15px !important; }
  html[data-ui-layout="boards"] #v33959-settings-search-wrap { top:58px !important; }
  html[data-ui-layout="boards"] body.boards-scrolled #v33959-settings-search-wrap { top:48px !important; }
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-back-link { display:none !important; }
html[data-ui-layout="boards"] .boards-client-count { display:inline-grid !important; place-items:center; min-width:17px; height:17px; margin-top:1px; padding:0 4px; border-radius:999px; background:var(--b-blue-soft); color:var(--b-blue); font-size:8px; font-weight:800; }
html[data-ui-layout="boards"] .boards-switch-row>span { display:grid !important; gap:2px !important; min-width:0 !important; }
html[data-ui-layout="boards"] .boards-switch-row>span>strong { display:block !important; font-size:10px !important; line-height:1.15 !important; }
html[data-ui-layout="boards"] .boards-switch-row>span>small { display:block !important; color:var(--b-muted) !important; font-size:8px !important; line-height:1.2 !important; }

/* Typ aktywności jako pojedynczy wiersz + bottom sheet, zgodnie z planszami 3 i 8. */
html[data-ui-layout="boards"] .boards-kind-source-hidden { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; }
html[data-ui-layout="boards"] .boards-kind-picker {
  display:grid !important; grid-template-columns:36px minmax(0,1fr) 16px !important; align-items:center; gap:8px; width:100%; min-height:52px; padding:7px 9px !important;
  border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; color:var(--b-text) !important; text-align:left; box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-kind-picker-copy { display:grid !important; gap:1px; min-width:0; }
html[data-ui-layout="boards"] .boards-kind-picker-copy small { color:var(--b-muted) !important; font-size:8px !important; }
html[data-ui-layout="boards"] .boards-kind-picker-copy strong { font-size:12px !important; }
html[data-ui-layout="boards"] .boards-kind-picker>svg { width:15px; height:15px; fill:none; stroke:var(--b-muted); stroke-width:2; }
html[data-ui-layout="boards"] .boards-kind-sheet-layer { position:fixed; inset:0; z-index:3300; }
html[data-ui-layout="boards"] .boards-kind-sheet-backdrop { position:absolute; inset:0; background:rgba(8,18,30,.38); backdrop-filter:blur(2px); }
html[data-ui-layout="boards"] .boards-kind-sheet {
  position:absolute; left:0; right:0; bottom:0; max-height:88dvh; overflow:auto; padding:7px 10px max(12px,env(safe-area-inset-bottom)); border-radius:19px 19px 0 0; background:var(--b-surface); color:var(--b-text); box-shadow:0 -16px 44px rgba(8,18,30,.18);
}
html[data-ui-layout="boards"] .boards-sheet-handle { width:40px; height:4px; margin:1px auto 8px; border-radius:999px; background:var(--b-line-2); }
html[data-ui-layout="boards"] .boards-kind-sheet header { display:flex !important; align-items:center; justify-content:space-between; min-height:42px; padding:0 2px 6px !important; background:transparent !important; color:var(--b-text) !important; border:0 !important; box-shadow:none !important; }
html[data-ui-layout="boards"] .boards-kind-sheet header strong { font-size:15px !important; }
html[data-ui-layout="boards"] .boards-kind-sheet header button { display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--b-muted); }
html[data-ui-layout="boards"] .boards-kind-sheet header button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
html[data-ui-layout="boards"] .boards-kind-options { display:grid; gap:5px; }
html[data-ui-layout="boards"] .boards-kind-options button {
  display:grid !important; grid-template-columns:36px minmax(0,1fr) 18px; align-items:center; gap:8px; min-height:52px; padding:7px 9px !important; text-align:left;
  border:1px solid var(--b-line) !important; border-radius:12px !important; background:var(--b-surface) !important; color:var(--b-text) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-kind-options button.selected { background:var(--b-blue-soft) !important; border-color:var(--b-accent-border) !important; color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-kind-options button>span:nth-child(2) { font-size:12px; font-weight:750; }
html[data-ui-layout="boards"] .boards-kind-options button>svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
html[data-ui-layout="boards"] .boards-kind-duty { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center; gap:8px; margin-top:7px; min-height:52px; padding:7px 9px; border:1px solid var(--b-line); border-radius:12px; background:var(--b-surface-2); }
html[data-ui-layout="boards"] .boards-kind-duty>span { display:grid; gap:1px; }
html[data-ui-layout="boards"] .boards-kind-duty strong { font-size:11px; }
html[data-ui-layout="boards"] .boards-kind-duty small { color:var(--b-muted); font-size:8px; }
html[data-ui-layout="boards"] .boards-kind-duty input[type="checkbox"] { appearance:none !important; -webkit-appearance:none !important; width:43px !important; height:26px !important; border:0 !important; border-radius:999px !important; background:#d6dee8 !important; position:relative; }
html[data-ui-layout="boards"] .boards-kind-duty input[type="checkbox"]::after { content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18); transition:.18s ease; }
html[data-ui-layout="boards"] .boards-kind-duty input[type="checkbox"]:checked { background:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-kind-duty input[type="checkbox"]:checked::after { transform:translateX(17px); }
/* Przycisk Dodaj ma być zwykłym elementem dolnej nawigacji, a nie centralnym FAB. */
html[data-ui-layout="boards"] .boards-bottom-nav button.boards-bottom-add {
  display:grid !important; place-items:center !important; width:auto !important; height:auto !important; min-width:0 !important; min-height:52px !important;
  margin:0 !important; padding:4px 0 !important; border:0 !important; border-radius:12px !important;
  background:transparent !important; color:var(--b-muted) !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button.boards-bottom-add.active { color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-bottom-nav button.boards-bottom-add svg { width:21px !important; height:21px !important; stroke:currentColor !important; }
/* Plansza 9: wyszukiwarka jest na głównym ekranie Ustawień, nie na każdej podstronie. */
html[data-ui-layout="boards"] .settings-page.settings-subpage #v33959-settings-search-wrap { display:none !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title {
  margin:0 0 5px !important; padding:4px 2px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title .settings-subpage-heading { grid-template-columns:34px minmax(0,1fr) !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title h2 { font-size:18px !important; }
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title p { font-size:9px !important; }
/* Plansze nie pokazują stałej, przewijanej legendy pod każdym tygodniem/miesiącem. */
html[data-ui-layout="boards"] .calendar-inline-legend { display:none !important; }


/* V3.39.107 — komplet ustawień lokalnych w kompaktowym stylu plansz */
html[data-ui-layout="boards"] #v33958-appearance-device-settings,
html[data-ui-layout="boards"] #v33959-optional-ui-settings {
  margin:0 !important;
  border:1px solid var(--b-line) !important;
  border-radius:14px !important;
  background:var(--b-surface) !important;
  overflow:hidden;
}
html[data-ui-layout="boards"] #v33958-appearance-device-settings > summary,
html[data-ui-layout="boards"] #v33959-optional-ui-settings > summary {
  min-height:54px !important;
  padding:8px 10px !important;
}
html[data-ui-layout="boards"] #v33958-appearance-device-settings .settings-accordion-body,
html[data-ui-layout="boards"] #v33959-optional-ui-settings .settings-accordion-body {
  padding:4px 10px 10px !important;
}
html[data-ui-layout="boards"] .v33958-settings-groups { display:grid !important; gap:8px !important; }
html[data-ui-layout="boards"] .v33958-settings-groups fieldset {
  margin:0 !important; padding:8px !important; border:1px solid var(--b-line) !important;
  border-radius:12px !important; background:var(--b-surface-2) !important;
}
html[data-ui-layout="boards"] .v33958-settings-groups legend {
  padding:0 5px !important; font-size:12px !important; font-weight:800 !important; color:var(--b-text) !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid {
  display:grid !important; grid-template-columns:1fr !important; gap:6px !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid > label,
html[data-ui-layout="boards"] .v33958-calendar-gesture-setting {
  min-height:46px !important; margin:0 !important; padding:7px 8px !important;
  border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface) !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid > label > span { min-width:0; }
html[data-ui-layout="boards"] .v33958-settings-grid strong { font-size:12px !important; line-height:1.2 !important; }
html[data-ui-layout="boards"] .v33958-settings-grid small { display:block; margin-top:2px; font-size:10px !important; line-height:1.25 !important; color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .v33958-settings-grid select,
html[data-ui-layout="boards"] .v33958-settings-grid input[type="range"] {
  width:min(170px,42vw) !important; min-width:0 !important;
}
html[data-ui-layout="boards"] .boards-vector-settings-icon,
html[data-ui-layout="boards"] .settings-dialog-launcher-icon,
html[data-ui-layout="boards"] .settings-dialog-icon {
  display:grid !important; place-items:center !important; width:34px !important; height:34px !important;
  border-radius:10px !important; background:var(--b-blue-soft) !important; color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] .settings-dialog-launcher-icon svg,
html[data-ui-layout="boards"] .settings-dialog-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
html[data-ui-layout="boards"] .settings-dialog-launcher { min-height:58px !important; padding:8px 10px !important; gap:9px !important; }
html[data-ui-layout="boards"] .settings-dialog-launcher > span:nth-child(2) strong { font-size:13px !important; }
html[data-ui-layout="boards"] .settings-dialog-launcher > span:nth-child(2) small { font-size:10px !important; line-height:1.25 !important; }
html[data-ui-layout="boards"] .settings-dialog-open-button { min-height:36px !important; padding:6px 9px !important; font-size:11px !important; }
html[data-ui-layout="boards"] .settings-content-dialog .settings-dialog-heading { padding:10px 12px !important; }
html[data-ui-layout="boards"] .settings-content-dialog .settings-dialog-scroll { padding:8px 12px 14px !important; }

/* Komentarz w formularzu jest opcjonalny i otwierany ręcznie. */
html[data-ui-layout="boards"] .day-notes-manual-toggle { margin-top:4px !important; }
html[data-ui-layout="boards"] .day-notes-manual-toggle > summary {
  display:flex !important; align-items:center; justify-content:space-between; min-height:46px; padding:8px 10px !important;
  border:1px solid var(--b-line) !important; border-radius:11px !important; background:var(--b-surface-2) !important;
  font-size:12px !important; font-weight:800 !important; list-style:none;
}
html[data-ui-layout="boards"] .day-notes-manual-toggle > summary::-webkit-details-marker { display:none; }
html[data-ui-layout="boards"] .day-notes-manual-toggle[open] > summary { margin-bottom:7px; color:var(--b-blue); border-color:var(--b-accent-border) !important; }

/* Akcent ma działać w całej skórce, także na nawigacji i CTA. */
html[data-ui-layout="boards"] .boards-bottom-today { background:var(--b-blue) !important; box-shadow:0 10px 24px color-mix(in srgb,var(--b-blue) 34%,transparent) !important; }
html[data-ui-layout="boards"] .boards-bottom-nav button.active,
html[data-ui-layout="boards"] .boards-icon-button:active,
html[data-ui-layout="boards"] .boards-icon-button:focus-visible { color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .boards-calendar-tabs button.active,
html[data-ui-layout="boards"] .boards-today-main,
html[data-ui-layout="boards"] .boards-day-save,
html[data-ui-layout="boards"] .btn-canon { background:var(--b-blue) !important; border-color:var(--b-blue) !important; }

@media (max-width:760px) {
  html[data-ui-layout="boards"] .settings-content-dialog { max-height:88dvh !important; }
  html[data-ui-layout="boards"] .v33958-settings-grid select,
  html[data-ui-layout="boards"] .v33958-settings-grid input[type="range"] { width:145px !important; }
}

/* Zagnieżdżone grupy lokalnych ustawień są domyślnie zwinięte, żeby podmenu nie rosło na kilka ekranów. */
html[data-ui-layout="boards"] .boards-local-settings-group {
  margin:0 !important; border:1px solid var(--b-line) !important; border-radius:11px !important;
  background:var(--b-surface-2) !important; overflow:hidden;
}
html[data-ui-layout="boards"] .boards-local-settings-group > summary {
  display:grid !important; grid-template-columns:minmax(0,1fr) 18px; align-items:center; gap:8px;
  min-height:42px; padding:7px 9px !important; list-style:none; cursor:pointer;
}
html[data-ui-layout="boards"] .boards-local-settings-group > summary::-webkit-details-marker { display:none; }
html[data-ui-layout="boards"] .boards-local-settings-group > summary strong { font-size:11px !important; }
html[data-ui-layout="boards"] .boards-local-settings-group > summary svg { width:17px; height:17px; fill:none; stroke:var(--b-muted); stroke-width:1.9; transition:transform .16s ease; }
html[data-ui-layout="boards"] .boards-local-settings-group[open] > summary svg { transform:rotate(90deg); }
html[data-ui-layout="boards"] .boards-local-settings-group-body { padding:0 7px 7px !important; }
html[data-ui-layout="boards"] .boards-local-settings-group-body .v33958-settings-grid { gap:5px !important; }
html[data-ui-layout="boards"] .compact-settings-heading > .boards-vector-settings-icon { flex:0 0 34px; }

/* V3.39.107 — duże sekcje statusowe w Ustawieniach jako zwarte, rozwijane wiersze. */
html[data-ui-layout="boards"] .boards-status-accordion { margin:0 !important; }
html[data-ui-layout="boards"] .boards-status-accordion > summary { min-height:58px !important; padding:8px 10px !important; }
html[data-ui-layout="boards"] .boards-status-accordion > summary strong { font-size:13px !important; }
html[data-ui-layout="boards"] .boards-status-accordion > summary small { max-width:44ch; font-size:9.5px !important; line-height:1.25 !important; }
html[data-ui-layout="boards"] .boards-status-accordion-body { padding:2px 10px 10px !important; }
html[data-ui-layout="boards"] .boards-status-accordion .automatic-backup-state { margin:4px 0 7px !important; gap:5px !important; }
html[data-ui-layout="boards"] .boards-status-accordion .profile-default-badge { padding:4px 7px !important; font-size:9px !important; }
html[data-ui-layout="boards"] .boards-status-accordion .maintenance-summary,
html[data-ui-layout="boards"] .boards-status-accordion .basic-app-status-grid { gap:6px !important; margin:6px 0 !important; }
html[data-ui-layout="boards"] .boards-status-accordion .maintenance-summary > div,
html[data-ui-layout="boards"] .boards-status-accordion .basic-app-status-grid > div { padding:7px 8px !important; border-radius:9px !important; }
html[data-ui-layout="boards"] .boards-status-accordion dt { font-size:8.5px !important; }
html[data-ui-layout="boards"] .boards-status-accordion dd { margin-top:2px !important; font-size:10px !important; }
html[data-ui-layout="boards"] .boards-status-accordion .settings-help { margin:6px 0 0 !important; font-size:8.5px !important; line-height:1.3 !important; }
html[data-ui-layout="boards"] .boards-status-accordion .backup-actions { margin-top:7px !important; gap:6px !important; }
html[data-ui-layout="boards"] .boards-status-accordion .backup-actions > * { min-height:34px !important; padding:5px 8px !important; font-size:9px !important; }

/* ===== V3.39.107 — korekty ustawień lokalnych, pól AUTO i widoczności kontrolek ===== */

/* 1. Przełączniki w lokalnych ustawieniach zawsze mają zarezerwowaną własną kolumnę.
   Przebija starszą regułę 22px, która powodowała nachodzenie switcha na opis. */
html[data-ui-layout="boards"] .v33958-settings-grid label.boards-switch-row:has(> input.boards-switch-input[type="checkbox"]) {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 48px !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  justify-items:stretch !important;
  gap:10px !important;
  min-width:0 !important;
  padding:8px 9px !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid label.boards-switch-row:has(> input.boards-switch-input[type="checkbox"]) > span {
  grid-column:1 !important;
  min-width:0 !important;
  width:100% !important;
  padding-right:2px !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid label.boards-switch-row:has(> input.boards-switch-input[type="checkbox"]) > input.boards-switch-input[type="checkbox"] {
  grid-column:2 !important;
  align-self:center !important;
  justify-self:end !important;
  margin:0 !important;
}
html[data-ui-layout="boards"] .v33958-settings-grid label.boards-switch-row > span > small {
  max-width:100% !important;
  overflow:visible !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  -webkit-line-clamp:unset !important;
}

/* 2. Wyraźna kontrolka zamykania otwartych sekcji — niebieskie tło + biały chevron. */
html[data-ui-layout="boards"] .settings-accordion > summary .settings-accordion-chevron {
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border:1px solid var(--b-line) !important;
  border-radius:9px !important;
  background:var(--b-surface-3) !important;
  color:var(--b-muted) !important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease !important;
}
html[data-ui-layout="boards"] .settings-accordion > summary .settings-accordion-chevron svg {
  width:17px !important;
  height:17px !important;
  stroke:currentColor !important;
}
html[data-ui-layout="boards"] .settings-accordion[open] > summary .settings-accordion-chevron {
  background:var(--b-blue) !important;
  border-color:var(--b-blue) !important;
  color:#fff !important;
  transform:rotate(180deg) !important;
}
html[data-ui-layout="boards"] .boards-local-settings-group > summary {
  grid-template-columns:minmax(0,1fr) 30px !important;
}
html[data-ui-layout="boards"] .boards-local-settings-group > summary > svg {
  justify-self:end !important;
  width:28px !important;
  height:28px !important;
  padding:6px !important;
  border:1px solid var(--b-line) !important;
  border-radius:8px !important;
  background:var(--b-surface) !important;
  stroke:var(--b-muted) !important;
}
html[data-ui-layout="boards"] .boards-local-settings-group[open] > summary > svg {
  transform:rotate(90deg) !important;
  background:var(--b-blue) !important;
  border-color:var(--b-blue) !important;
  stroke:#fff !important;
}

/* 3. Pola automatyczne: nigdy nie pokazują "Teraz" obok ołówka/resetu. */
html[data-ui-layout="boards"] .time-field-with-unlock .boards-now-button,
html[data-ui-layout="boards"] .boards-time-control:has(input:disabled) .boards-now-button {
  display:none !important;
}
html[data-ui-layout="boards"] .time-field-with-unlock .boards-time-control input {
  padding-right:42px !important;
}
html[data-ui-layout="boards"] .time-field-with-unlock .boards-time-control.is-valid::after,
html[data-ui-layout="boards"] .boards-time-control:has(input:disabled).is-valid::after {
  display:none !important;
}
html[data-ui-layout="boards"] .time-field-with-unlock .time-unlock-button {
  right:4px !important;
  bottom:4px !important;
  z-index:6 !important;
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 !important;
  border-radius:9px !important;
  background:var(--b-surface-3) !important;
  border:1px solid var(--b-line-2) !important;
  color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] .time-field-with-unlock:has(.auto-time-input:disabled) .time-unlock-button {
  background:var(--b-blue-soft) !important;
  border-color:var(--b-accent-border) !important;
}

/* 4. Ustawienia "Wygląd i obsługa" / "Opcjonalne funkcje" wpływają także na Plansze. */
html[data-ui-layout="boards"] body:not(.boards-pref-now) .boards-now-button { display:none !important; }
html[data-ui-layout="boards"] body:not(.boards-pref-clock) .boards-field-clock { display:none !important; }
html[data-ui-layout="boards"] body:not(.boards-pref-clock) .boards-time-control input { padding-left:10px !important; }
html[data-ui-layout="boards"] body.boards-pref-clock .boards-time-control input { padding-left:32px !important; }
html[data-ui-layout="boards"] body:not(.boards-pref-valid) .boards-time-control.is-valid::after { display:none !important; }
html[data-ui-layout="boards"] body.v33959-compact-day-sections .boards-entry-card > summary { min-height:46px !important; padding-block:5px !important; }
html[data-ui-layout="boards"] body.v33959-compact-day-sections .boards-entry-body { padding:7px !important; }
html[data-ui-layout="boards"] body.v33959-active-section-highlight .boards-entry-card:focus-within > summary,
html[data-ui-layout="boards"] body.v33959-active-section-highlight .boards-entry-card[open]:focus-within > summary {
  border-color:var(--b-blue) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--b-blue) 14%,transparent) !important;
}
html[data-ui-layout="boards"] body.v33959-muted-empty-fields .boards-time-control input:placeholder-shown,
html[data-ui-layout="boards"] body.v33959-muted-empty-fields .boards-entry-body input:placeholder-shown,
html[data-ui-layout="boards"] body.v33959-muted-empty-fields .boards-entry-body textarea:placeholder-shown {
  background:var(--b-surface-3) !important;
}
html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions { grid-template-columns:1fr !important; }
html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions .save-day-button { grid-row:1 !important; width:100% !important; }
html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions .day-cancel-button { grid-row:2 !important; width:100% !important; }
html[data-ui-layout="boards"] body:not(.boards-pref-sticky-summary) .boards-live-summary { position:static !important; }
html[data-ui-layout="boards"] body.v33959-minimal-errors .boards-time-control.is-invalid input {
  border-color:var(--b-line) !important;
  box-shadow:inset 3px 0 0 var(--b-red) !important;
}

/* Nawigacja i nagłówek wg lokalnych preferencji. */
html[data-ui-layout="boards"][data-boards-bottom-nav="off"] .boards-bottom-nav { display:none !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav="off"] body { padding-bottom:18px !important; }
html[data-ui-layout="boards"] body.boards-pref-large-today .boards-bottom-nav [data-key="today"] {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
}
html[data-ui-layout="boards"] body.boards-header-hidden #app-header {
  transform:translateY(-110%) !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html[data-ui-layout="boards"] body.boards-header-hidden .boards-day-bar,
html[data-ui-layout="boards"] body.boards-header-hidden .boards-settings-header,
html[data-ui-layout="boards"] body.boards-header-hidden .boards-users-toolbar,
html[data-ui-layout="boards"] body.boards-header-hidden #v33959-settings-search-wrap {
  top:0 !important;
}

/* Breadcrumb i wyszukiwarka ustawień są respektowane także w Planszach. */
html[data-ui-layout="boards"] body:not(.boards-pref-breadcrumbs) .boards-settings-breadcrumb { display:none !important; }
html[data-ui-layout="boards"] .settings-page.settings-subpage #v33959-settings-search-wrap { display:none !important; }
html[data-ui-layout="boards"] body.boards-pref-settings-search .settings-page.settings-subpage #v33959-settings-search-wrap { display:grid !important; }

/* Wariant monochromatyczny i lokalne ustawienia ikon/pól. */
html[data-ui-layout="boards"] body.monochrome-v33958 {
  --b-green:var(--b-blue); --b-green-soft:var(--b-blue-soft);
  --b-orange:var(--b-blue); --b-orange-soft:var(--b-blue-soft);
  --b-purple:var(--b-blue); --b-purple-soft:var(--b-blue-soft);
}
html[data-ui-layout="boards"][data-icon-set="minimal"] :is(.boards-icon,.boards-entry-icon,.boards-field-clock,.boards-summary-icon,.boards-vector-settings-icon) svg { stroke-width:1.35 !important; }
html[data-ui-layout="boards"][data-icon-set="line"] :is(.boards-icon,.boards-entry-icon,.boards-field-clock,.boards-summary-icon,.boards-vector-settings-icon) svg { stroke-width:1.7 !important; }
html[data-ui-layout="boards"][data-icon-set="solid"] :is(.boards-icon,.boards-entry-icon,.boards-field-clock,.boards-summary-icon,.boards-vector-settings-icon) svg { stroke-width:2.5 !important; }
html[data-ui-layout="boards"][data-form-style="underline"] .boards-entry-body input:not([type="checkbox"]):not([type="radio"]),
html[data-ui-layout="boards"][data-form-style="underline"] .boards-entry-body textarea,
html[data-ui-layout="boards"][data-form-style="underline"] .boards-entry-body select {
  border-width:0 0 var(--v33958-border-width,1px) 0 !important;
  border-radius:0 !important;
}
html[data-ui-layout="boards"][data-form-style="minimal"] .boards-entry-body input:not([type="checkbox"]):not([type="radio"]),
html[data-ui-layout="boards"][data-form-style="minimal"] .boards-entry-body textarea,
html[data-ui-layout="boards"][data-form-style="minimal"] .boards-entry-body select {
  border-color:transparent !important;
  background:var(--b-surface-3) !important;
}
html[data-ui-layout="boards"] :is(.boards-entry-card,.settings-accordion,.boards-settings-card,.boards-kind-card) { border-width:var(--v33958-border-width,1px) !important; }

/* Preferencje Kalendarza z Opcjonalnych funkcji działają także na komponentach Plansz. */
html[data-ui-layout="boards"] body.v33959-calendar-soft-grid .mobile-month-day { border-color:color-mix(in srgb,var(--b-line) 58%,transparent) !important; }
html[data-ui-layout="boards"] body.v33959-calendar-large-numbers .mobile-month-day-top strong { font-size:17px !important; }
html[data-ui-layout="boards"] body.v33959-calendar-weekend-tint .mobile-month-day.weekend { background:color-mix(in srgb,var(--b-blue) 5%,var(--b-surface)) !important; }
html[data-ui-layout="boards"] body.v33959-calendar-selected-fill .mobile-month-day.active {
  background:var(--b-blue) !important; color:#fff !important; border-color:var(--b-blue) !important;
}
/* V3.40.24: aria-current=date oznacza tylko dzisiejszą datę, nie aktywne zaznaczenie.
   Dziś zachowuje normalne/statusowe tło i czytelne obramowanie. */
html[data-ui-layout="boards"] body.v33959-calendar-selected-fill .mobile-month-day[aria-current="date"] {
  background:var(--b-surface) !important;
  color:var(--b-text) !important;
  border:2px solid var(--b-blue) !important;
}
html[data-ui-layout="boards"] body.v33959-calendar-selected-fill .mobile-month-day.weekend[aria-current="date"],
html[data-ui-layout="boards"] body.v33959-calendar-selected-fill .mobile-month-day.swieto[aria-current="date"] {
  background:color-mix(in srgb,var(--b-blue-soft) 48%,var(--b-surface)) !important;
}
html[data-ui-layout="boards"] body.v33959-calendar-selected-fill .mobile-month-day.urlop[aria-current="date"] {
  background:color-mix(in srgb,var(--b-green-soft) 70%,var(--b-surface)) !important;
}

/* Telefon: zachowaj czytelne odstępy i nie wciskaj przełącznika w tekst. */
@media (max-width:760px) {
  html[data-ui-layout="boards"] .v33958-settings-grid label.boards-switch-row:has(> input.boards-switch-input[type="checkbox"]) {
    grid-template-columns:minmax(0,1fr) 48px !important;
    align-items:center !important;
  }
  html[data-ui-layout="boards"] .v33958-settings-grid label.boards-switch-row:has(> input.boards-switch-input[type="checkbox"]) > input.boards-switch-input[type="checkbox"] {
    align-self:center !important;
    justify-self:end !important;
    margin:0 !important;
  }
  html[data-ui-layout="boards"] .boards-local-settings-group-body { overflow:visible !important; }
  html[data-ui-layout="boards"] .boards-local-settings-group { overflow:visible !important; }
}

/* Dalsze preferencje lokalne Plansz. */
html[data-ui-layout="boards"] body.left-handed-v33958 .boards-drawer {
  left:0 !important; right:auto !important; border-left:0 !important; border-right:1px solid var(--b-line) !important;
  transform:translateX(-103%) !important; box-shadow:20px 0 46px rgba(12,28,48,.18) !important;
}
html[data-ui-layout="boards"] body.left-handed-v33958 .boards-drawer-layer.is-open .boards-drawer { transform:none !important; }
html[data-ui-layout="boards"] body.left-handed-v33958 .boards-appbar-actions { flex-direction:row-reverse; }
html[data-ui-layout="boards"] body.boards-pref-expandable-summary .boards-live-summary { cursor:pointer; }
html[data-ui-layout="boards"] body.boards-pref-expandable-summary .boards-live-summary:not(.boards-summary-expanded) > p { display:none !important; }
html[data-ui-layout="boards"] body.boards-pref-expandable-summary .boards-live-summary.boards-summary-expanded > p { display:block !important; }

@media (max-width:760px) {
  html[data-ui-layout="boards"] body:not(.boards-pref-dialog-sheets) dialog.app-dialog,
  html[data-ui-layout="boards"] body:not(.boards-pref-dialog-sheets) dialog.settings-content-dialog,
  html[data-ui-layout="boards"] body:not(.boards-pref-dialog-sheets) dialog.client-directory-dialog {
    width:min(92vw,520px) !important; max-width:520px !important; max-height:82dvh !important;
    margin:auto !important; inset:0 !important; border-radius:16px !important;
  }
  html[data-ui-layout="boards"] body:not(.boards-pref-dialog-sheets) dialog.app-dialog::before,
  html[data-ui-layout="boards"] body:not(.boards-pref-dialog-sheets) dialog.settings-content-dialog::before,
  html[data-ui-layout="boards"] body:not(.boards-pref-dialog-sheets) dialog.client-directory-dialog::before { display:none !important; }
}

/* Tryb skupienia w Planszach: ukrywa również własną nawigację i usuwa pusty offset. */
html[data-ui-layout="boards"] body.focus-mode-v33958 .boards-bottom-nav { display:none !important; }
html[data-ui-layout="boards"] body.focus-mode-v33958 { padding-bottom:12px !important; }
html[data-ui-layout="boards"] body.focus-mode-v33958 .boards-day-bar { top:0 !important; }

/* Wyraźniejsze zamykanie rozwiniętych kart formularza i sekcji statystyk. */
html[data-ui-layout="boards"] .boards-entry-card > summary > svg:last-child {
  width:24px !important; height:24px !important; padding:4px !important; border-radius:8px !important;
  border:1px solid var(--b-line) !important; background:var(--b-surface-3) !important; stroke:var(--b-muted) !important;
}
html[data-ui-layout="boards"] .boards-entry-card[open] > summary > svg:last-child {
  background:var(--b-blue) !important; border-color:var(--b-blue) !important; stroke:#fff !important;
}
html[data-ui-layout="boards"] .stats-expandable-section[open] > summary {
  border-color:var(--b-accent-border) !important;
  background:color-mix(in srgb,var(--b-blue-soft) 45%,var(--b-surface)) !important;
}

/* Otwarte listy wyboru w lokalnych ustawieniach też mają jednoznaczny stan zamykania. */
html[data-ui-layout="boards"] .v33962-select-trigger.is-open {
  border-color:var(--b-accent-border) !important;
  background:var(--b-blue-soft) !important;
}
html[data-ui-layout="boards"] .v33962-select-trigger.is-open svg {
  width:28px !important; height:28px !important; padding:5px !important; border-radius:8px !important;
  background:var(--b-blue) !important; color:#fff !important; stroke:#fff !important; opacity:1 !important;
}

/* V3.39.107 — wspólna nawigacja Tydzień/Miesiąc + eksport jako podmenu */
html[data-ui-layout="boards"] .boards-calendar-toolbar-v2 {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(112px,.72fr) !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
html[data-ui-layout="boards"] .boards-calendar-toolbar-v2 button {
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:8px 11px !important;
  border-radius:12px !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-calendar-toolbar-v2 button svg {
  width:19px !important;
  height:19px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
html[data-ui-layout="boards"] .boards-calendar-view-toggle {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
  border:1px solid color-mix(in srgb,var(--b-blue) 22%,var(--b-line)) !important;
}
html[data-ui-layout="boards"] .boards-calendar-current {
  color:var(--b-text) !important;
  background:var(--b-surface) !important;
  border:1px solid var(--b-line-2) !important;
}

/* Miesiąc i tydzień mają dokładnie ten sam model nawigacji okresu. */
html[data-ui-layout="boards"] .calendar-overview-card .month-picker-wrap,
html[data-ui-layout="boards"] .calendar-overview-card .week-navigation {
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 42px !important;
  align-items:center !important;
  gap:7px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 10px !important;
  padding:7px !important;
  border:1px solid var(--b-line) !important;
  border-radius:15px !important;
  background:var(--b-surface) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .calendar-overview-card .month-picker,
html[data-ui-layout="boards"] .calendar-overview-card .week-picker,
html[data-ui-layout="boards"] .calendar-overview-card .week-range {
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
}
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button,
html[data-ui-layout="boards"] .calendar-overview-card .week-button {
  grid-row:1 !important;
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  color:var(--b-blue) !important;
  background:var(--b-surface-2) !important;
  border:1px solid var(--b-line-2) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button:first-child,
html[data-ui-layout="boards"] .calendar-overview-card .week-button:first-child { grid-column:1 !important; }
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button-next,
html[data-ui-layout="boards"] .calendar-overview-card .week-button-next { grid-column:3 !important; }
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button-text,
html[data-ui-layout="boards"] .calendar-overview-card .week-button-label { display:none !important; }
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button-icon,
html[data-ui-layout="boards"] .calendar-overview-card .week-button-icon {
  display:block !important;
  width:auto !important;
  height:auto !important;
  flex:none !important;
  color:inherit !important;
  font-size:24px !important;
  line-height:1 !important;
}
html[data-ui-layout="boards"] .calendar-overview-card .month-picker-main-button,
html[data-ui-layout="boards"] .calendar-overview-card .week-range,
html[data-ui-layout="boards"] .calendar-overview-card .week-range-button {
  width:100% !important;
  min-height:42px !important;
  padding:7px 8px !important;
  color:var(--b-blue) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:11px !important;
  box-shadow:none !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-align:center !important;
}
html[data-ui-layout="boards"] .calendar-overview-card .week-range b { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .calendar-overview-card .week-button:hover,
html[data-ui-layout="boards"] .calendar-overview-card .week-button:active,
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button:hover,
html[data-ui-layout="boards"] .calendar-overview-card .month-side-button:active {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
  border-color:color-mix(in srgb,var(--b-blue) 26%,var(--b-line)) !important;
}

/* Podmenu eksportu Excel. */
html[data-ui-layout="boards"] .boards-calendar-export-dialog {
  width:min(94vw,460px) !important;
  padding:0 !important;
  border:1px solid var(--b-line) !important;
  border-radius:20px !important;
  background:var(--b-surface) !important;
  color:var(--b-text) !important;
  box-shadow:0 24px 70px rgba(17,37,62,.22) !important;
}
html[data-ui-layout="boards"] .boards-calendar-export-dialog::backdrop { background:rgba(16,31,49,.38) !important; backdrop-filter:blur(3px); }
html[data-ui-layout="boards"] .boards-export-sheet-form { display:grid !important; gap:14px !important; padding:10px 14px 16px !important; }
html[data-ui-layout="boards"] .boards-export-sheet-handle { width:42px; height:5px; margin:0 auto 1px; border-radius:999px; background:var(--b-line-2); }
html[data-ui-layout="boards"] .boards-export-sheet-head { display:grid; grid-template-columns:minmax(0,1fr) 40px; gap:10px; align-items:start; }
html[data-ui-layout="boards"] .boards-export-sheet-head small { color:var(--b-blue); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
html[data-ui-layout="boards"] .boards-export-sheet-head h2 { margin:2px 0 2px !important; font-size:22px !important; letter-spacing:-.03em; }
html[data-ui-layout="boards"] .boards-export-sheet-head p { margin:0 !important; color:var(--b-muted); font-size:12px; }
html[data-ui-layout="boards"] .boards-export-sheet-close { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--b-line); border-radius:11px; background:var(--b-surface-2); color:var(--b-text-2); }
html[data-ui-layout="boards"] .boards-export-sheet-close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; }
html[data-ui-layout="boards"] .boards-export-year { display:grid; grid-template-columns:42px minmax(0,1fr) 42px; align-items:center; gap:8px; }
html[data-ui-layout="boards"] .boards-export-year button { width:42px; height:40px; padding:0; border:1px solid var(--b-line); border-radius:11px; background:var(--b-surface-2); color:var(--b-blue); font-size:24px; }
html[data-ui-layout="boards"] .boards-export-year strong { text-align:center; font-size:18px; }
html[data-ui-layout="boards"] .boards-export-months { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
html[data-ui-layout="boards"] .boards-export-months button { min-height:42px; padding:6px; border:1px solid var(--b-line); border-radius:11px; background:var(--b-surface-2); color:var(--b-text-2); font-weight:750; }
html[data-ui-layout="boards"] .boards-export-months button.active { background:var(--b-blue); border-color:var(--b-blue); color:#fff; }
html[data-ui-layout="boards"] .boards-export-selected { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid var(--b-line); border-radius:12px; background:var(--b-surface-2); }
html[data-ui-layout="boards"] .boards-export-selected span { color:var(--b-muted); font-size:11px; }
html[data-ui-layout="boards"] .boards-export-selected strong { font-size:14px; }
html[data-ui-layout="boards"] .boards-export-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:8px; }
html[data-ui-layout="boards"] .boards-export-actions button { min-height:46px !important; }
html[data-ui-layout="boards"] .boards-export-actions .btn-canon { display:flex !important; align-items:center; justify-content:center; gap:7px; }
html[data-ui-layout="boards"] .boards-export-actions .btn-canon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

@media (max-width:390px) {
  html[data-ui-layout="boards"] .boards-calendar-toolbar-v2 { grid-template-columns:minmax(0,1fr) 100px !important; gap:6px !important; }
  html[data-ui-layout="boards"] .boards-calendar-toolbar-v2 button { min-height:42px !important; padding:7px 8px !important; font-size:12px !important; }
  html[data-ui-layout="boards"] .boards-export-months { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ===== V3.39.107 ===== */
/* Formularz dnia */
html[data-ui-layout="boards"] .boards-day-bar strong{color:var(--b-text)!important;opacity:1!important}
html[data-ui-layout="boards"] .boards-day-bar small{color:var(--b-muted)!important;opacity:1!important}
html[data-ui-layout="boards"] .clients-standalone-page #v33959-settings-search-wrap{display:none!important}

/* Statystyki: wszystkie główne kafelki mają identyczny rozmiar. */
html[data-ui-layout="boards"] .stats-primary-grid>.stats-color-card,
html[data-ui-layout="boards"] body.v33959-stats-hero .stats-primary-grid>.stats-color-card.hours:first-child,
html[data-ui-layout="boards"] .stats-primary-grid>.stats-color-card.boards-stat-primary{
  grid-column:auto!important;
  min-height:67px!important;
  padding:9px!important;
  border:1px solid var(--b-line)!important;
  border-radius:12px!important;
  background:var(--b-surface)!important;
  color:var(--b-text)!important;
  box-shadow:none!important;
}
html[data-ui-layout="boards"] body.v33959-stats-hero .stats-primary-grid>.stats-color-card.hours:first-child span,
html[data-ui-layout="boards"] .stats-primary-grid>.stats-color-card.boards-stat-primary span{color:var(--b-muted)!important;font-size:8px!important}
html[data-ui-layout="boards"] body.v33959-stats-hero .stats-primary-grid>.stats-color-card.hours:first-child strong,
html[data-ui-layout="boards"] .stats-primary-grid>.stats-color-card.boards-stat-primary strong{color:var(--b-text)!important;font-size:16px!important;letter-spacing:normal!important}

/* Powiadomienia */
html[data-ui-layout="boards"] .notification-view-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;margin:0 0 7px!important;padding:3px!important;border:1px solid var(--b-line)!important;border-radius:11px!important;background:var(--b-surface-3)!important}
html[data-ui-layout="boards"] .notification-view-switch button{min-height:36px!important;padding:6px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--b-muted)!important;font-size:9px!important;font-weight:750!important;box-shadow:none!important}
html[data-ui-layout="boards"] .notification-view-switch button.is-active{background:var(--b-surface)!important;color:var(--b-blue)!important;box-shadow:0 1px 4px rgba(10,25,44,.06)!important}
html[data-ui-layout="boards"] .notification-view-switch button span{font-size:7px!important}
html[data-ui-layout="boards"] .notification-filter-bar{display:flex!important;gap:4px!important;margin:0 0 7px!important;overflow-x:auto!important;padding-bottom:1px}
html[data-ui-layout="boards"] .notification-filter-bar button{min-width:max-content;min-height:33px!important;padding:5px 8px!important;border:1px solid var(--b-line)!important;border-radius:9px!important;background:var(--b-surface)!important;color:var(--b-muted)!important;font-size:8px!important;box-shadow:none!important}
html[data-ui-layout="boards"] .notification-filter-bar button.is-active{background:var(--b-blue-soft)!important;color:var(--b-blue)!important;border-color:var(--b-accent-border)!important}
html[data-ui-layout="boards"] .notification-history-actions{margin-top:7px!important}
html[data-ui-layout="boards"] .notification-history-actions button{min-height:36px!important;font-size:9px!important}


/* V3.39.107 — audyt działania wszystkich lokalnych opcji UI w Planszach. */
@media (max-width:760px) {
  html[data-ui-layout="boards"] body.v33959-wide-save .boards-day-bar {
    grid-template-columns:34px minmax(0,1fr) !important;
  }
  html[data-ui-layout="boards"] body.v33959-wide-save .boards-day-bar .boards-save-top {
    grid-column:1/-1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-height:46px !important;
    margin-top:3px !important;
  }
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions {
    grid-template-columns:1fr !important;
  }
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions .save-day-button,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions .day-cancel-button {
    width:100% !important;
  }
}

/* Wyróżnienie Dziś ma rzeczywisty dodatkowy efekt, mimo że Dziś zawsze jest centralnym CTA. */
html[data-ui-layout="boards"] .boards-bottom-today {
  width:60px !important;
  height:60px !important;
  min-height:60px !important;
}
html[data-ui-layout="boards"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width:70px !important;
  height:70px !important;
  min-height:70px !important;
  margin-bottom:8px !important;
  background:var(--b-blue) !important;
  color:#fff !important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--b-blue) 42%,transparent) !important;
}
html[data-ui-layout="boards"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today svg {
  width:27px !important;
  height:27px !important;
}

/* Intensywność zaznaczenia obejmuje również natywne elementy Plansz. */
html[data-ui-layout="boards"] :is(
  .boards-bottom-nav button.active,
  .boards-kind-options button.selected,
  .boards-calendar-tabs button.active,
  .mobile-month-day.active,
  .mobile-month-day[aria-current="date"],
  .settings-category-card.active,
  .settings-section-tab.active,
  .theme-choice.is-selected,
  .accent-choice.is-selected,
  .interface-scale-choice.is-selected,
  .density-choice.is-selected,
  .preferred-calendar-choice.is-selected
) { filter:saturate(var(--v33958-selection-intensity,1)) !important; }

/* Opisy w Planszach nie są na sztywno obcinane do dwóch linii. Robi to dopiero odpowiednia opcja. */
html[data-ui-layout="boards"] .settings-category-copy small,
html[data-ui-layout="boards"] .settings-accordion>summary small {
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}
html[data-ui-layout="boards"] body.boards-pref-two-line-descriptions .settings-category-copy small,
html[data-ui-layout="boards"] body.boards-pref-two-line-descriptions .settings-accordion>summary small {
  display:-webkit-box !important;
  overflow:hidden !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

/* Alternatywne układy tygodnia muszą przebijać bazowy layout Plansz. */
@media (max-width:760px) {
  html[data-ui-layout="boards"][data-week-layout="cards"] .mobile-week-calendar.v33959-week-cards {
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(150px,72vw) !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    gap:7px !important;
    scroll-snap-type:x proximity;
  }
  html[data-ui-layout="boards"][data-week-layout="cards"] .mobile-week-calendar.v33959-week-cards>.mobile-week-day {
    display:grid !important;
    grid-template-columns:1fr !important;
    align-content:start !important;
    min-height:160px !important;
    scroll-snap-align:start;
  }
  html[data-ui-layout="boards"][data-week-layout="list"] .mobile-week-calendar.v33959-week-list {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:4px !important;
  }
  html[data-ui-layout="boards"][data-week-layout="list"] .mobile-week-calendar.v33959-week-list>.mobile-week-day {
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) auto !important;
    min-height:50px !important;
    padding:5px 7px !important;
  }
}

/* Semantyka stanów jest od V3.39.107 regułą systemową, nie opcją: czerwony=błąd, zielony=sukces. */
html[data-ui-layout="boards"] .boards-time-control.is-invalid input,
html[data-ui-layout="boards"] .boards-field-error,
html[data-ui-layout="boards"] .boards-toast-error { --b-state-color:var(--b-red); }
html[data-ui-layout="boards"] .boards-time-control.is-valid::after,
html[data-ui-layout="boards"] .boards-toast-success { --b-state-color:var(--b-green); }

/* V3.39.107 — Wielkość interfejsu działa również na własnych komponentach Plansz. */
html[data-ui-layout="boards"][data-interface-scale="small"] .container { padding:8px 10px 20px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-brand img { width:30px !important; height:30px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-brand strong { font-size:15px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-icon-button { width:34px !important; height:34px !important; min-width:34px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] :is(.boards-entry-card>summary,.settings-category-card,.settings-accordion>summary,.boards-settings-row) { min-height:46px !important; padding-block:5px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] :is(.boards-entry-body,.settings-accordion-body) { padding:7px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-time-control input { min-height:40px !important; font-size:13px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-bottom-nav { min-height:62px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-bottom-today { width:56px !important; height:56px !important; min-height:56px !important; }

html[data-ui-layout="boards"][data-interface-scale="large"] .container { padding:14px 16px 30px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-brand img { width:38px !important; height:38px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-brand strong { font-size:19px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-icon-button { width:44px !important; height:44px !important; min-width:44px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] :is(.boards-entry-card>summary,.settings-category-card,.settings-accordion>summary,.boards-settings-row) { min-height:62px !important; padding-block:9px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] :is(.boards-entry-body,.settings-accordion-body) { padding:12px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-time-control input { min-height:50px !important; font-size:17px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-bottom-nav { min-height:78px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-bottom-today { width:68px !important; height:68px !important; min-height:68px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today { width:76px !important; height:76px !important; min-height:76px !important; }

/* Gęstość Kalendarza przebija bazowe, stałe wymiary Plansz. */
html[data-ui-layout="boards"][data-calendar-density="compact"] .mobile-month-calendar .mobile-calendar-days { gap:3px !important; }
html[data-ui-layout="boards"][data-calendar-density="compact"] .mobile-month-day { min-height:56px !important; padding:4px !important; }
html[data-ui-layout="boards"][data-calendar-density="compact"] .mobile-month-day-client { display:none !important; }
html[data-ui-layout="boards"][data-calendar-density="compact"] .mobile-week-calendar { gap:3px !important; }
html[data-ui-layout="boards"][data-calendar-density="compact"] .mobile-week-day { min-height:48px !important; padding:5px 6px !important; }

html[data-ui-layout="boards"][data-calendar-density="expanded"] .mobile-month-calendar .mobile-calendar-days { gap:7px !important; }
html[data-ui-layout="boards"][data-calendar-density="expanded"] .mobile-month-day { min-height:92px !important; padding:8px !important; }
html[data-ui-layout="boards"][data-calendar-density="expanded"] .mobile-month-day-client { display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; white-space:normal !important; }
html[data-ui-layout="boards"][data-calendar-density="expanded"] .mobile-week-calendar { gap:7px !important; }
html[data-ui-layout="boards"][data-calendar-density="expanded"] .mobile-week-day { min-height:78px !important; padding:10px !important; }
html[data-ui-layout="boards"][data-calendar-density="expanded"] .mobile-week-day-content span { white-space:normal !important; }

/* Dodatkowe domknięcie audytu opcji kalendarza i ikon w Planszach. */
html[data-ui-layout="boards"][data-icon-set="minimal"] :is(.boards-bottom-nav,.boards-appbar-actions,.boards-calendar-toolbar,.boards-day-bar,.boards-drawer) svg { stroke-width:1.35 !important; }
html[data-ui-layout="boards"][data-icon-set="line"] :is(.boards-bottom-nav,.boards-appbar-actions,.boards-calendar-toolbar,.boards-day-bar,.boards-drawer) svg { stroke-width:1.7 !important; }
html[data-ui-layout="boards"][data-icon-set="solid"] :is(.boards-bottom-nav,.boards-appbar-actions,.boards-calendar-toolbar,.boards-day-bar,.boards-drawer) svg { stroke-width:2.5 !important; }

html[data-ui-layout="boards"] body.v33959-calendar-soft-grid :is(.mobile-month-day,.mobile-week-day) {
  border-color:color-mix(in srgb,var(--b-line) 58%,transparent) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] body.v33959-calendar-large-numbers .mobile-week-day-heading strong { font-size:15px !important; font-weight:900 !important; }
html[data-ui-layout="boards"] body.v33959-calendar-weekend-tint .mobile-week-calendar>.mobile-week-day:nth-child(6),
html[data-ui-layout="boards"] body.v33959-calendar-weekend-tint .mobile-week-calendar>.mobile-week-day:nth-child(7) {
  background:color-mix(in srgb,var(--b-blue) 5%,var(--b-surface)) !important;
}
@media (max-width:760px) {
  html[data-ui-layout="boards"] body.v33959-sticky-calendar-header .boards-calendar-toolbar-v2 {
    position:sticky !important;
    top:calc(var(--app-header-height,58px) + 3px) !important;
    z-index:70 !important;
    padding-block:4px !important;
    background:color-mix(in srgb,var(--b-bg) 96%,transparent) !important;
    backdrop-filter:blur(12px);
  }
  html[data-ui-layout="boards"] body.boards-header-hidden.v33959-sticky-calendar-header .boards-calendar-toolbar-v2 { top:3px !important; }
}
html[data-ui-layout="boards"][data-interface-scale="small"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today { width:64px !important; height:64px !important; min-height:64px !important; }


/* V3.39.107 — autorytatywne poprawki mobilne formularza, menu i filtrów. */
@media (max-width:760px){
  html[data-ui-layout="boards"] .boards-day-page,
  html[data-ui-layout="boards"] .day-editor-form,
  html[data-ui-layout="boards"] .day-editor-section,
  html[data-ui-layout="boards"] .boards-entry-stack,
  html[data-ui-layout="boards"] .boards-entry-card,
  html[data-ui-layout="boards"] .boards-entry-card>summary,
  html[data-ui-layout="boards"] .boards-entry-body,
  html[data-ui-layout="boards"] .single-time-pair,
  html[data-ui-layout="boards"] .single-time-pair>*,
  html[data-ui-layout="boards"] .boards-time-control,
  html[data-ui-layout="boards"] .time-field-with-unlock,
  html[data-ui-layout="boards"] .boards-live-summary,
  html[data-ui-layout="boards"] .day-save-dock,
  html[data-ui-layout="boards"] .day-save-dock-actions{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html[data-ui-layout="boards"] .boards-day-page,
  html[data-ui-layout="boards"] .day-editor-form,
  html[data-ui-layout="boards"] .day-editor-section,
  html[data-ui-layout="boards"] .boards-entry-stack,
  html[data-ui-layout="boards"] .boards-entry-card,
  html[data-ui-layout="boards"] .boards-entry-card>summary,
  html[data-ui-layout="boards"] .boards-entry-body,
  html[data-ui-layout="boards"] .boards-live-summary,
  html[data-ui-layout="boards"] .day-save-dock,
  html[data-ui-layout="boards"] .day-save-dock-actions{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html[data-ui-layout="boards"] .boards-time-control input,
  html[data-ui-layout="boards"] .quick-time-input,
  html[data-ui-layout="boards"] .boards-entry-body input:not([type="checkbox"]):not([type="radio"]),
  html[data-ui-layout="boards"] .boards-entry-body textarea,
  html[data-ui-layout="boards"] .boards-entry-body select{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
  }
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions .save-day-button{
    order:1!important;
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:1 1 auto!important;
    align-self:stretch!important;
    justify-content:center!important;
  }
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions .day-cancel-button{
    order:2!important;
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:1 1 auto!important;
    align-self:stretch!important;
    justify-content:center!important;
  }
  html[data-ui-layout="boards"] .boards-save-top[hidden]{display:none!important}
}
html[data-ui-layout="boards"] .boards-drawer-row.active{
  background:var(--b-blue-soft)!important;
  color:var(--b-blue)!important;
  border-color:var(--b-accent-border)!important;
}
html[data-ui-layout="boards"] .notification-card[hidden]{display:none!important}


/* ===== V3.39.107 — twarda korekta szerokiego zapisu i przycinania ramek ===== */
@media (max-width:760px) {
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions > .save-day-button,
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions > .day-cancel-button,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions > .save-day-button,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions > .day-cancel-button {
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
    box-sizing:border-box !important;
  }
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions > .save-day-button,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions > .save-day-button {
    min-height:48px !important;
  }
}
html[data-ui-layout="boards"] .boards-entry-card > summary {
  grid-template-columns:36px minmax(0,1fr) minmax(0,auto) 34px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
html[data-ui-layout="boards"] .boards-entry-card > summary > svg:last-child {
  justify-self:end !important;
  box-sizing:border-box !important;
}
html[data-ui-layout="boards"] .boards-day-page,
html[data-ui-layout="boards"] .day-editor-form,
html[data-ui-layout="boards"] .day-editor-section,
html[data-ui-layout="boards"] .boards-entry-stack,
html[data-ui-layout="boards"] .boards-entry-card,
html[data-ui-layout="boards"] .boards-entry-body,
html[data-ui-layout="boards"] .single-time-group,
html[data-ui-layout="boards"] .single-time-pair,
html[data-ui-layout="boards"] .boards-time-control,
html[data-ui-layout="boards"] .day-save-dock,
html[data-ui-layout="boards"] .day-save-dock-actions {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
html[data-ui-layout="boards"] .boards-entry-card,
html[data-ui-layout="boards"] .boards-entry-card > summary,
html[data-ui-layout="boards"] .boards-entry-body,
html[data-ui-layout="boards"] .day-editor-section,
html[data-ui-layout="boards"] .single-time-pair,
html[data-ui-layout="boards"] .boards-time-control {
  overflow:visible !important;
}
html[data-ui-layout="boards"] .single-time-pair > *,
html[data-ui-layout="boards"] .time-field-with-unlock,
html[data-ui-layout="boards"] .time-field-with-unlock > label {
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
html[data-ui-layout="boards"] .boards-time-control input,
html[data-ui-layout="boards"] .boards-entry-body input,
html[data-ui-layout="boards"] .boards-entry-body select,
html[data-ui-layout="boards"] .boards-entry-body textarea {
  max-width:100% !important;
  box-sizing:border-box !important;
}
html[data-ui-layout="boards"] .boards-entry-card,
html[data-ui-layout="boards"] .boards-entry-body :is(input,select,textarea,button) {
  scroll-margin-top:118px !important;
}
html[data-ui-layout="boards"] .time-field-with-unlock > label:has(.auto-time-input:disabled)::after {
  top:2px !important;
  right:2px !important;
  max-width:58px !important;
}
html[data-ui-layout="boards"] .notification-card[hidden] { display:none !important; }


/* ===== V3.39.107 — naprawa źródłowa: pełny dolny zapis + bez przycinania otwartej karty ===== */
@media (max-width:760px) {
  html[data-ui-layout="boards"] .day-save-dock {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    justify-content:stretch !important;
    justify-items:stretch !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    justify-self:stretch !important;
    justify-content:stretch !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions > .save-day-button,
  html[data-ui-layout="boards"] body.boards-pref-wide-save .day-save-dock-actions > .day-cancel-button,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions > .save-day-button,
  html[data-ui-layout="boards"] body.v33959-wide-save .day-save-dock-actions > .day-cancel-button {
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }
}

/* Stary kontener dnia miał overflow:hidden i ucinał obwódki/cienie otwartej karty. */
html[data-ui-layout="boards"] .day-editor-card,
html[data-ui-layout="boards"] .boards-day-page,
html[data-ui-layout="boards"] .day-editor-form,
html[data-ui-layout="boards"] .day-editor-section,
html[data-ui-layout="boards"] .boards-entry-stack {
  overflow:visible !important;
}

/* W Planszach podświetlamy faktycznie otwartą kartę, nie cały wspólny kontener godzin. */
html[data-ui-layout="boards"] body.v33959-active-section-highlight .day-editor-section.v33959-active-section {
  border-color:var(--b-line) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-entry-card[open] {
  position:relative;
  z-index:2;
  overflow:visible !important;
  border:1px solid var(--b-accent-border) !important;
  border-radius:13px !important;
  background:var(--b-surface) !important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--b-blue) 10%,transparent) !important;
}
html[data-ui-layout="boards"] .boards-entry-card[open] > summary {
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid var(--b-line) !important;
  border-radius:12px 12px 0 0 !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .boards-entry-card[open] > .boards-entry-body {
  margin:0 !important;
  border:0 !important;
  border-radius:0 0 12px 12px !important;
  overflow:visible !important;
}
html[data-ui-layout="boards"] .boards-entry-card:not([open]) > summary {
  border-radius:12px !important;
}

/* Dwie kolumny czasu muszą mieścić się bez wyjeżdżania poza ramkę. */
@media (max-width:430px) {
  html[data-ui-layout="boards"] .single-time-pair {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    max-width:100% !important;
  }
  html[data-ui-layout="boards"] .single-time-pair > *,
  html[data-ui-layout="boards"] .time-field-with-unlock,
  html[data-ui-layout="boards"] .time-field-with-unlock > label,
  html[data-ui-layout="boards"] .boards-time-control {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  html[data-ui-layout="boards"] .boards-time-control input {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}

/* V3.39.107 — blokada miesiąca pod kalendarzem. */
html[data-ui-layout="boards"] .calendar-month-access-panel { margin-top:10px !important; margin-bottom:8px !important; }

/* V3.39.114 — AUTORYTATYWNY system UI Plansze. Jedna typografia, ikonografia i geometria dla całej aplikacji. */
html[data-ui-layout="boards"]{
  --u-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --u-page:15px;
  --u-section:12px;
  --u-title:11px;
  --u-body:9px;
  --u-label:8px;
  --u-meta:7.5px;
  --u-button:9px;
  --u-value:12px;
  --u-row:52px;
  --u-icon:28px;
  --u-glyph:15px;
  --u-action:32px;
  --u-control:38px;
  --u-radius:11px;
  --u-radius-lg:13px;
  --u-gap:8px;
}
html[data-ui-layout="boards"],html[data-ui-layout="boards"] body,html[data-ui-layout="boards"] #app,html[data-ui-layout="boards"] #app *,html[data-ui-layout="boards"] button,html[data-ui-layout="boards"] input,html[data-ui-layout="boards"] select,html[data-ui-layout="boards"] textarea{font-family:var(--u-font)!important}
html[data-ui-layout="boards"] #app :where(h1,h2,h3,h4,p,small,strong,label,button,input,select,textarea,dt,dd,li,th,td,a){letter-spacing:-.01em}
html[data-ui-layout="boards"] #app :where(h1,h2,h3,h4){font-weight:800!important;line-height:1.08!important}
html[data-ui-layout="boards"] #app h1{font-size:17px!important}
html[data-ui-layout="boards"] #app h2{font-size:var(--u-page)!important}
html[data-ui-layout="boards"] #app h3{font-size:var(--u-section)!important}
html[data-ui-layout="boards"] #app h4{font-size:var(--u-title)!important}
html[data-ui-layout="boards"] #app :where(p,li,dd,td){font-size:var(--u-body)!important;line-height:1.24!important}
html[data-ui-layout="boards"] #app :where(label,dt,th,.page-eyebrow,.field-label,.form-label){font-size:var(--u-label)!important;line-height:1.16!important}
html[data-ui-layout="boards"] #app :where(small,.meta,.muted,.settings-help,.form-help,.helper-text){font-size:var(--u-meta)!important;line-height:1.16!important}
html[data-ui-layout="boards"] #app :where(button,.button,.btn-canon,.secondary-action-button,.danger-button,.delete-day-button){font-size:var(--u-button)!important;line-height:1.08!important;font-weight:700!important}
html[data-ui-layout="boards"] #app :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){box-sizing:border-box!important;min-height:var(--u-control)!important;padding:6px 9px!important;border-radius:9px!important;font-size:var(--u-value)!important;line-height:1.1!important}
html[data-ui-layout="boards"] #app :where(.card,.notification-card,.planning-menu-card,.stats-expandable-section,.client-directory-card,.client-contact-row,.admin-user-card){border-radius:var(--u-radius)!important}

/* Główne nagłówki stron — zawsze ten sam rozmiar i rytm. */
html[data-ui-layout="boards"] #app :where(.page-heading h2,.compact-page-heading h2,.utility-page-heading h2,.planning-page-heading h2,.stats-page-heading h2,.help-section-heading h2,.client-directory-heading h2,.boards-users-toolbar h2,.settings-subpage-heading h2){font-size:var(--u-page)!important;line-height:1.06!important;margin:0 0 2px!important;font-weight:800!important}
html[data-ui-layout="boards"] #app :where(.page-heading p,.compact-page-heading p,.utility-page-heading p,.planning-page-heading p,.stats-page-heading p,.help-section-heading p,.client-directory-heading p,.settings-subpage-heading p){font-size:var(--u-meta)!important;line-height:1.18!important;margin:0!important;color:var(--b-muted)!important}

/* Wspólny kontener i realny glyph ikon w listach/menu. */
html[data-ui-layout="boards"] #app :where(
 .settings-subpage-icon,.settings-category-icon,.settings-accordion-icon,.settings-dialog-launcher-icon,
 .notification-card-icon,.client-contact-avatar,.stats-expandable-icon,.planning-menu-card>span:first-child,
 .help-type-icon,.boards-entry-icon,.boards-summary-icon,.admin-user-avatar
){box-sizing:border-box!important;width:var(--u-icon)!important;height:var(--u-icon)!important;min-width:var(--u-icon)!important;min-height:var(--u-icon)!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border-radius:8px!important;font-size:12px!important;line-height:1!important}
html[data-ui-layout="boards"] #app :where(
 .settings-subpage-icon,.settings-category-icon,.settings-accordion-icon,.settings-dialog-launcher-icon,
 .notification-card-icon,.client-contact-avatar,.stats-expandable-icon,.boards-entry-icon,.boards-summary-icon
) svg{width:var(--u-glyph)!important;height:var(--u-glyph)!important;min-width:var(--u-glyph)!important;min-height:var(--u-glyph)!important}

/* Ustawienia i Administrator — wszystkie zamknięte wiersze dokładnie ta sama geometria. */
html[data-ui-layout="boards"] .settings-page{display:grid!important;gap:6px!important;--ui-row-height:var(--u-row);--ui-icon-box:var(--u-icon);--ui-action-box:var(--u-action);--ui-gap:var(--u-gap);--ui-row-title:var(--u-title);--ui-meta:var(--u-meta);--ui-button:var(--u-button);--ui-page-title:var(--u-page)}
html[data-ui-layout="boards"] .settings-breadcrumb-single{display:flex!important;align-items:center!important;gap:4px!important;min-height:20px!important;margin:0 2px 3px!important;padding:0!important;font-size:var(--u-meta)!important;line-height:1.12!important;color:var(--b-muted)!important}
html[data-ui-layout="boards"] .settings-breadcrumb-single a{font:inherit!important;color:inherit!important;text-decoration:none!important;font-weight:600!important}
html[data-ui-layout="boards"] .settings-breadcrumb-single strong{font:inherit!important;color:var(--b-text)!important;font-weight:700!important}
html[data-ui-layout="boards"] .settings-standalone-page>.settings-breadcrumb-single,html[data-ui-layout="boards"] .settings-standalone-page>#v33959-settings-search-wrap{display:none!important}
html[data-ui-layout="boards"] #v33959-settings-search-wrap{box-sizing:border-box!important;min-height:38px!important;padding:4px 8px!important;margin:0 0 4px!important;border-radius:10px!important;grid-template-columns:16px minmax(0,1fr) 22px!important;gap:6px!important}
html[data-ui-layout="boards"] #v33959-settings-search-wrap input{min-height:28px!important;padding:3px 5px!important;font-size:10px!important}
html[data-ui-layout="boards"] .settings-subpage-header.boards-settings-subpage-title{padding:2px 0 3px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-ui-layout="boards"] .settings-subpage-heading{display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr)!important;align-items:center!important;gap:var(--u-gap)!important;min-width:0!important}
html[data-ui-layout="boards"] .settings-subpage-heading>div{min-width:0!important}
html[data-ui-layout="boards"] .settings-subpage-content{display:grid!important;gap:7px!important}
html[data-ui-layout="boards"] .settings-subpage-content>.settings-accordion{box-sizing:border-box!important;padding:0!important;margin:0!important;border:1px solid var(--b-line)!important;border-radius:var(--u-radius)!important;background:var(--b-surface)!important;overflow:hidden!important;box-shadow:none!important}
html[data-ui-layout="boards"] .settings-accordion>summary{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) var(--u-action)!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;height:auto!important;padding:6px 8px!important;margin:0!important;border:0!important;background:transparent!important;border-radius:calc(var(--u-radius) - 1px)!important}
html[data-ui-layout="boards"] .settings-accordion>summary>span:nth-child(2),html[data-ui-layout="boards"] .settings-dialog-launcher>span:nth-child(2),html[data-ui-layout="boards"] .settings-category-copy{min-width:0!important;margin:0!important;padding:0!important}
html[data-ui-layout="boards"] .settings-accordion>summary strong,html[data-ui-layout="boards"] .settings-dialog-launcher strong,html[data-ui-layout="boards"] .settings-category-copy strong{display:block!important;margin:0!important;font-family:var(--u-font)!important;font-size:var(--u-title)!important;line-height:1.1!important;font-weight:750!important;white-space:normal!important;overflow-wrap:anywhere!important}
html[data-ui-layout="boards"] .settings-accordion>summary small,html[data-ui-layout="boards"] .settings-dialog-launcher small,html[data-ui-layout="boards"] .settings-category-copy small{display:block!important;margin:2px 0 0!important;font-family:var(--u-font)!important;font-size:var(--u-meta)!important;line-height:1.15!important;color:var(--b-muted)!important;white-space:normal!important;overflow-wrap:anywhere!important}
html[data-ui-layout="boards"] .settings-accordion-chevron{box-sizing:border-box!important;width:var(--u-action)!important;height:var(--u-action)!important;min-width:var(--u-action)!important;display:grid!important;place-items:center!important;justify-self:end!important;margin:0!important;padding:0!important;border-radius:9px!important;background:var(--b-surface-2)!important;color:var(--b-muted)!important}
html[data-ui-layout="boards"] .settings-accordion-chevron svg{width:16px!important;height:16px!important}
html[data-ui-layout="boards"] .settings-dialog-launcher{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) auto!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;height:auto!important;padding:6px 8px!important;margin:0!important;border:1px solid var(--b-line)!important;border-radius:var(--u-radius)!important;background:var(--b-surface)!important;box-shadow:none!important}
html[data-ui-layout="boards"] .settings-dialog-launcher>button{box-sizing:border-box!important;height:var(--u-action)!important;min-height:var(--u-action)!important;max-height:var(--u-action)!important;padding:4px 7px!important;margin:0!important;border:1px solid var(--b-line)!important;border-radius:9px!important;background:var(--b-surface)!important;color:var(--b-text)!important;font-size:var(--u-button)!important;white-space:nowrap!important;box-shadow:none!important}
html[data-ui-layout="boards"] .settings-category-card,html[data-ui-layout="boards"] .settings-category-card-compact,html[data-ui-layout="boards"] .boards-settings-row{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) 16px!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;padding:6px 8px!important;border:1px solid var(--b-line)!important;border-radius:var(--u-radius)!important;background:var(--b-surface)!important}
html[data-ui-layout="boards"] .settings-standalone-page .primary-admin-only-notice{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr)!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;padding:6px 8px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--b-blue) 24%,var(--b-line))!important;border-radius:var(--u-radius)!important;background:var(--b-blue-soft)!important;box-shadow:none!important}
html[data-ui-layout="boards"] .settings-standalone-page .primary-admin-only-notice>span{box-sizing:border-box!important;width:var(--u-icon)!important;height:var(--u-icon)!important;display:grid!important;place-items:center!important;border-radius:8px!important;font-size:12px!important}
html[data-ui-layout="boards"] .settings-standalone-page .primary-admin-only-notice strong{font-size:var(--u-title)!important;line-height:1.1!important}
html[data-ui-layout="boards"] .settings-standalone-page .primary-admin-only-notice small{display:block;margin:2px 0 0!important;font-size:var(--u-meta)!important;line-height:1.15!important;color:var(--b-muted)!important}

/* Użytkownicy — nagłówki, sekcje i pojedyncze konta zgodne z tym samym systemem. */
html[data-ui-layout="boards"] .boards-users-toolbar{gap:7px!important;margin:0 0 7px!important}
html[data-ui-layout="boards"] .boards-users-toolbar h2{font-size:var(--u-page)!important;line-height:1.06!important;margin:0 0 5px!important}
html[data-ui-layout="boards"] .boards-users-toolbar label{min-height:var(--u-control)!important;border-radius:10px!important}
html[data-ui-layout="boards"] .boards-users-toolbar input{min-height:var(--u-control)!important;font-size:10px!important}
html[data-ui-layout="boards"] .boards-users-toolbar>button{min-height:var(--u-control)!important;height:var(--u-control)!important;padding:5px 10px!important;border-radius:10px!important;font-size:var(--u-button)!important}
html[data-ui-layout="boards"] .admin-users-sections>.settings-accordion{padding:0!important;margin:0!important}
html[data-ui-layout="boards"] .admin-user-list{display:grid!important;gap:6px!important}
html[data-ui-layout="boards"] .admin-user-card{padding:0!important;margin:0!important;border:1px solid var(--b-line)!important;border-radius:var(--u-radius)!important;overflow:hidden!important;background:var(--b-surface)!important}
html[data-ui-layout="boards"] .admin-user-card>summary{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) var(--u-action) 26px!important;grid-template-rows:auto auto!important;grid-template-areas:"avatar copy chev more" "avatar status chev more"!important;column-gap:7px!important;row-gap:2px!important;align-items:center!important;min-height:58px!important;padding:6px 8px!important}
html[data-ui-layout="boards"] .admin-user-card .admin-user-avatar{grid-area:avatar!important;width:var(--u-icon)!important;height:var(--u-icon)!important;min-width:var(--u-icon)!important}
html[data-ui-layout="boards"] .admin-user-card .admin-user-summary-copy{grid-area:copy!important;min-width:0!important}
html[data-ui-layout="boards"] .admin-user-card .admin-user-summary-copy strong{display:block!important;font-size:var(--u-title)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-ui-layout="boards"] .admin-user-card .admin-user-summary-copy small{display:block!important;font-size:var(--u-meta)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-ui-layout="boards"] .admin-user-card .user-status{grid-area:status!important;justify-self:start!important;width:max-content!important;max-width:100%!important;min-width:0!important;min-height:18px!important;padding:2px 6px!important;margin:0!important;border-radius:999px!important;font-size:var(--u-meta)!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
html[data-ui-layout="boards"] .admin-user-card>summary>.settings-accordion-chevron{grid-area:chev!important;grid-row:1/span 2!important}
html[data-ui-layout="boards"] .admin-user-card>summary>.boards-user-more{grid-area:more!important;grid-row:1/span 2!important;width:26px!important;height:var(--u-action)!important;min-width:26px!important}

/* Powiadomienia — jedna typografia kart. */
html[data-ui-layout="boards"] .notifications-list{display:grid!important;gap:7px!important}
html[data-ui-layout="boards"] .notification-card{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) auto!important;align-items:start!important;gap:var(--u-gap)!important;padding:8px!important;margin:0!important;border:1px solid var(--b-line)!important;border-radius:var(--u-radius)!important;background:var(--b-surface)!important}
html[data-ui-layout="boards"] .notification-card-copy{min-width:0!important}
html[data-ui-layout="boards"] .notification-card-copy>div{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:7px!important;min-width:0!important}
html[data-ui-layout="boards"] .notification-card-copy strong{font-size:var(--u-title)!important;line-height:1.1!important;min-width:0!important}
html[data-ui-layout="boards"] .notification-card-copy time{font-size:var(--u-meta)!important;line-height:1.15!important;white-space:nowrap!important;color:var(--b-muted)!important}
html[data-ui-layout="boards"] .notification-card-copy p{margin:3px 0!important;font-size:var(--u-body)!important;line-height:1.2!important}
html[data-ui-layout="boards"] .notification-card-copy a{font-size:var(--u-button)!important;line-height:1.1!important;font-weight:700!important}

/* Klienci — akcje, wyniki i dialogi korzystają z tych samych proporcji. */
html[data-ui-layout="boards"] .client-directory-action-grid{gap:6px!important}
html[data-ui-layout="boards"] .client-directory-action-tile{box-sizing:border-box!important;min-height:64px!important;padding:7px 6px!important;border-radius:var(--u-radius)!important}
html[data-ui-layout="boards"] .client-directory-action-tile>span:first-child{width:var(--u-icon)!important;height:var(--u-icon)!important;display:grid!important;place-items:center!important;border-radius:8px!important;font-size:14px!important}
html[data-ui-layout="boards"] .client-directory-action-tile strong{font-size:var(--u-title)!important;line-height:1.1!important}
html[data-ui-layout="boards"] .client-directory-action-tile small{font-size:var(--u-meta)!important;line-height:1.15!important}
html[data-ui-layout="boards"] .client-contact-row{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) auto!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;padding:6px 8px!important;border-radius:var(--u-radius)!important}
html[data-ui-layout="boards"] .client-contact-copy{min-width:0!important}
html[data-ui-layout="boards"] .client-contact-copy strong{display:block!important;font-size:var(--u-title)!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-ui-layout="boards"] .client-contact-copy small{display:block!important;margin-top:2px!important;font-size:var(--u-meta)!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-ui-layout="boards"] .client-directory-search-field input{min-height:var(--u-control)!important;font-size:10px!important}
html[data-ui-layout="boards"] .client-directory-dialog-header h2{font-size:var(--u-page)!important}
html[data-ui-layout="boards"] .client-directory-dialog-header p{font-size:var(--u-meta)!important}

/* Planowanie / statystyki / pomoc — ten sam typ wiersza rozwijanego. */
html[data-ui-layout="boards"] .planning-menu-card,html[data-ui-layout="boards"] .stats-expandable-section>summary{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) var(--u-action)!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;padding:6px 8px!important;border-radius:var(--u-radius)!important}
html[data-ui-layout="boards"] .planning-menu-card>div,html[data-ui-layout="boards"] .stats-expandable-copy{min-width:0!important}
html[data-ui-layout="boards"] .planning-menu-card strong,html[data-ui-layout="boards"] .stats-expandable-copy strong{display:block!important;font-size:var(--u-title)!important;line-height:1.1!important}
html[data-ui-layout="boards"] .planning-menu-card small,html[data-ui-layout="boards"] .stats-expandable-copy small{display:block!important;margin-top:2px!important;font-size:var(--u-meta)!important;line-height:1.15!important;color:var(--b-muted)!important}
html[data-ui-layout="boards"] .stats-expandable-action{width:var(--u-action)!important;height:var(--u-action)!important;border-radius:9px!important}
html[data-ui-layout="boards"] .help-section-heading{gap:var(--u-gap)!important}
html[data-ui-layout="boards"] .help-section-heading h2{font-size:var(--u-page)!important}
html[data-ui-layout="boards"] .help-section-heading p{font-size:var(--u-meta)!important}

/* Formularze i pola — jedna wysokość, etykieta i wartość; wyjątkiem są textarea. */
html[data-ui-layout="boards"] #app :where(.editor-field,.single-time-group,.time-field-with-unlock,.client-autocomplete,.planning-form-section){border-radius:var(--u-radius)!important}
html[data-ui-layout="boards"] #app :where(.editor-field label,.single-time-group label,.planning-form-section label,.day-editor-section label){font-size:var(--u-label)!important;line-height:1.15!important}
html[data-ui-layout="boards"] #app :where(.quick-time-input,.time-direct-input,.auto-time-input,.editor-field input,.client-autocomplete input){min-height:var(--u-control)!important;font-size:var(--u-value)!important}
html[data-ui-layout="boards"] #app textarea{font-size:var(--u-body)!important;line-height:1.25!important}

/* Dialogi/bottom-sheety — jedna typografia. */
html[data-ui-layout="boards"] #app :where(dialog,.app-dialog,.client-directory-dialog) h2{font-size:var(--u-page)!important;line-height:1.08!important}
html[data-ui-layout="boards"] #app :where(dialog,.app-dialog,.client-directory-dialog) h3{font-size:var(--u-section)!important;line-height:1.1!important}
html[data-ui-layout="boards"] #app :where(dialog,.app-dialog,.client-directory-dialog) p{font-size:var(--u-body)!important;line-height:1.24!important}
html[data-ui-layout="boards"] #app :where(.dialog-actions,.client-modal-actions){gap:6px!important}
html[data-ui-layout="boards"] #app :where(.dialog-actions button,.client-modal-actions button){min-height:var(--u-control)!important;border-radius:9px!important;font-size:var(--u-button)!important}

/* Nawigacja — jednolite fonty ikon/etykiet. */
html[data-ui-layout="boards"] .boards-brand strong{font-family:var(--u-font)!important;font-size:16px!important;line-height:1!important}
html[data-ui-layout="boards"] .boards-bottom-nav button span:last-child{font-family:var(--u-font)!important;font-size:9px!important;line-height:1!important;font-weight:700!important}
html[data-ui-layout="boards"] .boards-bottom-today span:last-child{font-size:10px!important}
html[data-ui-layout="boards"] .boards-drawer-row{box-sizing:border-box!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) 16px!important;align-items:center!important;gap:var(--u-gap)!important;min-height:48px!important;padding:6px 8px!important;border-radius:var(--u-radius)!important}
html[data-ui-layout="boards"] .boards-drawer-row strong{font-size:var(--u-title)!important;line-height:1.1!important}
html[data-ui-layout="boards"] .boards-drawer nav>p,html[data-ui-layout="boards"] .boards-drawer-brand small{font-size:var(--u-meta)!important;line-height:1.15!important}

/* Bezpieczne kolumny: tekst nigdy nie może wejść pod ikonę ani akcję. */
html[data-ui-layout="boards"] #app :where(.settings-accordion>summary,.settings-dialog-launcher,.settings-category-card,.admin-user-card>summary,.client-contact-row,.planning-menu-card,.stats-expandable-section>summary,.notification-card)>:where(span,div){min-width:0}
html[data-ui-layout="boards"] #app :where(.settings-accordion>summary,.settings-dialog-launcher,.settings-category-card,.admin-user-card>summary,.client-contact-row,.planning-menu-card,.stats-expandable-section>summary,.notification-card) :where(strong,small,p){overflow-wrap:anywhere}

@media(max-width:380px){
  html[data-ui-layout="boards"]{--u-page:14px;--u-section:11.5px;--u-title:10.5px;--u-body:8.6px;--u-label:7.7px;--u-meta:7.2px;--u-button:8.7px;--u-value:11.5px;--u-row:50px;--u-icon:26px;--u-glyph:14px;--u-action:30px;--u-control:36px;--u-gap:7px}
}

/* V3.39.114 — domknięcie specyficzności: wszystkie listowe wiersze naprawdę mają ten sam rozmiar. */
html[data-ui-layout="boards"] .settings-page .settings-dialog-launcher>span:nth-child(2)>strong{font-size:var(--u-title)!important;line-height:1.1!important;font-family:var(--u-font)!important;font-weight:750!important}
html[data-ui-layout="boards"] .settings-page .settings-dialog-launcher>span:nth-child(2)>small{font-size:var(--u-meta)!important;line-height:1.15!important;font-family:var(--u-font)!important}
html[data-ui-layout="boards"] .settings-page .settings-subpage-content>.settings-accordion:not([open]){height:var(--u-row)!important;min-height:var(--u-row)!important;max-height:var(--u-row)!important}
html[data-ui-layout="boards"] .settings-page .settings-subpage-content>.settings-accordion:not([open])>summary{height:calc(var(--u-row) - 2px)!important;min-height:calc(var(--u-row) - 2px)!important;max-height:calc(var(--u-row) - 2px)!important}
html[data-ui-layout="boards"] .settings-page .settings-subpage-content>.settings-dialog-launcher,
html[data-ui-layout="boards"] .settings-page .primary-admin-only-notice{height:var(--u-row)!important;min-height:var(--u-row)!important;max-height:var(--u-row)!important}
html[data-ui-layout="boards"] .planning-menu-card,
html[data-ui-layout="boards"] .stats-expandable-section,
html[data-ui-layout="boards"] .stats-expandable-section>summary,
html[data-ui-layout="boards"] .client-contact-row{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
html[data-ui-layout="boards"] .planning-menu-card>div,
html[data-ui-layout="boards"] .stats-expandable-copy,
html[data-ui-layout="boards"] .client-contact-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important}

/* V3.39.114 — pozostałe listy/rozwijane sekcje: ta sama skala tekstu. */
html[data-ui-layout="boards"] #app details.card>summary :is(strong,h3,h4),
html[data-ui-layout="boards"] #app :where(.help-type-link,.special-status-tile,.summary-tile,.ranking-card) strong{font-family:var(--u-font)!important;font-size:var(--u-title)!important;line-height:1.1!important;font-weight:750!important}
html[data-ui-layout="boards"] #app details.card>summary small,
html[data-ui-layout="boards"] #app :where(.help-type-link,.special-status-tile,.summary-tile,.ranking-card) small{font-family:var(--u-font)!important;font-size:var(--u-meta)!important;line-height:1.15!important}
html[data-ui-layout="boards"] .help-type-link{box-sizing:border-box!important;min-height:var(--u-row)!important;padding:6px 8px!important;border-radius:var(--u-radius)!important;gap:var(--u-gap)!important}
html[data-ui-layout="boards"] .help-type-link .help-type-icon{width:var(--u-icon)!important;height:var(--u-icon)!important;min-width:var(--u-icon)!important;border-radius:8px!important;display:grid!important;place-items:center!important}
html[data-ui-layout="boards"] .special-status-tile{box-sizing:border-box!important;min-height:var(--u-row)!important;padding:6px 8px!important;border-radius:var(--u-radius)!important}
html[data-ui-layout="boards"] .stats-expandable-action{box-sizing:border-box!important;width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;margin:0 7px 3px 0!important;border:0!important;border-right:2px solid var(--b-muted)!important;border-bottom:2px solid var(--b-muted)!important;border-radius:0!important;background:transparent!important;transform:rotate(45deg)!important;justify-self:end!important;align-self:center!important}
html[data-ui-layout="boards"] .stats-expandable-section[open] .stats-expandable-action{margin:3px 7px 0 0!important;transform:rotate(225deg)!important}
/* V3.39.114 — przyciski akcji zachowują minimalny cel dotykowy 36 px bez powiększania całej karty. */
html[data-ui-layout="boards"] .settings-page .settings-dialog-launcher>button{height:36px!important;min-height:36px!important;max-height:36px!important}


/* V3.39.115 — autorytatywne domknięcie Plansz po raporcie visual_test_status V3.39.114. */
html[data-ui-layout="boards"]{--u-title:11px;--u-row:52px;--u-icon:28px;--u-glyph:15px;--u-action:32px;--u-control:40px}
html[data-ui-layout="boards"] .settings-page :where(.settings-accordion:not([open]),.settings-dialog-launcher,.settings-category-card,.settings-category-card-compact,.settings-section-tab){box-sizing:border-box!important;height:52px!important;min-height:52px!important;max-height:52px!important}
html[data-ui-layout="boards"] .settings-page .settings-accordion:not([open])>summary{box-sizing:border-box!important;height:50px!important;min-height:50px!important;max-height:50px!important}
html[data-ui-layout="boards"] .settings-page :where(.settings-accordion>summary strong,.settings-dialog-launcher>span:nth-child(2)>strong,.settings-category-copy strong,.settings-section-tab strong){font-family:var(--u-font)!important;font-size:11px!important;line-height:1.1!important;font-weight:750!important}
html[data-ui-layout="boards"] .settings-page :where(.settings-accordion>summary small,.settings-dialog-launcher>span:nth-child(2)>small,.settings-category-copy small){font-family:var(--u-font)!important;font-size:7.5px!important;line-height:1.15!important}
html[data-ui-layout="boards"] .settings-page :where(.settings-subpage-icon,.settings-category-icon,.settings-accordion-icon,.settings-dialog-launcher-icon,.settings-section-tab>span:first-child){width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
html[data-ui-layout="boards"] #app :where(.calendar-view-button,.calendar-current-period-button,.calendar-tool-button,.calendar-inline-filter-button,.calendar-export-button,.secondary-action-button.compact-action,.settings-dialog-open-button.compact-action){box-sizing:border-box!important;min-height:40px!important}
html[data-ui-layout="boards"] .settings-page .settings-dialog-launcher>button{height:40px!important;min-height:40px!important;max-height:40px!important}
html[data-ui-layout="boards"] .settings-section-tab.active{background:var(--b-blue-soft)!important;border-color:var(--b-accent-border)!important;color:var(--b-text)!important}
html[data-ui-layout="boards"] .settings-section-tab.active strong{color:var(--b-text)!important}
html[data-ui-layout="boards"] .settings-section-tab.active>span:first-child{color:var(--b-blue)!important}
html[data-ui-layout="boards"] .special-status-tile:has(input:checked) .special-status-tile-copy strong{color:var(--b-text)!important}
html[data-ui-layout="boards"] .special-status-tile:has(input:checked) .special-status-tile-copy small{color:var(--b-muted)!important}
@media(max-width:380px){
  html[data-ui-layout="boards"]{--u-page:15px;--u-section:12px;--u-title:11px;--u-body:9px;--u-label:8px;--u-meta:7.5px;--u-button:9px;--u-value:12px;--u-row:52px;--u-icon:28px;--u-glyph:15px;--u-action:32px;--u-control:40px;--u-gap:8px}
  html[data-ui-layout="boards"] .settings-page :where(.settings-accordion:not([open]),.settings-dialog-launcher,.settings-category-card,.settings-category-card-compact,.settings-section-tab){height:52px!important;min-height:52px!important;max-height:52px!important}
  html[data-ui-layout="boards"] .settings-page :where(.settings-accordion>summary strong,.settings-dialog-launcher>span:nth-child(2)>strong,.settings-category-copy strong,.settings-section-tab strong){font-size:11px!important}
}

/* V3.39.115b — globalne komponenty Plansz, również poza wrapperem .settings-page. */
html[data-ui-layout="boards"] :where(.settings-accordion:not([open]),.settings-dialog-launcher,.settings-category-card,.settings-category-card-compact,.settings-section-tab){box-sizing:border-box!important;height:52px!important;min-height:52px!important;max-height:52px!important}
html[data-ui-layout="boards"] .settings-accordion:not([open])>summary{box-sizing:border-box!important;height:50px!important;min-height:50px!important;max-height:50px!important}
html[data-ui-layout="boards"] :where(.settings-accordion>summary strong,.settings-dialog-launcher>span:nth-child(2)>strong,.settings-category-copy strong,.settings-section-tab strong){font-family:var(--u-font)!important;font-size:11px!important;line-height:1.1!important;font-weight:750!important}
html[data-ui-layout="boards"] :where(.settings-accordion>summary small,.settings-dialog-launcher>span:nth-child(2)>small,.settings-category-copy small){font-family:var(--u-font)!important;font-size:7.5px!important;line-height:1.15!important}
html[data-ui-layout="boards"] :where(.settings-subpage-icon,.settings-category-icon,.settings-accordion-icon,.settings-dialog-launcher-icon,.settings-section-tab>span:first-child){width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
html[data-ui-layout="boards"] .settings-dialog-launcher>button{height:40px!important;min-height:40px!important;max-height:40px!important}
@media(max-width:380px){
  html[data-ui-layout="boards"] :where(.settings-accordion:not([open]),.settings-dialog-launcher,.settings-category-card,.settings-category-card-compact,.settings-section-tab){height:52px!important;min-height:52px!important;max-height:52px!important}
  html[data-ui-layout="boards"] :where(.settings-accordion>summary strong,.settings-dialog-launcher>span:nth-child(2)>strong,.settings-category-copy strong,.settings-section-tab strong){font-size:11px!important}
}
/* V3.39.115c — domknięcie starej reguły 13 px o wyższej specyficzności. */
html[data-ui-layout="boards"] .settings-dialog-launcher > span:nth-child(2) strong{font-family:var(--u-font)!important;font-size:11px!important;line-height:1.1!important;font-weight:750!important}

/* V3.39.133 — FIX: pełne podświetlenie kafelków tygodnia w układzie Plansze.
   Ten arkusz ładuje się po styles.css, więc stanowe reguły MUSZĄ być tutaj. */
@media (max-width:760px){
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.weekend{
    background:#fff3cf!important;
    border-color:#dec35e!important;
    box-shadow:inset 5px 0 0 #d1aa2f!important, inset 0 0 0 9999px rgba(209,170,47,.08)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.swieto{
    background:#ffe7eb!important;
    border-color:#df9aa7!important;
    box-shadow:inset 5px 0 0 #cc6677!important, inset 0 0 0 9999px rgba(204,102,119,.08)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.urlop{
    background:#e9f7ed!important;
    border-color:#97c99f!important;
    box-shadow:inset 5px 0 0 #63a36c!important, inset 0 0 0 9999px rgba(99,163,108,.08)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.wolne{
    background:#eaf4fe!important;
    border-color:#96badf!important;
    box-shadow:inset 5px 0 0 #6092c8!important, inset 0 0 0 9999px rgba(96,146,200,.08)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.delegacja,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.special-delegation{
    background:#f0eafd!important;
    border-color:#b5a1e8!important;
    box-shadow:inset 5px 0 0 #8a69cb!important, inset 0 0 0 9999px rgba(138,105,203,.08)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.missing-entry{
    background:#fff0df!important;
    border-color:#dfb078!important;
    box-shadow:inset 5px 0 0 #c79242!important, inset 0 0 0 9999px rgba(199,146,66,.08)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today{
    background:#e7f2fb!important;
    border-color:#84afd0!important;
    box-shadow:inset 5px 0 0 var(--b-blue,#2479b5)!important, inset 0 0 0 9999px rgba(36,121,181,.10)!important, 0 0 0 1px rgba(36,121,181,.12)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-day.is-today .mobile-week-day-heading strong{
    color:var(--b-blue,#2479b5)!important;
  }
  html[data-ui-layout="boards"] .mobile-week-day.is-today .mobile-week-day-heading i{
    color:var(--b-blue,#2479b5)!important;
    background:rgba(36,121,181,.10)!important;
    border:1px solid rgba(36,121,181,.22)!important;
    border-radius:999px!important;
    padding:2px 6px!important;
  }

  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.weekend,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.swieto,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.urlop,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.wolne,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.delegacja,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.special-delegation,
  html[data-ui-layout="boards"] .mobile-week-calendar>.mobile-week-day.is-today.missing-entry{
    outline:1px solid rgba(36,121,181,.32)!important;
    outline-offset:-1px!important;
  }

  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.weekend{
    background:#2c2512!important;border-color:#6f5c22!important;box-shadow:inset 5px 0 0 #d1aa2f!important,inset 0 0 0 9999px rgba(209,170,47,.10)!important;
  }
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.swieto{
    background:#351820!important;border-color:#7c3b48!important;box-shadow:inset 5px 0 0 #d27888!important,inset 0 0 0 9999px rgba(210,120,136,.10)!important;
  }
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.urlop{
    background:#17291c!important;border-color:#3f7d48!important;box-shadow:inset 5px 0 0 #72b77d!important,inset 0 0 0 9999px rgba(114,183,125,.10)!important;
  }
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.wolne{
    background:#172330!important;border-color:#436a97!important;box-shadow:inset 5px 0 0 #74a7dc!important,inset 0 0 0 9999px rgba(116,167,220,.10)!important;
  }
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.delegacja,
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.special-delegation{
    background:#241d37!important;border-color:#7058a8!important;box-shadow:inset 5px 0 0 #a98ee8!important,inset 0 0 0 9999px rgba(169,142,232,.10)!important;
  }
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.missing-entry{
    background:#2b2117!important;border-color:#8a6332!important;box-shadow:inset 5px 0 0 #dca456!important,inset 0 0 0 9999px rgba(220,164,86,.10)!important;
  }
  html[data-ui-layout="boards"]:is([data-theme="dark"],[data-theme="amoled"]) .mobile-week-calendar>.mobile-week-day.is-today{
    background:#162735!important;border-color:#47789f!important;box-shadow:inset 5px 0 0 var(--b-blue,#4aa3ff)!important,inset 0 0 0 9999px rgba(74,163,255,.12)!important,0 0 0 1px rgba(74,163,255,.17)!important;
  }
}


/* =========================================================
   V3.40.24 — FINALNY SWEEP STYLU „PLANSZE”
   Usuwa resztki starej bordowo-czerwonej skórki z elementów
   niesemantycznych. Czerwony pozostaje tylko dla błędów/destrukcji.
   ========================================================= */
html[data-ui-layout="boards"] :where(.page-eyebrow,.auth-eyebrow,.day-editor-eyebrow) {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Pomoc / szybki start / samouczki */
html[data-ui-layout="boards"] .help-tutorial-card,
html[data-ui-layout="boards"] .help-quick-start-card,
html[data-ui-layout="boards"] .help-admin-card,
html[data-ui-layout="boards"] .help-submit-card,
html[data-ui-layout="boards"] .help-faq-link-card {
  border-color:var(--b-line) !important;
  border-top-width:1px !important;
  background:var(--b-surface) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .help-quick-start-list a {
  background:var(--b-surface) !important;
  border-color:var(--b-line) !important;
  color:var(--b-text) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .help-quick-start-list a:hover,
html[data-ui-layout="boards"] .help-quick-start-list a:focus-visible {
  background:var(--b-blue-soft) !important;
  border-color:var(--b-accent-border) !important;
}
html[data-ui-layout="boards"] .help-quick-start-list a > span,
html[data-ui-layout="boards"] .help-faq-link-icon {
  background:var(--b-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .help-quick-start-list small,
html[data-ui-layout="boards"] .help-faq-link-card em,
html[data-ui-layout="boards"] .tutorial-launch-card p,
html[data-ui-layout="boards"] .tutorial-completion-state {
  color:var(--b-muted) !important;
}
html[data-ui-layout="boards"] .help-faq-link-card small,
html[data-ui-layout="boards"] .help-faq-link-card > b {
  color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] .tutorial-launch-card,
html[data-ui-layout="boards"] .tutorial-launch-card.admin {
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
  color:var(--b-text) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .tutorial-launch-card.recommended {
  background:color-mix(in srgb,var(--b-blue-soft) 54%,var(--b-surface)) !important;
  border-color:var(--b-accent-border) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--b-blue) 7%,transparent) !important;
}
html[data-ui-layout="boards"] .tutorial-launch-icon {
  background:var(--b-blue-soft) !important;
  color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] .tutorial-recommended-badge {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
  border:1px solid var(--b-accent-border) !important;
}
html[data-ui-layout="boards"] .tutorial-step-section {
  color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] .tutorial-update-notes {
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
  color:var(--b-text) !important;
}
html[data-ui-layout="boards"] .tutorial-update-notes summary { color:var(--b-text) !important; }
html[data-ui-layout="boards"] .tutorial-update-notes li { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .tutorial-popover,
html[data-ui-layout="boards"] .tutorial-welcome-dialog {
  background:var(--b-surface) !important;
  color:var(--b-text) !important;
  border-color:var(--b-line) !important;
}
html[data-ui-layout="boards"] .tutorial-popover p,
html[data-ui-layout="boards"] .tutorial-popover-top,
html[data-ui-layout="boards"] .tutorial-step-count,
html[data-ui-layout="boards"] .tutorial-welcome-dialog p { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .tutorial-progress { background:var(--b-surface-3) !important; }
html[data-ui-layout="boards"] .tutorial-progress i { background:var(--b-blue) !important; }
html[data-ui-layout="boards"] .tutorial-highlighted {
  outline-color:var(--b-blue) !important;
  box-shadow:0 0 0 9px color-mix(in srgb,var(--b-blue) 18%,transparent),0 14px 38px rgba(0,0,0,.20) !important;
}
html[data-ui-layout="boards"] .tutorial-welcome-icon { background:var(--b-blue-soft) !important; color:var(--b-blue) !important; }

/* O aplikacji + Historia wersji: neutralne Plansze zamiast bordowej starej skórki. */
html[data-ui-layout="boards"] .about-app-card {
  background:var(--b-surface) !important;
  border-color:var(--b-line) !important;
  color:var(--b-text) !important;
}
html[data-ui-layout="boards"] .about-app-logo { box-shadow:none !important; }
html[data-ui-layout="boards"] .about-app-title p,
html[data-ui-layout="boards"] .about-app-copyright { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .about-app-meta span {
  color:var(--b-muted) !important;
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
}
html[data-ui-layout="boards"] .about-app-meta strong { color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .about-app-author {
  color:var(--b-muted) !important;
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
}
html[data-ui-layout="boards"] .about-app-author strong { color:var(--b-text) !important; }
html[data-ui-layout="boards"] .about-app-details { border-top-color:var(--b-line) !important; }
html[data-ui-layout="boards"] .about-app-details summary { color:var(--b-text) !important; }
html[data-ui-layout="boards"] .about-app-tech-grid > div {
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
}
html[data-ui-layout="boards"] .about-app-tech-grid dt { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .about-app-tech-grid dd { color:var(--b-text) !important; }
html[data-ui-layout="boards"] .release-history-details > summary {
  color:var(--b-text) !important;
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .release-history-details > summary:hover,
html[data-ui-layout="boards"] .release-history-details > summary:focus-visible,
html[data-ui-layout="boards"] .release-history-details[open] > summary {
  background:var(--b-blue-soft) !important;
  border-color:var(--b-accent-border) !important;
}
html[data-ui-layout="boards"] .release-history-details > summary::after { border-color:var(--b-blue) !important; }
html[data-ui-layout="boards"] .release-history-summary-title svg { stroke:var(--b-blue) !important; }
html[data-ui-layout="boards"] .release-history-summary-title strong,
html[data-ui-layout="boards"] .release-version-number { color:var(--b-text) !important; }
html[data-ui-layout="boards"] .release-history-summary-title small,
html[data-ui-layout="boards"] .release-change-list { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] .release-history-count {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
  border-color:var(--b-accent-border) !important;
}
html[data-ui-layout="boards"] .release-history-body {
  background:var(--b-surface-2) !important;
  border-color:var(--b-line) !important;
}
html[data-ui-layout="boards"] .release-history-list { scrollbar-color:var(--b-line-2) transparent !important; }
html[data-ui-layout="boards"] .release-history-list::before { background:var(--b-line-2) !important; }
html[data-ui-layout="boards"] .release-history-item::before {
  background:var(--b-surface) !important;
  border-color:var(--b-line-2) !important;
  box-shadow:0 0 0 3px var(--b-surface-2) !important;
}
html[data-ui-layout="boards"] .release-history-item.current::before {
  background:var(--b-blue) !important;
  border-color:var(--b-surface) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--b-blue) 18%,transparent) !important;
}
html[data-ui-layout="boards"] .release-history-item article,
html[data-ui-layout="boards"] .release-history-item.current article {
  background:var(--b-surface) !important;
  border-color:var(--b-line) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .release-history-item.current article { border-color:var(--b-accent-border) !important; }
html[data-ui-layout="boards"] .release-current-badge {
  background:var(--b-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] .release-kind-badge.new,
html[data-ui-layout="boards"] .release-history-legend .new {
  color:var(--b-blue) !important;
  background:var(--b-blue-soft) !important;
  border-color:var(--b-accent-border) !important;
}
html[data-ui-layout="boards"] .release-change-list li::marker { color:var(--b-blue) !important; }

/* Dialog Klienci jest tworzony bezpośrednio pod BODY, więc stare reguły #app go nie obejmowały. */
html[data-ui-layout="boards"] body > dialog.client-directory-dialog {
  background:transparent !important;
  color:var(--b-text) !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog::backdrop {
  background:rgba(8,18,30,.42) !important;
  backdrop-filter:blur(5px) !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-shell {
  background:var(--b-surface) !important;
  color:var(--b-text) !important;
  border:1px solid var(--b-line) !important;
  box-shadow:0 24px 60px rgba(10,25,44,.24) !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header {
  background:var(--b-blue) !important;
  color:#fff !important;
  border-bottom:0 !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header .page-eyebrow {
  color:var(--b-blue) !important;
  background:#fff !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header h2 { color:#fff !important; }
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header p {
  color:rgba(255,255,255,.86) !important;
  opacity:1 !important;
  font-weight:600 !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-close {
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-body { background:var(--b-surface) !important; }
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-form label { color:var(--b-text) !important; }
html[data-ui-layout="boards"] body > dialog.client-directory-dialog :where(input,select,textarea) {
  color:var(--b-text) !important;
  background:var(--b-surface) !important;
  border:1px solid var(--b-line-2) !important;
  box-shadow:none !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog :where(input,select,textarea):focus {
  border-color:var(--b-blue) !important;
  outline:2px solid color-mix(in srgb,var(--b-blue) 18%,transparent) !important;
  outline-offset:0 !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-status { color:var(--b-muted) !important; }
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-status.is-error { color:var(--b-red) !important; }
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-actions {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:8px !important;
  justify-content:stretch !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-actions button {
  width:100% !important;
  min-height:44px !important;
  margin:0 !important;
  border-radius:11px !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-actions .secondary-action-button {
  background:var(--b-surface-2) !important;
  color:var(--b-text) !important;
  border-color:var(--b-line) !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-actions .btn-canon {
  background:var(--b-blue) !important;
  color:#fff !important;
  border-color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-detail-summary small,
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-contact-copy small,
html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-merge-target-heading small { color:var(--b-muted) !important; }

@media (max-width:760px) {
  html[data-ui-layout="boards"] .tutorial-launch-grid,
  html[data-ui-layout="boards"] .tutorial-launch-grid.has-admin { grid-template-columns:1fr !important; }
  html[data-ui-layout="boards"] .tutorial-launch-card { padding:12px !important; border-radius:14px !important; }
  html[data-ui-layout="boards"] .tutorial-launch-actions { grid-template-columns:1fr !important; }
  html[data-ui-layout="boards"] .about-app-meta { gap:5px !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header { padding:16px 18px 14px !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-body { padding:16px 18px 18px !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header h2 { font-size:22px !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-directory-dialog-header p { font-size:12px !important; line-height:1.35 !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-form label { font-size:14px !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog :where(input,select,textarea) { min-height:48px !important; font-size:16px !important; }
  html[data-ui-layout="boards"] body > dialog.client-directory-dialog .client-modal-actions button { font-size:14px !important; }
}


/* =========================================================
   V3.40.24 — KLIENCI + SYSTEMOWY SWEEP PLANSZ
   Ekran Klienci nie dziedziczy już konstrukcji starej skórki.
   ========================================================= */
html[data-ui-layout="boards"] .clients-board-page{
  width:100%!important;display:grid!important;gap:8px!important;margin:0!important;padding:0!important;
}
html[data-ui-layout="boards"] .clients-board-workspace{
  display:grid!important;gap:8px!important;margin:0!important;padding:10px!important;
  border:1px solid var(--b-line)!important;border-radius:15px!important;background:var(--b-surface)!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] .clients-board-heading{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  min-width:0!important;padding:0 1px 2px!important;
}
html[data-ui-layout="boards"] .clients-board-heading>div{min-width:0!important}
html[data-ui-layout="boards"] .clients-board-heading h2{
  margin:3px 0 2px!important;color:var(--b-text)!important;font-family:var(--u-font)!important;font-size:var(--u-page)!important;line-height:1.05!important;font-weight:820!important;letter-spacing:-.025em!important;
}
html[data-ui-layout="boards"] .clients-board-heading p{
  margin:0!important;color:var(--b-muted)!important;font-size:var(--u-meta)!important;line-height:1.25!important;
}
html[data-ui-layout="boards"] .clients-board-count{
  display:grid!important;place-items:center!important;align-content:center!important;min-width:54px!important;min-height:44px!important;padding:5px 8px!important;
  border:1px solid var(--b-accent-border)!important;border-radius:11px!important;background:var(--b-blue-soft)!important;color:var(--b-blue)!important;
}
html[data-ui-layout="boards"] .clients-board-count strong{font-size:15px!important;line-height:1!important;font-weight:850!important}
html[data-ui-layout="boards"] .clients-board-count small{margin-top:2px!important;font-size:7px!important;line-height:1!important;font-weight:750!important}
html[data-ui-layout="boards"] .clients-board-toolbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;
}
html[data-ui-layout="boards"] .clients-board-search{
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;min-width:0!important;min-height:var(--u-control)!important;
  padding:0 8px 0 5px!important;border:1px solid var(--b-line-2)!important;border-radius:11px!important;background:var(--b-surface-2)!important;color:var(--b-muted)!important;
}
html[data-ui-layout="boards"] .clients-board-search:focus-within{
  border-color:var(--b-blue)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--b-blue) 15%,transparent)!important;background:var(--b-surface)!important;
}
html[data-ui-layout="boards"] .clients-board-search>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important}
html[data-ui-layout="boards"] .clients-board-search svg,
html[data-ui-layout="boards"] .clients-board-add svg,
html[data-ui-layout="boards"] .clients-board-action svg{
  width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html[data-ui-layout="boards"] .clients-board-search input{
  width:100%!important;min-width:0!important;min-height:calc(var(--u-control) - 2px)!important;padding:5px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--b-text)!important;
  box-shadow:none!important;outline:0!important;font-family:var(--u-font)!important;font-size:var(--u-value)!important;font-weight:620!important;
}
html[data-ui-layout="boards"] .clients-board-search input::placeholder{color:color-mix(in srgb,var(--b-muted) 78%,transparent)!important;opacity:1!important}
html[data-ui-layout="boards"] .clients-board-add{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:var(--u-control)!important;height:var(--u-control)!important;padding:5px 11px!important;
  border:1px solid var(--b-blue)!important;border-radius:11px!important;background:var(--b-blue)!important;color:#fff!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] .clients-board-add strong{font-size:var(--u-button)!important;line-height:1!important;font-weight:800!important}
html[data-ui-layout="boards"] .clients-board-actions{display:grid!important;gap:5px!important}
html[data-ui-layout="boards"] .clients-board-action{
  width:100%!important;min-width:0!important;min-height:var(--u-row)!important;display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr) 20px!important;align-items:center!important;gap:var(--u-gap)!important;
  margin:0!important;padding:6px 8px!important;border:1px solid var(--b-line)!important;border-radius:var(--u-radius)!important;background:var(--b-surface)!important;color:var(--b-text)!important;text-align:left!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] .clients-board-action:active,
html[data-ui-layout="boards"] .clients-board-action:focus-visible{background:var(--b-blue-soft)!important;border-color:var(--b-accent-border)!important}
html[data-ui-layout="boards"] .clients-board-action-icon{
  display:grid!important;place-items:center!important;width:var(--u-icon)!important;height:var(--u-icon)!important;border-radius:8px!important;background:var(--b-blue-soft)!important;color:var(--b-blue)!important;
}
html[data-ui-layout="boards"] .clients-board-action>span:nth-child(2){display:block!important;min-width:0!important}
html[data-ui-layout="boards"] .clients-board-action strong{
  display:block!important;margin:0!important;font-family:var(--u-font)!important;font-size:var(--u-title)!important;line-height:1.08!important;font-weight:760!important;color:var(--b-text)!important;
}
html[data-ui-layout="boards"] .clients-board-action small{
  display:block!important;margin:2px 0 0!important;font-family:var(--u-font)!important;font-size:var(--u-meta)!important;line-height:1.14!important;color:var(--b-muted)!important;
}
html[data-ui-layout="boards"] .clients-board-action-chevron{display:grid!important;place-items:center!important;color:var(--b-muted)!important}
html[data-ui-layout="boards"] .clients-board-action-chevron svg{width:15px!important;height:15px!important}
html[data-ui-layout="boards"] .clients-board-results{min-width:0!important;padding-top:1px!important;border-top:1px solid var(--b-line)!important}
html[data-ui-layout="boards"] .clients-board-results .client-directory-search-results{max-height:48vh!important;margin:6px 0 0!important;gap:5px!important}
html[data-ui-layout="boards"] .clients-board-empty-state{
  display:grid!important;grid-template-columns:var(--u-icon) minmax(0,1fr)!important;align-items:center!important;gap:var(--u-gap)!important;min-height:var(--u-row)!important;
  padding:7px 8px!important;border:1px dashed var(--b-line-2)!important;border-radius:var(--u-radius)!important;background:var(--b-surface-2)!important;color:var(--b-muted)!important;
}
html[data-ui-layout="boards"] .clients-board-empty-icon{
  display:grid!important;place-items:center!important;width:var(--u-icon)!important;height:var(--u-icon)!important;border-radius:8px!important;background:var(--b-surface)!important;color:var(--b-muted)!important;font-size:15px!important;
}
html[data-ui-layout="boards"] .clients-board-empty-state strong{display:block!important;color:var(--b-text)!important;font-size:var(--u-title)!important;line-height:1.08!important;font-weight:750!important}
html[data-ui-layout="boards"] .clients-board-empty-state small{display:block!important;margin-top:2px!important;color:var(--b-muted)!important;font-size:var(--u-meta)!important;line-height:1.18!important}

/* Wyniki klientów — model identyczny jak nowe wiersze systemu. */
html[data-ui-layout="boards"] .clients-board-page .client-contact-row,
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-contact-row{
  border:1px solid var(--b-line)!important;background:var(--b-surface)!important;color:var(--b-text)!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] .clients-board-page .client-contact-avatar,
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-contact-avatar{
  border-radius:8px!important;background:var(--b-blue-soft)!important;color:var(--b-blue)!important;font-family:var(--u-font)!important;font-size:var(--u-title)!important;
}
html[data-ui-layout="boards"] .clients-board-page .client-contact-arrow{color:var(--b-muted)!important;font-size:16px!important}

/* Dialogi Klientów: w Planszach to jasny arkusz/bottom-sheet, nie stary kolorowy modal. */
html[data-ui-layout="boards"] body>dialog.client-directory-dialog{
  width:min(620px,calc(100vw - 20px))!important;max-height:min(88dvh,820px)!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;color:var(--b-text)!important;box-shadow:none!important;overflow:visible!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog::backdrop{background:rgba(10,20,32,.42)!important;backdrop-filter:blur(5px)!important}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-shell{
  max-height:min(88dvh,820px)!important;border:1px solid var(--b-line)!important;border-radius:18px!important;background:var(--b-surface)!important;color:var(--b-text)!important;box-shadow:0 24px 60px rgba(10,25,44,.22)!important;overflow:hidden!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-header{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:start!important;gap:8px!important;padding:13px 14px 11px!important;border-bottom:1px solid var(--b-line)!important;background:var(--b-surface)!important;color:var(--b-text)!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-header .page-eyebrow{
  width:max-content!important;color:var(--b-blue)!important;background:var(--b-blue-soft)!important;border:0!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-header h2{
  margin:4px 0 2px!important;color:var(--b-text)!important;font-family:var(--u-font)!important;font-size:var(--u-page)!important;line-height:1.05!important;font-weight:820!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-header p{
  margin:0!important;color:var(--b-muted)!important;opacity:1!important;font-family:var(--u-font)!important;font-size:var(--u-meta)!important;line-height:1.2!important;font-weight:500!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-close{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:1px solid var(--b-line)!important;border-radius:9px!important;background:var(--b-surface-2)!important;color:var(--b-text)!important;font-size:18px!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-body{padding:12px 14px 14px!important;background:var(--b-surface)!important;color:var(--b-text)!important}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-form{gap:8px!important}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-form label{
  gap:5px!important;color:var(--b-text)!important;font-family:var(--u-font)!important;font-size:var(--u-label)!important;line-height:1.15!important;font-weight:750!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog :where(input,select,textarea){
  min-height:var(--u-control)!important;padding:6px 9px!important;border:1px solid var(--b-line-2)!important;border-radius:10px!important;background:var(--b-surface-2)!important;color:var(--b-text)!important;font-family:var(--u-font)!important;font-size:var(--u-value)!important;line-height:1.1!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog :where(input,select,textarea):focus{
  border-color:var(--b-blue)!important;background:var(--b-surface)!important;outline:2px solid color-mix(in srgb,var(--b-blue) 15%,transparent)!important;outline-offset:0!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-status{min-height:12px!important;color:var(--b-muted)!important;font-size:var(--u-meta)!important;line-height:1.15!important}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;margin-top:2px!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions button{
  width:100%!important;min-height:var(--u-control)!important;margin:0!important;padding:6px 9px!important;border-radius:10px!important;font-size:var(--u-button)!important;line-height:1!important;font-weight:780!important;box-shadow:none!important;
}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions .secondary-action-button{background:var(--b-surface-2)!important;color:var(--b-text)!important;border-color:var(--b-line)!important}
html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions .btn-canon{background:var(--b-blue)!important;color:#fff!important;border-color:var(--b-blue)!important}

/* Sweep typografii elementów tworzonych poza #app — poprzednie reguły ich nie obejmowały. */
html[data-ui-layout="boards"] body>:where(dialog.app-dialog,dialog.client-directory-dialog) :where(h2){font-family:var(--u-font)!important;font-size:var(--u-page)!important;line-height:1.06!important}
html[data-ui-layout="boards"] body>:where(dialog.app-dialog,dialog.client-directory-dialog) :where(h3,strong){font-family:var(--u-font)!important}
html[data-ui-layout="boards"] body>:where(dialog.app-dialog,dialog.client-directory-dialog) :where(p,li){font-family:var(--u-font)!important;font-size:var(--u-body)!important;line-height:1.24!important}
html[data-ui-layout="boards"] body>:where(dialog.app-dialog,dialog.client-directory-dialog) :where(label,small){font-family:var(--u-font)!important}
html[data-ui-layout="boards"] body>:where(dialog.app-dialog,dialog.client-directory-dialog) :where(.btn-canon,.secondary-action-button,.danger-button,.delete-day-button){font-family:var(--u-font)!important;font-size:var(--u-button)!important}
html[data-ui-layout="boards"] :where(.picker,.calendar-quick-menu,.stats-picker,.client-suggestions){
  border-color:var(--b-line)!important;background:var(--b-surface)!important;color:var(--b-text)!important;box-shadow:0 14px 34px rgba(10,25,44,.14)!important;
}
html[data-ui-layout="boards"] :where(.picker,.calendar-quick-menu,.stats-picker,.client-suggestions) :where(button,a){color:var(--b-text)!important;font-family:var(--u-font)!important}
html[data-ui-layout="boards"] :where(.picker,.calendar-quick-menu,.stats-picker,.client-suggestions) :where(button,a):hover,
html[data-ui-layout="boards"] :where(.picker,.calendar-quick-menu,.stats-picker,.client-suggestions) :where(button,a):focus-visible{background:var(--b-blue-soft)!important;color:var(--b-blue)!important}

@media(max-width:760px){
  html[data-ui-layout="boards"] .clients-board-workspace{padding:9px!important;border-radius:14px!important}
  html[data-ui-layout="boards"] .clients-board-heading{gap:7px!important}
  html[data-ui-layout="boards"] .clients-board-count{min-width:50px!important;min-height:40px!important;padding:4px 7px!important}
  html[data-ui-layout="boards"] .clients-board-toolbar{grid-template-columns:minmax(0,1fr) 76px!important}
  html[data-ui-layout="boards"] .clients-board-add{padding:5px 8px!important}
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog{
    width:100vw!important;max-width:100vw!important;max-height:min(82dvh,720px)!important;margin:auto 0 0!important;border-radius:20px 20px 0 0!important;
  }
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-shell{
    max-height:min(82dvh,720px)!important;border-width:1px 0 0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -14px 42px rgba(10,25,44,.18)!important;
  }
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-shell::before{
    content:""!important;display:block!important;position:absolute!important;top:6px!important;left:50%!important;z-index:2!important;width:34px!important;height:4px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:var(--b-line-2)!important;
  }
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-header{padding:17px 14px 10px!important}
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-directory-dialog-body{padding:11px 14px calc(14px + env(safe-area-inset-bottom))!important}
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions{grid-template-columns:1fr!important}
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions .btn-canon{order:1!important}
  html[data-ui-layout="boards"] body>dialog.client-directory-dialog .client-modal-actions .secondary-action-button{order:2!important}
}


/* V3.40.24 — bezpieczny fallback dla pozostałych dialogów systemowych poza #app. */
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog){
  color:var(--b-text)!important;background:var(--b-surface)!important;border:1px solid var(--b-line)!important;border-radius:16px!important;box-shadow:0 22px 58px rgba(10,25,44,.20)!important;
}
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog)::backdrop{background:rgba(10,20,32,.42)!important;backdrop-filter:blur(4px)!important}
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog)>form{background:var(--b-surface)!important;color:var(--b-text)!important}
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog) :where(h2,h3,strong,label){color:var(--b-text)!important}
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog) :where(p,small){color:var(--b-muted)!important}
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog) .btn-canon{background:var(--b-blue)!important;color:#fff!important;border-color:var(--b-blue)!important;box-shadow:none!important}
html[data-ui-layout="boards"] body>dialog.app-dialog:not(.client-directory-dialog) .secondary-action-button{background:var(--b-surface-2)!important;color:var(--b-text)!important;border-color:var(--b-line)!important;box-shadow:none!important}

/* V3.40.24 — miesiąc mobilny w Planszach: numer dnia ma zawsze zostać w jednym wierszu,
   nawet gdy obok jest badge U / W / D / Ś / DY. */
html[data-ui-layout="boards"] .mobile-month-day-top {
  justify-content:flex-start !important;
  padding-right:18px !important;
}
html[data-ui-layout="boards"] .mobile-month-day-top strong {
  display:block !important;
  flex:0 0 auto !important;
  min-width:1.2em !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  line-height:1 !important;
  letter-spacing:-0.03em !important;
  font-variant-numeric:tabular-nums;
}
html[data-ui-layout="boards"] .mobile-month-day-top .mobile-special-state-marks {
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
}
html[data-ui-layout="boards"] .mobile-month-day-top > .mobile-duty-mark {
  flex:0 0 auto !important;
}

/* V3.40.24 — dolny pasek Plansz: bardziej zwarty, zaokrąglony, z podcięciem / podbiciem pod centralne CTA „Dziś”. */
html[data-ui-layout="boards"] .boards-bottom-nav {
  left:10px !important;
  right:10px !important;
  bottom:max(6px, env(safe-area-inset-bottom)) !important;
  min-height:56px !important;
  padding:5px 8px 7px !important;
  border:1px solid color-mix(in srgb, var(--b-line) 92%, #fff 8%) !important;
  border-top:1px solid color-mix(in srgb, var(--b-line) 92%, #fff 8%) !important;
  border-radius:24px !important;
  background:color-mix(in srgb,var(--b-surface) 94%,transparent) !important;
  box-shadow:0 10px 28px rgba(15, 28, 44, 0.12), 0 2px 8px rgba(15, 28, 44, 0.06) !important;
  backdrop-filter:blur(16px) saturate(1.05);
  overflow:visible !important;
  isolation:isolate;
}
html[data-ui-layout="boards"] .boards-bottom-nav::before {
  content:"";
  position:absolute;
  left:50%;
  top:-18px;
  transform:translateX(-50%);
  width:136px;
  height:52px;
  border:1px solid color-mix(in srgb, var(--b-line) 92%, #fff 8%);
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:color-mix(in srgb,var(--b-surface) 94%,transparent);
  box-shadow:0 -2px 12px rgba(15, 28, 44, 0.04);
  z-index:-1;
  pointer-events:none;
}
html[data-ui-layout="boards"] .boards-bottom-nav button {
  min-height:42px !important;
  padding:3px 0 !important;
  gap:3px !important;
  border-radius:11px !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button span:last-child {
  font-size:8px !important;
}
html[data-ui-layout="boards"] .boards-bottom-add {
  min-height:42px !important;
  border-radius:11px !important;
}
html[data-ui-layout="boards"] .boards-bottom-today {
  width:56px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 auto 10px !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--b-blue) 30%,transparent), 0 0 0 4px color-mix(in srgb,var(--b-surface) 82%, transparent) !important;
}
html[data-ui-layout="boards"] .boards-bottom-today svg {
  width:22px !important;
  height:22px !important;
}
html[data-ui-layout="boards"] .boards-bottom-today span:last-child {
  font-size:10px !important;
}
html[data-ui-layout="boards"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width:62px !important;
  height:62px !important;
  min-height:62px !important;
  margin-bottom:12px !important;
  border-radius:20px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-bottom-nav {
  min-height:52px !important;
  left:8px !important;
  right:8px !important;
  padding:4px 7px 6px !important;
  border-radius:22px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-bottom-nav::before {
  top:-15px !important;
  width:126px !important;
  height:45px !important;
  border-radius:24px 24px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"] .boards-bottom-today {
  width:52px !important;
  height:52px !important;
  min-height:52px !important;
  margin-bottom:9px !important;
  border-radius:16px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-bottom-nav {
  min-height:64px !important;
  left:12px !important;
  right:12px !important;
  padding:6px 10px 8px !important;
  border-radius:26px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-bottom-nav::before {
  top:-20px !important;
  width:146px !important;
  height:58px !important;
  border-radius:30px 30px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"] .boards-bottom-today {
  width:60px !important;
  height:60px !important;
  min-height:60px !important;
  margin-bottom:12px !important;
  border-radius:19px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width:68px !important;
  height:68px !important;
  min-height:68px !important;
  border-radius:22px !important;
}
html:is([data-theme="dark"], [data-theme="amoled"])[data-ui-layout="boards"] .boards-bottom-nav,
html[data-ui-layout="boards"]:is([data-theme="dark"], [data-theme="amoled"]) .boards-bottom-nav {
  background:color-mix(in srgb,var(--b-surface) 90%, transparent) !important;
  box-shadow:0 12px 30px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}
html:is([data-theme="dark"], [data-theme="amoled"])[data-ui-layout="boards"] .boards-bottom-nav::before,
html[data-ui-layout="boards"]:is([data-theme="dark"], [data-theme="amoled"]) .boards-bottom-nav::before {
  background:color-mix(in srgb,var(--b-surface) 90%, transparent) !important;
}
html[data-ui-layout="boards"] body { padding-bottom:calc(66px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="small"] body { padding-bottom:calc(62px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="large"] body { padding-bottom:calc(72px + var(--b-safe-bottom)) !important; }

/* V3.40.24 — trzy warianty dolnego paska Plansze wybierane w Ustawieniach → Wygląd. */
html[data-ui-layout="boards"] .boards-bottom-nav {
  --boards-nav-left: 10px;
  --boards-nav-right: 10px;
  --boards-nav-bottom: max(6px, env(safe-area-inset-bottom));
  --boards-nav-min-height: 56px;
  --boards-nav-padding: 5px 8px 7px;
  --boards-nav-radius: 24px;
  --boards-nav-shadow: 0 10px 28px rgba(15, 28, 44, 0.12), 0 2px 8px rgba(15, 28, 44, 0.06);
}
html[data-ui-layout="boards"] .boards-bottom-nav {
  left: var(--boards-nav-left) !important;
  right: var(--boards-nav-right) !important;
  bottom: var(--boards-nav-bottom) !important;
  min-height: var(--boards-nav-min-height) !important;
  padding: var(--boards-nav-padding) !important;
  border-radius: var(--boards-nav-radius) !important;
  box-shadow: var(--boards-nav-shadow) !important;
}

/* 1. Klasyczny — pełniejszy, szeroki pasek podobny do starego układu, ale zgodny z Planszami. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  min-height: 64px !important;
  padding: 4px 7px var(--b-safe-bottom) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 -8px 20px rgba(15, 28, 44, 0.07) !important;
  background: color-mix(in srgb,var(--b-surface) 98%,transparent) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav::before {
  display:none !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-add {
  min-height: 50px !important;
  border-radius: 12px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav button span:last-child {
  font-size: 10px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-today {
  width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 auto 6px !important;
  border-radius: 18px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] body { padding-bottom: calc(72px + var(--b-safe-bottom)) !important; }

/* 2. Pływający — aktualny, zaokrąglony z podbiciem pod „Dziś”. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav::before {
  display:block !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] body { padding-bottom: calc(66px + var(--b-safe-bottom)) !important; }

/* 3. Zwarty — mniejszy, ciaśniejszy, bardziej skondensowany. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  left: 14px !important;
  right: 14px !important;
  bottom: max(7px, env(safe-area-inset-bottom)) !important;
  min-height: 50px !important;
  padding: 4px 7px 6px !important;
  border-radius: 28px !important;
  box-shadow: 0 10px 24px rgba(15, 28, 44, 0.11), 0 2px 6px rgba(15, 28, 44, 0.05) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -14px !important;
  width: 112px !important;
  height: 40px !important;
  border-radius: 22px 22px 0 0 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 38px !important;
  gap: 2px !important;
  border-radius: 10px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button span:last-child {
  font-size: 8px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 auto 8px !important;
  border-radius: 16px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today svg {
  width: 21px !important;
  height: 21px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today span:last-child {
  font-size: 9px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body { padding-bottom: calc(60px + var(--b-safe-bottom)) !important; }

/* Preferencja dużego przycisku Dziś nadal działa w każdym wariancie. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  margin-bottom: 8px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin-bottom: 10px !important;
  border-radius: 18px !important;
}

/* Skale interfejsu. */
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav { min-height: 60px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="classic"] body { padding-bottom: calc(68px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav { left: 12px !important; right: 12px !important; min-height: 48px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before { width: 104px !important; height: 36px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-today { width: 48px !important; height: 48px !important; min-height: 48px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] body { padding-bottom: calc(58px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav { min-height: 70px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="classic"] body { padding-bottom: calc(78px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav { left: 16px !important; right: 16px !important; min-height: 54px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before { width: 120px !important; height: 44px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-today { width: 54px !important; height: 54px !important; min-height: 54px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] body { padding-bottom: calc(64px + var(--b-safe-bottom)) !important; }

/* V3.40.24 — dopracowanie wszystkich 3 wariantów dolnego paska Plansze. */
html[data-ui-layout="boards"] .boards-bottom-nav {
  backdrop-filter: saturate(1.08) blur(10px);
  -webkit-backdrop-filter: saturate(1.08) blur(10px);
}
html[data-ui-layout="boards"] .boards-bottom-nav button,
html[data-ui-layout="boards"] .boards-bottom-add {
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html[data-ui-layout="boards"] .boards-bottom-nav button:active,
html[data-ui-layout="boards"] .boards-bottom-add:active {
  transform: translateY(1px) scale(.985);
}
html[data-ui-layout="boards"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add) {
  background: color-mix(in srgb,var(--b-blue) 10%,var(--b-surface)) !important;
  color: var(--b-blue) !important;
}
html[data-ui-layout="boards"] .boards-bottom-add.active {
  background: color-mix(in srgb,var(--b-blue) 10%,var(--b-surface)) !important;
}

/* 1) Klasyczny — pełna szerokość, delikatny łuk u góry, bardziej systemowy i elegancki. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav {
  left: 6px !important;
  right: 6px !important;
  bottom: max(4px, env(safe-area-inset-bottom)) !important;
  min-height: 66px !important;
  padding: 6px 8px calc(7px + var(--b-safe-bottom)) !important;
  border: 1px solid color-mix(in srgb,var(--b-line) 84%, white 16%) !important;
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  background: color-mix(in srgb,var(--b-surface) 94%, white 6%) !important;
  box-shadow: 0 -1px 0 rgba(255,255,255,.55) inset, 0 -8px 24px rgba(15, 28, 44, 0.10) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav::before {
  display: none !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-add {
  min-height: 48px !important;
  gap: 4px !important;
  border-radius: 15px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav button span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-add span:last-child {
  font-size: 10px !important;
  letter-spacing: .01em;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add),
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-add.active {
  background: color-mix(in srgb,var(--b-blue) 12%,var(--b-surface)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--b-blue) 18%, transparent) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-today {
  width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: -18px auto 2px !important;
  border-radius: 20px !important;
  border: 3px solid color-mix(in srgb,var(--b-surface) 96%,white 4%) !important;
  box-shadow: 0 16px 30px color-mix(in srgb,var(--b-blue) 32%, transparent), 0 2px 8px rgba(16, 40, 71, .16) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-today span:last-child { font-size: 10px !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] body { padding-bottom: calc(76px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav { min-height: 62px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="classic"] .boards-bottom-today { width: 56px !important; height: 56px !important; min-height: 56px !important; margin-top: -14px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="classic"] body { padding-bottom: calc(72px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav { min-height: 70px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="classic"] .boards-bottom-today { width: 64px !important; height: 64px !important; min-height: 64px !important; margin-top: -20px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="classic"] body { padding-bottom: calc(80px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 68px !important; height: 68px !important; min-height: 68px !important; margin-top: -24px !important; border-radius: 22px !important;
}

/* 2) Pływający — najlepiej zbalansowany, delikatniejsze podcięcie i lepsze proporcje. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav {
  left: 10px !important;
  right: 10px !important;
  bottom: max(6px, env(safe-area-inset-bottom)) !important;
  min-height: 58px !important;
  padding: 6px 8px 8px !important;
  border: 1px solid color-mix(in srgb,var(--b-line) 88%, white 12%) !important;
  border-radius: 26px !important;
  background: color-mix(in srgb,var(--b-surface) 96%, white 4%) !important;
  box-shadow: 0 14px 34px rgba(15, 28, 44, 0.13), 0 2px 8px rgba(15, 28, 44, 0.05) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav::before {
  display: block !important;
  top: -18px !important;
  width: 124px !important;
  height: 46px !important;
  border-radius: 26px 26px 0 0 !important;
  background: inherit !important;
  border: 1px solid color-mix(in srgb,var(--b-line) 88%, white 12%) !important;
  border-bottom: 0 !important;
  box-shadow: 0 -2px 10px rgba(15, 28, 44, 0.05) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-add {
  min-height: 42px !important;
  border-radius: 14px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav button span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-add span:last-child {
  font-size: 9px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-today {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: -14px auto 4px !important;
  border-radius: 19px !important;
  border: 3px solid color-mix(in srgb,var(--b-surface) 96%, white 4%) !important;
  box-shadow: 0 16px 30px color-mix(in srgb,var(--b-blue) 33%, transparent), 0 3px 9px rgba(16,40,71,.14) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] .boards-bottom-today span:last-child { font-size: 10px !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav-style="floating"] body { padding-bottom: calc(70px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav { min-height: 54px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav::before { width: 116px !important; height: 42px !important; top: -16px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="floating"] .boards-bottom-today { width: 54px !important; height: 54px !important; min-height: 54px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="floating"] body { padding-bottom: calc(66px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav { min-height: 62px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="floating"] .boards-bottom-nav::before { width: 132px !important; height: 50px !important; top: -20px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="floating"] .boards-bottom-today { width: 62px !important; height: 62px !important; min-height: 62px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="floating"] body { padding-bottom: calc(74px + var(--b-safe-bottom)) !important; }

/* 3) Zwarty — bardziej premium, mały, ale nadal czytelny. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  left: 14px !important;
  right: 14px !important;
  bottom: max(7px, env(safe-area-inset-bottom)) !important;
  min-height: 52px !important;
  padding: 4px 8px 6px !important;
  border: 1px solid color-mix(in srgb,var(--b-line) 90%, white 10%) !important;
  border-radius: 30px !important;
  background: color-mix(in srgb,var(--b-surface) 97%, white 3%) !important;
  box-shadow: 0 12px 28px rgba(15, 28, 44, 0.11), 0 2px 8px rgba(15, 28, 44, 0.05) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -13px !important;
  width: 110px !important;
  height: 38px !important;
  border-radius: 22px 22px 0 0 !important;
  background: inherit !important;
  border: 1px solid color-mix(in srgb,var(--b-line) 90%, white 10%) !important;
  border-bottom: 0 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 38px !important;
  gap: 2px !important;
  border-radius: 12px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add span:last-child {
  font-size: 8px !important;
  letter-spacing: .01em;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add),
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add.active {
  background: color-mix(in srgb,var(--b-blue) 9%,var(--b-surface)) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: -10px auto 4px !important;
  border-radius: 18px !important;
  border: 2px solid color-mix(in srgb,var(--b-surface) 96%,white 4%) !important;
  box-shadow: 0 12px 24px color-mix(in srgb,var(--b-blue) 26%, transparent), 0 2px 7px rgba(16,40,71,.12) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today svg { width: 20px !important; height: 20px !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today span:last-child { font-size: 9px !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body { padding-bottom: calc(62px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav { left: 12px !important; right: 12px !important; min-height: 48px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before { width: 102px !important; height: 34px !important; top: -11px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-today { width: 46px !important; height: 46px !important; min-height: 46px !important; }
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] body { padding-bottom: calc(58px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav { left: 16px !important; right: 16px !important; min-height: 56px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before { width: 118px !important; height: 42px !important; top: -15px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-today { width: 52px !important; height: 52px !important; min-height: 52px !important; }
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] body { padding-bottom: calc(66px + var(--b-safe-bottom)) !important; }
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 58px !important; height: 58px !important; min-height: 58px !important; margin-top: -14px !important; border-radius: 19px !important;
}

/* Drobne korekty dla ciemnych motywów. */
html:is([data-theme="dark"], [data-theme="amoled"])[data-ui-layout="boards"] .boards-bottom-nav,
html[data-ui-layout="boards"]:is([data-theme="dark"], [data-theme="amoled"]) .boards-bottom-nav {
  box-shadow: 0 12px 28px rgba(0,0,0,.34), 0 1px 0 rgba(255,255,255,.02) inset !important;
}
html:is([data-theme="dark"], [data-theme="amoled"])[data-ui-layout="boards"][data-boards-bottom-nav-style="classic"] .boards-bottom-nav,
html[data-ui-layout="boards"]:is([data-theme="dark"], [data-theme="amoled"])[data-boards-bottom-nav-style="classic"] .boards-bottom-nav {
  background: color-mix(in srgb,var(--b-surface) 96%, black 4%) !important;
}

/* V3.40.24 — dopieszczenie wariantu Zwarty: węższy i łagodniejszy daszek nad przyciskiem Dziś. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -9px !important;
  width: 86px !important;
  height: 24px !important;
  border-radius: 18px 18px 0 0 !important;
  opacity: .98;
  box-shadow: 0 -1px 5px rgba(15, 28, 44, 0.025) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  margin: -7px auto 4px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -8px !important;
  width: 80px !important;
  height: 22px !important;
  border-radius: 16px 16px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  margin-top: -6px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -10px !important;
  width: 92px !important;
  height: 26px !important;
  border-radius: 19px 19px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  margin-top: -8px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  margin-top: -10px !important;
}

/* V3.40.24 — wariant Zwarty premium: subtelniejszy daszek i niższe osadzenie środka, mniej pustego pola nad bocznymi przyciskami. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  left: 14px !important;
  right: 14px !important;
  bottom: max(7px, env(safe-area-inset-bottom)) !important;
  min-height: 48px !important;
  padding: 2px 8px 6px !important;
  border: 1px solid color-mix(in srgb, var(--b-line) 82%, white 18%) !important;
  border-radius: 28px !important;
  background: color-mix(in srgb, var(--b-surface) 95%, white 5%) !important;
  box-shadow: 0 14px 30px rgba(15, 28, 44, 0.10), 0 1px 0 rgba(255,255,255,.72) inset !important;
  backdrop-filter: saturate(1.08) blur(12px) !important;
  -webkit-backdrop-filter: saturate(1.08) blur(12px) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -6px !important;
  width: 74px !important;
  height: 16px !important;
  border-radius: 16px 16px 0 0 !important;
  background: color-mix(in srgb, var(--b-surface) 95%, white 5%) !important;
  border: 1px solid color-mix(in srgb, var(--b-line) 82%, white 18%) !important;
  border-bottom: 0 !important;
  opacity: 1 !important;
  box-shadow: 0 -1px 3px rgba(15, 28, 44, 0.02) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 36px !important;
  gap: 1px !important;
  align-self: end !important;
  border-radius: 11px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add span:last-child {
  font-size: 8px !important;
  line-height: 1.05 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add),
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add.active {
  background: color-mix(in srgb, var(--b-blue) 10%, var(--b-surface)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--b-blue) 14%, transparent) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: -3px auto 3px !important;
  border-radius: 17px !important;
  border: 2px solid color-mix(in srgb, var(--b-surface) 96%, white 4%) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--b-blue) 24%, transparent), 0 2px 6px rgba(16,40,71,.10) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today svg {
  width: 19px !important;
  height: 19px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today span:last-child {
  font-size: 9px !important;
  line-height: 1 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(58px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  left: 12px !important;
  right: 12px !important;
  min-height: 46px !important;
  padding-top: 2px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -5px !important;
  width: 68px !important;
  height: 14px !important;
  border-radius: 14px 14px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 34px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin-top: -2px !important;
  border-radius: 16px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(55px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  left: 16px !important;
  right: 16px !important;
  min-height: 51px !important;
  padding-top: 3px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -7px !important;
  width: 80px !important;
  height: 18px !important;
  border-radius: 17px 17px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 37px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin-top: -4px !important;
  border-radius: 18px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(61px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  margin-top: -5px !important;
  border-radius: 18px !important;
}
html:is([data-theme="dark"], [data-theme="amoled"])[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav,
html[data-ui-layout="boards"]:is([data-theme="dark"], [data-theme="amoled"])[data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  background: color-mix(in srgb, var(--b-surface) 92%, black 8%) !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.32), 0 1px 0 rgba(255,255,255,.02) inset !important;
}
html:is([data-theme="dark"], [data-theme="amoled"])[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before,
html[data-ui-layout="boards"]:is([data-theme="dark"], [data-theme="amoled"])[data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  background: color-mix(in srgb, var(--b-surface) 92%, black 8%) !important;
}

/* V3.40.24 — wariant Zwarty premium: odchudzenie górnej części paska nad bocznymi przyciskami. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  min-height: 44px !important;
  padding: 0 8px 5px !important;
  align-items: end !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -5px !important;
  width: 72px !important;
  height: 14px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 34px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  align-self: end !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  margin: -2px auto 2px !important;
}
html[data-ui-layout="boards"][data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add span:last-child {
  line-height: 1 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(55px + var(--b-safe-bottom)) !important;
}

html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  min-height: 42px !important;
  padding: 0 7px 5px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -4px !important;
  width: 66px !important;
  height: 12px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 32px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  margin-top: -1px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(53px + var(--b-safe-bottom)) !important;
}

html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  min-height: 47px !important;
  padding: 1px 9px 6px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -6px !important;
  width: 76px !important;
  height: 16px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 35px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  margin-top: -3px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(58px + var(--b-safe-bottom)) !important;
}

html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  margin-top: -4px !important;
}

/* V3.40.24 — Zwarty: mocne obniżenie górnej części paska nad bocznymi przyciskami. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  min-height: 40px !important;
  padding: 0 8px 4px !important;
  align-items: end !important;
  border-radius: 26px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -4px !important;
  width: 68px !important;
  height: 11px !important;
  border-radius: 13px 13px 0 0 !important;
  box-shadow: 0 -1px 2px rgba(15, 28, 44, 0.018) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 30px !important;
  padding: 0 !important;
  gap: 0 !important;
  align-self: end !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add span:last-child {
  font-size: 7.5px !important;
  line-height: 1 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav svg,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add svg {
  width: 18px !important;
  height: 18px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: -3px auto 1px !important;
  border-radius: 16px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today svg {
  width: 18px !important;
  height: 18px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today span:last-child {
  font-size: 8.5px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add),
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add.active {
  padding-inline: 2px !important;
  border-radius: 14px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(52px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  min-height: 38px !important;
  padding: 0 7px 4px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -3px !important;
  width: 64px !important;
  height: 10px !important;
  border-radius: 12px 12px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 28px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin-top: -2px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(49px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  min-height: 43px !important;
  padding: 0 9px 5px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -5px !important;
  width: 72px !important;
  height: 12px !important;
  border-radius: 14px 14px 0 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button,
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  min-height: 32px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin-top: -4px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(55px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  margin-top: -5px !important;
}

/* V3.40.24 — naprawa rzeczywistego wariantu „Zwarty”.
   Poprzednio ustawienie mogło być zapisane, ale atrybut data-boards-bottom-nav-style
   nie był obecny w każdym przebiegu renderowania, więc ładował się wygląd bazowy. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 7px 4px !important;
  box-sizing: border-box !important;
  align-items: end !important;
  border-radius: 24px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  top: -4px !important;
  width: 66px !important;
  height: 10px !important;
  border-radius: 12px 12px 0 0 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  padding: 0 !important;
  margin: 0 2px !important;
  gap: 0 !important;
  align-self: end !important;
  border-radius: 12px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today) svg,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add svg {
  width: 17px !important;
  height: 17px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today) span:last-child,
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add span:last-child {
  font-size: 7.5px !important;
  line-height: 1 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: -7px auto 0 !important;
  border-radius: 16px !important;
  align-self: end !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today svg {
  width: 18px !important;
  height: 18px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today span:last-child {
  font-size: 8.5px !important;
}
/* Checkbox „Wyróżnij Dziś” nie może ponownie rozepchnąć zwartego paska. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  margin: -9px auto 0 !important;
  border-radius: 17px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today svg {
  width: 19px !important;
  height: 19px !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(50px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  height: 39px !important;
  min-height: 39px !important;
  max-height: 39px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  width: 62px !important;
  height: 9px !important;
  top: -3px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  height: 29px !important;
  min-height: 29px !important;
  max-height: 29px !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(47px + var(--b-safe-bottom)) !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav::before {
  width: 70px !important;
  height: 11px !important;
  top: -5px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] body {
  padding-bottom: calc(53px + var(--b-safe-bottom)) !important;
}

/* V3.40.24 — Zwarty: boczne kafelki wycentrowane w pionie względem paska. */
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav {
  align-items: center !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  height: 29px !important;
  min-height: 29px !important;
  max-height: 29px !important;
  align-self: center !important;
  margin: 0 2px !important;
  transform: translateY(-1px) !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] .boards-bottom-today {
  align-self: end !important;
  margin: -7px auto 0 !important;
}
html[data-ui-layout="boards"][data-boards-bottom-nav-style="compact"] body.boards-pref-large-today .boards-bottom-nav .boards-bottom-today {
  margin: -9px auto 0 !important;
}
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"][data-interface-scale="small"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
}
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"][data-interface-scale="large"][data-boards-bottom-nav-style="compact"] .boards-bottom-add {
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
}

/* V3.40.24 — bez stałego niebieskiego podświetlenia bocznych przycisków dolnego paska. */
html[data-ui-layout="boards"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add),
html[data-ui-layout="boards"] .boards-bottom-add.active {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: var(--b-ink-soft) !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add) svg,
html[data-ui-layout="boards"] .boards-bottom-add.active svg,
html[data-ui-layout="boards"] .boards-bottom-nav button.active:not(.boards-bottom-today):not(.boards-bottom-add) span,
html[data-ui-layout="boards"] .boards-bottom-add.active span {
  color: inherit !important;
  stroke: currentColor !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button:active:not(.boards-bottom-today),
html[data-ui-layout="boards"] .boards-bottom-add:active {
  background: color-mix(in srgb, var(--b-blue) 10%, white) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--b-blue) 10%, transparent) inset !important;
  border-radius: 16px !important;
  transition: none !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button,
html[data-ui-layout="boards"] .boards-bottom-add {
  transition: background-color .12s ease, box-shadow .12s ease, color .12s ease !important;
}

/* V3.40.24 — boczne pozycje dolnego paska: zero trwałego zaznaczenia. */
html[data-ui-layout="boards"] .boards-bottom-nav button:not(.boards-bottom-today),
html[data-ui-layout="boards"] .boards-bottom-add,
html[data-ui-layout="boards"] .boards-bottom-nav button.active:not(.boards-bottom-today),
html[data-ui-layout="boards"] .boards-bottom-add.active,
html[data-ui-layout="boards"] .boards-bottom-nav button:focus:not(:active):not(.boards-bottom-today),
html[data-ui-layout="boards"] .boards-bottom-add:focus:not(:active) {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
  color: var(--b-muted) !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button:not(.boards-bottom-today) svg,
html[data-ui-layout="boards"] .boards-bottom-add svg,
html[data-ui-layout="boards"] .boards-bottom-nav button:not(.boards-bottom-today) span,
html[data-ui-layout="boards"] .boards-bottom-add span {
  color: inherit !important;
  stroke: currentColor !important;
}
/* Krótkie podświetlenie wyłącznie podczas fizycznego naciśnięcia. */
html[data-ui-layout="boards"] .boards-bottom-nav button:active:not(.boards-bottom-today),
html[data-ui-layout="boards"] .boards-bottom-add:active {
  background: color-mix(in srgb, var(--b-blue) 9%, var(--b-surface)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--b-blue) 10%, transparent) !important;
  color: var(--b-blue) !important;
}

/* V3.40.24 — krótka animacja po dotknięciu przycisku dolnego paska. */
html[data-ui-layout="boards"] .boards-bottom-nav button {
  position: relative !important;
  overflow: visible !important;
  -webkit-tap-highlight-color: transparent;
}
html[data-ui-layout="boards"] .boards-bottom-nav button.boards-nav-tap {
  animation: boards-nav-tap-pop .28s cubic-bezier(.22,.9,.32,1) both !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button.boards-nav-tap svg {
  animation: boards-nav-icon-pop .28s cubic-bezier(.22,.9,.32,1) both !important;
}
html[data-ui-layout="boards"] .boards-bottom-nav button.boards-nav-tap:not(.boards-bottom-today)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--b-blue) 14%, transparent);
  transform: translate(-50%,-50%) scale(.58);
  opacity: 0;
  pointer-events: none;
  animation: boards-nav-ripple .30s ease-out both;
}
html[data-ui-layout="boards"] .boards-bottom-nav .boards-bottom-today.boards-nav-tap {
  animation: boards-nav-today-pop .30s cubic-bezier(.22,.9,.32,1) both !important;
}
@keyframes boards-nav-tap-pop {
  0%   { transform: translateY(-1px) scale(1); }
  38%  { transform: translateY(-2px) scale(.94); }
  72%  { transform: translateY(-1px) scale(1.035); }
  100% { transform: translateY(-1px) scale(1); }
}
@keyframes boards-nav-icon-pop {
  0%   { transform: scale(1); }
  42%  { transform: scale(.84); }
  74%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}
@keyframes boards-nav-ripple {
  0%   { transform: translate(-50%,-50%) scale(.55); opacity: .55; }
  70%  { opacity: .18; }
  100% { transform: translate(-50%,-50%) scale(1.5); opacity: 0; }
}
@keyframes boards-nav-today-pop {
  0%   { transform: scale(1); }
  38%  { transform: scale(.92); }
  72%  { transform: scale(1.045); }
  100% { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui-layout="boards"] .boards-bottom-nav button.boards-nav-tap,
  html[data-ui-layout="boards"] .boards-bottom-nav button.boards-nav-tap svg,
  html[data-ui-layout="boards"] .boards-bottom-nav button.boards-nav-tap::after {
    animation: none !important;
  }
}


/* V3.40.24 — pełna zgodność Ustawień: Standard ↔ Plansze. */

/* Na podstronach Plansz kategorie Ustawień pozostają dostępne, zamiast znikać. */
html[data-ui-layout="boards"] .settings-page.settings-subpage > .settings-section-tabs.boards-settings-section-tabs,
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs {
  display:flex !important;
  align-items:stretch !important;
  grid-template-columns:none !important;
  gap:5px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:1px 0 4px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-snap-type:x proximity !important;
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs::-webkit-scrollbar {
  display:none !important;
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs .settings-section-tab {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:5px !important;
  min-width:max-content !important;
  min-height:36px !important;
  margin:0 !important;
  padding:5px 8px !important;
  border:1px solid var(--b-line) !important;
  border-radius:10px !important;
  background:var(--b-surface) !important;
  color:var(--b-muted) !important;
  text-decoration:none !important;
  box-shadow:none !important;
  scroll-snap-align:center !important;
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs .settings-section-tab > span:first-child {
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:7px !important;
  font-size:12px !important;
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs .settings-section-tab strong {
  font-size:9px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs .settings-section-tab.active {
  border-color:var(--b-accent-border) !important;
  background:var(--b-blue-soft) !important;
  color:var(--b-blue) !important;
}
html[data-ui-layout="boards"] .settings-page.settings-subpage .settings-section-tabs.boards-settings-section-tabs .settings-section-tab.active > span:first-child {
  background:var(--b-blue) !important;
  color:#fff !important;
}

/* Instalacja PWA jest widoczna od razu na głównym ekranie Ustawień. */
html[data-ui-layout="boards"] .boards-settings-install-quick {
  border-color:var(--b-accent-border) !important;
  background:linear-gradient(135deg,var(--b-blue-soft),var(--b-surface)) !important;
}
html[data-ui-layout="boards"] .boards-settings-install-quick .settings-category-copy strong {
  color:var(--b-blue) !important;
}


/* V3.40.24 — Plansze: znaczki w miesiącu nie mogą zasłaniać numeru dnia ani siebie nawzajem. */
html[data-ui-layout="boards"] .mobile-month-day-top {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:start !important;
  column-gap:2px !important;
  row-gap:2px !important;
  padding-right:0 !important;
}
html[data-ui-layout="boards"] .mobile-month-day-top strong {
  grid-column:1 !important;
  justify-self:start !important;
  min-width:0 !important;
}
html[data-ui-layout="boards"] .mobile-month-day-top .mobile-special-state-marks {
  grid-column:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-content:flex-start !important;
  gap:2px !important;
  max-width:30px !important;
  margin-left:0 !important;
}
html[data-ui-layout="boards"] .mobile-month-day-top > .mobile-duty-mark {
  grid-column:3 !important;
  justify-self:end !important;
  min-width:16px !important;
  height:13px !important;
  padding:0 2px !important;
  font-size:6px !important;
  line-height:1 !important;
}
html[data-ui-layout="boards"] .mobile-month-day-top .mobile-special-state-mark {
  width:13px !important;
  height:13px !important;
  font-size:6.5px !important;
  line-height:1 !important;
}


/* V3.40.24 — pola godzin: usunięta ikona zegara, która nachodziła na wartość. */
html[data-ui-layout="boards"] .boards-field-clock,
#day-form .v33959-time-clock-icon { display:none !important; }
html[data-ui-layout="boards"] .boards-time-control input.quick-time-input,
html[data-ui-layout="boards"] .boards-time-control input[type="time"] {
  padding-left:10px !important;
}

/* V3.40.24 — licznik Powiadomień w górnym pasku Plansz. */
html[data-ui-layout="boards"] .boards-notifications-badge {
  pointer-events: none;
}
html[data-ui-layout="boards"] body.v3424-hide-header-notifications .boards-notifications-button {
  display: none !important;
}
body.v3424-hide-header-notifications .header-notification-button {
  display: none !important;
}


/* V3.40.24 — dymki z górnego paska Plansz. */
html[data-ui-layout="boards"] .boards-quick-popover-layer { position:fixed; inset:0; z-index:1450; pointer-events:none; }
html[data-ui-layout="boards"] .boards-quick-popover { position:fixed; display:none; max-height:min(72dvh,560px); overflow:auto; box-sizing:border-box; padding:0; border:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); border-radius:20px; background:color-mix(in srgb,var(--b-surface) 99%,#fff); color:var(--b-text); box-shadow:0 22px 56px rgba(15,23,42,.24),0 6px 18px rgba(15,23,42,.14); backdrop-filter:blur(16px); pointer-events:auto; }
html[data-ui-layout="boards"] .boards-quick-popover.is-open { display:block; animation:boards-popover-in .16s ease-out; }
@keyframes boards-popover-in { from { opacity:0; transform:translateY(-5px) scale(.985); } to { opacity:1; transform:none; } }
html[data-ui-layout="boards"] .boards-quick-popover-arrow { position:absolute; top:-6px; width:12px; height:12px; transform:translateX(-50%) rotate(45deg); background:var(--b-surface); border-left:1px solid var(--b-line); border-top:1px solid var(--b-line); }
html[data-ui-layout="boards"] .boards-quick-popover-arrow.is-bottom { top:auto; bottom:-6px; transform:translateX(-50%) rotate(225deg); }
html[data-ui-layout="boards"] .boards-quick-popover-content { padding:14px 14px 12px; }
html[data-ui-layout="boards"] .boards-quick-popover-header { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 34px; gap:12px; align-items:start; margin:-14px -14px 12px; padding:14px; border-bottom:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); background:linear-gradient(180deg,#e9f4ff 0%, #f7fbff 100%); border-radius:20px 20px 0 0; color:#16324b; }
html[data-ui-layout="boards"] .boards-quick-popover-header > div { min-width:0; padding-top:1px; }
html[data-ui-layout="boards"] .boards-quick-popover-header::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:rgba(22,50,75,.06); }
html[data-ui-layout="boards"] .boards-quick-popover-header strong { display:block; font-size:17px; line-height:1.12; color:#16324b; font-weight:800; text-shadow:none; }
html[data-ui-layout="boards"] .boards-quick-popover-header small { display:block; margin-top:3px; color:#5a7086; font-size:12px; line-height:1.3; white-space:normal; overflow:visible; text-overflow:clip; }
html[data-ui-layout="boards"] .boards-quick-popover-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#fff; color:var(--b-blue); box-shadow:inset 0 0 0 1px rgba(22,50,75,.12),0 1px 2px rgba(15,23,42,.05); }
html[data-ui-layout="boards"] .boards-quick-popover-icon svg,.boards-quick-popover-close svg,.boards-popover-search-form svg,.boards-popover-result svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
html[data-ui-layout="boards"] .boards-quick-popover-close { display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:10px; background:#fff; color:#6a7d90; box-shadow:inset 0 0 0 1px rgba(22,50,75,.12); }
html[data-ui-layout="boards"] .boards-quick-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
html[data-ui-layout="boards"] .boards-quick-status-grid > div { display:grid; gap:3px; min-width:0; padding:11px 12px; border:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); border-radius:13px; background:color-mix(in srgb,var(--b-soft) 72%,#fff); }
html[data-ui-layout="boards"] .boards-quick-status-grid span { color:#6a7d90; font-size:10px; text-transform:uppercase; letter-spacing:.02em; }
html[data-ui-layout="boards"] .boards-quick-status-grid strong { font-size:14px; overflow-wrap:anywhere; color:#1a2f45; }
html[data-ui-layout="boards"] .boards-quick-popover-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
html[data-ui-layout="boards"] .boards-quick-popover-actions-single { grid-template-columns:1fr; }
html[data-ui-layout="boards"] .boards-quick-popover-actions button { min-height:42px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); border-radius:12px; background:var(--b-surface); color:var(--b-text); font-weight:800; }
html[data-ui-layout="boards"] .boards-quick-popover-actions .boards-popover-primary { border-color:var(--b-blue); background:var(--b-blue); color:#fff; }
html[data-ui-layout="boards"] .boards-quick-popover-note { margin:10px 2px 0; color:#5f7388; font-size:12px; line-height:1.4; }
html[data-ui-layout="boards"] .boards-popover-search-form { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:8px; }
html[data-ui-layout="boards"] .boards-popover-search-form input { min-width:0; height:44px; box-sizing:border-box; padding:0 13px; border:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); border-radius:12px; background:var(--b-surface); color:var(--b-text); font:inherit; outline:0; }
html[data-ui-layout="boards"] .boards-popover-search-form input:focus { border-color:var(--b-blue); box-shadow:0 0 0 2px color-mix(in srgb,var(--b-blue) 14%,transparent); }
html[data-ui-layout="boards"] .boards-popover-search-form button { display:grid; place-items:center; padding:0; border:0; border-radius:12px; background:var(--b-blue); color:#fff; }
html[data-ui-layout="boards"] .boards-popover-search-results,html[data-ui-layout="boards"] .boards-popover-notifications { display:grid; gap:7px; margin-top:11px; }
html[data-ui-layout="boards"] .boards-popover-search-results > p,html[data-ui-layout="boards"] .boards-popover-notifications > p { margin:4px 2px; color:#5f7388; font-size:12px; line-height:1.4; }
html[data-ui-layout="boards"] .boards-popover-result { display:grid; grid-template-columns:68px minmax(0,1fr) 20px; align-items:center; gap:8px; width:100%; padding:10px; border:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); border-radius:12px; background:var(--b-surface); color:var(--b-text); text-align:left; }
html[data-ui-layout="boards"] .boards-popover-result:active { background:var(--b-blue-soft); }
html[data-ui-layout="boards"] .boards-popover-result time { color:var(--b-blue); font-size:10px; font-weight:800; }
html[data-ui-layout="boards"] .boards-popover-result span { display:grid; gap:2px; min-width:0; }
html[data-ui-layout="boards"] .boards-popover-result strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-ui-layout="boards"] .boards-popover-result small { color:var(--b-muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-ui-layout="boards"] .boards-popover-notification { border:1px solid color-mix(in srgb,var(--b-line) 88%,#fff); border-radius:13px; background:var(--b-surface); overflow:hidden; }
html[data-ui-layout="boards"] .boards-popover-notification > button { display:grid; grid-template-columns:8px minmax(0,1fr); gap:9px; width:100%; padding:11px; border:0; background:transparent; color:var(--b-text); text-align:left; }
html[data-ui-layout="boards"] .boards-popover-notification-dot { width:7px; height:7px; margin-top:6px; border-radius:999px; background:var(--b-blue); }
html[data-ui-layout="boards"] .boards-popover-notification button > span:last-child { display:grid; gap:3px; min-width:0; }
html[data-ui-layout="boards"] .boards-popover-notification strong { font-size:12px; color:#18344d; }
html[data-ui-layout="boards"] .boards-popover-notification small { display:-webkit-box; color:#5f7388; font-size:10px; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html[data-ui-layout="boards"] .boards-popover-notification time { color:#6c8094; font-size:9px; }
@media (max-width:480px) { html[data-ui-layout="boards"] .boards-quick-popover { max-height:min(74dvh,560px); } html[data-ui-layout="boards"] .boards-quick-popover-content { padding:12px 12px 11px; } html[data-ui-layout="boards"] .boards-quick-popover-header { margin:-12px -12px 11px; padding:12px; border-radius:18px 18px 0 0; } }


/* V3.40.27 — formularz dnia: czytelna, przewijana lista podpowiedzi klientów. */
html[data-ui-layout="boards"] .client-autocomplete:has(.client-suggestions:not([hidden])) {
  z-index:90 !important;
}
html[data-ui-layout="boards"] .client-suggestions {
  z-index:2200 !important;
  box-sizing:border-box !important;
  padding:4px !important;
  border:1px solid color-mix(in srgb,var(--b-line) 86%,var(--b-text) 14%) !important;
  border-radius:12px !important;
  background:var(--b-surface) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.20),0 3px 10px rgba(15,23,42,.10) !important;
  overflow-y:auto !important;
  overscroll-behavior-y:contain !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  scrollbar-width:thin !important;
  scrollbar-color:color-mix(in srgb,var(--b-muted) 38%,transparent) transparent !important;
}
html[data-ui-layout="boards"] .client-suggestions.client-suggestions-dropup {
  top:auto !important;
  bottom:calc(100% + 6px) !important;
}
html[data-ui-layout="boards"] .client-suggestions button {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-height:44px !important;
  padding:9px 11px !important;
  border:0 !important;
  border-radius:9px !important;
  background:var(--b-surface) !important;
  color:var(--b-text) !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  text-align:left !important;
}
html[data-ui-layout="boards"] .client-suggestions button + button {
  margin-top:2px !important;
  border-top:1px solid color-mix(in srgb,var(--b-line) 72%,transparent) !important;
}
html[data-ui-layout="boards"] .client-suggestions button > span {
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html[data-ui-layout="boards"] .client-suggestions button small {
  opacity:1 !important;
  color:var(--b-muted) !important;
  font-size:10px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}
html[data-ui-layout="boards"] .client-suggestions button:active,
html[data-ui-layout="boards"] .client-suggestions button:focus-visible {
  background:var(--b-blue-soft) !important;
  color:var(--b-blue) !important;
}