/* CI 8.1 presentation revision 3. Product-role aliases reuse the approved
   brand/fliq.css palette; analytical/status tokens and print rules are untouched. */
@media screen {
  :root {
    --fliq81-hub-accent: #007a5e;
    --fliq81-hub-tint: #e9fff7;
    --fliq81-plan-accent: #6e47c5;
    --fliq81-plan-tint: #f4f0ff;
    --fliq81-on-plan: var(--fliq8-surface);
    --fliq81-soft-border: color-mix(in srgb, var(--fliq8-divider) 70%, var(--fliq8-surface));
  }
  :root:is([data-theme="dark"],[data-fliq-theme="dark"]) {
    --fliq81-hub-accent: #2ae6af;
    --fliq81-hub-tint: #0d2a22;
    --fliq81-plan-accent: #c3a6ff;
    --fliq81-plan-tint: #231b3a;
    --fliq81-on-plan: var(--fliq8-surface);
  }
  html[data-fliq-ci="8.1"] #primaryNav a:is(.active,[aria-current="page"]) {
    background: var(--fliq81-hub-tint); color: var(--fliq81-hub-accent);
    box-shadow: inset 3px 0 var(--fliq81-hub-accent); font-weight: 600;
  }
  html[data-fliq-ci="8.1"] #primaryNav a:is(.active,[aria-current="page"])::before {background-color:currentColor;}
  html[data-fliq-ci="8.1"] :is(#calendarView,#dashboardView,.planiq-library-dialog,body:has(#calendarSelectionButton)) :is(.button.primary,button.primary):not(:disabled):not(.danger) {
    background: var(--fliq81-plan-accent); border-color:var(--fliq81-plan-accent);color:var(--fliq81-on-plan);
    font-weight:600;box-shadow:none;
  }
  html[data-fliq-ci="8.1"] :is(#calendarView,#dashboardView,.planiq-library-dialog) :is(.button.primary,button.primary):not(:disabled):not(.danger):hover {
    background:color-mix(in srgb,var(--fliq81-plan-accent) 88%,var(--fliq8-text));
  }
  html[data-fliq-ci="8.1"] :is(#calendarView,#dashboardView) .page-heading {margin-bottom:16px;gap:12px;}
  html[data-fliq-ci="8.1"] :is(#dashboardView,#calendarView) .page-heading h1 {font-size:24px;margin:0;}
  html[data-fliq-ci="8.1"] #dashboardView .page-heading .supporting {margin:4px 0 0;max-width:none;}
  html[data-fliq-ci="8.1"] :is(#calendarView,#dashboardView) .page-heading>div:first-child {gap:4px;}
  html:root[data-fliq-ci="8.1"] #appShell:has(#dashboardView:not([hidden]))>#mainContent {max-width:none;}
  html:root[data-fliq-ci="8.1"] #dashboardView {container: fliq-dashboard / inline-size;}
  @container fliq-dashboard (min-width:900px) {
    html:root[data-fliq-ci="8.1"] #dashboardView .page-heading>div:first-child {display:grid;grid-template-columns:260px minmax(0,1fr);gap:4px 20px;align-items:center;}
    html:root[data-fliq-ci="8.1"] #dashboardView .planiq-page-brand {grid-column:1;grid-row:1/3;margin:0;}
    html:root[data-fliq-ci="8.1"] #dashboardView .page-heading h1 {grid-column:2;grid-row:1;margin:0;}
    html:root[data-fliq-ci="8.1"] #dashboardView .page-heading .supporting {grid-column:2;grid-row:2;margin:0;}
  }
  html[data-fliq-ci="8.1"] :is(.coach-home-summary,.coach-home-filters) {border-color:var(--fliq81-soft-border);}
  html[data-fliq-ci="8.1"] :is(button,.button,input,select,textarea,summary,a):focus-visible {
    outline:3px solid var(--fliq8-focus);outline-offset:2px;
  }
  html[data-fliq-ci="8.1"] :is(#calendarSidebar,.ci81-calendar-context) {background:var(--fliq8-muted);}
  html:root[data-fliq-ci="8.1"] .sidebar #backButton {
    background:var(--fliq8-surface);color:var(--fliq8-text);border:1px solid var(--fliq8-control);box-shadow:none;
  }
  html:root[data-fliq-ci="8.1"] .sidebar #backButton:hover {background:var(--fliq8-selected);}
  html:root[data-fliq-ci="8.1"] .fliq-offline-calendar .calendar-kpis article {border-radius:8px;box-shadow:none;}
  @media (prefers-color-scheme:dark) {
    :root:not([data-theme="light"]):not([data-fliq-theme="light"]) {
      --fliq81-hub-accent:#2ae6af;--fliq81-hub-tint:#0d2a22;
      --fliq81-plan-accent:#c3a6ff;--fliq81-plan-tint:#231b3a;
    }
  }
}
