/* СГЕНЕРИРОВАНО — НЕ ПРАВИТЬ
   
   Источник: репозиторий TN_Services_Design, tokens/
   Версия визуального языка: 2.0
   Хеш содержимого: bce4b0a84668
   
   Правки вносятся в источнике и раздаются:
       python3 tools/emit_tokens.py emit
   Правка этого файла будет затёрта, а до тех пор уронит CI
   (шаг `emit_tokens.py check`). */

@font-face{font-family: "Golos Text";
  src: url("../fonts/golos-text-latin.woff2") format("woff2");
  font-weight:400 900; font-style: normal; font-display: swap;
  unicode-range:
    U+0000,U+000D,U+0020-007E,U+00A0-00FF,U+0102,U+0131,U+0152-0153,
    U+02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308,U+2009,
    U+2011,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,
    U+2039-203A,U+2044,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,
    U+202F,U+FEFF;}
@font-face{font-family: "Golos Text";
  src: url("../fonts/golos-text-cyrillic.woff2") format("woff2");
  font-weight:400 900; font-style: normal; font-display: swap;
  unicode-range:
    U+0000,U+000D,U+0020,U+0041,U+00A0,U+00C1,U+0102,U+0301,
    U+0401-040C,U+040E-044F,U+0451-045C,U+045E-045F,U+0490-0491,
    U+04B0-04B1,U+20BD,U+2116;}
@font-face{font-family: "Martian Mono";
  src: url("../fonts/martian-mono-latin.woff2") format("woff2");
  font-weight:100 800; font-stretch:75% 112.5%; font-style: normal; font-display: swap;
  unicode-range:
    U+0020-007E,U+00A0-00FF,U+0102,U+0131,U+0152-0153,U+02BC,U+02C6,
    U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308,U+0323,U+2002,U+2011,
    U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,
    U+2044,U+20AC,U+2122,U+2190-2193,U+2212;}
@font-face{font-family: "Martian Mono";
  src: url("../fonts/martian-mono-cyrillic.woff2") format("woff2");
  font-weight:100 800; font-stretch:75% 112.5%; font-style: normal; font-display: swap;
  unicode-range:
    U+0020,U+0041,U+00A0,U+00C1,U+0102,U+0301,U+0401,U+0404,
    U+0406-0407,U+040E,U+0410-044F,U+0451,U+0454,U+0456-0457,U+045E,
    U+0490-0491,U+20BD,U+2116;}
