/* Canterivo 2.0 — professional operational UI. Loaded last by design. */
:root{
  --font-family:Arial,sans-serif;
  --background:#f4f5f3;
  --surface:#fff;
  --surface-muted:#f7f8f6;
  --text-primary:#18231f;
  --text-secondary:#46554f;
  --text-muted:#64716c;
  --border:#d4dbd7;
  --border-strong:#9eada6;
  --primary:#155244;
  --primary-hover:#103f35;
  --primary-active:#0b332b;
  --success:#176044;
  --success-bg:#edf7f1;
  --warning:#865b0c;
  --warning-bg:#fff7e5;
  --danger:#a12d28;
  --danger-bg:#fff1f0;
  --info:#245b83;
  --info-bg:#eef6fc;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:8px;
  --shadow:none;
  --forest:var(--primary);
  --forest2:#0e3029;
  --forest-deep:#0e3029;
  --forest-soft:#246b59;
  --mint:var(--success-bg);
  --gold:#9a6a13;
  --gold-soft:#fff7e5;
  --cream:var(--background);
  --paper:var(--surface);
  --ink:var(--text-primary);
  --muted:var(--text-muted);
  --line:var(--border);
  --red:var(--danger);
  --shadow-soft:none;
  --shadow-deep:none;
  font-family:Arial,sans-serif!important;
}

html,body,button,input,select,textarea,option,optgroup,
h1,h2,h3,h4,h5,h6,p,a,label,small,strong,b,em,span,table,th,td,
.button,.badge,.role-badge,.toast,.dialog,.guided-tour-tooltip{
  font-family:Arial,sans-serif!important;
  text-shadow:none!important;
}

*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
body,.workspace,.sidebar,.topbar,.hero,.panel,.panel-head,.button,
.login-card,.login-story,.auth-shell,.auth-story,.subscription-card,
.theme-swatch,.guided-tour-focus,.guided-tour-progress span{background-image:none!important}

html{background:var(--background);color:var(--text-primary);scroll-behavior:auto}
body{background:var(--background)!important;color:var(--text-primary);font-size:14px;line-height:1.45}
h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700!important;letter-spacing:0!important}
a{color:var(--primary);text-underline-offset:2px}
a:hover{color:var(--primary-hover)}

/* Controls */
.button,button.button{
  min-height:42px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-md)!important;
  font-weight:600!important;line-height:1.2;transform:none!important;transition:background-color .12s ease,border-color .12s ease,color .12s ease!important
}
.button.primary{color:#fff!important;background:var(--primary)!important;border-color:var(--primary)!important}
.button.primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}
.button.primary:active{background:var(--primary-active)!important}
.button.secondary{color:var(--text-primary)!important;background:var(--surface)!important;border-color:var(--border-strong)!important}
.button.secondary:hover{background:var(--surface-muted)!important;border-color:var(--primary)!important}
.button.danger{color:var(--danger)!important;background:var(--surface)!important;border-color:#d99490!important}
.button.danger:hover{background:var(--danger-bg)!important;border-color:var(--danger)!important}
.button.compact{min-height:34px;padding:6px 10px}
.text-button{color:var(--primary);font-weight:600}
.button:disabled,button:disabled{opacity:.58;cursor:not-allowed}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #b47a12!important;outline-offset:2px!important;box-shadow:none!important
}

