/* Energi, dokument, rapport och påminnelser: endast respektive arbetsyta på skärm. */
@media screen {
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) { min-width:0; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .page-head { align-items:flex-start; gap:16px 24px; margin-bottom:20px; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) h1 { overflow-wrap:anywhere; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .page-head .sub { max-width:90ch; line-height:1.65; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .underlag-context { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin-bottom:12px; color:var(--ink-2); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .underlag-context strong { color:var(--ink); font-weight:600; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .underlag-context > span { color:var(--muted); font-size:13px; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .toolbar { flex-wrap:wrap; gap:8px; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .toolbar .btn { white-space:normal; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(.btn,.icon-btn,.lib-chip,.en-chip,summary,input:not([type=checkbox],[type=radio],[type=hidden],[type=file]),select) { min-height:44px; box-sizing:border-box; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .icon-btn { min-width:44px; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(button,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid var(--brand); outline-offset:3px; border-radius:8px; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(.field,.frow,.card) { min-width:0; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(.help,.meta,.banner,.field label) { line-height:1.65; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(input,select,textarea) { max-width:100%; }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(input,select,textarea):disabled { opacity:1; color:var(--ink-2); -webkit-text-fill-color:var(--ink-2); background:var(--soft); }
  :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) [hidden] { display:none!important; }

  .energy-workspace .en-sek { margin-bottom:20px; }
  .energy-workspace .en-h { font-size:19px; line-height:1.4; overflow-wrap:anywhere; }
  .energy-workspace .en-kpi { gap:12px; }
  .energy-workspace .en-kpi .card { min-width:0; }
  .energy-workspace .en-kpi .val { font-variant-numeric:tabular-nums; line-height:1.4; }
  .energy-workspace .en-diag { max-width:100%; overflow-x:auto; padding-bottom:10px; scrollbar-width:thin; }
  .energy-workspace .en-diag :is(svg,.en-diag-fot) { min-width:calc(var(--en-years,1) * 76px); }
  .energy-workspace .en-diag-fot > span { min-width:76px; font-variant-numeric:tabular-nums; line-height:1.6; }
  .energy-workspace .en-legend { flex-wrap:wrap; gap:8px 16px; line-height:1.6; }
  .energy-workspace .en-chip { padding:10px 12px; white-space:normal; line-height:1.5; }
  .energy-workspace .en-atg:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
  .energy-workspace .en-faktorer > summary { padding-block:12px; cursor:pointer; line-height:1.5; }
  .energy-workspace .en-lag { line-height:1.65; }

  .docs-workspace .doc-tools { gap:10px; }
  .docs-workspace .doc-search { min-width:0; padding:11px 12px; }
  .docs-workspace .doc-hopp { scrollbar-width:thin; padding-block:8px 12px; scroll-padding-inline:4px; }
  .docs-workspace .doc-hopp::-webkit-scrollbar { display:block; height:5px; }
  .docs-workspace .doc-hopp::-webkit-scrollbar-thumb { background:var(--line); border-radius:8px; }
  .docs-workspace .doc-mapp-rubrik { font-size:16px; line-height:1.5; margin:0; padding:16px; overflow-wrap:anywhere; }
  .docs-workspace .doc-mapp-rubrik:focus { outline:2px solid var(--brand); outline-offset:-3px; }
  .docs-workspace .docs-table { width:100%; }
  .docs-workspace .docs-table :is(th,td) { padding:14px 12px; }
  .docs-workspace .docs-table .t-name { overflow-wrap:anywhere; }
  .docs-workspace .docs-table select { min-width:130px; }
  .docs-workspace .docs-table .t-act { white-space:normal; }
  .docs-workspace .docs-table .t-act .btn { margin:4px; }
  .docs-workspace .doc-metrics .val { overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }

  .report-workspace .lykta-src { min-width:44px; min-height:44px; width:44px; height:44px; box-sizing:border-box; justify-content:center; vertical-align:middle; }
  .report-workspace #reportSheet { overflow-wrap:anywhere; }
  .report-workspace #reportSheet .rs-huvud > div { min-width:0; }
  .report-workspace #reportSheet .rs-huvud h2 { overflow-wrap:anywhere; }
  .reminders-workspace table select { min-width:140px; padding:10px 12px; color:var(--ink); background:var(--field); border:1px solid var(--line); border-radius:var(--radius-sm); font:inherit; font-size:13px; }
  .reminders-workspace .pm-slackta > summary { padding:14px 16px; cursor:pointer; line-height:1.5; }

  .modal:has(:is(#enAr,#brandPrev,.pm-val)) :is(.btn,.icon-btn,input:not([type=checkbox],[type=radio],[type=hidden],[type=file]),select,summary) { min-height:44px; box-sizing:border-box; }
  .modal:has(:is(#enAr,#brandPrev,.pm-val)) .icon-btn { min-width:44px; }
  .modal:has(:is(#enAr,#brandPrev,.pm-val)) :is(.field,.frow) { min-width:0; }
  .modal:has(:is(#enAr,#brandPrev,.pm-val)) :is(input,select,textarea) { max-width:100%; }
  .modal:has(:is(#enAr,#brandPrev,.pm-val)) :is(button,input,select,textarea,summary):focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
  .modal:has(.pm-val) .pm-val label { min-height:44px; padding:10px; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-sm); line-height:1.5; }
  .modal:has(.pm-val) .pm-val input { flex:none; accent-color:var(--brand); }

  @media (max-width:860px) {
    :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) :is(input,select,textarea) { font-size:16px; }
    :is(.energy-workspace,.docs-workspace,.report-workspace,.reminders-workspace) .page-head { gap:12px; }
    .docs-workspace .doc-tools .doc-search { flex-basis:100%; }
    .docs-workspace .docs-table[data-stack] tr { padding:14px; }
    .docs-workspace .docs-table[data-stack] td { padding-block:10px; gap:10px; }
    .docs-workspace .docs-table[data-stack] td.t-name { display:block; text-align:left; }
    .docs-workspace .docs-table[data-stack] td.t-name::before { display:none; }
    .docs-workspace .docs-table[data-stack] td:has(select) { display:block; text-align:left; }
    .docs-workspace .docs-table[data-stack] td:has(select)::before { display:block; max-width:100%; margin-bottom:6px; }
    .docs-workspace .docs-table[data-stack] td select { min-width:0; width:100%!important; max-width:100%; flex:none; font-size:16px; }
    .docs-workspace .docs-table[data-stack] td.t-act { flex-wrap:wrap; justify-content:flex-start; }
    .docs-workspace .docs-table[data-stack] .doc-lager-tr td { display:block; text-align:left; }
    .energy-workspace .en-kpi .card { padding:14px; }
    .energy-workspace table[data-stack] td.t-fast { flex-wrap:wrap; }
    .reminders-workspace table[data-stack] td:has(select) { display:block; text-align:left; }
    .reminders-workspace table[data-stack] td:has(select)::before { display:block; max-width:100%; margin-bottom:8px; }
    .reminders-workspace table[data-stack] td select { min-width:140px; width:100%!important; max-width:100%; flex:1 1 100%; font-size:16px; }
    .report-workspace .page-head .toolbar { width:100%; }
    .modal:has(:is(#enAr,#brandPrev,.pm-val)) :is(input,select,textarea) { font-size:16px; }
  }
  @media (max-width:380px) {
    .docs-workspace .docs-table[data-stack] tr { padding-inline:12px; }
    .docs-workspace .page-head .toolbar > .btn { flex:1 1 auto; }
    .report-workspace .page-head .toolbar > .btn { flex:1 1 100%; }
  }
}