:root{--s1: 4px;    
  --s2: 8px;    
  --s3: 12px;   
  --s4: 16px;   
  --s5: 20px;   
  --s6: 24px;   
  --s8: 32px;   

  
  --r-sm: 3px;  
  --r-md: 4px;  
  --r-lg: 6px;  

  
  --f-micro:   11px;  
  --f-small:   12px;  
  --f-body:    13px;  
  --f-ui:      14px;  
  --f-lead:    20px;  
  --f-display: 30px;  

  --lh-tight: 1.15;   
  --lh-base:  1.4;    
  --lh-text:  1.55;   

  
  --font: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  
  --n0: #fcfdff;   
  --n1: #f4f6fa;   
  --n2: #eef1f6;   
  --n3: #e2e6ec;   
  --n4: #cbd2db;   
  --n6: #5c6570;   
  --n7: #545d69;   
  --n9: #171b21;   

  
  --accent:      #2f5bd0;
  --accent-soft: #e9eefb;

  
  --brand:     var(--accent);
  --brand-ink: var(--n0);

  
  --brand-action:     var(--n9);
  --brand-action-ink: var(--n0);
  --brand-mark:       var(--accent-soft);
  --brand-mark-ink:   var(--accent);

  

  
  --st-ok:            #2c7549;
  --st-ok-soft:       #ecf4ef;

  
  --st-old:           #8f6410;
  --st-old-soft:      #fcf7ed;

  
  --st-none:          #6c6c68;
  --st-none-soft:     #f7f7f5;

  
  --st-unusable:      #a52a24;
  --st-unusable-soft: #fbecea;

  
  --st-ok-soft-hover:       #e4efe8;
  --st-old-soft-hover:      #f8f1e4;
  --st-none-soft-hover:     #f1f1ef;
  --st-unusable-soft-hover: #f8e5e3;
  --accent-soft-hover:      #e2e8f9;

  
  --info:            #5b3f9c;
  --info-soft:       #f0ecf9;
  --info-soft-hover: #eae5f5;

  
  
  --ico-stroke: 1.5;
  
  --ico-stroke-dense: 1.25;

  
  --fill-plain: #8b929c;   

  
  --fill-group: #3a4048;   

  --dash-estimate: 3 2;   
  --dash-plan:     1 3;   

  
  --d1: #184c88;  --d2: #0f7a86;  --d3: #7a4fbf;
  --d4: #a9651d;  --d5: #3f7a3f;  --d6: #96336b;

  
  --d-ink: #ffffff;

  
  --d1-soft: #e8eaf7; --d2-soft: #e7eced; --d3-soft: #ece9f4;
  --d4-soft: #f1eae7; --d5-soft: #e8ece8; --d6-soft: #efe8eb;


  
  
  --surface-raised: var(--n0);
  
  --surface-over: var(--surface-raised);

  
  --sh-raised:  0 0.5px 1px rgba(16,16,22,.06);   
  --sh-popover: 0 1.5px 4px rgba(16,16,22,.12);  
  --sh-modal:   0 2.5px 10px rgba(16,16,22,.22);  

  
  --dur-fast: 120ms;  
  --dur-base: 160ms;  
  --dur-slow: 220ms;  
  --ease-out:    cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);

  
  --z-sticky:  2;   
  --z-header:  10;  
  --z-popover: 30;  
  --z-modal:   50;  

  
  --line-w:        1px;    
  --line-w-strong: 2px;    
  
  
  
  --tl-bracket-h:    5px;   
  --tl-bracket-cap:  7px;   
  --tl-bracket-drop: 5px;   

  --link-w:    1px;
  --link-dim:  .7;         

  --link-head: 5px;        
  --link-head-deg: 30;     
  --link-blind: 7px;       
  --line-w-bar:    3px;    

  
  --tap-min: 44px;

  
  --ctl-h-sm: 22px;

  
  --late-end: 0;

  
  
  
  --modal-inset: 6vh;
  --side-w:  208px;  
  
  --side-w-open: 264px;
  --reg-w:   452px;  
  --row-h:    32px;  
  --form-w:  340px;  
  --measure: 760px;  


  --tl-row: 28px;          
  
  --dg-day:   20px;
  --tl-row-sub: 24px;      
  
  --tl-table-set: 520px;   
  
  --tl-table-w: var(--tl-table-set);
  --tl-bar-h: 14px;        
  --tl-tick-w: 3px;        
  --tl-min-bar: 6px;       
  
  
  
  --tl-track-w: 0px;

  
  --tl-step: 100%;         
  --tl-major: 100%;        
  --tl-band: 100%;         
  --tl-week: 100%;         
  --tl-off-at: 100%;       
  --tl-off-w: 0%;          
  --tl-grid-c: #f2f2f0;    
  --tl-grid-major-c: #e7e7e4; 
  --tl-zebra-c: transparent; 
  --tl-off-c: #eff2f5;     
  --tl-holiday-c: #e7e7ee; 
  
  
  --tl-head-h: 40px;
  --tl-tier-h: 16px;       

  
  --tl-label-step-min: 28px;
  
  --tl-div-min:   var(--tl-label-step-min);
  --tl-label-min: var(--tl-label-step-min);
  
  
  --tl-c-fold: 16px;       
  --tl-name-min: 90px;
  --tl-c-date: 60px;
  --tl-c-days: 44px;
  --tl-prog-col: 104px;
  --tl-c-status: 96px;     
  --tl-cols: minmax(var(--tl-name-min), 1fr)
             var(--tl-c-date) var(--tl-c-date) var(--tl-c-days)
             var(--tl-prog-col);
  
  --tl-cols-status: minmax(var(--tl-name-min), 1fr) var(--tl-c-status)
             var(--tl-c-date) var(--tl-c-date) var(--tl-c-days)
             var(--tl-prog-col);
  --tl-prog-w: 56px;       
  
  --tl-indent: 14px;
  --tl-fold-mark: 14px;    
  --tl-fold-btn:  20px;    
  
  --tl-gutter: calc(var(--tl-fold-btn) + var(--s2));

  
  --stack-item: 26px;
  --tl-grip-w: 5px;               

  

  
  --ray-l: #fafbff;
  --ray-d: #161b1d;

  
  --ctl-edge: transparent;
  
  --well-ink: var(--n9);
  --nav-item-ink: var(--n9);
  
  --field-bg: var(--well-bg);
  --field-relief: var(--well);


  
  --font-mono: var(--font);

  
  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;

  
  --n0: #fcfdff;
  --n1: #f4f6fa;
  --n2: #eef1f6;
  --n3: #e2e6ec;
  --n4: #cbd2db;
  --n6: #5c6570;
  --n7: #545d69;
  --n9: #171b21;

  --accent: #2f5bd0;
  --st-ok: #2c7549;
  --st-old: #8f6410;
  
  --st-none: #6a6d73;
  --brand-action: #22262d;
  --brand-action-ink: #ffffff;

  
  --ray-l: #fafbff;
  --ray-d: #161b1d;
  

  
  --ground: #e8ecf2;
  --grain: radial-gradient(circle, rgb(78 92 112 / 0.2) 0.75px, transparent 1.3px);
  --grain-step: 14px 14px;
  --grain-shift: 7px 7px;
  
  --panel-relief: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 95%, transparent),
    0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 9%, transparent);

  
  
  --sheet-bg: linear-gradient(135deg, #ffffff, #f7f9fd);
  --sheet-edge: color-mix(in srgb, var(--ray-l) 90%, transparent);
  --sheet-lift: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 95%, transparent), 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 9%, transparent), 2px 3px 7px color-mix(in srgb, var(--ray-d) 11%, transparent);

  --tray-bg: linear-gradient(135deg, #f7f9fc, #edf1f6);
  --tray-lift: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 90%, transparent), 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 10%, transparent),
    1.5px 2px 5px color-mix(in srgb, var(--ray-d) 10%, transparent);

  --card-bg: linear-gradient(135deg, var(--ray-l), #f4f7fb);
  --card-edge: color-mix(in srgb, var(--ray-l) 95%, transparent);
  
  --card-lift: 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 10%, transparent), 1px 2px 5px color-mix(in srgb, var(--ray-d) 13%, transparent);
  --card-lift-hover: 0.5px 0.5px 1.5px color-mix(in srgb, var(--ray-d) 12%, transparent), 1.5px 2.5px 5px color-mix(in srgb, var(--ray-d) 16%, transparent);

  
  --ctl-bg: linear-gradient(135deg, #fdfeff, #f5f7fa);
  --ctl-relief: -0.5px -0.5px 2px color-mix(in srgb, var(--ray-l) 95%, transparent), 0.5px 0.5px 2px color-mix(in srgb, var(--ray-d) 20%, transparent);
  
  --link-relief: -0.5px -0.5px 1px color-mix(in srgb, var(--ray-l) 90%, transparent), 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 12%, transparent);
  --link-relief-hover: -0.5px -0.5px 1.5px color-mix(in srgb, var(--ray-l) 95%, transparent), 0.5px 0.5px 1.5px color-mix(in srgb, var(--ray-d) 16%, transparent);
  --ctl-pressed: inset 0.5px 0.5px 1.5px -0.5px color-mix(in srgb, var(--ray-d) 17%, transparent),
    inset -0.5px -0.5px 1.5px -0.5px color-mix(in srgb, var(--ray-l) 85%, transparent);
  --ctl-sink: translate(0.5px, 0.5px);

  
  --ctl-primary-bg: linear-gradient(135deg, #343b45, #232830);
  --ctl-relief-primary: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 12%, transparent),
    -0.5px -0.5px 2px color-mix(in srgb, var(--ray-l) 75%, transparent), 0.5px 1px 2px color-mix(in srgb, var(--ray-d) 32%, transparent);
  --ctl-pressed-primary: inset 0.5px 0.5px 1.5px color-mix(in srgb, var(--ray-d) 50%, transparent);

  
  --seg-track: linear-gradient(135deg, #fdfeff, #f4f6f9);
  --seg-well: -0.5px -0.5px 2px color-mix(in srgb, var(--ray-l) 95%, transparent), 0.5px 0.5px 2px color-mix(in srgb, var(--ray-d) 18%, transparent);

  
  
  --well-bg: #f5f7fa;
  --well: inset 0.5px 0.5px 1px -0.5px color-mix(in srgb, var(--ray-d) 17%, transparent),
    inset -0.5px -0.5px 1px -0.5px color-mix(in srgb, var(--ray-l) 85%, transparent);

  
  
  --nav-sec-bg: #f7f9fc;
  --nav-sec-well: inset 0.5px 0.5px 1px -0.5px color-mix(in srgb, var(--ray-d) 17%, transparent),
    inset -0.5px -0.5px 1px -0.5px color-mix(in srgb, var(--ray-l) 85%, transparent);
  --nav-item-bg: #f4f6fa;
  --nav-item-well: inset 0.5px 0.5px 1px -0.5px color-mix(in srgb, var(--ray-d) 17%, transparent),
    inset -0.5px -0.5px 1px -0.5px color-mix(in srgb, var(--ray-l) 80%, transparent);

  
  
  --bar-lift: 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 8%, transparent),
    2px 3px 7px color-mix(in srgb, var(--ray-d) 10%, transparent);
  --side-drop: 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 6%, transparent),
    3px 2px 9px color-mix(in srgb, var(--ray-d) 11%, transparent);
  --nav-hover: color-mix(in srgb, var(--ray-d) 5%, transparent);

  
  --side-bg: var(--sheet-bg);
  --side-edge: transparent;
  --main-bg: transparent;

  
  --tab-bg: var(--tray-bg);
  --tab-edge: transparent;
  --tab-lift: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 90%, transparent),
    0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 10%, transparent),
    1px 1.5px 3px color-mix(in srgb, var(--ray-d) 8%, transparent);
  --tab-active-bg: var(--n0);

  
  --pad-bg: linear-gradient(135deg, var(--ray-l), #f2f5fa);
  --pad-lift: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 95%, transparent),
    0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 14%, transparent),
    0.5px 1px 1.5px color-mix(in srgb, var(--ray-d) 8%, transparent);

  
  --dot-relief: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 35%, transparent), 0.5px 0.5px 1px color-mix(in srgb, var(--ray-d) 40%, transparent);

  
  --slot-bg: #f5f7fa;
  --slot-well: inset 0.5px 0.5px 1px -0.5px color-mix(in srgb, var(--ray-d) 24%, transparent),
    inset -0.5px -0.5px 1px -0.5px color-mix(in srgb, var(--ray-l) 90%, transparent);
  --pin-bg: linear-gradient(135deg, #737d8b, #697280);
  --pin-relief: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 35%, transparent), 0.5px 0.5px 1.5px color-mix(in srgb, var(--ray-d) 30%, transparent);
  --pin-now-bg: linear-gradient(135deg, #4a74e8, #2f5bd0);
  --pin-now-relief: inset 0.5px 0.5px 0 color-mix(in srgb, var(--ray-l) 30%, transparent), 0.5px 0.5px 1.5px rgb(47 91 208 / 0.45);}
