/* ---- Windows на проєктор ----
   Усі розміри — у пікселях віртуального екрана 1366×768 (100 %). Екран
   масштабується цілком через transform, тож тут значення як у справжній
   Windows. Базові скидання — через :where, щоб будь-який клас їх перебивав.
   Перенесено зі старого сайту уроків. На сторінці екран тримає пропорцію
   1366×768; «На весь екран» — як і раніше. Нижче — захист від глобальних
   стилів порталу (.btn, поля вводу), які інакше протекли б у схему. */
.wnx :where(.wn-scr) .btn{color:inherit;border-radius:0;font-weight:inherit;transition:none}
.wnx :where(.wn-scr) :is(input,textarea){padding:revert;border:revert;width:revert;background:revert}
.wnx:not(:fullscreen) .wn-stage{flex:none;width:100%;aspect-ratio:1366/768}
.wnx{padding:10px clamp(10px,2vw,28px) 8px;gap:8px;overflow:hidden}
.wnx .proj-bar h2{margin-right:4px}
.wnx .proj-chips{margin-right:auto}
.wnx .wn-stage{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;border-radius:4px}
.wnx .wn-hint{margin:0;font-family:var(--f-ui);font-size:12.5px;line-height:1.4;color:var(--ink-3)}
.wnx:fullscreen{padding:0;gap:0;background:#000}
.wnx:fullscreen .proj-bar,.wnx:fullscreen .wn-hint{display:none}
.wnx:fullscreen .wn-stage{border-radius:0}

.wnx .wn-scr{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#000;outline:none;cursor:default;
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.35;color:#1B1B1B;
  user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;color-scheme:light}
.wnx :where(.wn-scr) *{box-sizing:border-box}
.wnx :where(.wn-scr) button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:default;text-align:inherit}
.wnx :where(.wn-scr) input,.wnx :where(.wn-scr) textarea{font:inherit;color:inherit;user-select:text;-webkit-user-select:text;outline:none;margin:0;min-height:0;border-radius:0}
.wnx :where(.wn-scr) svg{display:block;flex:none}
.wnx .wn-scr :focus-visible{outline:none}
.wnx .wn-scr [disabled]{pointer-events:none}
.wnx .wn-wall{position:absolute;inset:0}
.wnx .wn-wall svg{width:100%;height:100%}

/* ---- робочий стіл ---- */
.wnx .wn-desk{position:absolute;left:0;top:0;right:0}
.wnx .wn-desk .di{position:absolute;display:flex;flex-direction:column;align-items:center;padding:2px 1px 3px;border:1px solid transparent;color:#FFFFFF}
.wnx .wn-desk .di .ic{display:flex;align-items:flex-end;justify-content:center;margin:1px 0 3px}
.wnx .wn-desk .di .ic svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.wnx .wn-desk .di .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;padding:0 2px;
  text-align:center;word-break:break-word;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.7)}
