/* Riwaq identity. All visual values resolve through tokens/municipal.json. */
html[data-ui="enhanced"] { font-synthesis: none; }
html[data-ui="enhanced"] body { margin: 0; }
html[data-ui="enhanced"] .brand-symbol { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--space-12); block-size: var(--space-12); flex: none; color: var(--semantic-brand-accent-ink); }
html[data-ui="enhanced"] .brand-symbol svg { inline-size: 100%; block-size: 100%; }
html[data-ui="enhanced"] .brand-word { display: flex; flex-direction: column; align-items: center; line-height: 1; gap: var(--space-2); }
html[data-ui="enhanced"] .brand-word strong { font-size: var(--font-size-metric); font-weight: var(--font-weight-bold); color: inherit; }
html[data-ui="enhanced"] .brand-word small { font-size: var(--font-size-caption); letter-spacing: var(--space-1); padding-inline-start: var(--space-1); font-weight: var(--font-weight-medium); }
html[data-ui="enhanced"] :is(.brand,.login-brand,.rail-brand,.identity-mark) { display: flex; align-items: center; gap: var(--space-3); color: var(--semantic-brand-ink); }
html[data-ui="enhanced"] .brand { inline-size: auto; }
html[data-ui="enhanced"] .brand .brand-symbol { inline-size: var(--space-10); block-size: var(--space-10); }
html[data-ui="enhanced"] .brand .brand-word strong { font-size: var(--font-size-title); }
html[data-ui="enhanced"] .brand .brand-word small { font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .tenant-heading { display: none; }
html[data-ui="enhanced"] .site-header { gap: var(--space-4); padding: var(--space-4) var(--space-5); }
html[data-ui="enhanced"] .profile-avatar { display: inline-grid !important; place-items: center; inline-size: var(--size-avatar); block-size: var(--size-avatar); border-radius: var(--radius-pill); background: var(--semantic-surface-copper); color: var(--semantic-brand-accent-ink); font-size: var(--font-size-lead); font-weight: var(--font-weight-bold); }
html[data-ui="enhanced"] .profile-button { gap: var(--space-3); }
html[data-ui="enhanced"] .profile-button>span:not(.profile-avatar) { max-inline-size: var(--size-rail); }
html[data-ui="enhanced"] .header-notification>.icon { fill: none; stroke: currentColor; inline-size: var(--size-icon); block-size: var(--size-icon); }
html[data-ui="enhanced"] .counter { inset-block-start: 0; inset-inline-end: 0; inset-inline-start: auto; min-inline-size: var(--space-4); block-size: var(--space-4); font-size: var(--font-size-caption); box-shadow: none; padding-inline: var(--space-1); }
html[data-ui="enhanced"] .mobile-menu { display: inline-flex !important; border: var(--border-width) solid var(--semantic-border-default); }
html[data-ui="enhanced"] .global-search { display: none; }
html[data-ui="enhanced"] .global-search input::placeholder { text-align: start; }
html[data-ui="enhanced"] .screen-finder { grid-row: 2; grid-column: 1; border-color: var(--semantic-border-default); border-radius: var(--radius-control); background: var(--semantic-surface-page); gap: var(--space-2); font-size: var(--font-size-small); }
html[data-ui="enhanced"] .screen-finder kbd { display: none; }
html[data-ui="enhanced"] .main-nav { background: var(--semantic-brand-ink); color: var(--semantic-brand-on-dark); padding: var(--space-4); border: 0; gap: var(--space-2); }
html[data-ui="enhanced"] .rail-brand { display: none; color: var(--semantic-brand-on-dark); }
html[data-ui="enhanced"] :is(.main-nav a,.main-nav button,.overview-main button):focus-visible { outline-color: var(--semantic-brand-accent); }
html[data-ui="enhanced"] .rail-caption { color: var(--semantic-brand-muted); font-size: var(--font-size-caption); margin: var(--space-3) var(--space-3) var(--space-2); }
html[data-ui="enhanced"] .rail-shortcuts-title { margin-block-start: var(--space-6); }
html[data-ui="enhanced"] :is(.home-link,.nav-toggle,.rail-shortcuts a) { min-block-size: var(--size-target); border-radius: var(--radius-control); color: var(--semantic-brand-muted); background: transparent; padding: var(--space-3); font-size: var(--font-size-small); border: 0; }
html[data-ui="enhanced"] .home-link { inline-size: 100%; gap: var(--space-3); justify-content: start; margin: 0; }
html[data-ui="enhanced"] .nav-toggle { inline-size: 100%; justify-content: start; gap: var(--space-3); }
html[data-ui="enhanced"] .nav-toggle>.icon:last-child { margin-inline-start: auto; inline-size: var(--space-4); }
html[data-ui="enhanced"] :is(.home-link:hover,.nav-toggle:hover,.rail-shortcuts a:hover,.nav-group.open>.nav-toggle) { background: var(--semantic-brand-line); color: var(--semantic-brand-on-dark); }
html[data-ui="enhanced"] :is(.home-link.active,.nav-group.active>.nav-toggle,.rail-shortcuts a[aria-current="page"]) { background: var(--semantic-brand-deep); color: var(--semantic-brand-accent); }
html[data-ui="enhanced"] .nav-dropdown { position: static; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; margin: var(--space-2) 0; padding: var(--space-2); border: var(--border-width) solid var(--semantic-brand-line); border-radius: var(--radius-control); background: var(--semantic-brand-deep); box-shadow: none; }
html[data-ui="enhanced"] .nav-dropdown a { color: var(--semantic-brand-muted); font-size: var(--font-size-small); padding: var(--space-3); border: 0; }
html[data-ui="enhanced"] .nav-dropdown a:is(:hover,.selected) { background: var(--semantic-brand-line); color: var(--semantic-brand-on-dark); }
html[data-ui="enhanced"] .rail-shortcuts { display: grid; gap: var(--space-1); }
html[data-ui="enhanced"] .rail-shortcuts a { display: flex; align-items: center; gap: var(--space-3); }
html[data-ui="enhanced"] .rail-tenant { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-3); margin-block-start: var(--space-6); border: var(--border-width) solid var(--semantic-brand-line); border-radius: var(--radius-control); }
html[data-ui="enhanced"] .rail-tenant>div { display: grid; gap: var(--space-1); }
html[data-ui="enhanced"] .rail-tenant strong { font-size: var(--font-size-small); color: var(--semantic-brand-on-dark); font-weight: var(--font-weight-medium); }
html[data-ui="enhanced"] .rail-tenant small { font-size: var(--font-size-caption); color: var(--semantic-brand-muted); }
html[data-ui="enhanced"] .connection-dot { inline-size: var(--space-2); block-size: var(--space-2); border-radius: var(--radius-pill); background: var(--semantic-brand-accent); margin-inline-start: auto; }
html[data-ui="enhanced"] .workspace { padding: var(--space-6) var(--space-5) var(--space-10); }
html[data-ui="enhanced"] .workspace-heading { gap: var(--space-5); margin-block-end: var(--space-6); }
html[data-ui="enhanced"] .workspace-heading nav { font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .workspace-heading nav a { min-block-size: var(--space-8); }
html[data-ui="enhanced"] .workspace-heading h1 { letter-spacing: normal; font-weight: var(--font-weight-bold); }
html[data-ui="enhanced"] .workspace-heading p { margin-block-start: var(--space-2); font-size: var(--font-size-small); }
html[data-ui="enhanced"] .workspace-heading-meta { gap: var(--space-4); }
html[data-ui="enhanced"] .workspace-heading-meta time { font-size: var(--font-size-small); display: flex; align-items: center; gap: var(--space-2); }
html[data-ui="enhanced"] .workspace-heading-meta .btn { background: var(--semantic-surface-card); border-color: var(--semantic-border-default); }
html[data-ui="enhanced"] .overview-layout { border: 0; padding: 0; background: transparent; gap: var(--space-5); margin-block-end: var(--space-6); align-items: stretch; }
html[data-ui="enhanced"] .overview-main { position: relative; isolation: isolate; overflow: hidden; padding: var(--space-6); background: var(--semantic-brand-ink); border-radius: var(--radius-card); color: var(--semantic-brand-on-dark); }
html[data-ui="enhanced"] .overview-main>span { color: var(--semantic-brand-accent); margin-block-end: var(--space-4); font-size: var(--font-size-small); }
html[data-ui="enhanced"] .overview-main h2 { color: var(--semantic-brand-on-dark); font-size: var(--font-size-display); line-height: var(--font-line-heading); max-inline-size: 20ch; }
html[data-ui="enhanced"] .overview-main p { color: var(--semantic-brand-muted); font-size: var(--font-size-small); max-inline-size: 42ch; }
html[data-ui="enhanced"] .overview-actions { gap: var(--space-2); margin-block-start: var(--space-6); }
html[data-ui="enhanced"] .overview-actions .btn { font-size: var(--font-size-small); }
html[data-ui="enhanced"] .overview-actions .btn.primary { background: var(--semantic-brand-accent); color: var(--semantic-brand-deep); border-color: var(--semantic-brand-accent); }
html[data-ui="enhanced"] .overview-actions .btn.primary:hover { background: var(--semantic-surface-copper); }
html[data-ui="enhanced"] .overview-actions .btn.outline { border-color: var(--semantic-brand-line); color: var(--semantic-brand-on-dark); background: var(--semantic-brand-deep); }
html[data-ui="enhanced"] .overview-actions .btn.outline:hover { background: var(--semantic-brand-line); }
html[data-ui="enhanced"] .overview-emblem { position: absolute; inset-inline-end: calc(-1 * var(--space-6)); inset-block-start: var(--space-6); opacity: .12; z-index: -1; transform: rotate(-12deg); }
html[data-ui="enhanced"] .overview-emblem .brand-symbol { inline-size: calc(var(--space-16) * 4); block-size: calc(var(--space-16) * 4); color: var(--semantic-brand-accent); }
html[data-ui="enhanced"] .overview-emblem .brand-word { display: none; }
html[data-ui="enhanced"] .overview-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); background: var(--semantic-surface-card); border: var(--border-width) solid var(--semantic-border-default); border-radius: var(--radius-card); padding: var(--space-4); }
html[data-ui="enhanced"] .overview-metrics>div { display: flex; flex-direction: column-reverse; gap: var(--space-1); border: 0; padding-block: var(--space-2); text-align: center; }
html[data-ui="enhanced"] .overview-metrics dt { font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .overview-metrics .metrics-heading { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); padding-block-end: var(--space-3); }
html[data-ui="enhanced"] .metrics-heading>dt { color: var(--semantic-text-primary); font-weight: var(--font-weight-bold); }
html[data-ui="enhanced"] .metrics-heading small { color: var(--semantic-text-secondary); font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .overview-metrics dd a { font-size: var(--font-size-metric); font-weight: var(--font-weight-medium); font-variant-numeric: tabular-nums; }
html[data-ui="enhanced"] .dashboard-layout { gap: var(--space-5); background: var(--semantic-surface-card); border: var(--border-width) solid var(--semantic-border-default); border-radius: var(--radius-card); padding: var(--space-5); }
html[data-ui="enhanced"] .task-sidebar { border: 0; background: var(--semantic-surface-page); padding: var(--space-2); border-radius: var(--radius-control); }
html[data-ui="enhanced"] .task-tab { font-size: var(--font-size-small); border: 0; }
html[data-ui="enhanced"] .task-tab.active { background: var(--semantic-surface-card); border: 0; color: var(--semantic-brand-ink); }
html[data-ui="enhanced"] .task-tab b { font-weight: var(--font-weight-regular); }
html[data-ui="enhanced"] .new-task { background: var(--semantic-brand-ink); }
html[data-ui="enhanced"] .dashboard-content { padding: var(--space-2); }
html[data-ui="enhanced"] .dashboard-filter-panel { margin-block-end: var(--space-3); }
html[data-ui="enhanced"] .dashboard-filter-panel:not([open])>#dashboard-filters { display: none; }
html[data-ui="enhanced"] .dashboard-filter-panel>summary { cursor: pointer; min-block-size: var(--size-target); padding: var(--space-3); color: var(--semantic-text-secondary); border: var(--border-width) solid var(--semantic-border-default); border-radius: var(--radius-control); font-size: var(--font-size-small); }
html[data-ui="enhanced"] .dashboard-filter-panel>summary:hover { background: var(--semantic-surface-hover); }
html[data-ui="enhanced"] .dashboard-filter-panel>summary:focus-visible { outline: var(--border-focus) solid var(--semantic-border-focus); outline-offset: var(--space-1); }
html[data-ui="enhanced"] .dashboard-filter-panel[open]>summary { color: var(--semantic-text-primary); background: var(--semantic-surface-page); }
html[data-ui="enhanced"] .dashboard-filter-panel #dashboard-filters { border: 0; margin: 0; padding: var(--space-5) 0; }
html[data-ui="enhanced"] .task-list-heading { padding-block-end: var(--space-3); }
html[data-ui="enhanced"] .task-list-heading h2 { font-size: var(--font-size-title); }
html[data-ui="enhanced"] .dashboard-task-list { gap: 0; }
html[data-ui="enhanced"] .dashboard-task { border: 0; border-radius: var(--radius-control); padding: var(--space-4) var(--space-3); }
html[data-ui="enhanced"] .dashboard-task+.dashboard-task { border-block-start: var(--border-width) solid var(--semantic-border-default); }
html[data-ui="enhanced"] .dashboard-task small { margin-block-start: var(--space-1); font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .task-dot { background: var(--semantic-brand-accent-ink); box-shadow: none; }
html[data-ui="enhanced"] .task-dot.urgent { background: var(--semantic-status-error); }
html[data-ui="enhanced"] .dashboard-empty { border: 0; padding: var(--space-8) var(--space-4); }
html[data-ui="enhanced"] .dashboard-empty>.icon { inline-size: var(--space-10); block-size: var(--space-10); padding: var(--space-2); border-radius: var(--radius-pill); background: var(--semantic-surface-copper); color: var(--semantic-brand-accent-ink); }
html[data-ui="enhanced"] :is(.section-card,.records-card,.repeatable-card,.mailbox) { border-color: var(--semantic-border-default); border-radius: var(--radius-card); box-shadow: none; }
html[data-ui="enhanced"] .section-heading { padding-block-end: var(--space-5); }
html[data-ui="enhanced"] :is(.field input,.field textarea,.picker-trigger,.table-search input) { background: var(--semantic-surface-card); }
html[data-ui="enhanced"] .btn { font-weight: var(--font-weight-medium); box-shadow: none; }
html[data-ui="enhanced"] .btn.outline { background: var(--semantic-surface-card); }
html[data-ui="enhanced"] .status-badge { border-radius: var(--radius-pill); background: var(--semantic-surface-copper); color: var(--semantic-brand-accent-ink); font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .footer { background: transparent; border: 0; padding: var(--space-5); font-size: var(--font-size-caption); }
html[data-ui="enhanced"] .footer small { font: inherit; }
html[data-ui="enhanced"] .footer-separator { color: var(--semantic-border-strong); margin-inline: var(--space-2); }

/* The sign-in composition uses the architectural arch as its visual anchor. */
html[data-ui="enhanced"] .login-page { direction: rtl; background: var(--semantic-surface-page); }
html[data-ui="enhanced"] .login-side { justify-content: center; align-items: stretch; padding: var(--space-8) var(--space-6); max-inline-size: calc(var(--size-login-form) + var(--space-16)); inline-size: 100%; margin-inline: auto; }
html[data-ui="enhanced"] .login-brand { align-self: flex-start; margin-block-end: var(--space-8); }
html[data-ui="enhanced"] .login-side h1 { font-size: var(--font-size-display); max-inline-size: 100%; margin: 0 0 var(--space-2); }
html[data-ui="enhanced"] .login-intro { font-size: var(--font-size-small); color: var(--semantic-text-secondary); margin: 0 0 var(--space-6); line-height: var(--font-line-body); }
html[data-ui="enhanced"] .login-form { max-inline-size: none; }
html[data-ui="enhanced"] .login-form>input { background: var(--semantic-surface-card); margin-block-end: var(--space-4); padding: var(--space-3) var(--space-4); block-size: calc(var(--size-target) + var(--space-2)); }
html[data-ui="enhanced"] .login-form>input::placeholder { font-size: var(--font-size-small); }
html[data-ui="enhanced"] .login-options { gap: var(--space-2); margin-block: 0 var(--space-4); }
html[data-ui="enhanced"] .login-submit { display: flex; justify-content: center; align-items: center; gap: var(--space-3); min-block-size: calc(var(--size-target) + var(--space-2)); border-radius: var(--radius-control); background: var(--semantic-action-primary); color: var(--semantic-text-on-action); border: 0; box-shadow: none; font-size: var(--font-size-body); padding: var(--space-3); }
html[data-ui="enhanced"] .login-submit:hover { background: var(--semantic-action-primary-hover); }
html[data-ui="enhanced"] .login-submit:active { background: var(--semantic-action-primary-active); }
html[data-ui="enhanced"] .login-submit:disabled { opacity: var(--state-disabled-opacity); }
html[data-ui="enhanced"] .demo-credentials { background: transparent; border-style: dashed; margin-block-start: var(--space-5); text-align: start; padding: var(--space-3) var(--space-4); }
html[data-ui="enhanced"] .login-trust { display: flex; justify-content: center; align-items: center; gap: var(--space-2); font-size: var(--font-size-caption); color: var(--semantic-text-secondary); margin-block-start: var(--space-6); }
html[data-ui="enhanced"] .login-trust .icon { inline-size: var(--space-4); block-size: var(--space-4); }
html[data-ui="enhanced"] .login-visual { background: var(--semantic-brand-ink); color: var(--semantic-brand-on-dark); position: relative; isolation: isolate; padding: var(--space-8); margin: var(--space-5); border-radius: var(--radius-dialog); flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; }
html[data-ui="enhanced"] :is(.identity-top,.identity-bottom) { display: flex; justify-content: space-between; gap: var(--space-4); color: var(--semantic-brand-muted); font-size: var(--font-size-small); }
html[data-ui="enhanced"] .identity-top>span:last-child { letter-spacing: var(--space-1); color: var(--semantic-brand-accent); }
html[data-ui="enhanced"] .identity-copy { padding: var(--space-12) var(--space-6); position: relative; }
html[data-ui="enhanced"] .identity-mark { color: var(--semantic-brand-accent); margin-block-end: var(--space-8); }
html[data-ui="enhanced"] .identity-mark .brand-symbol { color: inherit; inline-size: var(--space-16); block-size: var(--space-16); }
html[data-ui="enhanced"] .identity-mark .brand-word { display: none; }
html[data-ui="enhanced"] .identity-copy h2 { font-family: var(--font-family); font-size: calc(var(--font-size-display) + var(--space-4)); font-weight: var(--font-weight-medium); line-height: var(--font-line-heading); margin: 0 0 var(--space-5); }
html[data-ui="enhanced"] .identity-copy p { color: var(--semantic-brand-muted); font-size: var(--font-size-lead); font-weight: var(--font-weight-regular); line-height: var(--font-line-body); text-align: start; margin: 0; }
html[data-ui="enhanced"] .identity-arch { position: absolute; inset-inline-end: calc(-1 * var(--space-16)); inset-block-start: 18%; inline-size: 80%; block-size: 100%; border: var(--border-width) solid var(--semantic-brand-line); border-radius: var(--radius-pill) var(--radius-pill) 0 0; z-index: -1; transform: rotate(-18deg); }
html[data-ui="enhanced"] .identity-arch span { position: absolute; inset: var(--space-6); border: var(--border-width) solid var(--semantic-brand-line); border-radius: inherit; }
html[data-ui="enhanced"] .identity-arch span:nth-child(2) { inset: var(--space-12); }
html[data-ui="enhanced"] .identity-arch span:nth-child(3) { inset: calc(var(--space-12) + var(--space-6)); }

@media (min-width: 42rem) {
  html[data-ui="enhanced"] .workspace { padding: var(--space-8) var(--space-8) var(--space-10); }
  html[data-ui="enhanced"] .workspace-heading { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  html[data-ui="enhanced"] .workspace-heading-meta { flex-direction: column; align-items: flex-end; }
  html[data-ui="enhanced"] .overview-main { padding: var(--space-8); }
  html[data-ui="enhanced"] .login-options { flex-direction: row; align-items: center; justify-content: space-between; }
  html[data-ui="enhanced"] .footer { padding-inline: var(--space-8); }
}
@media (min-width: 64rem) {
  html[data-ui="enhanced"] .app-shell { display: flex; padding-inline-start: var(--size-rail); }
  html[data-ui="enhanced"] .main-nav { display: flex; position: fixed; inset-block: 0; inset-inline-start: 0; inline-size: var(--size-rail); flex-direction: column; flex-wrap: nowrap; align-items: stretch; padding: var(--space-5) var(--space-4); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--semantic-brand-line) var(--semantic-brand-ink); }
  html[data-ui="enhanced"] .rail-brand { display: flex; color: var(--semantic-brand-on-dark); margin: var(--space-3) var(--space-3) var(--space-8); }
  html[data-ui="enhanced"] .rail-brand .brand-symbol { color: var(--semantic-brand-accent); }
  html[data-ui="enhanced"] .rail-brand .brand-word strong { font-size: var(--font-size-display); }
  html[data-ui="enhanced"] .rail-brand .brand-word small { color: var(--semantic-brand-muted); }
  html[data-ui="enhanced"] .rail-tenant { margin-block-start: auto; flex-shrink: 0; }
  html[data-ui="enhanced"] .site-header { min-block-size: calc(var(--space-16) + var(--space-6)); flex-wrap: nowrap; gap: var(--space-5); padding: var(--space-4) var(--space-8); }
  html[data-ui="enhanced"] .site-header>.brand { display: none; }
  html[data-ui="enhanced"] .tenant-heading { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }
  html[data-ui="enhanced"] .tenant-heading>span:last-child { display: grid; gap: var(--space-1); }
  html[data-ui="enhanced"] .tenant-heading strong { font-size: var(--font-size-body); font-weight: var(--font-weight-medium); }
  html[data-ui="enhanced"] .tenant-heading small { color: var(--semantic-text-secondary); font-size: var(--font-size-caption); }
  html[data-ui="enhanced"] .tenant-icon { display: grid; place-items: center; inline-size: var(--space-10); block-size: var(--space-10); background: var(--semantic-surface-page); border: var(--border-width) solid var(--semantic-border-default); border-radius: var(--radius-control); color: var(--semantic-brand-accent-ink); }
  html[data-ui="enhanced"] .screen-finder { order: 1; flex: 1; min-inline-size: 0; max-inline-size: var(--size-login-form); margin-inline-start: auto; font-size: var(--font-size-small); }
  html[data-ui="enhanced"] .screen-finder kbd { display: inline; }
  html[data-ui="enhanced"] .global-search { display: none; }
  html[data-ui="enhanced"] .header-tools { order: 2; gap: var(--space-3); }
  html[data-ui="enhanced"] .profile-button>span:not(.profile-avatar) { display: none; }
  html[data-ui="enhanced"] .mobile-menu { display: none !important; }
  html[data-ui="enhanced"] .overview-layout { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: var(--space-5); }
  html[data-ui="enhanced"] .overview-metrics { grid-template-columns: minmax(0,1fr); padding: var(--space-4) var(--space-6); }
  html[data-ui="enhanced"] .overview-metrics>div { flex-direction: row; text-align: start; }
  html[data-ui="enhanced"] .overview-metrics>div+div { border-block-start: var(--border-width) solid var(--semantic-border-default); }
  html[data-ui="enhanced"] .overview-metrics dt { font-size: var(--font-size-small); }
  html[data-ui="enhanced"] .dashboard-layout { grid-template-columns: minmax(0,1fr); }
  html[data-ui="enhanced"] .task-sidebar { display: flex; flex-wrap: wrap; align-items: center; }
  html[data-ui="enhanced"] .task-tab { inline-size: auto; margin: 0; }
  html[data-ui="enhanced"] .new-task { inline-size: auto; margin: 0; }
  html[data-ui="enhanced"] .login-page { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  html[data-ui="enhanced"] .login-side { padding: var(--space-10) var(--space-8); }
  html[data-ui="enhanced"] .login-visual { display: flex; min-block-size: calc(100dvh - var(--space-10)); }
}
@media (min-width: 90rem) {
  html[data-ui="enhanced"] .profile-button>span:not(.profile-avatar) { display: inline; }
  html[data-ui="enhanced"] .workspace { padding-inline: var(--space-10); }
  html[data-ui="enhanced"] .overview-layout { grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
}
@media print {
  html[data-ui="enhanced"] .app-shell { padding: 0; }
  html[data-ui="enhanced"] .main-nav { display: none; }
}