:where(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){
  min-height:42px;padding:9px 11px;color:var(--text-primary)!important;background:var(--surface)!important;
  border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;box-shadow:none!important
}
textarea{line-height:1.5;resize:vertical}
label{color:var(--text-secondary)!important;font-weight:600!important}
::placeholder{color:var(--text-muted)!important;opacity:1}
input:disabled,select:disabled,textarea:disabled{color:var(--text-muted)!important;background:#ecefeb!important;opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}

/* Status and messaging */
.eyebrow{margin-bottom:4px;color:var(--text-muted)!important;font-size:11px;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase}
:where(.role-badge,.account-status,.invite-pending,.feedback-status,.horse-state,.planner-status,.subscription-list em,.badge,.pill){
  padding:3px 7px!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;font-size:11px!important;font-weight:600!important
}
:where(.notice,.alert,.banner,.subscription-notice,.billing-note,.mail-status-card){
  border:1px solid var(--border)!important;border-radius:var(--radius-md)!important
}
.notice.success,.subscription-notice.ok{color:var(--success)!important;background:var(--success-bg)!important;border-color:#add2be!important}
.notice.warning,.subscription-notice.warning{color:var(--warning)!important;background:var(--warning-bg)!important;border-color:#dec58d!important}
.notice.error,.subscription-notice.danger{color:var(--danger)!important;background:var(--danger-bg)!important;border-color:#dfaaa6!important}
.notice.info{color:var(--info)!important;background:var(--info-bg)!important;border-color:#aecae0!important}
.toast{max-width:min(520px,calc(100vw - 24px));padding:10px 14px;color:#fff;background:var(--primary)!important;border:1px solid #0c3b31;border-radius:var(--radius-md)!important}

/* Authentication: a task-focused single column, no marketing panel. */
.login-shell,.auth-page{min-height:100vh;padding:24px!important;background:var(--background)!important}
.login-shell{width:100%;display:grid!important;grid-template-columns:minmax(0,480px)!important;place-content:center!important}
.login-story,.auth-story{display:none!important}
.login-card,.auth-shell{
  width:100%!important;max-width:480px!important;min-height:0!important;margin:auto;background:var(--surface)!important;
  border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;overflow:visible!important
}
.login-card,.auth-card{padding:32px!important}
.auth-shell{display:block!important}
.login-heading{margin-top:28px!important;text-align:left!important}
.login-card h1,.auth-card h1,.install-card h1{margin:8px 0!important;font-size:28px!important;line-height:1.2!important}
.login-card form,.auth-card form{margin-top:24px!important;gap:16px!important}
.equipilot-auth-logo img{max-width:210px;height:auto;filter:none!important}
.register-callout{margin-top:24px!important;padding:20px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important}
.register-callout .trial-pill{position:static!important;width:max-content;margin-bottom:4px;padding:0!important;color:var(--text-secondary)!important;background:transparent!important;border:0!important;border-radius:0!important}
.auth-price-note{padding:12px 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important}
.auth-card .check-label{padding:8px 0!important;background:transparent!important;border:0!important;border-radius:0!important}
.auth-legal-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}
.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.password-field input{border-start-end-radius:0!important;border-end-end-radius:0!important}
.password-toggle{min-height:42px;padding:7px 11px;color:var(--primary);background:var(--surface);border:1px solid var(--border-strong);border-inline-start:0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-weight:600;cursor:pointer}
.password-toggle:hover{background:var(--surface-muted)}

/* Application frame and navigation */
.app-shell{grid-template-columns:248px minmax(0,1fr)!important}
.sidebar{padding:20px 12px!important;background:var(--forest2)!important;border-inline-end:1px solid #315249!important}
.sidebar .brand{padding:0 8px 18px!important;border-bottom:1px solid #315249!important}
.brand-mark,.brand .brand-mark,.topbar-mobile-brand>.brand-mark{border-radius:var(--radius-md)!important}
.brand strong{font-size:15px!important;font-weight:700!important}
.sidebar-label{margin:22px 12px 6px!important;color:#9db2aa!important;font-size:10px!important;letter-spacing:.08em!important}
.nav{gap:1px!important}
.nav button{min-height:42px!important;padding:7px 10px!important;color:#cfdbd6!important;border:0!important;border-radius:var(--radius-sm)!important;font-size:13px!important;font-weight:400!important}
.nav button>b{width:22px!important;height:22px!important;min-width:22px!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:15px!important}
.nav button:hover{color:#fff!important;background:#183f35!important}
.nav button.active{color:#fff!important;background:#245548!important;border-inline-start:3px solid #d0a448!important}
.nav button.active::after{display:none!important}
.nav-group-toggle{border-radius:var(--radius-sm)!important}
.sidebar-profile{padding:16px 8px 0!important;border-top:1px solid #315249!important}
.sidebar-profile .sidebar-logout{display:flex!important;color:#fff!important;background:transparent!important;border-color:#668078!important;border-radius:var(--radius-md)!important}
.sidebar-profile .sidebar-logout:hover{background:#183f35!important}
.profile-avatar,.topbar-avatar,.mini-avatar,.student-avatar{border-radius:50%!important}
.workspace{background:var(--background)!important}
.topbar{min-height:68px!important;padding:10px 24px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:none!important}
.topbar h1{font-size:20px!important}
.topbar-place{font-size:10px!important}
.topbar-logout{display:inline-flex!important;color:var(--text-primary)!important;background:var(--surface)!important;border-color:var(--border-strong)!important;border-radius:var(--radius-md)!important}
.content{max-width:1240px!important;padding:24px!important}

/* Operational dashboard */
.hero,.dashboard-hero,.demo-dashboard-hero{
  min-height:0!important;padding:20px 0!important;color:var(--text-primary)!important;background:transparent!important;
  border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;overflow:visible!important
}
.hero::before,.hero::after,.dashboard-hero-seal,.hero-seal{display:none!important}
.hero h2,.dashboard-hero h2,.demo-dashboard-hero h2{margin:2px 0 4px!important;color:var(--text-primary)!important;font-size:27px!important;line-height:1.2!important}
.hero p,.dashboard-hero p,.demo-dashboard-hero p{color:var(--text-secondary)!important}
.hero .button.secondary{align-self:center}
/* A single descriptive heading is enough; decorative uppercase kickers made
   operational screens resemble a presentation template. */
#view .eyebrow,.demo-shell .eyebrow,.guide-hero .eyebrow{display:none!important}
.dashboard-metrics,.demo-metrics,.stats{margin:16px 0 0!important;display:flex!important;gap:0!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;overflow:hidden}
.dashboard-metrics>*,.demo-metrics>*,.stats>*{min-height:72px!important;flex:1 1 0!important;padding:12px 16px!important;background:transparent!important;border:0!important;border-inline-end:1px solid var(--border)!important;border-radius:0!important;text-align:left!important;transform:none!important}
.dashboard-metrics>*:last-child,.demo-metrics>*:last-child,.stats>*:last-child{border-inline-end:0!important}
.dashboard-metrics strong,.demo-metrics strong,.stat strong{font-size:22px!important;font-weight:700!important;color:var(--text-primary)!important}
.dashboard-metrics span,.demo-metrics span,.stat span{font-size:12px!important;font-weight:600!important}
.dashboard-metrics small,.demo-metrics small,.stat small{font-size:11px!important}
/* Decorative dashboard counters are intentionally removed. Their source data
   remains available in the corresponding operational modules. */
.dashboard-metrics,.demo-metrics{display:none!important}
.dashboard-grid,.demo-dashboard-grid{margin-top:16px!important;gap:16px!important}
.dashboard-panel{margin-top:0!important}
.dashboard-event-list article,.demo-event-list article{padding:11px 0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important}
.dashboard-event-list article:last-child,.demo-event-list article:last-child{border-bottom:0!important}
.dashboard-event-list time,.demo-event-list time,.planner-row time,.schedule-card time{
  color:var(--text-primary)!important;font-size:14px!important;font-weight:700!important;font-variant-numeric:tabular-nums
}
.training-card>header span,.task-card>div>span,.record-list article>span{
  display:block!important;margin:0 0 4px!important;color:var(--text-primary)!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;font-variant-numeric:tabular-nums
}
.dashboard-attention-list button,.demo-attention-list button{min-height:52px!important;padding:10px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important}
.dashboard-attention-list button>span:first-child,.demo-attention-list button>b{width:24px!important;height:24px!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--text-muted)!important}
.dashboard-attention-list button.urgent>span:first-child,.demo-attention-list button>b{color:var(--danger)!important}
.dashboard-quick-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.dashboard-quick-grid>*{flex:0 1 auto!important;min-height:40px!important;padding:8px 12px!important;border-radius:var(--radius-md)!important}

/* Sections, lists and tables */
.panel{margin-top:16px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important}
.panel-head{padding:16px 18px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important}
.panel-head h2{font-size:18px!important;line-height:1.25!important}
.panel-head .panel-lead{margin-top:4px!important;color:var(--text-secondary)!important}
.panel-body{padding:16px 18px!important}
.horse-grid,.facility-grid,.student-grid,.horse-list-grid{gap:0!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important}
:where(.horse-card,.facility-card,.student-grid article,.horse-list-card,.feedback-card,.subscription-list article,.demo-horse-card,.demo-training-card,.demo-task-list>article){
  margin:0!important;padding:14px 16px!important;background:var(--surface)!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;transform:none!important
}
:where(.horse-card,.facility-card,.student-grid article,.horse-list-card,.feedback-card,.subscription-list article):last-child{border-bottom:0!important}
.horse-list-grid{grid-template-columns:1fr!important}
.horse-list-photo{width:46px!important;height:46px!important;background:var(--surface-muted)!important;border:1px solid var(--border)!important;border-radius:50%!important;color:var(--primary)!important;font-size:16px!important}
.horse-list-title h3{font-size:17px!important}
.horse-list-detail{min-height:0!important;margin-top:10px!important;padding-top:10px!important}
.horse-state{align-self:center!important}
.user-table,.guide-role-table{width:100%;border-collapse:collapse;background:var(--surface)}
.user-table th,.user-table td,.guide-role-table th,.guide-role-table td{padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--border)!important;text-align:left;vertical-align:top}
.user-table th,.guide-role-table th{color:var(--text-secondary)!important;background:var(--surface-muted)!important;font-size:11px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.02em!important}
tbody tr:hover{background:var(--surface-muted)!important}
.table-scroll{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md)}

/* Planner, bookings and work records */
.planner-tools,.demo-planner-tools,.schedule-filters,.horse-search{
  padding:12px!important;background:var(--surface-muted)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important
}
.planner-facility-grid{gap:0!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;overflow:hidden}
.planner-facility-card{min-height:58px!important;padding:9px 12px!important;background:var(--surface)!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important}
.planner-facility-card.active{background:var(--success-bg)!important;border-inline-start:3px solid var(--primary)!important}
.facility-symbol,.planner-facility-card em{background:transparent!important;border-radius:0!important;color:var(--text-muted)!important}
.planner-week{padding:4px!important;background:var(--surface-muted)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}
.planner-week button{border-radius:var(--radius-sm)!important}
.planner-week button.active{background:var(--primary)!important;color:#fff!important}
.planner-week button.active strong::after{display:none!important}
.planner-agenda{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}
.planner-row,.demo-planner-row,.schedule-card{border-radius:0!important;border:0!important;border-bottom:1px solid var(--border)!important;background:var(--surface)!important}
.planner-row:last-child,.demo-planner-row:last-child,.schedule-card:last-child{border-bottom:0!important}
.slot{min-height:72px!important;padding:10px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important}
.slot.booked{background:var(--warning-bg)!important;border-color:#d9bd7c!important}
.slot.mine{background:var(--success-bg)!important;border-color:#9fc9b2!important}

/* Modals, tutorial, help and floating actions */
.dialog-backdrop{background:rgba(8,24,19,.72)!important}
.dialog{width:min(560px,100%);max-height:calc(100dvh - 32px)!important;padding:22px!important;background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-lg)!important}
.dialog h2{font-size:21px!important}
.dialog-actions{padding-top:12px;border-top:1px solid var(--border)}
.guided-tour-shade{background:rgba(8,24,19,.76)!important}
.guided-tour-focus{border:3px solid #d29a2e!important;border-radius:var(--radius-md)!important;background:transparent!important}
.guided-tour-tooltip{background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-lg)!important}
.guided-tour-tooltip h2{font-size:21px!important}
.guided-tour-capabilities{background:var(--surface-muted)!important;border-radius:var(--radius-md)!important}
.guided-tour-actions{background:var(--surface)!important}
.assistant-launcher,.quick-action-fab,.fab,[class*="quick-action"]{box-shadow:none!important}
.assistant-launcher{border:1px solid var(--border-strong)!important}
/* Release information remains available in help/changelog without occupying
   the daily workspace. */
.release-notice{display:none!important}
body:has(.release-notice) .content{padding-bottom:24px!important}
.story-version,.version-badge,.module-version,[class*="stage-badge"]{display:none!important}
.update-box>p{display:none!important}

/* Subscription and platform administration */
.subscription-card{padding:20px!important;color:var(--text-primary)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}
.subscription-card h2,.subscription-card p,.subscription-card span{color:var(--text-primary)!important}
.subscription-card.due{border-inline-start:4px solid var(--warning)!important}
.subscription-card.expired{border-inline-start:4px solid var(--danger)!important}
.subscription-card dl>div,.payment-box dl>div{background:var(--surface-muted)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}
.platform-stable-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}
.activity-details{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}

/* Demo uses exactly the same operational component language. */
.demo-preview-card{background:transparent!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;backdrop-filter:none!important}
.demo-preview-card>b,.demo-preview-card>i{background:transparent!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}
.demo-announcements article{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}
.demo-safe-pill{border-radius:var(--radius-sm)!important}

/* Theme tokens: one ergonomic system, controlled palette changes only. */
:root[data-theme="noir"]{
  --background:#121715;--surface:#1b211f;--surface-muted:#232b27;
  --text-primary:#f4f5f2;--text-secondary:#d2d9d5;--text-muted:#b1bdb7;
  --border:#56675f;--border-strong:#81938a;--primary:#397662;--primary-hover:#468a74;--primary-active:#2d6654;
  --success:#a8dfbd;--success-bg:#1c3527;--warning:#f0ca7d;--warning-bg:#382c19;
  --danger:#ffb4ae;--danger-bg:#3a2220;--info:#b9d9f5;--info-bg:#1c3040;
  --forest2:#0d1512;--paper:var(--surface);--cream:var(--background);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border)
}
:root[data-theme="platinum"]{
  --background:#f1f3f4;--surface:#fff;--surface-muted:#edf1f2;
  --text-primary:#223138;--text-secondary:#40545d;--text-muted:#586b73;
  --border:#c3cfd4;--border-strong:#738992;--primary:#24575d;--primary-hover:#1c484e;--primary-active:#153a3f;
  --forest2:#202d35;--paper:var(--surface);--cream:var(--background);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border)
}
:root[data-theme="premium"]{
  --background:#f5f4f0;--surface:#fff;--surface-muted:#f1efe8;
  --text-primary:#242620;--text-secondary:#4f5349;--text-muted:#686e62;
  --border:#d7d5cc;--border-strong:#918d7e;--primary:#234f43;--primary-hover:#193e34;--primary-active:#113229;
  --forest2:#152d27;--paper:var(--surface);--cream:var(--background);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border)
}
:root:is([data-theme="noir"],[data-theme="platinum"],[data-theme="premium"]) body,
:root:is([data-theme="noir"],[data-theme="platinum"],[data-theme="premium"]) .workspace{background:var(--background)!important;color:var(--text-primary)!important}
:root:is([data-theme="noir"],[data-theme="platinum"],[data-theme="premium"]) :where(.panel,.panel-head,.panel-body,.dialog,.guided-tour-tooltip,.topbar,.theme-choice,.horse-list-card,.planner-agenda,.planner-row,.platform-stable-card){background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
:root[data-theme="noir"] .product-lockup{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)!important}

@media(max-width:900px){
  .app-shell{grid-template-columns:1fr!important}
  .sidebar{height:70px!important;padding:6px!important;background:var(--forest2)!important;border:0!important;border-top:1px solid #315249!important}
  .workspace{padding-bottom:70px!important}
  .nav{gap:0!important}
  .nav button{min-width:72px!important;min-height:56px!important;padding:4px 6px!important;font-size:10px!important}
  .nav button.active{border-inline-start:0!important;border-top:3px solid #d0a448!important}
  .content{padding:18px 14px!important}
  .topbar{padding:8px 14px!important}
  .dashboard-grid,.demo-dashboard-grid{grid-template-columns:1fr!important}
  .horse-grid,.facility-grid,.student-grid{grid-template-columns:1fr!important}
}

@media(max-width:600px){
  .login-shell,.auth-page{padding:0!important}
  .login-card,.auth-shell{min-height:100vh!important;max-width:none!important;border:0!important;border-radius:0!important}
  .login-card,.auth-card{padding:24px 18px!important}
  .password-field{grid-template-columns:1fr}
  .password-field input{border-radius:var(--radius-md) var(--radius-md) 0 0!important}
  .password-toggle{border-inline-start:1px solid var(--border-strong);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md)}
  .content{padding:14px 10px!important}
  .topbar h1{font-size:18px!important}
  .hero,.dashboard-hero,.demo-dashboard-hero{padding:14px 2px!important;align-items:flex-start!important}
  .hero h2,.dashboard-hero h2,.demo-dashboard-hero h2{font-size:23px!important}
  .stats{display:grid!important;grid-template-columns:1fr 1fr!important}
  .stats>*{border-inline-end:0!important;border-bottom:1px solid var(--border)!important}
  .stats>*:nth-child(odd){border-inline-end:1px solid var(--border)!important}
  .stats>*:nth-last-child(-n+2){border-bottom:0!important}
  .panel{border-radius:var(--radius-md)!important}
  .panel-head,.panel-body{padding:14px!important}
  .dialog-backdrop{padding:8px!important;align-items:center!important}
  .dialog{max-height:calc(100dvh - 16px)!important;padding:18px 14px!important;border-radius:var(--radius-lg)!important}
  .dialog-actions{display:flex!important;flex-direction:column-reverse!important;align-items:stretch!important}
  .dialog-actions .button{width:100%!important;min-height:44px!important}
  .guided-tour-tooltip{max-height:calc(100dvh - 24px)!important}
  .table-scroll{border:0;border-radius:0}
  .user-table,.guide-role-table{min-width:0!important}
  .user-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .user-table tbody,.user-table tr,.user-table td{display:block;width:100%}
  .user-table tr{padding:10px 0;border-bottom:1px solid var(--border)}
  .user-table td{padding:4px 8px!important;border:0!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.button,.panel,.dialog,input,select,textarea{border:1px solid CanvasText!important}}
/* Demo ma osobną domenę; w aplikacji produkcyjnej Pomoc zawiera instrukcję i tutorial. */
.guide-hero [data-start-demo],.guide-demo-callout{display:none!important}