/* RIMAYS glass UI layer. Screen-only so print and PDF output remain authoritative. */
@media screen {
  :root {
    --glass-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --glass-bg: #eaf1f5;
    --glass-bg-deep: #dce9ee;
    --glass-surface: rgba(255, 255, 255, .70);
    --glass-surface-strong: rgba(255, 255, 255, .88);
    --glass-surface-soft: rgba(247, 251, 252, .58);
    --glass-ink: #182033;
    --glass-text: #344054;
    --glass-muted: #5f6c7b;
    --glass-line: rgba(121, 145, 158, .30);
    --glass-line-strong: rgba(91, 119, 133, .48);
    --glass-highlight: rgba(255, 255, 255, .80);
    --glass-teal: #0f766e;
    --glass-teal-dark: #0a5d57;
    --glass-teal-soft: rgba(204, 239, 233, .68);
    --glass-blue: #2563eb;
    --glass-blue-soft: rgba(219, 234, 254, .72);
    --glass-amber: #b45309;
    --glass-success: #067647;
    --glass-danger: #b42318;
    --glass-radius-sm: 6px;
    --glass-radius: 8px;
    --glass-blur: 18px;
    --glass-shadow: 0 14px 34px rgba(40, 65, 78, .12), inset 0 1px 0 var(--glass-highlight);
    --glass-shadow-soft: 0 7px 18px rgba(40, 65, 78, .09), inset 0 1px 0 rgba(255, 255, 255, .72);
    --glass-shadow-float: 0 22px 58px rgba(26, 49, 63, .22), inset 0 1px 0 rgba(255, 255, 255, .82);
  }

  *, *::before, *::after { box-sizing: border-box; }
  html {
    font-family: var(--glass-font);
    color: var(--glass-ink);
    background: var(--glass-bg);
  }
  html body {
    min-height: 100vh;
    font-family: var(--glass-font) !important;
    color: var(--glass-ink) !important;
    letter-spacing: 0 !important;
    background:
      linear-gradient(120deg, rgba(15, 118, 110, .09), transparent 34%),
      linear-gradient(300deg, rgba(37, 99, 235, .07), transparent 38%),
      linear-gradient(180deg, #f5f9fa 0, var(--glass-bg) 46%, var(--glass-bg-deep) 100%) !important;
    background-attachment: scroll !important;
  }
  body::selection { color: var(--glass-ink); background: rgba(143, 211, 202, .64); }

  /* Primary glass surfaces. */
  html body :is(
    .panel,.card,.box,.wrap,.kpi,.dash-card,.chart-card,.project,.project-card,
    .company,.company-card,.runtime,.workspace-card,.metric,.stat,.section,
    .suite-rail,.workspace,.summary-card,.flow-card,.doc-card,.empty-module,
    .deletion-shell,.account-card,.profile-card,.billing-card,.feedback-card,
    .cdm2-document-library,.live-panel,.filter-panel,.summary-card
  ) {
    border: 1px solid var(--glass-line) !important;
    border-radius: var(--glass-radius) !important;
    background: var(--glass-surface) !important;
    box-shadow: var(--glass-shadow) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(135%);
    backdrop-filter: blur(var(--glass-blur)) saturate(135%);
  }
  html body :is(.panel,.card,.box,.wrap,.section) :is(.panel,.card,.box,.wrap,.section) {
    background: var(--glass-surface-soft) !important;
    box-shadow: var(--glass-shadow-soft) !important;
  }
  html body :is(.panel,.card,.box,.wrap,.section):has(table) {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html body :is(.document,.sheet,.workspace,.workflow,.band,.annotation-shell,.live-layout,.page) {
    max-width: 100%;
    border-color: var(--glass-line) !important;
  }
  html body :is(.workspace-head,.card-head,.panel-head,.toolbar,.actions-bar,.titlebar,.page-head) {
    border-color: var(--glass-line) !important;
    background: rgba(255, 255, 255, .54) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    backdrop-filter: blur(14px) saturate(130%);
  }
  html body .suite {
    border-color: transparent !important;
    background: rgba(255,255,255,.24) !important;
  }
  html body .suite:hover {
    border-color: rgba(15,118,110,.20) !important;
    background: rgba(225,244,241,.56) !important;
  }
  html body .suite.active {
    border-color: rgba(15,118,110,.38) !important;
    background: rgba(211,239,235,.72) !important;
    box-shadow: inset 3px 0 0 var(--glass-teal), inset 0 1px 0 rgba(255,255,255,.72) !important;
  }
  html body .doc-card:hover {
    border-color: rgba(15,118,110,.38) !important;
    box-shadow: 0 16px 36px rgba(40,65,78,.15), inset 0 1px 0 rgba(255,255,255,.78) !important;
  }
  html body :is(.doc-code,.meta-chip,.flow-step) {
    border: 1px solid rgba(121,145,158,.24) !important;
    background: rgba(255,255,255,.48) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  /* Typography and links. */
  html body :is(h1,h2,h3,h4,strong,b) { color: var(--glass-ink); }
  html body h1 { line-height: 1.16; }
  html body :is(h2,h3) { line-height: 1.25; }
  html body :is(p,li,dd,td) { color: var(--glass-text); }
  html body :is(.muted,.hint,.helper,small) { color: var(--glass-muted); }
  html body a { color: var(--glass-teal-dark); text-underline-offset: 3px; }
  html body a:hover { color: #074c48; }
  html body :is(.header,.showcase,.cdm-collab-head,[data-theme="dark"]) :is(h1,h2,h3,p,small,.muted,.hint,.helper) {
    color: #f5fbfc !important;
  }
  html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    margin: 0 0 18px;
  }
  html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) > * { min-width: 0; }
  html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) h1 {
    margin: 0 0 6px;
    font-size: 28px;
    line-height: 1.16;
  }
  html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) :is(p,.ops-sub) {
    margin-top: 0;
    margin-bottom: 0;
  }
  html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) :is(.actions,.filters) {
    align-self: flex-start;
  }
  html body :is(main.wrap,main.box,div.box,div.wrap) > h1:first-of-type {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 28px;
    line-height: 1.16;
  }
  html body main.shell > .hero:first-child h1 {
    margin-top: 0;
    line-height: 1.16;
  }
  html body main.shell > .head:has(.avatar) { align-items: center; justify-content: flex-start; }

  /* Commands and controls. */
  html body :is(button,.btn,.button,input[type="submit"],input[type="button"]):not(.broadcast-tab):not(.swatch) {
    min-height: 40px;
    border: 1px solid rgba(6, 92, 85, .66) !important;
    border-radius: var(--glass-radius-sm) !important;
    background: linear-gradient(180deg, rgba(28, 143, 133, .96), rgba(15, 118, 110, .98)) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(15, 118, 110, .20), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
  }
  html body :is(button,.btn,.button,input[type="submit"],input[type="button"]):not(.broadcast-tab):not(.swatch):hover {
    filter: brightness(1.045);
    text-decoration: none;
    transform: translateY(-1px);
  }
  html body :is(button,.btn,.button,input[type="submit"],input[type="button"]):not(.broadcast-tab):not(.swatch):active {
    transform: translateY(1px);
    box-shadow: 0 3px 9px rgba(15, 118, 110, .18), inset 0 2px 4px rgba(4, 47, 44, .22) !important;
  }
  html body :is(.btn.alt,.btn.ghost,.btn.secondary,.button.secondary,button.secondary,button.ghost,.app-mobile-toggle) {
    border-color: var(--glass-line-strong) !important;
    background: rgba(255, 255, 255, .58) !important;
    color: var(--glass-ink) !important;
    box-shadow: var(--glass-shadow-soft) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
  html body :is(.btn.danger,button.danger,.danger-button) {
    border-color: #8f1c14 !important;
    background: linear-gradient(180deg, #d84e43, var(--glass-danger)) !important;
    box-shadow: 0 8px 18px rgba(180, 35, 24, .18), inset 0 1px 0 rgba(255,255,255,.25) !important;
  }
  html body :is(.btn.success,button.success) {
    border-color: #055f3a !important;
    background: linear-gradient(180deg, #15945e, var(--glass-success)) !important;
  }
  html body :is(.btn.warning,button.warning) {
    border-color: #8f3706 !important;
    background: linear-gradient(180deg, #d96719, var(--glass-amber)) !important;
  }
  html body :is(button,.btn,.button,input[type="submit"],input[type="button"]):disabled,
  html body [aria-disabled="true"] {
    opacity: .56;
    filter: grayscale(.25);
    box-shadow: none !important;
    transform: none !important;
    cursor: not-allowed !important;
  }

  html body :is(
    input:not([type]),input[type="text"],input[type="email"],input[type="password"],
    input[type="search"],input[type="url"],input[type="number"],input[type="date"],
    input[type="datetime-local"],input[type="tel"],textarea,select
  ) {
    min-height: 42px;
    max-width: 100%;
    border: 1px solid var(--glass-line-strong) !important;
    border-radius: var(--glass-radius-sm) !important;
    background: rgba(255, 255, 255, .66) !important;
    color: var(--glass-ink) !important;
    box-shadow: inset 0 1px 2px rgba(28, 55, 68, .10), 0 1px 0 rgba(255, 255, 255, .68) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  html body textarea { min-height: 96px; resize: vertical; }
  html body :is(input,select,textarea):focus {
    border-color: var(--glass-teal) !important;
    outline: 3px solid rgba(15, 118, 110, .18) !important;
    outline-offset: 1px;
    background: rgba(255, 255, 255, .91) !important;
  }
  html body :is(input,textarea)::placeholder { color: #687583; opacity: 1; }
  html body :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--glass-teal); }
  html body :is(label,.field label) { color: var(--glass-text); font-weight: 800; }
  html body :is(.function-toggle,.switches label,.choice) {
    border-color: var(--glass-line) !important;
    background: rgba(255, 255, 255, .48) !important;
    box-shadow: var(--glass-shadow-soft) !important;
  }
  html body :is(.function-toggle,.switches label,.choice):has(input:checked) {
    border-color: rgba(15, 118, 110, .46) !important;
    background: var(--glass-teal-soft) !important;
  }

  html body :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
    outline: 3px solid var(--glass-blue) !important;
    outline-offset: 3px !important;
  }

  /* Navigation and floating layers. */
  html body .app-shell-header {
    background: rgba(245, 250, 251, .72) !important;
    border-bottom: 1px solid rgba(114, 142, 155, .28) !important;
    box-shadow: 0 10px 28px rgba(40, 65, 78, .10), inset 0 1px 0 rgba(255,255,255,.86) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
  }
  html body :is(.app-nav a,.app-utility,.app-menu summary) { border: 1px solid transparent; }
  html body :is(.app-nav a,.app-utility):hover,
  html body :is(.app-nav a,.app-utility)[aria-current="page"],
  html body .app-menu[open] > summary {
    color: var(--glass-teal-dark) !important;
    border-color: rgba(15, 118, 110, .22) !important;
    background: rgba(222, 243, 240, .58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74) !important;
  }
  html body :is(.app-menu-panel,.app-user-panel,.broadcast-panel) {
    border: 1px solid var(--glass-line) !important;
    background: rgba(249, 252, 252, .84) !important;
    box-shadow: var(--glass-shadow-float) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    backdrop-filter: blur(24px) saturate(140%);
  }
  html body .app-user summary {
    border-color: var(--glass-line) !important;
    background: rgba(255,255,255,.52) !important;
    box-shadow: var(--glass-shadow-soft) !important;
  }
  html body :is(dialog,.modal,.popup,.master-dev-dialog) {
    border: 1px solid var(--glass-line) !important;
    border-radius: var(--glass-radius) !important;
    background: rgba(250, 253, 253, .88) !important;
    box-shadow: var(--glass-shadow-float) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    backdrop-filter: blur(24px) saturate(140%);
  }
  html body dialog::backdrop { background: rgba(24, 32, 51, .42); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

  /* Tables retain strong scanning contrast inside a transparent shell. */
  html body table {
    border: 1px solid var(--glass-line) !important;
    border-radius: var(--glass-radius-sm);
    background: rgba(255, 255, 255, .62) !important;
    box-shadow: var(--glass-shadow-soft) !important;
  }
  html body table :is(th,td) { border-color: rgba(121, 145, 158, .28) !important; }
  html body table th {
    position: sticky;
    top: 71px;
    z-index: 2;
    height: auto !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    vertical-align: top !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    background: rgba(210, 235, 239, .92) !important;
    color: var(--glass-ink) !important;
    letter-spacing: 0 !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  html body table td { background: rgba(255,255,255,.30); }
  html body table tbody tr:hover td { background: rgba(230, 245, 243, .62); }
  html body table :is(input,select,textarea,button,.btn,.button) { box-shadow: none !important; transform: none !important; }
  html body :is(.table-wrap,.presence-scroll,.work-scroll) { max-width: 100%; }

  /* Feedback and state. */
  html body :is(.notice,.alert,.message,.flash) {
    border: 1px solid var(--glass-line);
    border-left-width: 4px;
    border-radius: var(--glass-radius-sm) !important;
    background: rgba(255,255,255,.58) !important;
    box-shadow: var(--glass-shadow-soft);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  html body :is(.notice.ok,.notice.success,.alert-success,.success) { border-left-color: var(--glass-success); background: rgba(228, 247, 237, .78) !important; }
  html body :is(.notice.error,.alert-danger,.error) { border-left-color: var(--glass-danger); background: rgba(255, 235, 232, .82) !important; }
  html body :is(.notice.warning,.alert-warning,.warning) { border-left-color: var(--glass-amber); background: rgba(255, 246, 222, .82) !important; }
  html body :is(.badge,.status,.pill) { border-radius: 999px !important; font-weight: 800 !important; border: 1px solid rgba(24,32,51,.12); }
  html body .empty,
  html body [data-empty-state] {
    min-height: 92px;
    display: grid;
    place-content: center;
    gap: 8px;
    padding: 20px;
    border: 1px dashed var(--glass-line-strong);
    border-radius: var(--glass-radius);
    color: var(--glass-muted);
    text-align: center;
    background: rgba(255,255,255,.34);
  }

  /* CDM and document-specific safeguards. */
  html body.cdm-view-mode input::placeholder,
  html body.cdm-view-mode textarea::placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    opacity: 0 !important;
  }
  html body.cdm-view-mode :is(input[list],.member-picker,[data-footer-person]):placeholder-shown { visibility: hidden !important; }
  html body .footer-box { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  html body .cdm2-document-library { margin: 14px 0; padding: 15px; }
  html body .cdm2-document-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
  html body .cdm2-document-head h2 { margin: 0; font-size: 17px; }
  html body .cdm2-document-head p { margin: 4px 0 0; color: var(--glass-muted); }
  html body #cdm2DocumentLibraryList { display: grid; gap: 1px; }
  html body .cdm2-document-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 10px 4px; border-top: 1px solid var(--glass-line); }
  html body .cdm2-document-row :is(strong,span) { display: block; overflow-wrap: anywhere; }
  html body .cdm2-document-row span { margin-top: 3px; color: var(--glass-muted); font-size: 12px; }
  html body .cdm2-document-actions { display: flex; gap: 7px; flex-wrap: wrap; }
  html body .survey-file-names { display: grid; gap: 5px; margin-top: 6px; }
  html body .survey-file-link { display: block !important; min-height: 0 !important; max-width: 180px; overflow: hidden; padding: 4px 6px !important; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
  html body .ui-filter { display: grid; gap: 8px; align-items: start; }
  html body .ui-filter label { display: block; margin: 0; }
  html body .ui-filter input { width: 100%; min-width: 0; }
  html body .section-line,
  html body .title-fields { min-width: 0; max-width: 100%; }
  html body .title-fields :is(input,select,textarea) { width: 100%; min-width: 0; max-width: 100%; text-overflow: ellipsis; }

  /* Loading affordances. */
  html body .is-submitting { position: relative; cursor: progress !important; }
  html body .is-submitting::after {
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 9px;
    display: inline-block;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -2px;
    animation: rimays-glass-spin .7s linear infinite;
  }
  html body .skeleton {
    color: transparent !important;
    background: linear-gradient(90deg, rgba(215,226,231,.65) 25%, rgba(255,255,255,.72) 45%, rgba(215,226,231,.65) 65%) !important;
    background-size: 220% 100% !important;
    animation: rimays-glass-skeleton 1.25s ease-in-out infinite;
  }
  @keyframes rimays-glass-spin { to { transform: rotate(360deg); } }
  @keyframes rimays-glass-skeleton { to { background-position: -220% 0; } }

  @media (max-width: 900px) {
    html,
    html body { max-width: 100%; overflow-x: hidden; }
    html body .app-shell-header { position: sticky !important; top: 0; }
    html body .app-shell-header.mobile-open .app-shell-inner { max-height: 100dvh; overflow-y: auto; }
    html body :is(.app-nav a,.app-utility,.app-menu summary,.app-user summary) { min-height: 44px !important; }
    html body :is(button,.btn,.button,input[type="submit"],input[type="button"]) { min-height: 44px; }
    html body table { display: block; width: 100% !important; min-width: 0 !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    html body table th { top: 59px; }
    html body table:is(.strategy-table,.consultant-table,.tracker,.schedule,.risk-table,.cdm-table) > :is(thead,tbody,tfoot) { display: table; width: 100%; min-width: 720px; table-layout: fixed; }
    html body table:is(.tracker,.schedule,.risk-table,.cdm7-table) > :is(thead,tbody,tfoot) { min-width: 1050px; }
    html body table.cdm6-table > :is(thead,tbody,tfoot) { min-width: 850px; }
    html body .tablewrap { display: block; width: 100%; max-width: 100%; overflow-x: auto !important; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
    html body .tablewrap > table { display: table !important; width: 720px !important; min-width: 720px !important; max-width: none !important; overflow: visible !important; }
    html body .tablewrap > table.tracker { width: 1050px !important; min-width: 1050px !important; }
    html body :is(.layout,.grid,.cdm5-grid) > * { min-width: 0 !important; }
    html body :is(.footer-box,.table-wrap,.document,.page) { min-width: 0; max-width: 100%; }
    html body :is(dialog,.modal,.popup) { width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px) !important; }
    html body .cdm2-document-head,
    html body .cdm2-document-row { grid-template-columns: 1fr; display: grid; }
  }

  @media (max-width: 600px) {
    html body { background: linear-gradient(180deg, #f3f8f9, #e4eef2) fixed !important; }
    html body :is(.panel,.card,.box,.wrap,.kpi,.dash-card,.chart-card,.project,.runtime,.section) { box-shadow: 0 8px 22px rgba(40,65,78,.10), inset 0 1px 0 rgba(255,255,255,.76) !important; }
    html body .app-shell-inner { padding-left: 14px; padding-right: 14px; }
    html body .section-line { grid-template-columns: 52px minmax(0,1fr) !important; }
    html body .section-line > :first-child { width: 52px !important; min-width: 0 !important; }
    html body .cdm-collab-panel { right: 10px !important; bottom: 10px !important; max-width: calc(100vw - 20px) !important; }
    html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }
    html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) :is(.actions,.filters) {
      width: 100%;
    }
    html body main.shell > .head:has(.avatar) { flex-direction: row; align-items: center; }
    html body :is(main.shell,main.page,main.dash,main.ops,main.wrap,main.box,div.box,div.wrap) > :is(.head,.top,.ops-head) h1,
    html body :is(main.wrap,main.box,div.box,div.wrap) > h1:first-of-type { font-size: 26px; }
    html body div.wrap > .card:has(table),
    html body main.page > .assignment-panel:has(table),
    html body main.shell > .section:has(table) {
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    html body div.wrap > .card:has(> table) > table {
      display: table !important;
      width: 100% !important;
      min-width: 520px !important;
      max-width: none !important;
      overflow: visible !important;
    }
  }

  @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html body :is(.panel,.card,.box,.wrap,.kpi,.dash-card,.chart-card,.project,.runtime,.section,.app-shell-header,.app-menu-panel,.app-user-panel,dialog,.modal,.popup) {
      background: rgba(249, 252, 252, .96) !important;
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    html body :is(.panel,.card,.box,.wrap,.kpi,.dash-card,.chart-card,.project,.runtime,.section,.app-shell-header,.app-menu-panel,.app-user-panel,dialog,.modal,.popup) {
      background: #f7fafb !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html body *, html body *::before, html body *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  }
  @media (prefers-contrast: more), (forced-colors: active) {
    html body :is(.panel,.card,.box,.wrap,.kpi,.project,button,.btn,.button,input,select,textarea,dialog) { box-shadow: none !important; border: 1px solid currentColor !important; }
  }
}