/* HelpDesk — jemné sjednocení současného vzhledu, 8. 9. 2026.
   Opt-in vrstva. Zachovává původní strukturu, stavy, rozměry a chování.
   Tisk je úmyslně mimo rozsah této obrazovkové úpravy. */
@media screen {
  html[data-design-refinement="on"] {
    --refine-radius-panel: 1.25rem;
    --refine-radius-control: .875rem;
    --text-primary: var(--page-text);
  }

  html[data-design-refinement="on"][data-theme="dark"] {
    --page-bg: #080f1d;
    --page-text: #e8eef7;
    --text-muted: #a5b3c7;
    --text-faint: #91a2b8;
    --divider: rgba(154, 177, 208, .16);
    --glass-panel-bg: rgba(23, 37, 58, .92);
    --glass-bg: linear-gradient(160deg, rgba(31, 47, 70, .84), rgba(16, 28, 46, .80));
    --glass-bg-strong: linear-gradient(160deg, rgba(29, 43, 65, .97), rgba(13, 23, 40, .96));
    --glass-muted-bg: linear-gradient(160deg, rgba(26, 41, 63, .66), rgba(16, 28, 46, .56));
    --glass-border: rgba(156, 181, 216, .19);
    --glass-highlight: rgba(220, 237, 255, .10);
    --glass-highlight-strong: rgba(229, 243, 255, .18);
    --glass-shadow-soft: 0 7px 18px rgba(0, 5, 16, .19), 0 2px 4px rgba(0, 5, 16, .12);
    --glass-shadow: 0 18px 44px rgba(0, 5, 16, .32), 0 4px 12px rgba(0, 5, 16, .14);
    --surface-shadow: var(--glass-shadow);
    --panel-bg: rgba(24, 38, 59, .78);
    --panel-muted-bg: rgba(20, 33, 52, .64);
    --panel-border: var(--glass-border);
    --stat-border: var(--glass-border);
    --input-bg: rgba(8, 18, 34, .62);
    --input-border: rgba(151, 179, 216, .28);
    --input-text: #e8eef7;
    --nav-bg: rgba(12, 23, 40, .86);
    --nav-border: var(--glass-border);
  }

  html[data-design-refinement="on"][data-theme="light"] {
    --page-bg: #edf3f8;
    --page-text: #20324a;
    --text-muted: #52647a;
    --text-faint: #596c82;
    --divider: rgba(91, 119, 152, .17);
    --glass-panel-bg: rgba(255, 255, 255, .92);
    --glass-bg: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(248, 251, 255, .88));
    --glass-bg-strong: linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .97));
    --glass-muted-bg: linear-gradient(160deg, rgba(255, 255, 255, .79), rgba(239, 246, 253, .72));
    --glass-border: rgba(105, 135, 170, .22);
    --glass-highlight: rgba(255, 255, 255, .88);
    --glass-highlight-strong: #fff;
    --glass-shadow-soft: 0 6px 16px rgba(37, 66, 103, .055), 0 1px 3px rgba(37, 66, 103, .045);
    --glass-shadow: 0 18px 42px rgba(37, 66, 103, .12), 0 3px 9px rgba(37, 66, 103, .05);
    --surface-shadow: var(--glass-shadow);
    --panel-bg: rgba(255, 255, 255, .86);
    --panel-muted-bg: rgba(242, 247, 252, .80);
    --panel-border: var(--glass-border);
    --stat-border: var(--glass-border);
    --input-bg: rgba(255, 255, 255, .88);
    --input-border: rgba(96, 123, 157, .31);
    --input-text: #20324a;
    --nav-bg: rgba(248, 252, 255, .86);
    --nav-border: var(--glass-border);
  }

  html[data-design-refinement="on"] :is(.page-title, #ticket-overview h1, .ticket-detail-module-title) {
    font-weight: 750;
    color: var(--page-text);
  }
  html[data-design-refinement="on"] :is(.page-lead, .ticket-detail-module-subtitle, .ticket-timeline-item-meta, .ticket-timeline-item-subtext, .glass-modal-subtitle) {
    color: var(--text-muted);
  }
  html[data-design-refinement="on"] :is(.card-custom, .panel-soft, .panel-muted, .glass-form-panel, .monthly-work-panel, .notify-side-card, .notify-events-card) {
    border-radius: var(--refine-radius-panel);
  }
  html[data-design-refinement="on"] :is(.panel-soft, .panel-muted, .glass-form-panel) {
    border-color: var(--glass-border);
  }
  html[data-design-refinement="on"] .navbar-glass {
    box-shadow: inset 0 -1px 0 var(--glass-highlight), 0 5px 20px rgba(15, 39, 71, .09);
  }
  html[data-design-refinement="on"] .btn:not(.btn-circle):not(.btn-ghost):not(.btn-link):not(.ticket-card-action):not(.nav-btn) {
    font-weight: 650;
  }
  html[data-design-refinement="on"] :is(.input, .select, .textarea, .file-input) {
    border-radius: var(--refine-radius-control) !important;
  }
  html[data-design-refinement="on"] :is(.input, .select, .textarea, .file-input):not(:focus) {
    box-shadow: inset 0 1px 2px rgba(17, 35, 60, .04), 0 1px 0 var(--glass-highlight);
  }
  html[data-design-refinement="on"] :is(.notify-event-row, .notify-note, .notify-status-line) {
    background: var(--glass-muted-bg);
  }
  html[data-design-refinement="on"] .my-note-card :is(.my-note-inline-title, .my-note-body-input) {
    -webkit-text-stroke: 0;
    text-shadow: none;
  }
}