[data-theme="dark"]{--n0: #001929; --n1: #032031; --n2: #000b1b; --n3: #102d41;
  --n4: #1d3e55; --n6: #808f9e; --n7: #9eaab7; --n9: #e8edf2;

  --accent: #7d9dff; --accent-soft: #00274c;

  --st-ok:       #63c08c;  --st-ok-soft:       #052729;
  --st-old:      #d8ad5b;  --st-old-soft:      #21211f;
  --st-none:     #808f9e;  --st-none-soft:     #132030;
  --st-unusable: #ef8079;  --st-unusable-soft: #251b22;

  
  
  --surface-raised: #052233;
  --surface-over:   #0c2a3e;   
  --sh-raised:  0 0.5px 1px rgba(0,0,0,.40);
  --sh-popover: 0 1.5px 4px rgba(0,0,0,.55);
  --sh-modal:   0 2.5px 10px rgba(0,0,0,.65);

  
  --ground: var(--n2);
  
  --grain: radial-gradient(circle, rgb(148 166 190 / 0.13) 0.75px, transparent 1.3px);
  --panel-relief: none;
  --sheet-bg: var(--n0);
  --sheet-edge: var(--n3);
  --sheet-lift: var(--sh-raised);
  --tray-bg: var(--n1);
  --tray-lift: none;
  --card-bg: var(--n0);
  --card-edge: var(--n3);
  --card-lift: var(--sh-raised);
  --card-lift-hover: var(--sh-popover);
  --ctl-bg: var(--n0);
  --ctl-edge: var(--n4);
  --ctl-relief: none;
  --link-relief: none;
  --link-relief-hover: none;
  --ctl-pressed: none;
  --ctl-sink: none;
  --ctl-primary-bg: var(--brand-action);
  --ctl-relief-primary: none;
  --ctl-pressed-primary: none;
  --seg-track: var(--n0);
  --seg-well: none;
  
  --well-bg: var(--n9);
  --well-ink: var(--n0);
  --well: none;
  --field-bg: var(--n0);
  --field-relief: none;
  --nav-sec-bg: transparent;
  --nav-sec-well: none;
  --nav-item-bg: var(--brand-mark);
  --nav-item-ink: var(--brand-mark-ink);
  --nav-item-well: none;
  --nav-hover: var(--n2);
  --side-drop: none;
  --bar-lift: none;
  --side-bg: var(--n1);
  --side-edge: var(--n3);
  --main-bg: var(--n0);
  --tab-bg: var(--n1);
  --tab-edge: var(--n3);
  --tab-lift: none;
  --tab-active-bg: var(--n0);
  --pad-bg: var(--n2);
  --pad-lift: none;
  --dot-relief: none;
  --slot-bg: var(--n2);
  --slot-well: none;
  --pin-bg: var(--fill-plain);
  --pin-relief: none;
  --pin-now-bg: var(--accent);
  --pin-now-relief: none;

  --fill-plain:      #5d6874;
  --fill-group:      #bac2ca;

  --tl-grid-c:       #062031;
  --tl-grid-major-c: #102839;
  --tl-off-c:        #062334;
  --tl-holiday-c:    #0f2a3c;

  --st-ok-soft-hover:       #072c2c;
  --st-old-soft-hover:      #262521;
  --st-none-soft-hover:     #182535;
  --st-unusable-soft-hover: #2c1f26;
  --accent-soft-hover:      #022c54;

  --info: #b09ce8;  --info-soft: #121e3f;  --info-soft-hover: #182245;

  --d-ink: #001929;
  --d1-soft: #384c7e; --d2-soft: #1c535d; --d3-soft: #544579;
  --d4-soft: #614a36; --d5-soft: #2f563d; --d6-soft: #6e3f5d;

  --d1: #7d9dff; --d2: #4fc0cc; --d3: #b18cf0;
  --d4: #e0a45e; --d5: #71bb71; --d6: #e07bb0;}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--n0: #001929; --n1: #032031; --n2: #000b1b; --n3: #102d41;
  --n4: #1d3e55; --n6: #808f9e; --n7: #9eaab7; --n9: #e8edf2;

  --accent: #7d9dff; --accent-soft: #00274c;

  --st-ok:       #63c08c;  --st-ok-soft:       #052729;
  --st-old:      #d8ad5b;  --st-old-soft:      #21211f;
  --st-none:     #808f9e;  --st-none-soft:     #132030;
  --st-unusable: #ef8079;  --st-unusable-soft: #251b22;

  
  
  --surface-raised: #052233;
  --surface-over:   #0c2a3e;   
  --sh-raised:  0 0.5px 1px rgba(0,0,0,.40);
  --sh-popover: 0 1.5px 4px rgba(0,0,0,.55);
  --sh-modal:   0 2.5px 10px rgba(0,0,0,.65);

  
  --ground: var(--n2);
  
  --grain: radial-gradient(circle, rgb(148 166 190 / 0.13) 0.75px, transparent 1.3px);
  --panel-relief: none;
  --sheet-bg: var(--n0);
  --sheet-edge: var(--n3);
  --sheet-lift: var(--sh-raised);
  --tray-bg: var(--n1);
  --tray-lift: none;
  --card-bg: var(--n0);
  --card-edge: var(--n3);
  --card-lift: var(--sh-raised);
  --card-lift-hover: var(--sh-popover);
  --ctl-bg: var(--n0);
  --ctl-edge: var(--n4);
  --ctl-relief: none;
  --link-relief: none;
  --link-relief-hover: none;
  --ctl-pressed: none;
  --ctl-sink: none;
  --ctl-primary-bg: var(--brand-action);
  --ctl-relief-primary: none;
  --ctl-pressed-primary: none;
  --seg-track: var(--n0);
  --seg-well: none;
  
  --well-bg: var(--n9);
  --well-ink: var(--n0);
  --well: none;
  --field-bg: var(--n0);
  --field-relief: none;
  --nav-sec-bg: transparent;
  --nav-sec-well: none;
  --nav-item-bg: var(--brand-mark);
  --nav-item-ink: var(--brand-mark-ink);
  --nav-item-well: none;
  --nav-hover: var(--n2);
  --side-drop: none;
  --bar-lift: none;
  --side-bg: var(--n1);
  --side-edge: var(--n3);
  --main-bg: var(--n0);
  --tab-bg: var(--n1);
  --tab-edge: var(--n3);
  --tab-lift: none;
  --tab-active-bg: var(--n0);
  --pad-bg: var(--n2);
  --pad-lift: none;
  --dot-relief: none;
  --slot-bg: var(--n2);
  --slot-well: none;
  --pin-bg: var(--fill-plain);
  --pin-relief: none;
  --pin-now-bg: var(--accent);
  --pin-now-relief: none;

  --fill-plain:      #5d6874;
  --fill-group:      #bac2ca;

  --tl-grid-c:       #062031;
  --tl-grid-major-c: #102839;
  --tl-off-c:        #062334;
  --tl-holiday-c:    #0f2a3c;

  --st-ok-soft-hover:       #072c2c;
  --st-old-soft-hover:      #262521;
  --st-none-soft-hover:     #182535;
  --st-unusable-soft-hover: #2c1f26;
  --accent-soft-hover:      #022c54;

  --info: #b09ce8;  --info-soft: #121e3f;  --info-soft-hover: #182245;

  --d-ink: #001929;
  --d1-soft: #384c7e; --d2-soft: #1c535d; --d3-soft: #544579;
  --d4-soft: #614a36; --d5-soft: #2f563d; --d6-soft: #6e3f5d;

  --d1: #7d9dff; --d2: #4fc0cc; --d3: #b18cf0;
  --d4: #e0a45e; --d5: #71bb71; --d6: #e07bb0;}}
@media (max-width: 719px){:root{--tl-c-date: 44px;
    --tl-c-days: 32px;
    --tl-prog-col: 48px;
    
    --tl-table-set: min(520px, 100cqw);}}
.tn.okna{--font: "Golos Text", -apple-system, "Helvetica Neue", Arial, sans-serif; 
  --w-light: 400;             
  --fs-10: 10px;              
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px;
  --fs-20: 20px; --fs-24: 24px; --fs-32: 32px; --fs-44: 44px;

  
  --ground: #eef0f2;
  --card: #ffffff;
  --card-2: #f6f7f8;          
  --hair: #e6e9ec;            
  --field: #ffffff; --field-line: #d9dde2;
  --bar-rest: #e9ecef;        
  --hair-strong: #d2d6db;     
  --ink-4: #a9aeb5;           
  --seg-on: #ffffff;          
  --track: #e9ecef;           
  --track-line: #d9dde2;
  --veil: rgba(17, 20, 23, .28);

  
  --ink: #111417;
  --ink-2: #5b6470;
  --ink-3: #646b77;           
  --attn-text: #ab5109;       
  --on-ink: #ffffff;

  
  --attn: #f07f1a;
  --attn-ink: #111417;
  --attn-dark: #d9ff3a;       

  
  --st-ok: #2c7549;      --st-ok-bg: #e2f0dc;
  --st-old: #955800;     --st-old-bg: #fbf0d4;
  --st-none: #62656b;    --st-none-bg: #eceef0;
  --st-unusable: #b92c15; --st-unusable-bg: #fbe4dc;
  --up: #2c7549; --down: #c23b25;

  
  --ev-off: #5f7029;

  
  
  --tint-olive: linear-gradient(135deg, #556427, #3d481c);
  --tint-rose:  linear-gradient(135deg, #c48c88, #9f6a66);
  --tint-navy:  linear-gradient(135deg, #34497a, #1f2f52);
  --tint-slate: linear-gradient(135deg, #4d5761, #2e353d);
  --tint-sand:  linear-gradient(135deg, #b39a6b, #8c7549);

  
  --cl-red: #c22e37;
  --cl-vermilion: #b54326;
  --cl-orange: #a0561c;
  --cl-amber: #896214;
  --cl-olive: #656f20;
  --cl-green: #287835;
  --cl-teal: #227661;
  --cl-cyan: #1f747b;
  --cl-sky: #257095;
  --cl-azure: #2c6bb2;
  --cl-blue: #3e62cf;
  --cl-indigo: #6258cf;
  --cl-violet: #7c4ecc;
  --cl-purple: #983cc6;
  --cl-magenta: #a838a8;
  --cl-pink: #b5357f;
  --cl-rose: #ba3662;
  --cl-brown: #8f5e45;
  --cl-slate: #5a6b82;
  --cl-graphite: #6a6a6a;

  
  --r-ctl: 10px; --r-card: 20px; --r-modal: 24px; --r-pill: 999px;
  --sh-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --sh-md: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .07);
  --sh-lg: 0 2px 4px rgba(16, 24, 40, .06), 0 24px 64px rgba(16, 24, 40, .16);
  --gap: 16px; --pad: 20px; --page: 32px;

  
  
  --c: var(--cl-graphite);   
  --p: 0%;                   
  --pl: var(--ink);          
  --pd: var(--ink);          
  --pt: var(--on-ink);       
  --pw: 14px;                

  --prod-project-l: #1EC1CB;  --prod-project-d: #2EDCE6;
  --prod-time-l:    #F1FEC8;  --prod-time-d:    #C6FF34;
  --prod-off-l:     #F6E6EA;  --prod-off-d:     #FF7BB0;
  --prod-finance-l: #B2D5E5;  --prod-finance-d: #5CB8F0;
  --sec-company-l:  #DCD0FF;  --sec-company-d:  #A78BFA;
  --sec-platform-l: #D6DCFF;  --sec-platform-d: #8B9CFF;
  --sec-admin-l:    #C8F7DC;  --sec-admin-d:    #3DDC97;}
.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna{--n0: var(--card); --n1: var(--card-2); --n2: var(--ground); --n3: var(--hair); --n4: var(--hair-strong);
  --n6: var(--ink-3); --n7: var(--ink-2); --n9: var(--ink);
  --accent-soft: var(--card-2); --surface-raised: var(--card); --surface-over: var(--card-2); --field-bg: var(--field);
  
  --sheet-bg: var(--card); --tray-bg: var(--card-2); --card-bg: var(--card); --main-bg: var(--card);
  --ctl-bg: var(--card); --ctl-edge: var(--hair-strong); --seg-track: var(--card-2); --tab-bg: var(--card-2); --tab-active-bg: var(--card);
  --well-bg: var(--ink); --well-ink: var(--card); --nav-hover: var(--card-2); --side-bg: var(--ground);
  --pad-bg: var(--ground); --slot-bg: var(--ground); --accent-soft-hover: var(--card-2);
  
  --tl-grid-c: var(--hair); --tl-grid-major-c: var(--hair-strong); --tl-off-c: var(--card-2); --tl-holiday-c: color-mix(in srgb, var(--hair) 45%, var(--card-2));

  
  --ground: #232528; --card: #2d3034; --card-2: #373b40; --hair: #444850; --hair-strong: #52565e;
  --field: #282b2f; --field-line: #4a4e56; --bar-rest: #454951; --ink-4: #82878e; --seg-on: #454951; --track: #282b2f; --track-line: #444850;
  --ink: #ffffff; --ink-2: #c6cad0; --ink-3: #a6abb2; --on-ink: #111417;
  --attn-text: #d9ff3a;
  --attn: #d9ff3a; --attn-ink: #111417;
  
  --st-ok: #67c98a; --st-ok-bg: rgba(44, 117, 73, .28);
  --st-old: #f0b94a; --st-old-bg: rgba(184, 120, 12, .28);
  --st-none: #b7bcc3; --st-none-bg: rgba(255, 255, 255, .08);
  --st-unusable: #ff9e85; --st-unusable-bg: rgba(210, 69, 46, .28);
  --up: #5cbf80; --down: #f0705a;
  --sh-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --sh-md: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);
  --sh-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 24px 64px rgba(0, 0, 0, .6);
  --veil: rgba(0, 0, 0, .55);}
@media (prefers-color-scheme: dark){.tn.okna:not([data-theme="light"]):not([data-theme="light"] *){--n0: var(--card); --n1: var(--card-2); --n2: var(--ground); --n3: var(--hair); --n4: var(--hair-strong);
  --n6: var(--ink-3); --n7: var(--ink-2); --n9: var(--ink);
  --accent-soft: var(--card-2); --surface-raised: var(--card); --surface-over: var(--card-2); --field-bg: var(--field);
  
  --sheet-bg: var(--card); --tray-bg: var(--card-2); --card-bg: var(--card); --main-bg: var(--card);
  --ctl-bg: var(--card); --ctl-edge: var(--hair-strong); --seg-track: var(--card-2); --tab-bg: var(--card-2); --tab-active-bg: var(--card);
  --well-bg: var(--ink); --well-ink: var(--card); --nav-hover: var(--card-2); --side-bg: var(--ground);
  --pad-bg: var(--ground); --slot-bg: var(--ground); --accent-soft-hover: var(--card-2);
  
  --tl-grid-c: var(--hair); --tl-grid-major-c: var(--hair-strong); --tl-off-c: var(--card-2); --tl-holiday-c: color-mix(in srgb, var(--hair) 45%, var(--card-2));

  
  --ground: #232528; --card: #2d3034; --card-2: #373b40; --hair: #444850; --hair-strong: #52565e;
  --field: #282b2f; --field-line: #4a4e56; --bar-rest: #454951; --ink-4: #82878e; --seg-on: #454951; --track: #282b2f; --track-line: #444850;
  --ink: #ffffff; --ink-2: #c6cad0; --ink-3: #a6abb2; --on-ink: #111417;
  --attn-text: #d9ff3a;
  --attn: #d9ff3a; --attn-ink: #111417;
  
  --st-ok: #67c98a; --st-ok-bg: rgba(44, 117, 73, .28);
  --st-old: #f0b94a; --st-old-bg: rgba(184, 120, 12, .28);
  --st-none: #b7bcc3; --st-none-bg: rgba(255, 255, 255, .08);
  --st-unusable: #ff9e85; --st-unusable-bg: rgba(210, 69, 46, .28);
  --up: #5cbf80; --down: #f0705a;
  --sh-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --sh-md: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);
  --sh-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 24px 64px rgba(0, 0, 0, .6);
  --veil: rgba(0, 0, 0, .55);}}
.tn, .tn *{box-sizing: border-box;}
.tn{font: var(--f-ui)/var(--lh-base) var(--font);
  color: var(--n9);
  background: var(--n0);
  -webkit-font-smoothing: antialiased;}
.tn{accent-color: var(--accent);
  caret-color: var(--n9);
  scrollbar-color: var(--n4) transparent;}
@keyframes tn-fade{from { opacity: 0 } to { opacity: 1 }}
@keyframes tn-rise{from { opacity: 0; transform: translateY(8px) }
                     to   { opacity: 1; transform: none }}
@keyframes tn-spin{to { transform: rotate(360deg) }}
@media (prefers-reduced-motion: reduce){@keyframes tn-rise{from { opacity: 0 } to { opacity: 1 }}}
.tn{background-color: var(--ground);
  background-image: var(--grain);
  background-size: var(--grain-step);
  background-position: var(--grain-shift);}
.tn{accent-color: var(--accent);
  caret-color: var(--n9);
  scrollbar-color: var(--n4) transparent;}
:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .card{box-shadow: none;}
:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .tag.attn{background: var(--attn); color: var(--attn-ink);}
:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .card--tint{--sh-md: none;}
.tn.okna .card{background: var(--card); border-radius: var(--r-card); box-shadow: var(--sh-md); padding: var(--pad); display: flex; min-width: 0; flex-direction: column; gap: 14px; position: relative;}
.tn.okna .card-head{display: flex; align-items: center; gap: 10px;}
.tn.okna .card-head .ring{width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--hair); display: grid; place-items: center; color: var(--ink-2); flex: none;}
.tn.okna .card-head .ring svg{width: 15px; height: 15px;}
.tn.okna .ring svg{width: 15px; height: 15px;}
.tn.okna .card-head .lbl{font-size: var(--fs-13); color: var(--ink-2);}
.tn.okna .card-head .lbl small{display: block; color: var(--ink-3); font-size: var(--fs-12);}
.tn.okna .card--tint{color: #fff; --ink-2: rgba(255, 255, 255, .88); --ink-3: rgba(255, 255, 255, .8); --hair: rgba(255, 255, 255, .35); --attn: var(--attn-dark); --attn-ink: #111417;}
.tn.okna .card--tint .card-head .ring{border-color: rgba(255, 255, 255, .7); color: #fff;}
.tn.okna .card--olive{background: var(--tint-olive);}
.tn.okna .card--tint .fig .v b,.tn.okna .card--tint .fig .u,.tn.okna .card--tint .fig .cur,.tn.okna .card--tint .sub{color: var(--ink-3);}
.tn.okna .fig{display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; line-height: 1; letter-spacing: -.01em;}
.tn.okna .fig .v{font-size: var(--fs-32); font-weight: var(--w-light); font-variant-numeric: proportional-nums lining-nums; white-space: nowrap;}
.tn.okna .fig .v b{font-weight: var(--w-light); color: var(--ink-3);}
.tn.okna .fig.xl .v{font-size: var(--fs-44);}
.tn.okna .fig.lg .v{font-size: var(--fs-32);}
.tn.okna .fig .u{font-size: var(--fs-13); color: var(--ink-3);}
.tn.okna .fig .cur{font-size: var(--fs-16); color: var(--ink-3); font-weight: var(--w-light);}
.tn.okna .sub{font-size: var(--fs-12); color: var(--ink-3); display: flex; align-items: center; gap: 8px;}
.tn.okna .btn{display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 16px; border-radius: var(--r-pill); border: 1px solid var(--field-line); background: var(--card); color: var(--ink); font: 500 var(--fs-13)/1 var(--font); cursor: pointer; white-space: nowrap;}
.tn.okna .btn.primary{background: var(--ink); color: var(--on-ink); border-color: var(--ink);}
.tn.okna .btn svg{width: 14px; height: 14px;}
.tn.okna .tag .dot{width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none;}
.tn.okna .tag{display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: var(--r-pill); font-size: var(--fs-12); background: var(--card-2); color: var(--ink-2); white-space: nowrap;}
.tn.okna .tag.ok{background: var(--st-ok-bg); color: var(--st-ok);}
.tn.okna .tag.old{background: var(--st-old-bg); color: var(--st-old);}
.tn.okna .tag.attn{background: var(--attn); color: var(--attn-ink);}
.tn.okna .attn{color: var(--attn-text);}
.tn.okna .tabs{display: inline-flex; gap: 4px; padding: 4px; border-radius: var(--r-pill); background: var(--track); border: 1px solid var(--track-line);}
.tn.okna .tab{height: 32px; padding: 0 14px 0 12px; border-radius: var(--r-pill); display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-13); color: var(--ink); border: 1px solid var(--track-line); white-space: nowrap;}
.tn.okna .tab svg{width: 14px; height: 14px; color: var(--ink-2);}
.tn.okna .tab.is-on{background: var(--card); color: var(--ink); border-color: transparent; box-shadow: var(--sh-sm); font-weight: 500;}
.tn.okna .tab.is-on svg{color: var(--ink);}
.tn.okna .card--tint .tabs, :is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .tabs{--track: rgba(255,255,255,.10); --track-line: rgba(255,255,255,.28);}
:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .tab{color: rgba(255,255,255,.85);}
.tn.okna .card--tint .tab{color: #fff;}
.tn.okna .card--tint .tab svg,:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .tab svg{color: rgba(255,255,255,.7);}
.tn.okna .card--tint .tab.is-on,:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .tab.is-on{background: #ffffff; color: #111417;}
.tn.okna .card--tint .tab.is-on svg,:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .tab.is-on svg{color: #111417;}
.tn.okna .tbl{width: 100%; border-collapse: collapse; font-size: var(--fs-10);}
.tn.okna .tbl th{text-align: left; font-weight: 500; font-size: var(--fs-10); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); padding: 0 10px 8px; white-space: nowrap;}
.tn.okna .tbl td{padding: 0 10px; height: 32px; max-height: 32px; box-sizing: border-box; border-top: 1px solid var(--hair); white-space: nowrap;}
.tn.okna .tbl .cur{color: var(--ink-3); font-size: var(--fs-10); margin-left: 4px;}
.tn.okna .tbl .sub{display: block; font-size: var(--fs-10); color: var(--ink-3); line-height: 1; margin-top: 0;}
.tn.okna .tbl .st{width: 26px; padding-right: 0;}
.tn.okna .tbl .st i{display: block; width: 8px; height: 8px; border-radius: 50%;}
.tn.okna .tbl .ok i{background: var(--st-ok);}
.tn.okna .tbl .old i{background: var(--st-old);}
.tn.okna .tbl tbody tr:hover td{background: var(--card-2);}
.tn.okna .tbl .who{display: inline-flex; align-items: center; gap: 8px;}
.tn.okna .sheet{padding: 40px var(--page); display: flex; flex-direction: column; gap: 40px;}
.tn.okna .row{display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
.tn.okna .tbl td > .row{flex-wrap: nowrap;}
.tn.okna .plist-row[data-depth="1"]{--plist-depth: 1;}
.tn.okna .plist-row[data-depth="2"]{--plist-depth: 2;}
.tn.okna .plist-row[data-depth="3"]{--plist-depth: 3;}
.tn.okna .plist-row[data-depth="4"]{--plist-depth: 4;}
.tn.okna .plist-row[data-depth="5"]{--plist-depth: 5;}
.tn.okna .frame{position: relative;}
.tn.okna .row > input:not([type="checkbox"]):not([type="radio"]),.tn.okna .row > select,.tn.okna .row > textarea,.tn.okna .tbl input:not([type="checkbox"]):not([type="radio"]),.tn.okna .tbl select{height: 34px; padding: 0 14px; border-radius: var(--r-pill);
  border: 1px solid var(--field-line); background: var(--card);
  font: inherit; color: var(--ink); min-width: 0; max-width: 100%;}
.tn.okna .row > textarea{height: 72px; padding-top: 9px; border-radius: 14px;}
.tn.okna .row > input:focus-visible,.tn.okna .tbl input:focus-visible{border-color: var(--ink); outline: none;}
.tn.okna .card--tint .tag{background: rgba(255,255,255,.14); color: #fff;}
.tn.okna .card--tint .tag.attn{background: var(--attn-dark); color: #111417;}
.tn.okna .card--tint .btn{background: rgba(255,255,255,.14); border-color: transparent; color: #fff;}
.tn.okna .card--tint .btn.primary{background: #111417; color: #fff;}
.tn.okna .list{display: flex; flex-direction: column;}
.tn.okna .list .li{display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--hair); font-size: var(--fs-13);}
.tn.okna .list .li:first-child{border-top: 0;}
.tn.okna .card > .row{flex-wrap: nowrap;}
@media (max-width: 1180px){.tn.okna .card > .row{flex-wrap: wrap;}}
.tn.okna .tbl .late i{background: var(--attn);}
.tn.okna .card-head .ring{position: relative; overflow: visible;}
.tn.okna .card-head .ring svg.arc,.tn.okna .ring svg.arc{position: absolute; inset: -1px; width: 34px; height: 34px; transform: rotate(-90deg);}
.tn.okna .ring .arc circle{fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round;}
.tn.okna .ring .arc .rest{stroke: var(--hair); stroke-width: 1;}
.tn.okna .card--tint .ring .arc circle{stroke: #fff;}
.tn.okna .card--tint .ring .arc .rest{stroke: rgba(255,255,255,.35);}
.tn.okna .card-head .lbl{flex: 1; min-width: 0;}
.tn.okna .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--ink-3)); flex: none;}
.tn.okna .cl--cat-1{--c: var(--cl-azure);}
.tn.okna .cl--cat-2{--c: var(--cl-cyan);}
.tn.okna .cl--cat-3{--c: var(--cl-violet);}
.tn.okna .cl--cat-4{--c: var(--cl-orange);}
.tn.okna .cl--cat-5{--c: var(--cl-green);}
.tn.okna .cl--cat-6{--c: var(--cl-pink);}
:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .card{box-shadow: inset 0 0 0 1px var(--hair);}
.tn.okna .btn.is-on{background: var(--card-2); border-color: transparent;}
.tn.okna .card .prod{display: flex; align-items: center; gap: 8px;}
.tn.okna .card .prod .nj{width: 34px; height: 31px;}
.tn.okna .card .prod .wd{display: flex; flex-direction: column; align-items: flex-start; gap: 2px; line-height: 1.05;}
.tn.okna .card .prod .wd b{font-weight: 700; font-size: 18px; color: var(--pt, #111417); background: var(--pl); padding: 0 6px; border-radius: 5px; line-height: 1.25; letter-spacing: -.01em; white-space: nowrap;}
.tn.okna .card .prod .wd small{font-size: 6px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; padding-left: 1px;}
:is(.tn.okna[data-theme="dark"], [data-theme="dark"] .tn.okna) .card .prod .wd b{background: none; color: var(--pd); padding: 0;}
@media (max-width: 720px){.tn.okna .card{overflow: hidden;}
.tn.okna .card-head{flex-wrap: wrap;}
.tn.okna .tabs{max-width: 100%; overflow-x: auto; scrollbar-width: none;}
.tn.okna .card{padding: 16px; gap: 12px;}
.tn.okna .card > .row{flex-wrap: wrap;}
.tn.okna .fig.lg .v{font-size: var(--fs-24);}
.tn.okna .tbl{min-width: max-content;}
.tn.okna .sheet{padding: 24px 16px;}}
@media (max-width: 720px){.tn.okna .btn{height: 40px;}}
.tn.okna [data-prod="project"]{--pl: var(--prod-project-l); --pd: var(--prod-project-d); --pt: var(--ink);}
.tn.okna [data-prod="time"]{--pl: var(--prod-time-l);    --pd: var(--prod-time-d);    --pt: var(--ink);}
.tn.okna [data-prod="off"]{--pl: var(--prod-off-l);     --pd: var(--prod-off-d);     --pt: var(--ink);}
.tn.okna [data-prod="finance"]{--pl: var(--prod-finance-l); --pd: var(--prod-finance-d); --pt: var(--ink);}
.tn.okna [data-prod="company"]{--pl: var(--sec-company-l);  --pd: var(--sec-company-d);  --pt: var(--ink);}
.tn.okna [data-prod="platform"]{--pl: var(--sec-platform-l); --pd: var(--sec-platform-d); --pt: var(--ink);}
.tn.okna [data-prod="admin"]{--pl: var(--sec-admin-l);    --pd: var(--sec-admin-d);    --pt: var(--ink);}
.tn.okna a.link{display: inline; padding: 0; border-radius: 0; background: none; box-shadow: none; font-weight: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--hair-strong);}
.tn.okna a.link:hover{text-decoration-color: var(--ink);}
.tn.okna a.link:active{background: none; box-shadow: none;}
.tn.okna .row,.tn.okna .row:hover{background: transparent; border-bottom: 0; padding: 0;}
.tn.okna .ring{width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--hair); display: grid; place-items: center; color: var(--ink-2); flex: none; position: relative; overflow: visible;}
@media (prefers-color-scheme: dark){.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .card{box-shadow: none;}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .tag.attn{background: var(--attn); color: var(--attn-ink);}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .card--tint{--sh-md: none;}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .tabs{--track: rgba(255,255,255,.10); --track-line: rgba(255,255,255,.28);}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .tab{color: rgba(255,255,255,.85);}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .tab svg{color: rgba(255,255,255,.7);}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .tab.is-on{background: #ffffff; color: #111417;}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .tab.is-on svg{color: #111417;}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .card{box-shadow: inset 0 0 0 1px var(--hair);}
.tn.okna:not([data-theme="light"]):not([data-theme="light"] *) .card .prod .wd b{background: none; color: var(--pd); padding: 0;}}
.tn .tl-row[data-depth="1"] .nm{--tl-depth: 1;}
.tn .tl-row[data-depth="2"] .nm{--tl-depth: 2;}
.tn .tl-row[data-depth="3"] .nm{--tl-depth: 3;}
.tn .tl-row[data-depth="4"] .nm{--tl-depth: 4;}
.tn .tl-row[data-depth="5"] .nm{--tl-depth: 5;}
.tn .tl-row--deep .nm{--tl-depth: 5;}
.tn .tl{--tl-edge-cut: 18px;}
.tn .tl-row:hover, .tn .tl-row.is-hot{--tl-row-bg: var(--n1);}
.tn .tl-row--section{--tl-row-bg: var(--n2);}
.tn .tl-row--section:hover, .tn .tl-row--section.is-hot{--tl-row-bg: var(--n3);}
.tn .tl-row.is-picked{--tl-row-bg: var(--accent-soft);}
.tn .tl-row.is-picked:hover{--tl-row-bg: var(--accent-soft-hover);}
.tn .tl--no-table{--tl-table-w: 0px;}
@media (min-width: 961px){.tn .tl--only-table{--tl-cols: var(--tl-cols-status);}}
.tn.okna{font: var(--fs-14)/1.4 var(--font);
  color: var(--ink);
  background: var(--ground);
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums lining-nums;}
.tn.okna *,.tn.okna *::before,.tn.okna *::after{box-sizing: border-box;}
.tn.okna h1,.tn.okna h2,.tn.okna h3,.tn.okna p{margin: 0; font-weight: 400;}
.tn.okna a{color: inherit; text-decoration: none;}
.tn.okna svg{display: block;}
.tn.okna .nj{--b: var(--ink); --h: var(--ink-3); flex: none; overflow: visible;}
.tn.okna .top .brand .nj{width: 34px; height: 31px;}
.tn.okna .top .brand .wd{display: flex; flex-direction: column; line-height: 1; font-weight: 700; font-size: 13px; letter-spacing: -.01em; gap: 1px;}
.tn.okna .tl{--n0: var(--card);
  --n1: var(--card-2);
  --n2: var(--hair);
  --n3: var(--bar-rest);
  --n4: var(--field-line);
  --n6: var(--ink-3);
  --n7: var(--ink-2);
  --n9: var(--ink);
  
  --accent: var(--ink);
  --accent-soft: var(--card-2);
  --accent-soft-hover: color-mix(in srgb, var(--ink) 3%, var(--card-2));
  
  --fill-plain: var(--bar-rest);
  --fill-group: var(--ink);
  --st-unusable: var(--attn);
  
  --tl-row: var(--row-h);
  --tl-row-sub: 26px;
  --tl-bar-h: 12px;
  --tl-bracket-h: 4px;
  --tl-bracket-cap: 3px;
  --tl-bracket-drop: 3px;
  --tl-table-set: 560px;
  
  --tl-grid-c: var(--hair);
  --tl-grid-major-c: var(--hair-strong);
  --tl-off-c: var(--card-2);
  
  --tl-holiday-c: color-mix(in srgb, var(--hair) 45%, var(--card-2));
  --tl-zebra-c: transparent;}
.tn.okna .tl-pane .tl:not(.tl--no-table, .tl--only-table){--tl-track-min: 240px;
  --tl-table-brief: 328px;
  --tl-table-w: min(var(--tl-table-set), 100cqw - var(--tl-gutter) - var(--tl-track-min));}
@container tl-pane (min-width: 460px) and (max-width: 827px){.tn.okna .tl-pane .tl:not(.tl--no-table, .tl--only-table){--tl-table-w: min(var(--tl-table-brief), 100cqw - var(--tl-gutter) - var(--tl-track-min));
    --tl-cols: minmax(0, 1fr) var(--tl-c-date);}
.tn.okna .tl-pane .tl.tl--years:not(.tl--no-table, .tl--only-table){--tl-cols: minmax(0, 1fr) var(--tl-c-date-years);}}
@container tl-pane (max-width: 459px){.tn.okna .tl-pane .tl:not(.tl--no-table, .tl--only-table){--tl-cols: auto minmax(0, 1fr);}
.tn.okna .tl-pane .tl-row[data-depth="1"] > .tl-cells{--tl-brief-depth: 1;}
.tn.okna .tl-pane .tl-row[data-depth="2"] > .tl-cells{--tl-brief-depth: 2;}
.tn.okna .tl-pane .tl-row[data-depth="3"] > .tl-cells{--tl-brief-depth: 3;}
.tn.okna .tl-pane .tl-row[data-depth="4"] > .tl-cells{--tl-brief-depth: 4;}
.tn.okna .tl-pane :is(.tl-row[data-depth="5"], .tl-row--deep) > .tl-cells{--tl-brief-depth: 5;}}
@media (max-width: 720px){.tn.okna .tl--only-table{--tl-c-date-tier: 56px;
    --tl-cols: minmax(0, 1fr) var(--tl-c-date-tier) var(--tl-c-date-tier) var(--tl-c-days) var(--tl-prog-col);}
.tn.okna .tl--only-table.tl--years{--tl-c-date-tier: 84px;}}
.tn.okna .tl.tl--years{--tl-c-date-years: 84px;
  --tl-cols-status: minmax(var(--tl-name-min), 1fr) var(--tl-c-status)
    var(--tl-c-date-years) var(--tl-c-date-years) var(--tl-c-days) var(--tl-prog-col);}
@media (min-width: 721px){.tn.okna .tl.tl--years{--tl-cols: minmax(var(--tl-name-min), 1fr)
      var(--tl-c-date-years) var(--tl-c-date-years) var(--tl-c-days) var(--tl-prog-col);}}
@media (min-width: 961px){.tn.okna .tl.tl--years.tl--only-table{--tl-cols: var(--tl-cols-status);}}
@media (max-width: 720px){.tn.okna .tl.tl--years:not(.tl--only-table){--tl-cols: minmax(var(--tl-name-min), 1fr)
      var(--tl-c-date-years) var(--tl-c-date-years) var(--tl-c-days) var(--tl-prog-col);}}