/* Workhub v1. Canonical source: apps/shared/ui/workhub.css. Screen UI only. */
@font-face{font-family:Manrope;src:url('./fonts/manrope-cyrillic-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('./fonts/manrope-cyrillic-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('./fonts/manrope-cyrillic-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('./fonts/manrope-cyrillic-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('./fonts/manrope-cyrillic-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --wh-font:'Manrope',sans-serif;
 --wh-canvas:#f2f4f3;--wh-surface:#fff;--wh-surface-muted:#e9eeec;
 --wh-ink:#1a2928;--wh-muted:#596c68;--wh-line:#d6dfdb;
 --wh-nav:#172725;--wh-nav-ink:#f3f8f6;--wh-nav-muted:#a8bbb4;
 --wh-accent:#13766a;--wh-accent-hover:#0e6056;--wh-accent-soft:#dff2ec;
 --wh-mint:#9ce4ce;--wh-danger:#b33338;--wh-danger-soft:#fff0ef;--wh-warning:#865e18;
 --wh-radius:14px;--wh-control-radius:8px;
 --wh-ease:cubic-bezier(.16,1,.3,1);--wh-fast:160ms;
 --wh-shadow:0 12px 36px #17272518;
}
@media screen{
 html:has([data-workhub]){color-scheme:light;background:var(--wh-canvas);scroll-padding-top:90px}
 [data-workhub]{font-family:var(--wh-font);color:var(--wh-ink);font-size:14px;line-height:1.5;-webkit-tap-highlight-color:transparent}
 body[data-workhub]{margin:0;min-height:100dvh;background:var(--wh-canvas)}
 [data-workhub] *,[data-workhub] *::before,[data-workhub] *::after{box-sizing:border-box}
 [data-workhub] :where(button,input,select,textarea){font-family:inherit}
 [data-workhub] :where(input,textarea){caret-color:var(--wh-accent)}
 [data-workhub] :where(input,textarea)::placeholder{color:var(--wh-muted);opacity:1}
 [data-workhub] :where(h1,h2,h3,h4){text-wrap:balance;letter-spacing:-.025em;line-height:1.2}
 [data-workhub] :where(p){text-wrap:pretty}
 [data-workhub] :where(a){text-underline-offset:4px}
 [data-workhub] :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--wh-accent);outline-offset:3px}
 [data-workhub] ::selection{background:var(--wh-mint);color:var(--wh-nav)}
 [data-workhub] :where(button,a){touch-action:manipulation}
 [data-workhub] :where(button){cursor:pointer}
 [data-workhub] :where(button):disabled{cursor:not-allowed}
 [data-workhub] :where(td,th,.wh-number){font-variant-numeric:tabular-nums}
 [data-workhub] :where(svg){flex-shrink:0}
 [data-workhub] :where(table){border-collapse:collapse}
 [data-workhub] :where(th){font-weight:650;text-align:left}
 [data-workhub] :where(td,th){vertical-align:middle}
 [data-workhub] :where([hidden]){display:none!important}
 [data-workhub] :where(dialog,[role=dialog]){border-radius:var(--wh-radius)}
 [data-workhub]{scrollbar-color:#91a69f transparent;scrollbar-width:thin}
 .wh-topbar{background:var(--wh-nav);color:var(--wh-nav-ink);min-height:76px;padding:12px clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px}
 .wh-topbar__brand{display:flex;align-items:center;gap:18px;min-width:0}
 .wh-topbar__logo{max-width:210px;height:30px;object-fit:contain}
 .wh-topbar__meta{padding-left:18px;border-left:1px solid #ffffff26;font-size:12px;line-height:1.6;color:var(--wh-nav-muted)}
 .wh-topbar__meta strong{display:block;color:var(--wh-nav-ink);font-size:13px;font-weight:650}
 .wh-topbar__nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 .wh-topbar__nav :where(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:var(--wh-nav-muted);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background var(--wh-fast),color var(--wh-fast)}
 .wh-topbar__nav :where([aria-current=page],.is-active){background:#ffffff12;color:var(--wh-nav-ink)}
 .wh-topbar__nav :where(button,a):focus-visible{outline-color:var(--wh-mint)}
 .wh-container{width:min(100% - 64px,1320px);margin-inline:auto}
 .wh-page-heading{margin:0;font-size:clamp(26px,3vw,38px);font-weight:750;letter-spacing:-.035em}
 .wh-description{margin:10px 0 0;color:var(--wh-muted);max-width:70ch}
 .wh-section-heading{margin:0;font-size:22px;font-weight:750}
 .wh-panel{background:var(--wh-surface);border:1px solid var(--wh-line);border-radius:var(--wh-radius)}
 .wh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--wh-control-radius);background:var(--wh-accent);color:#fff;text-decoration:none;font-weight:650;font-size:14px;transition:background var(--wh-fast),transform var(--wh-fast)}
 .wh-button--secondary{background:var(--wh-surface);border-color:var(--wh-line);color:var(--wh-ink)}
 .wh-button--danger{background:var(--wh-danger);color:#fff}
 .wh-button:disabled{opacity:.48;transform:none}
 .wh-field{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--wh-line);border-radius:8px;background:#fff;color:var(--wh-ink);font:inherit}
 .wh-status{border-radius:8px;padding:12px 14px;background:var(--wh-accent-soft);color:var(--wh-accent);font-weight:600}
 .wh-status--error{background:var(--wh-danger-soft);color:var(--wh-danger)}
 .wh-table-scroll{overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--wh-line);border-radius:12px}
 .wh-table-scroll table{width:100%;font-size:13px}
 .wh-table-scroll th{background:var(--wh-surface-muted);color:var(--wh-muted);padding:12px 14px}
 .wh-table-scroll td{padding:12px 14px;border-top:1px solid var(--wh-line)}
 .wh-muted{color:var(--wh-muted)}
 .wh-skip{position:absolute;left:16px;top:-80px;background:var(--wh-mint);color:var(--wh-nav);padding:12px 16px;z-index:999;border-radius:8px}
 .wh-skip:focus{top:12px}
 .wh-home-link{position:fixed;left:16px;top:16px;z-index:40;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--wh-nav);color:var(--wh-nav-ink);text-decoration:none;font-weight:600;font-size:13px}
 @media(hover:hover){
  .wh-topbar__nav :where(a,button):hover{background:#ffffff12;color:#fff}
  .wh-button:hover{background:var(--wh-accent-hover)}
  .wh-button--secondary:hover{background:var(--wh-surface-muted)}
  .wh-button--danger:hover{background:#922b30}
 }
 .wh-button:active{transform:translateY(1px)}
 @media(max-width:767px){
  [data-workhub] :where(input,select,textarea){font-size:16px}
  .wh-container{width:calc(100% - 32px)}
  .wh-topbar{padding:14px 16px;gap:14px;align-items:flex-start;flex-direction:column}
  .wh-topbar__logo{max-width:170px;height:25px}
  .wh-topbar__meta{font-size:11px;line-height:1.4;padding-left:12px}
  .wh-topbar__meta strong{font-size:12px}
  .wh-topbar__nav{width:100%;gap:4px}
  .wh-topbar__nav :where(a,button){padding:9px 10px;font-size:12px;min-height:44px}
  .wh-page-heading{font-size:28px}
 }
 @media(prefers-reduced-motion:reduce){[data-workhub] *,[data-workhub] *::before,[data-workhub] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
}
@media print{.wh-topbar,.wh-home-link,.wh-skip{display:none!important}}