.wnx .wn-desk .di:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
.wnx .wn-desk .di.sel{background:rgba(120,170,230,.42);border-color:rgba(170,208,255,.6);z-index:2}
.wnx .wn-desk .di.sel .nm{-webkit-line-clamp:6}
.wnx .wn-desk .di.dropt{background:rgba(120,170,230,.5);border-color:rgba(190,220,255,.8)}
.wnx .wn-desk .di.cut .ic{opacity:.5}
.wnx .wn-desk .di .ren{color:#000000}
.wnx .w11 .wn-desk .di{border-radius:4px}
.wnx .wn-scr .ren{display:block;width:100%;min-width:64px;resize:none;overflow:hidden;border:1px solid #1B1B1B;background:#FFFFFF;color:#000000;
  padding:0 2px;line-height:1.3;text-align:center;word-break:break-word;text-shadow:none}
.wnx .wn-scr .ren.line{flex:1;width:auto;min-width:90px;height:20px;padding:0 3px;text-align:left;white-space:pre;word-break:normal;border-color:#0078D7}
.wnx .wn-scr .ren::selection{background:#0078D7;color:#FFFFFF}

/* ---- панель завдань ---- */
.wnx .wn-bar{position:absolute;left:0;right:0;bottom:0;z-index:100000;display:flex;align-items:stretch}
.wnx .w10 .wn-bar{background:rgba(18,18,20,.9);backdrop-filter:blur(24px) saturate(1.3);color:#FFFFFF}
.wnx .w10 .wn-bar .tbs{width:48px;display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.wnx .w10 .wn-bar .tbs:hover{background:rgba(255,255,255,.1);color:#4CC2FF}
.wnx .w10 .wn-bar .tbs.act{background:rgba(255,255,255,.16)}
.wnx .w10 .wn-bar .tsb{width:292px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#F2F2F2;color:#1B1B1B;border:1px solid transparent}
.wnx .w10 .wn-bar .tsb:focus-within{background:#FFFFFF;border-color:#0078D7}
.wnx .w10 .wn-bar .tsb input{flex:1;min-width:0;border:0;background:transparent;color:#000000;font-size:13px;padding:0}
.wnx .w10 .wn-bar .tsb input::placeholder{color:#5A5A5A}
.wnx .w10 .wn-bar .tbi{width:48px;display:flex;align-items:center;justify-content:center;position:relative}
.wnx .w10 .wn-bar .tbi:hover{background:rgba(255,255,255,.1)}
.wnx .w10 .wn-bar .tbi.act{background:rgba(255,255,255,.18)}
.wnx .w10 .wn-bar .tbi.run::after{content:"";position:absolute;left:5px;right:5px;bottom:0;height:2px;background:#76B9ED}
.wnx .w10 .wn-bar .tbi.act::after{left:0;right:0}
.wnx .w10 .wn-bar .tbi.multi{box-shadow:inset -2px 0 0 rgba(255,255,255,.12)}
.wnx .w10 .wn-bar .tv{color:#FFFFFF}
.wnx .wn-bar .tray{margin-left:auto;display:flex;align-items:center;height:100%}
.wnx .w10 .wn-bar .tri{width:26px;height:100%;display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.wnx .w10 .wn-bar .tri:hover,.wnx .w10 .wn-bar .lng:hover,.wnx .w10 .wn-bar .clk:hover{background:rgba(255,255,255,.1)}
.wnx .wn-bar .lng{padding:0 8px;height:100%;display:flex;align-items:center;font-size:12px}
.wnx .wn-menu .mi.two,.wnx .wn-menu.st11 .mi.two{height:48px}
.wnx .wn-menu .mi.two .mt{display:flex;flex-direction:column;line-height:1.3}
.wnx .wn-menu .mi.two small{font-size:11.5px;opacity:.7}
.wnx .wn-menu .mi.on{background:rgba(0,120,215,.16)}
.wnx .wn-menu.dark .mi.on{background:rgba(255,255,255,.14)}
.wnx .wn-menu .mic .lc{font-size:12px;font-weight:600;width:auto}
.wnx .wn-menu .mi.two .mic{width:56px}
.wnx .wn-bar .clk{padding:0 8px;height:100%;display:flex;align-items:center;text-align:center;font-size:12px;line-height:1.35}
.wnx .wn-bar .sdk{width:7px;height:100%;border-left:1px solid rgba(255,255,255,.3);margin-left:4px}
.wnx .wn-bar .sdk:hover{background:rgba(255,255,255,.12)}
.wnx .w11 .wn-bar{background:rgba(238,242,248,.86);backdrop-filter:blur(30px) saturate(1.6);border-top:1px solid rgba(0,0,0,.08);color:#1A1A1A}
.wnx .w11 .wn-bar .tbc{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:4px}
.wnx .w11 .wn-bar .tbi{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}
.wnx .w11 .wn-bar .tbi:hover,.wnx .w11 .wn-bar .tbi.act{background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.wnx .w11 .wn-bar .tbi.run::after{content:"";position:absolute;bottom:1px;left:50%;width:6px;height:3px;margin-left:-3px;border-radius:2px;background:#8A8A8A}
.wnx .w11 .wn-bar .tbi.act::after{width:16px;margin-left:-8px;background:#005FB8}
.wnx .w11 .wn-bar .tsb{height:32px;width:170px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:10px;padding:0 14px;color:#5C5C5C;font-size:13px}
.wnx .w11 .wn-bar .tsb:hover,.wnx .w11 .wn-bar .tsb.act{background:#FFFFFF}
.wnx .w11 .wn-bar .tray{position:absolute;right:0;top:0;bottom:0;gap:2px;padding-left:4px}
.wnx .w11 .wn-bar .tri{height:40px;padding:0 8px;border-radius:4px;display:flex;align-items:center;gap:6px}
.wnx .w11 .wn-bar .lng,.wnx .w11 .wn-bar .clk{height:40px;border-radius:4px}
.wnx .w11 .wn-bar .clk{text-align:right}
.wnx .w11 .wn-bar .tri:hover,.wnx .w11 .wn-bar .lng:hover,.wnx .w11 .wn-bar .clk:hover{background:rgba(255,255,255,.72)}
.wnx .w11 .wn-bar .sdk{border-left-color:rgba(0,0,0,.15)}

/* ---- «Пуск» ---- */
.wnx .wn-start{position:absolute;z-index:100001;visibility:hidden;opacity:0;pointer-events:none;transition:transform .16s ease-out,opacity .14s,visibility 0s .16s}
.wnx .wn-start.on{visibility:visible;opacity:1;pointer-events:auto;transition:transform .18s cubic-bezier(.1,.9,.2,1),opacity .14s}
.wnx .w10 .wn-start{left:0;transform:translateY(16px)}
.wnx .w11 .wn-start{left:calc(50% - 320px);margin-bottom:12px;transform:translateY(48px)}
.wnx .wn-start.on{transform:none}
.wnx .s10{position:relative;display:flex;width:656px;height:min(612px,calc(var(--vh) - 58px));background:rgba(30,30,32,.93);backdrop-filter:blur(30px) saturate(1.3);color:#FFFFFF;box-shadow:0 0 16px rgba(0,0,0,.45)}
.wnx .s10 .rail{width:48px;flex:none;display:flex;flex-direction:column;padding:2px 0;z-index:2;overflow:hidden;transition:width .15s}
.wnx .s10.rail .rail{position:absolute;left:0;top:0;bottom:0;width:256px;background:rgba(36,36,38,.99);box-shadow:4px 0 16px rgba(0,0,0,.4)}
.wnx .s10 .rl{height:48px;flex:none;display:flex;align-items:center;gap:16px;padding:0 14px;white-space:nowrap;color:#FFFFFF}
.wnx .s10 .rl svg{width:20px;height:20px}
.wnx .s10 .rl:hover{background:rgba(255,255,255,.1)}
.wnx .s10 .rail .sp{flex:1}
.wnx .s10 .sl-list{width:276px;flex:none;overflow-y:auto;padding:6px 6px 12px 4px;scrollbar-width:thin}
.wnx .s10 .sl{padding:12px 10px 4px;font-size:13px}
.wnx .s10 .sa{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 8px;font-size:13px;color:#FFFFFF}
.wnx .s10 .sa:hover{background:rgba(255,255,255,.1)}
.wnx .s10 .sa.deep{padding-left:16px}
.wnx .s10 .sai{width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.wnx .s10 .sch{margin-left:auto;margin-right:4px;opacity:.8}
.wnx .s10 .tiles{flex:1;overflow-y:auto;padding:12px 10px;scrollbar-width:thin}
.wnx .s10 .tgh{font-size:13px;padding:0 2px 8px}
.wnx .s10 .tg{display:grid;grid-template-columns:repeat(3,98px);grid-auto-rows:98px;gap:4px;margin-bottom:16px}
.wnx .s10 .tl{position:relative;background:rgba(0,99,177,.55);display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.wnx .s10 .tl.w2{grid-column:span 2}
.wnx .s10 .tl:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.wnx .s10 .tl span{position:absolute;left:8px;bottom:6px;font-size:11.5px;white-space:nowrap}
.wnx .sr{display:flex;flex-direction:column;color:#1B1B1B}
.wnx .w10 .sr{width:656px;height:min(560px,calc(var(--vh) - 58px));background:#F2F2F2;box-shadow:0 0 16px rgba(0,0,0,.45)}
.wnx .sr-tabs{display:flex;gap:22px;padding:12px 20px 0;border-bottom:1px solid #D9D9D9;font-size:13px;color:#555555;flex:none}
.wnx .sr-tabs b,.wnx .sr-tabs span{padding-bottom:8px;display:flex;align-items:center;gap:4px;font-weight:400}
.wnx .sr-tabs b{color:#000000;box-shadow:inset 0 -3px 0 #0078D7}
.wnx .sr-b{flex:1;display:flex;min-height:0}
.wnx .sr-l{width:54%;overflow:auto;padding:8px}
.wnx .sr-h{font-size:13px;font-weight:600;padding:10px 8px 6px}
.wnx .sr-it{display:flex;align-items:center;gap:12px;width:100%;padding:6px 8px;text-align:left}
.wnx .sr-it:hover{background:#DADADA}
.wnx .sr-it.best{background:#D5DDE6;padding:10px 8px}
.wnx .sr-it b{display:block;font-weight:400;font-size:13px}
.wnx .sr-it.best b{font-size:15px;font-weight:600}
.wnx .sr-it small{display:block;color:#555555;font-size:12px}
.wnx .sr-r{flex:1;min-width:0;background:#FAFAFA;border-left:1px solid #E1E1E1;display:flex;flex-direction:column;align-items:center;padding:32px 18px 12px;gap:4px;text-align:center}
.wnx .sr-r b{font-size:16px;font-weight:600;margin-top:10px}
.wnx .sr-r small{color:#555555}
.wnx .sr-r .loc{font-size:11px;word-break:break-all}
.wnx .sr-acts{align-self:stretch;margin-top:16px;border-top:1px solid #E1E1E1;padding-top:8px;display:flex;flex-direction:column}
.wnx .sr-acts button{display:flex;align-items:center;gap:10px;padding:8px 10px;color:#0063B1;text-align:left}
.wnx .sr-acts button:hover{background:#EBEBEB}
.wnx .sr-e{padding:6px 16px;overflow:auto}
.wnx .sr-tops{display:flex;gap:8px;margin-bottom:10px}
.wnx .sr-top{width:100px;height:100px;background:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px}
.wnx .sr-top:hover{background:#E6E6E6}
.wnx .s11{width:640px;height:min(700px,calc(var(--vh) - 72px));background:rgba(243,245,249,.94);backdrop-filter:blur(40px) saturate(1.6);border:1px solid rgba(0,0,0,.1);border-radius:8px;
  box-shadow:0 16px 48px rgba(0,0,0,.26);display:flex;flex-direction:column;overflow:hidden;color:#1A1A1A}
.wnx .s11q{margin:28px 32px 12px;height:34px;flex:none;border-radius:17px;background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 -1px 0 rgba(0,0,0,.28);
  display:flex;align-items:center;gap:12px;padding:0 16px;color:#5F5F5F}
.wnx .s11q:focus-within{box-shadow:inset 0 -2px 0 #005FB8}
.wnx .s11q input{flex:1;min-width:0;border:0;background:transparent;font-size:13px;color:#1A1A1A}
.wnx .s11q input::placeholder{color:#6B6B6B}
.wnx .s11h{display:flex;align-items:center;justify-content:space-between;padding:12px 48px 6px 56px;flex:none}
.wnx .s11h b{font-size:14px;font-weight:600}
.wnx .s11h .sm{height:24px;padding:0 10px;border-radius:4px;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.06);font-size:12px;display:flex;align-items:center;gap:6px}
.wnx .s11h .sm:hover{background:#FFFFFF}
.wnx .s11p{display:grid;grid-template-columns:repeat(6,1fr);padding:2px 40px;row-gap:2px;flex:none}
.wnx .s11p .pi{height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:4px;font-size:12px;padding:0 2px;min-width:0}
.wnx .s11p .pi span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wnx .s11p .pi:hover,.wnx .s11r .rc:hover,.wnx .s11all .sa:hover,.wnx .s11f button:hover{background:rgba(255,255,255,.75)}
.wnx .s11r{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;padding:2px 40px;gap:4px;overflow:hidden;align-content:start}
.wnx .s11r .rc{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:4px;text-align:left;min-width:0}
.wnx .s11r .rc span{min-width:0}
.wnx .s11r .rc b{display:block;font-weight:400;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnx .s11r .rc small{color:#5F5F5F;font-size:11.5px}
.wnx .s11n{grid-column:span 2;color:#5F5F5F;padding:12px 14px;margin:0}
.wnx .s11f{height:64px;flex:none;background:rgba(232,236,242,.8);border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 48px}
.wnx .s11f .usr{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:4px;font-size:12.5px}
.wnx .s11f .pw{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.wnx .s11all{flex:1;overflow-y:auto;padding:4px 40px 12px;scrollbar-width:thin}
.wnx .s11all .sl{font-size:13px;font-weight:600;padding:10px 12px 4px}
.wnx .s11all .sa{display:flex;align-items:center;gap:14px;width:100%;height:38px;padding:0 12px;border-radius:4px;font-size:12.5px}
.wnx .s11 .sr{flex:1;min-height:0}
.wnx .w11 .sr-tabs{border-bottom:0;padding:0 36px;gap:18px}
.wnx .w11 .sr-tabs b{box-shadow:inset 0 -3px 0 #005FB8}
.wnx .w11 .sr-b{margin:10px 28px 24px;gap:12px}
.wnx .w11 .sr-l{padding:0}
.wnx .w11 .sr-r{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.06);border-radius:8px}
.wnx .w11 .sr-it{border-radius:4px}
.wnx .w11 .sr-it:hover,.wnx .w11 .sr-it.best{background:rgba(255,255,255,.85)}
.wnx .w11 .sr-acts button{color:#005FB8;border-radius:4px}
.wnx .w11 .sr-e{padding:6px 32px}
.wnx .w11 .sr-top{border-radius:6px}

/* ---- вікна ---- */
.wnx #wnWins{position:absolute;inset:0;pointer-events:none}
.wnx .wn-block{position:absolute;inset:0;pointer-events:auto}
.wnx .wn-win{position:absolute;pointer-events:auto;display:flex;flex-direction:column;background:#FFFFFF;color:#1B1B1B;overflow:hidden}
.wnx .wn-win.min{display:none}
.wnx .wn-win.born{animation:wnIn .18s ease-out}
@keyframes wnIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.wnx .w10 .wn-win{border:1px solid #9C9C9C;box-shadow:0 7px 26px rgba(0,0,0,.36)}
.wnx .w10 .wn-win.act{border-color:#6D6D6D;box-shadow:0 10px 34px rgba(0,0,0,.45)}
.wnx .w11 .wn-win{border:1px solid rgba(0,0,0,.16);border-radius:8px;box-shadow:0 10px 32px rgba(0,0,0,.22)}
.wnx .w11 .wn-win.act{box-shadow:0 18px 48px rgba(0,0,0,.34)}
.wnx .wn-win.max{border:0;border-radius:0;box-shadow:none}
.wnx .wn-win .rs{position:absolute;z-index:8}
.wnx .rs-n{top:0;left:8px;right:8px;height:5px;cursor:n-resize}
.wnx .rs-s{bottom:0;left:8px;right:8px;height:5px;cursor:s-resize}
.wnx .rs-e{right:0;top:8px;bottom:8px;width:5px;cursor:e-resize}
.wnx .rs-w{left:0;top:8px;bottom:8px;width:5px;cursor:w-resize}
.wnx .rs-ne{right:0;top:0;width:8px;height:8px;cursor:ne-resize}
.wnx .rs-nw{left:0;top:0;width:8px;height:8px;cursor:nw-resize}
.wnx .rs-se{right:0;bottom:0;width:10px;height:10px;cursor:se-resize}
.wnx .rs-sw{left:0;bottom:0;width:8px;height:8px;cursor:sw-resize}
.wnx .wn-win .caps{display:flex;align-self:stretch;margin-left:auto;flex:none}
.wnx .wn-win .cap{width:46px;display:flex;align-items:center;justify-content:center;color:#1B1B1B}
.wnx .wn-win .cap:hover{background:rgba(0,0,0,.08)}
.wnx .wn-win .cap.x:hover{background:#E81123;color:#FFFFFF}
.wnx .wn-win:not(.act) .cap,.wnx .wn-win:not(.act) .tt{color:#8A8A8A}

/* Провідник Windows 10: заголовок зі швидким доступом, стрічка */
.wnx .x-tb{height:31px;flex:none;display:flex;align-items:center;background:#FFFFFF}
.wnx .x-tb .qat{display:flex;align-items:center;gap:1px;padding-left:7px}
.wnx .x-tb .qb{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#3B3B3B}
.wnx .x-tb .qb.nar{width:13px}
.wnx .x-tb .qb:hover{background:#E5F3FF}
.wnx .x-tb .qs{width:1px;height:16px;background:#D5D5D5;margin:0 5px}
.wnx .x-tb .tt,.wnx .a-tb .tt{flex:1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnx .x-tb .tt{margin-left:4px}
.wnx .rt{height:25px;flex:none;display:flex;align-items:stretch;background:#FFFFFF;border-bottom:1px solid #DADBDC;position:relative;z-index:2}
.wnx .rt .rf{background:#1979CA;color:#FFFFFF;padding:0 17px;font-size:12px}
.wnx .rt .rf:hover{background:#2A8AD4}
.wnx .rt .rtb{padding:0 12px;font-size:12px;color:#333333;border:1px solid transparent;border-bottom:0;margin:1px 0 -1px}
.wnx .rt .rtb:hover{color:#0063B1}
.wnx .rt .rtb.on{background:#F5F6F7;border-color:#DADBDC;color:#000000}
.wnx .rt .rtb.ctx{color:#8A6C00;box-shadow:inset 0 3px 0 #F2C94C}
.wnx .rt .rtb i{display:none}
.wnx .rt .sp{flex:1}
.wnx .rt .rmn,.wnx .rt .rhelp{width:24px;display:flex;align-items:center;justify-content:center;color:#555555}
.wnx .rt .rhelp{color:#1979CA;font-weight:700;font-size:13px}
.wnx .rb{height:94px;flex:none;display:flex;align-items:stretch;background:#F5F6F7;border-bottom:1px solid #DADBDC;padding:2px 2px 0;overflow:hidden}
.wnx .rb.pop{position:absolute;left:0;right:0;top:56px;z-index:6;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.wnx .rbg{display:flex;flex-direction:column;flex:none;border-right:1px solid #E2E3E4;padding:0 3px}
.wnx .rbgb{flex:1;display:flex;align-items:flex-start;gap:1px}
.wnx .rbgl{text-align:center;color:#6D6D6D;font-size:11.5px;padding:0 4px 3px;white-space:nowrap}
.wnx .rbb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 3px;min-width:40px;max-width:76px;height:72px;font-size:11.5px;line-height:1.15;text-align:center;border:1px solid transparent}
.wnx .rbb small,.wnx .rbs small{display:inline-flex;vertical-align:middle}
.wnx .rbb:hover,.wnx .rbs:hover,.wnx .rbv:hover{background:#E5F3FF;border-color:#CCE8FF}
.wnx .rbb.on,.wnx .rbs.on,.wnx .rbv.on{background:#CCE8FF;border-color:#99D1FF}
.wnx .rbb[disabled],.wnx .rbs[disabled],.wnx .rbv[disabled]{opacity:.38}
.wnx .bi{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:none}
.wnx .bi svg.g{stroke-width:.85}
.wnx .c-bl{color:#1C6FC9}.wnx .c-rd{color:#E81123}.wnx .c-ye{color:#C98A12}.wnx .c-br{color:#8C5A2B}.wnx .c-gr{color:#2E8B57}
.wnx .rbc{display:flex;flex-direction:column;padding-top:1px}
.wnx .rbs{display:flex;align-items:center;gap:5px;height:22px;padding:0 6px 0 3px;font-size:11.5px;white-space:nowrap;border:1px solid transparent;text-align:left}
.wnx .rbs svg.g{color:#2B5E9E}
.wnx .rck .ck{width:13px;height:13px;border:1px solid #333333;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.wnx .rbl{display:grid;grid-template-columns:repeat(3,auto);grid-auto-rows:22px;gap:0 2px;border:1px solid #DADBDC;background:#FFFFFF;padding:1px;height:72px}
.wnx .rbv{display:flex;align-items:center;gap:5px;padding:0 6px 0 3px;font-size:11.5px;white-space:nowrap;border:1px solid transparent;text-align:left}
.wnx .rbv svg.g{color:#2B5E9E}

/* Провідник Windows 11: вкладки й панель команд */
.wnx .x-tabs{height:40px;flex:none;display:flex;align-items:flex-end;background:#E6ECF3;padding-left:8px}
.wnx .x-tabs .tab{height:32px;width:230px;min-width:80px;display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;border-radius:8px 8px 0 0;font-size:12px}
.wnx .x-tabs .tab.on{background:#F7F9FC}
.wnx .x-tabs .tab:not(.on):hover{background:rgba(255,255,255,.5)}
.wnx .x-tabs .tn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnx .x-tabs .tx{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.wnx .x-tabs .tx:hover{background:rgba(0,0,0,.07)}
.wnx .x-tabs .tadd{width:32px;height:32px;margin-left:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;align-self:center}
.wnx .x-tabs .tadd:hover{background:rgba(0,0,0,.06)}
.wnx .x-tabs .sp{flex:1;align-self:stretch}
.wnx .x-tabs .caps{height:40px;align-self:flex-start}
.wnx .x-cmd{height:48px;flex:none;display:flex;align-items:center;gap:2px;padding:0 10px;background:#F7F9FC;border-bottom:1px solid #E5E5E5}
.wnx .x-cmd .cb{height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:4px;font-size:12.5px;white-space:nowrap}
.wnx .x-cmd .cb .pl{color:#005FB8}
.wnx .x-cmd .ci{width:36px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:4px}
.wnx .x-cmd .cb:hover,.wnx .x-cmd .ci:hover{background:rgba(0,0,0,.05)}
.wnx .x-cmd .cb.on{background:rgba(0,0,0,.07)}
.wnx .x-cmd [disabled]{opacity:.35}
.wnx .x-cmd .cs{width:1px;height:24px;background:#DDDDDD;margin:0 4px;flex:none}
.wnx .x-cmd .sp{flex:1}

/* рядок адреси */
.wnx .x-ad{height:34px;flex:none;display:flex;align-items:center;gap:1px;padding:0 6px;background:#FFFFFF}
.wnx .x-ad .nb{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;color:#3B3B3B}
.wnx .x-ad .nb.sm{width:14px}
.wnx .x-ad .nb:hover{color:#0063B1}
.wnx .x-ad .nb[disabled]{color:#C8C8C8}
.wnx .abox{flex:1;min-width:0;height:24px;border:1px solid #D9D9D9;display:flex;align-items:stretch;margin-left:5px;background:#FFFFFF}
.wnx .abox:hover{border-color:#A9CBEA}
.wnx .abox.ed{border-color:#0078D7}
.wnx .acr{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap}
.wnx .acr .ai{padding:0 3px 0 5px;display:flex}
.wnx .acr .ac{height:100%;padding:0 5px;display:flex;align-items:center;font-size:12px}
.wnx .acr .as{width:15px;height:100%;display:flex;align-items:center;justify-content:center;color:#555555}
.wnx .acr .ac:hover,.wnx .acr .as:hover{background:#E5F3FF;box-shadow:inset 0 0 0 1px #CCE8FF}
.wnx .abox .ab{width:22px;display:flex;align-items:center;justify-content:center;color:#555555}
.wnx .abox .ab:hover{background:#E5F3FF}
.wnx .ain{flex:1;min-width:0;border:0;padding:0 6px;font-size:12px;background:#FFFFFF}
.wnx .ain::selection,.wnx .sbox input::selection,.wnx .tsb input::selection,.wnx .s11q input::selection{background:#0078D7;color:#FFFFFF}
.wnx .sbox{width:220px;height:24px;flex:none;border:1px solid #D9D9D9;display:flex;align-items:center;gap:6px;padding:0 6px;margin-left:6px;color:#555555;background:#FFFFFF}
.wnx .sbox input{flex:1;min-width:0;border:0;background:transparent;font-size:12px;padding:0}
.wnx .sbox input::placeholder{color:#6D6D6D}
.wnx .sbox:focus-within{border-color:#0078D7}
.wnx .w11 .x-ad{height:48px;padding:0 8px;gap:4px;background:#F7F9FC}
.wnx .w11 .x-ad .nb{width:32px;height:32px;border-radius:4px}
.wnx .w11 .x-ad .nb:hover{background:rgba(0,0,0,.05);color:#1B1B1B}
.wnx .w11 .abox{height:32px;border-radius:4px;border-color:rgba(0,0,0,.07);background:rgba(255,255,255,.85);margin:0 4px}
.wnx .w11 .abox.ed{box-shadow:inset 0 -2px 0 #005FB8}
.wnx .w11 .acr .ac,.wnx .w11 .acr .as{border-radius:4px;height:26px}
.wnx .w11 .acr .ac:hover,.wnx .w11 .acr .as:hover{background:rgba(0,0,0,.05);box-shadow:none}
.wnx .w11 .acr .ai{padding:0 4px 0 8px}
.wnx .w11 .ain{border-radius:4px;padding:0 10px}
.wnx .w11 .sbox{height:32px;width:250px;border-radius:4px;border-color:rgba(0,0,0,.07);background:rgba(255,255,255,.85);gap:10px;padding:0 10px;margin-left:0}
.wnx .w11 .sbox:focus-within{box-shadow:inset 0 -2px 0 #005FB8;border-color:rgba(0,0,0,.07)}

/* дерево ліворуч */
.wnx .x-bd{flex:1;min-height:0;display:flex;background:#FFFFFF}
.wnx .x-nav{width:204px;flex:none;overflow:auto;padding:4px 0;scrollbar-width:thin}
.wnx .w11 .x-nav{width:214px;border-right:1px solid #EAEAEA;padding:6px 0}
.wnx .nv{display:flex;align-items:center;gap:6px;height:22px;padding-right:10px;white-space:nowrap;font-size:12px;border:1px solid transparent;width:max-content;min-width:100%}
.wnx .nv:hover{background:#E5F3FF}
.wnx .nv.cur{background:#CCE8FF}
.wnx .nv.dropt{background:#CCE8FF;border-color:#99D1FF}
.wnx .nv .tw{width:14px;height:100%;flex:none;display:flex;align-items:center;justify-content:center;color:#6D6D6D;visibility:hidden}
.wnx .x-nav:hover .nv .tw{visibility:visible}
.wnx .nv .pn{margin-left:auto;padding-left:8px;color:#8A8A8A}
.wnx .nsp{height:10px}
.wnx .w11 .nv{height:30px;margin:0 6px;min-width:calc(100% - 12px);border-radius:4px;gap:8px}
.wnx .w11 .nv:hover{background:rgba(0,0,0,.04)}
.wnx .w11 .nv.cur{background:rgba(0,0,0,.07)}
.wnx .nsep{height:1px;background:#E5E5E5;margin:6px 14px}

/* вміст */
.wnx .x-ct{flex:1;min-width:0;overflow:auto;position:relative;padding:0 0 14px;scrollbar-width:thin}
.wnx .x-empty{text-align:center;color:#6D6D6D;padding:20px 0}
.wnx .x-bar{background:#FFFFE1;border-bottom:1px solid #E1E1A8;padding:6px 12px;color:#1B1B1B}
.wnx .x-note{color:#6D6D6D;padding:6px 32px 12px}
.wnx .it{position:relative;border:1px solid transparent}
.wnx .x-ct .it:hover{background:#E5F3FF}
.wnx .x-ct .it.sel{background:#CCE8FF}
.wnx .x-ct .it.sel.foc,.wnx .x-ct .it.sel:hover{border-color:#99D1FF}
.wnx .x-ct .it.dropt{background:#CCE8FF;border-color:#66A7E8}
.wnx .it.cut .ic,.wnx .it.cut .nmc svg{opacity:.5}
.wnx .w11 .x-ct .it{border-radius:4px}
.wnx .w11 .x-ct .it:hover{background:#EEF3FA}
.wnx .w11 .x-ct .it.sel{background:#D9E8F7}
.wnx .w11 .x-ct .it.sel.foc,.wnx .w11 .x-ct .it.sel:hover{border-color:#9DC4EA}
.wnx .x-det{display:inline-block;min-width:100%;padding:0 2px}
.wnx .x-det .dh,.wnx .x-det .xr{display:grid;grid-template-columns:var(--cols);align-items:center}
.wnx .x-det .dh{height:26px;position:sticky;top:0;z-index:2;background:#FFFFFF;color:#4C607A;font-size:12px;margin-bottom:2px}
.wnx .x-det .dh span{height:100%;padding:0 6px;display:flex;align-items:center;border-right:1px solid #E5E5E5;white-space:nowrap;overflow:hidden;position:relative}
.wnx .x-det .dh span:hover{background:#D9EBF9}
.wnx .x-det .dh span.r{justify-content:flex-end}
.wnx .x-det .dh span.on::before{content:"";position:absolute;left:50%;top:1px;margin-left:-4px;border:4px solid transparent;border-bottom-color:#8FA5C0;border-top-width:0}
.wnx .x-det .dh span.on.desc::before{border-bottom-color:transparent;border-top:4px solid #8FA5C0;border-bottom-width:0;top:2px}
.wnx .x-det .xr{height:22px}
.wnx .x-det .xr .c{padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6D6D6D}
.wnx .x-det .xr .c.r{text-align:right}
.wnx .x-det .xr .nmc{display:flex;align-items:center;gap:6px;color:#1B1B1B}
.wnx .x-det .xr .nm{overflow:hidden;text-overflow:ellipsis}
.wnx .w11 .x-det .dh{height:32px;color:#1B1B1B}
.wnx .w11 .x-det .dh span{border-right-color:#EFEFEF}
.wnx .w11 .x-det .dh span:hover{background:#F2F2F2}
.wnx .w11 .x-det .xr{height:30px}
.wnx .w11 .x-det .xr .c{color:#5E5E5E}
.wnx .w11 .x-det .xr .nmc{color:#1B1B1B}
.wnx .x-grid{display:flex;flex-wrap:wrap;align-content:flex-start;padding:4px 6px;gap:2px}
.wnx .x-grid .it{display:flex;flex-direction:column;align-items:center;text-align:center}
.wnx .x-grid .it .ic{display:flex;align-items:flex-end;justify-content:center;flex:none}
.wnx .x-grid .it .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.3;max-width:100%}
.wnx .x-grid .it.sel .nm{-webkit-line-clamp:6}
.wnx .v-xl .it{width:184px;padding:6px 4px;gap:4px}
.wnx .v-large .it{width:110px;padding:4px 2px;gap:4px}
.wnx .v-medium .it{width:78px;padding:3px 2px;gap:3px}
.wnx .v-small .it,.wnx .v-list .it{flex-direction:row;width:230px;height:22px;gap:6px;padding:0 4px;text-align:left}
.wnx .v-small .it .nm,.wnx .v-list .it .nm{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnx .v-small .it .ic,.wnx .v-list .it .ic{align-items:center}
.wnx .x-grid.v-list{flex-direction:column;height:100%;flex-wrap:wrap;gap:0 16px}
.wnx .v-tiles .it{flex-direction:row;width:256px;height:60px;gap:8px;padding:4px 6px;text-align:left;align-items:center}
.wnx .v-content{flex-direction:column;flex-wrap:nowrap;gap:0;padding:0}
.wnx .v-content .it{flex-direction:row;width:100%;height:52px;gap:10px;padding:0 14px;text-align:left;align-items:center;border-bottom-color:#F1F1F1}
.wnx .v-content .cx{width:250px;flex:none;display:flex;flex-direction:column;color:#6D6D6D}
.wnx .x-grid .tx,.wnx .x-tiles .tx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.wnx .x-grid .tx .nm,.wnx .x-tiles .tx .nm{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wnx .x-grid .tx small,.wnx .x-grid .cx small,.wnx .x-tiles small{color:#6D6D6D;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wnx .x-grp{padding:0 0 8px}
.wnx .x-grp .gh{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;color:#1E3287;font-size:13px}
.wnx .x-grp .gh i{flex:1;height:1px;background:#E2E9F3;margin-left:4px}
.wnx .w11 .x-grp .gh{color:#1B1B1B;font-weight:600;height:34px;padding:0 14px}
.wnx .w11 .x-grp .gh i{display:none}
.wnx .x-tiles{display:flex;flex-wrap:wrap;gap:2px 10px;padding:2px 24px}
.wnx .x-tiles .it{display:flex;align-items:center;gap:8px;width:246px;height:58px;padding:4px 6px;text-align:left}
.wnx .x-tiles .ub{display:block;width:100%;height:13px;border:1px solid #BCBCBC;background:#E6E6E6;margin:3px 0 2px}
.wnx .x-tiles .ub i{display:block;height:100%;background:#26A0DA}
.wnx .w11 .x-tiles .ub{border-radius:3px;border:0;height:6px;background:#E3E3E3;overflow:hidden}
.wnx .w11 .x-tiles .ub i{background:#005FB8}
.wnx .x-tiles.q small{display:flex;align-items:center;gap:4px}
.wnx .x-grp .x-det .xr .c:last-child{color:#6D6D6D}
.wnx .cbx{position:absolute;left:3px;top:3px;z-index:1;width:13px;height:13px;border:1px solid #6D6D6D;background:#FFFFFF;display:none;align-items:center;justify-content:center;color:#1B1B1B}
.wnx .it:hover .cbx,.wnx .it.sel .cbx{display:flex}
.wnx .cbx svg{visibility:hidden}
.wnx .cbx.on svg{visibility:visible}
.wnx .x-det .cbx,.wnx .v-small .cbx,.wnx .v-list .cbx,.wnx .v-tiles .cbx,.wnx .v-content .cbx{position:static;display:flex;visibility:hidden}
.wnx .x-det .it:hover .cbx,.wnx .x-det .it.sel .cbx,.wnx .v-small .it:hover .cbx,.wnx .v-small .it.sel .cbx,.wnx .v-list .it:hover .cbx,.wnx .v-list .it.sel .cbx,.wnx .v-tiles .it:hover .cbx,.wnx .v-tiles .it.sel .cbx,.wnx .v-content .it:hover .cbx,.wnx .v-content .it.sel .cbx{visibility:visible}
.wnx .x-sb{height:22px;flex:none;display:flex;align-items:center;gap:14px;padding:0 4px 0 10px;background:#FFFFFF;font-size:12px}
.wnx .x-sb .sp{flex:1}
.wnx .x-sb .vb{display:flex;gap:1px}
.wnx .x-sb .vb button{width:22px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;color:#4A4A4A}
.wnx .x-sb .vb button:hover{background:#E5F3FF}
.wnx .x-sb .vb button.on{background:#CCE8FF;border-color:#99D1FF}
.wnx .w11 .x-sb{height:28px;gap:10px;padding-left:14px}
.wnx .w11 .x-sb i{width:1px;height:14px;background:#CCCCCC}
.wnx .w11 .x-sb .vb button{width:28px;height:24px;border-radius:4px}
.wnx .x-pane{width:256px;flex:none;border-left:1px solid #E5E5E5;padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:auto;background:#FFFFFF}
.wnx .pd-ic{margin:6px 0 4px}
.wnx .pd-n{font-size:14px;font-weight:600;text-align:center;word-break:break-word}
.wnx .pd-t{color:#6D6D6D;margin:0 0 10px}
.wnx .pd-r{align-self:stretch;display:grid;grid-template-columns:104px 1fr;gap:8px;font-size:12px;padding:2px 0}
.wnx .pd-r span:first-child{color:#6D6D6D}
.wnx .pv-no{color:#6D6D6D;text-align:center;margin:40px 0 0}
.wnx .pv-img{margin-top:24px}
.wnx .pv-txt{align-self:stretch;margin:0;font-family:Consolas,"Cascadia Mono",monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}

/* ---- програми ---- */
.wnx .a-tb{height:31px;flex:none;display:flex;align-items:center;gap:8px;padding-left:9px;background:#FFFFFF;font-size:12px}
.wnx .w11 .a-tb{height:32px;padding-left:12px}
.wnx .a-word .a-tb,.wnx .a-ppt .a-tb{color:#FFFFFF}
.wnx .a-word .a-tb{background:#2B579A}
.wnx .a-ppt .a-tb{background:#B7472A}
.wnx .a-word .cap,.wnx .a-ppt .cap,.wnx .a-word .tt,.wnx .a-ppt .tt{color:#FFFFFF!important}
.wnx .a-word .cap:hover,.wnx .a-ppt .cap:hover{background:rgba(255,255,255,.16)}
.wnx .a-bd{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.wnx .np-m{height:21px;flex:none;display:flex;align-items:stretch;font-size:12px;background:#FFFFFF}
.wnx .np-m > *{padding:0 7px;display:flex;align-items:center}
.wnx .np-m > *:hover{background:#E5F3FF}
.wnx .np-t{flex:1;min-height:0;resize:none;border:0;border-top:1px solid #EFEFEF;padding:2px 4px;font-family:Consolas,"Cascadia Mono","Courier New",monospace;font-size:15px;line-height:1.3;white-space:pre-wrap;background:#FFFFFF;color:#000000}
.wnx .np-sb{height:22px;flex:none;display:flex;justify-content:flex-end;align-items:center;background:#F0F0F0;border-top:1px solid #D7D7D7;font-size:12px}
.wnx .np-sb span{padding:0 14px;border-left:1px solid #D7D7D7}
.wnx .ph{flex:1;background:#202020;display:flex;align-items:center;justify-content:center;color:#AAAAAA}
.wnx .ph-img svg{width:auto;height:auto;max-width:100%}
.wnx .pt-rb{height:24px;flex:none;background:#F5F6F7;display:flex;font-size:12px}
.wnx .pt-rb span{padding:0 14px;display:flex;align-items:center}
.wnx .pt-rb span:first-child{background:#1979CA;color:#FFFFFF}
.wnx .pt-rb .on{background:#FFFFFF;border:1px solid #DADBDC;border-bottom:0}
.wnx .pt-tl{height:64px;flex:none;background:#FFFFFF;border-bottom:1px solid #DADBDC;display:flex;align-items:center;gap:3px;padding:0 14px}
.wnx .pt-tl i{width:18px;height:18px;border:1px solid #9A9A9A}
.wnx .pt-cv{flex:1;background:#CAD4E3;padding:8px;overflow:auto}
.wnx .pt-img{width:420px;height:315px;background:#FFFFFF;box-shadow:1px 1px 0 #9AA3B0}
.wnx .pt-img svg{width:100%;height:100%}
.wnx .wd-rb{height:28px;flex:none;background:#2B579A;display:flex;align-items:flex-end;padding:0 6px;gap:2px;font-size:12px;color:#FFFFFF}
.wnx .wd-rb span{padding:4px 10px}
.wnx .wd-rb .on{background:#F3F2F1;color:#2B579A}
.wnx .wd-rb.pp{background:#B7472A}
.wnx .wd-rb.pp .on{color:#B7472A}
.wnx .wd-bd{flex:1;min-height:0;background:#E6E6E6;border-top:58px solid #F3F2F1;overflow:auto;padding:18px;display:flex;justify-content:center;align-items:flex-start}
.wnx .wd-pg{width:420px;min-height:540px;flex:none;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.2);padding:52px 54px}
.wnx .wd-pg h4{margin:0 0 18px;font-size:18px;font-weight:600;font-family:Calibri,"Segoe UI",sans-serif}
.wnx .wd-pg .ln i{display:block;height:7px;background:#D9D9D9;margin:0 0 10px;border-radius:1px}
.wnx .pp-bd{flex:1;min-height:0;display:flex;background:#E6E6E6;border-top:58px solid #F3F2F1}
.wnx .pp-th{width:124px;flex:none;padding:12px;display:flex;flex-direction:column;gap:10px}
.wnx .pp-th i{display:block;height:56px;background:#FFFFFF;border:1px solid #C8C8C8}
.wnx .pp-th i.on{outline:2px solid #B7472A}
.wnx .pp-sl{flex:1;margin:18px;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.wnx .pp-sl b{font-size:28px;font-weight:600;text-align:center;padding:0 20px}
.wnx .pp-sl span{color:#6D6D6D;font-size:14px}
.wnx .md{flex:1;background:linear-gradient(#2E2E2E,#1B1B1B);color:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.wnx .md b{font-size:16px;font-weight:600}
.wnx .md-bar{width:70%;height:4px;background:#555555;border-radius:2px}
.wnx .md-bar i{display:block;width:12%;height:100%;background:#4CC2FF;border-radius:2px}
.wnx .md-t{width:70%;display:flex;justify-content:space-between;font-size:11px;color:#BBBBBB}
.wnx .md-c{display:flex;align-items:center;gap:26px}
.wnx .md-c .pl{width:44px;height:44px;border-radius:50%;background:#FFFFFF;color:#111111;display:flex;align-items:center;justify-content:center}
.wnx .ed-tb{height:34px;flex:none;background:#DFE3E8;display:flex;align-items:flex-end;padding-left:8px}
.wnx .ed-tab{height:28px;background:#F7F7F7;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12px;max-width:280px;white-space:nowrap;overflow:hidden}
.wnx .ed-ad{height:38px;flex:none;background:#F7F7F7;display:flex;align-items:center;gap:12px;padding:0 12px;color:#555555;border-bottom:1px solid #E3E3E3}
.wnx .ed-url{flex:1;min-width:0;height:28px;border-radius:14px;background:#FFFFFF;border:1px solid #E1E1E1;display:flex;align-items:center;padding:0 14px;color:#333333;font-size:12px;white-space:nowrap;overflow:hidden}
.wnx .ed-bd{flex:1;min-height:0;background:#525659;overflow:auto;padding:18px;display:flex;justify-content:center;align-items:flex-start}
.wnx .ed-new{margin:auto}
.wnx .gen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#F3F3F3;font-size:16px}

/* ---- «Зберегти як» ---- */
.wnx .k-save{background:#FFFFFF}
.wnx .sv-tb{height:36px;flex:none;display:flex;align-items:center;gap:2px;padding:0 8px;background:#FFFFFF;border-bottom:1px solid #EAEAEA}
.wnx .sv-tb .sp{flex:1}
.wnx .sv-b{height:26px;padding:0 8px;display:flex;align-items:center;gap:4px;font-size:12px;border:1px solid transparent}
.wnx .sv-b:hover{background:#E5F3FF;border-color:#CCE8FF}
.wnx .sv-b[disabled]{opacity:.4}
.wnx .sv-ft{flex:none;display:grid;grid-template-columns:96px 1fr;gap:6px 8px;align-items:center;padding:10px 16px 4px;background:#F0F0F0;border-top:1px solid #DADADA;font-size:12px}
.wnx .sv-ft label{text-align:right}
.wnx .sv-ft input{height:24px;border:1px solid #7A7A7A;background:#FFFFFF;padding:0 6px;font-size:12px}
.wnx .sv-ft input:focus{border-color:#0078D7}
.wnx .sv-ft input::selection{background:#0078D7;color:#FFFFFF}
.wnx .sv-sel{height:24px;border:1px solid #ADADAD;background:#FFFFFF;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;font-size:12px;text-align:left}
.wnx .sv-sel.sm{width:96px}
.wnx .sv-bt{flex:none;display:flex;align-items:center;gap:8px;padding:8px 16px 12px;background:#F0F0F0;font-size:12px}
.wnx .sv-bt .sp{flex:1}
.wnx .sv-hide{display:flex;align-items:center;gap:6px}
.wnx .sv-enc{display:flex;align-items:center;gap:6px;margin-right:8px}
.wnx .w11 .sv-ft,.wnx .w11 .sv-bt{background:#F3F3F3}
.wnx .w11 .sv-ft input,.wnx .w11 .sv-sel{border-radius:4px;border-color:#D0D0D0;height:28px}
.wnx .w11 .sv-ft input:focus{box-shadow:inset 0 -2px 0 #005FB8}
.wnx .w11 .sv-b{border-radius:4px}

/* ---- «Властивості» і діалоги ---- */
.wnx .k-props{background:#F0F0F0}
.wnx .w11 .k-props{background:#F3F3F3}
.wnx .p-bd{padding:8px 8px 0}
.wnx .ptabs{display:flex;font-size:12px;position:relative;top:1px;z-index:1}
.wnx .ptabs span{padding:3px 8px;border:1px solid transparent;margin-right:-1px;white-space:nowrap}
.wnx .ptabs .on{background:#FFFFFF;border-color:#D9D9D9;border-bottom-color:#FFFFFF}
.wnx .ppg{background:#FFFFFF;border:1px solid #D9D9D9;padding:12px 12px 16px;min-height:380px}
.wnx .phd{display:flex;align-items:center;gap:16px;margin:2px 0 10px}
.wnx .phd .pic{width:40px;display:flex;justify-content:center}
.wnx .phd input{flex:1;min-width:0;height:22px;border:1px solid #7A7A7A;padding:0 4px;font-size:12px;background:#FFFFFF}
.wnx .phd input[readonly]{background:#F0F0F0;border-color:#CCCCCC}
.wnx .phr{height:1px;background:#E2E2E2;margin:8px 0}
.wnx .pr{display:grid;grid-template-columns:104px 1fr;gap:8px;padding:3px 0;font-size:12px;align-items:center}
.wnx .pr > span:first-child{display:flex;align-items:center}
.wnx .pr > span:last-child{word-break:break-all;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wnx .pr .btn{margin-left:auto}
.wnx .pr .pat{flex-direction:column;align-items:flex-start}
.wnx .pat label{display:flex;align-items:center;gap:6px;word-break:normal}
.wnx .pat .ck,.wnx .rck .ck{width:13px;height:13px;border:1px solid #333333;background:#FFFFFF;display:inline-block;flex:none}
.wnx .pat .ck.mix{background:linear-gradient(#333333,#333333) center/7px 7px no-repeat,#FFFFFF}
.wnx .sw{display:inline-block;width:12px;height:12px;margin-right:6px;flex:none}
.wnx .sw.u{background:#2A7AE2}
.wnx .sw.f{background:#D6D6D6}
.wnx .ppie{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}
.wnx .ppie span{width:100px;height:100px;border-radius:50%}
.wnx .k-dlg{background:#FFFFFF}
.wnx .dg-bd{display:flex;gap:14px;padding:18px 18px 20px;background:#FFFFFF}
.wnx .dg-ic{flex:none}
.wnx .dg-tx{flex:1;min-width:0;font-size:12px;line-height:1.5}
.wnx .dg-main{font-size:15px;color:#1E3287;margin-bottom:8px;line-height:1.35}
.wnx .w11 .dg-main{color:#1B1B1B;font-weight:600;font-size:14px}
.wnx .dg-ab{display:flex;gap:12px;align-items:center;margin-top:12px}
.wnx .dg-ab div{display:flex;flex-direction:column}
.wnx .dg-op{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-top:8px;border:1px solid transparent;text-align:left;font-size:13px;color:#1E3287}
.wnx .dg-op:hover{background:#E5F3FF;border-color:#CCE8FF}
.wnx .dg-op svg{color:#1C6FC9}
.wnx .dg-bt{display:flex;justify-content:flex-end;gap:8px;padding:12px 12px;background:#F0F0F0}
.wnx .w11 .dg-bt{background:#F3F3F3;border-top:1px solid #E5E5E5;padding:16px 18px}
.wnx .wn-scr .btn{min-width:76px;height:24px;padding:0 10px;border:1px solid #ADADAD;background:#E1E1E1;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.wnx .wn-scr .btn:hover{background:#E5F1FB;border-color:#0078D7}
.wnx .wn-scr .btn.def{border-color:#0078D7;box-shadow:inset 0 0 0 1px #0078D7}
.wnx .wn-scr .btn[disabled]{opacity:.5}
.wnx .w11 .btn{height:30px;min-width:96px;border-radius:4px;background:#FBFBFB;border-color:#E0E0E0;border-bottom-color:#C4C4C4}
.wnx .w11 .btn:hover{background:#F6F6F6;border-color:#E0E0E0}
.wnx .w11 .btn.def{background:#005FB8;border-color:#005FB8;color:#FFFFFF;box-shadow:none}
.wnx .w11 .btn.def:hover{background:#1A6FC1}
.wnx .a-tb.dlg .tt{font-size:12px}

/* ---- контекстні меню ---- */
.wnx #wnMenuBox{position:absolute;inset:0;pointer-events:none;z-index:200000}
.wnx .wn-menu{position:absolute;pointer-events:auto}
.wnx .wn-menu .mn{background:#F2F2F2;border:1px solid #A0A0A0;box-shadow:2px 2px 4px rgba(0,0,0,.28);padding:2px;min-width:210px;position:relative}
.wnx .wn-menu .mi{display:flex;align-items:center;height:22px;padding:0 22px 0 0;position:relative;white-space:nowrap;font-size:12px;border:1px solid transparent}
.wnx .wn-menu .mi:hover:not(.dis){background:#DADADA}
.wnx .wn-menu .mic{width:30px;flex:none;display:flex;justify-content:center;align-items:center}
.wnx .wn-menu .mt{flex:1}
.wnx .wn-menu .mk{margin-left:28px;color:#6D6D6D}
.wnx .wn-menu .ma{position:absolute;right:6px;top:50%;margin-top:-5px}
.wnx .wn-menu .mi.b .mt{font-weight:700}
.wnx .wn-menu .mi.dis{color:#A0A0A0}
.wnx .wn-menu .ms{height:1px;background:#D2D2D2;margin:3px 2px 3px 30px}
.wnx .wn-menu .mh{padding:8px 12px 4px;font-size:12px;font-weight:600}
.wnx .wn-menu .dot{width:6px;height:6px;border-radius:50%;background:#1B1B1B;display:block}
.wnx .wn-menu .mi > .mn{position:absolute;left:100%;top:-3px;display:none;margin-left:-3px}
.wnx .wn-menu .mi.has:hover > .mn{display:block}
.wnx .wn-menu.flip .mi > .mn{left:auto;right:100%;margin:0 -3px 0 0}
.wnx .wn-menu.st10 .mic svg.g{display:none}
.wnx .wn-menu.dark .mn{background:#2B2B2B;border-color:#3F3F3F;color:#FFFFFF;box-shadow:0 6px 16px rgba(0,0,0,.5);min-width:256px}
.wnx .wn-menu.dark .mi{height:32px}
.wnx .wn-menu.dark .mi:hover:not(.dis){background:#414141}
.wnx .wn-menu.dark .mi.dis{color:#7A7A7A}
.wnx .wn-menu.dark .ms{background:#4A4A4A;margin-left:2px}
.wnx .wn-menu.dark .mic svg.g{display:block}
.wnx .wn-menu.dark .dot{background:#FFFFFF}
.wnx .wn-menu.st11 .mn{background:rgba(249,249,249,.97);backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:4px;min-width:250px}
.wnx .wn-menu.st11 .mi{height:32px;border-radius:4px;padding-right:28px;font-size:12.5px;border:0}
.wnx .wn-menu.st11 .mi:hover:not(.dis){background:rgba(0,0,0,.055)}
.wnx .wn-menu.st11 .mic{width:40px}
.wnx .wn-menu.st11 .ms{margin:4px 0;background:rgba(0,0,0,.08)}
.wnx .wn-menu.st11 .mi > .mn{top:-5px;margin-left:-2px}
.wnx .wn-menu.st11 .mrow{display:flex;gap:2px;padding:2px 2px 5px;margin-bottom:4px;border-bottom:1px solid rgba(0,0,0,.08)}
.wnx .wn-menu.st11 .mrow button{width:42px;height:38px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.wnx .wn-menu.st11 .mrow button:hover{background:rgba(0,0,0,.055)}
.wnx .wn-menu.st11 .mrow [disabled]{opacity:.32}
.wnx .wn-menu.st11 .dot{margin:0 auto}

/* ---- перетягування, рамка, підказки ---- */
.wnx .wn-fx{position:absolute;inset:0;pointer-events:none;z-index:300000}
.wnx .wn-fx .band{position:absolute;background:rgba(0,120,215,.22);border:1px solid #0078D7}
.wnx .wn-fx .ghost{position:absolute;opacity:.72;transform:translate(-50%,-60%)}
.wnx .wn-fx .ghost b{position:absolute;right:-8px;bottom:-6px;background:#0078D7;color:#FFFFFF;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.wnx .wn-fx .dtip{position:absolute;display:none;background:#FFFFFF;border:1px solid #767676;padding:2px 7px;font-size:12px;white-space:nowrap;box-shadow:1px 1px 3px rgba(0,0,0,.25)}
.wnx .wn-fx .dtip svg{display:inline-block;vertical-align:-2px;color:#0063B1}
.wnx .w11 .wn-fx .dtip{border-radius:4px;border-color:rgba(0,0,0,.15);padding:4px 9px}
.wnx .wn-fx .bln{position:absolute;background:#FFFFFF;border:1px solid #767676;padding:8px 12px 9px;font-size:12px;line-height:1.55;box-shadow:2px 3px 8px rgba(0,0,0,.25);white-space:nowrap}
.wnx .wn-fx .bln::before{content:"";position:absolute;left:16px;top:-7px;width:12px;height:12px;background:#FFFFFF;border-left:1px solid #767676;border-top:1px solid #767676;transform:rotate(45deg)}
.wnx .wn-fx .bln span{letter-spacing:.14em}
.wnx .w11 .wn-fx .bln{border-radius:6px;border-color:rgba(0,0,0,.18)}
.wnx .wn-cast{position:absolute;left:50%;z-index:300001;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(20,22,28,.88);color:#FFFFFF;
  opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .2s,transform .2s;font-size:20px}
.wnx .wn-cast.on{opacity:1;transform:translate(-50%,0)}
.wnx .wn-cast kbd{font-family:"Segoe UI",system-ui,sans-serif;font-size:22px;font-weight:600;padding:4px 14px;border-radius:6px;background:#3A3F4B;border-bottom:3px solid #1D2027;min-width:44px;text-align:center}
.wnx .wn-cast span{color:#BBBBBB}