/* ============================================================
   RETRO/OS 98 — оболочка в стиле классических ОС конца 90-х
   ============================================================ */
:root{
  --face:#c0c0c0; --hl:#ffffff; --lt:#dfdfdf; --sh:#808080; --dk:#0a0a0a;
  --navy:#000080; --title2:#1084d0; --desk:#008080; --sel:#000080;
  --raised: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
  --pressed: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;
  --sunken: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;
  --thin-in: inset -1px -1px #ffffff, inset 1px 1px #808080;
  --thin-out: inset -1px -1px #808080, inset 1px 1px #ffffff;
  --win: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px #808080, inset 2px 2px #ffffff;
  --ui: Tahoma, "MS Sans Serif", "Microsoft Sans Serif", Geneva, Verdana, sans-serif;
  --mono: "Lucida Console", "Courier New", Courier, monospace;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:var(--ui);font-size:11px;color:#000;
  -webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;user-select:none;cursor:default}
[hidden]{display:none!important}
b,strong{font-weight:bold}
.mono{font-family:var(--mono)}

/* ---------- Скроллбары 98 ---------- */
::-webkit-scrollbar{width:16px;height:16px}
::-webkit-scrollbar-track{background:repeating-conic-gradient(#c0c0c0 0 25%,#ffffff 0 50%) 0 0/2px 2px}
::-webkit-scrollbar-thumb{background:#c0c0c0;box-shadow:var(--raised)}
::-webkit-scrollbar-corner{background:#c0c0c0}
::-webkit-scrollbar-button:single-button{display:block;width:16px;height:16px;background-color:#c0c0c0;box-shadow:var(--raised);background-repeat:no-repeat;background-position:center}
::-webkit-scrollbar-button:single-button:active{box-shadow:var(--thin-in)}
::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='4'><rect x='3' y='0' width='1' height='1'/><rect x='2' y='1' width='3' height='1'/><rect x='1' y='2' width='5' height='1'/><rect x='0' y='3' width='7' height='1'/></svg>")}
::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='4'><rect x='0' y='0' width='7' height='1'/><rect x='1' y='1' width='5' height='1'/><rect x='2' y='2' width='3' height='1'/><rect x='3' y='3' width='1' height='1'/></svg>")}
::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='7'><rect x='0' y='3' width='1' height='1'/><rect x='1' y='2' width='1' height='3'/><rect x='2' y='1' width='1' height='5'/><rect x='3' y='0' width='1' height='7'/></svg>")}
::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='7'><rect x='0' y='0' width='1' height='7'/><rect x='1' y='1' width='1' height='5'/><rect x='2' y='2' width='1' height='3'/><rect x='3' y='3' width='1' height='1'/></svg>")}

/* ---------- Базовые контролы ---------- */
button,.btn{font:inherit;font-size:11px;color:#000;min-width:75px;min-height:23px;background:var(--face);border:0;border-radius:0;
  box-shadow:var(--raised);padding:0 12px;cursor:default;-webkit-font-smoothing:none}
button:active:not(:disabled),.btn.pressed{box-shadow:var(--pressed);padding:2px 11px 0 13px}
button:focus{outline:none}
button:focus-visible{outline:1px dotted #000;outline-offset:-4px}
button:disabled{color:#808080;text-shadow:1px 1px 0 #fff}
button.default{box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #0a0a0a,inset -2px -2px #0a0a0a,inset 2px 2px #fff,inset -3px -3px #808080,inset 3px 3px #dfdfdf}
button.flat{box-shadow:none;min-width:0}
button.flat:hover{box-shadow:var(--thin-out)}
button.flat:active{box-shadow:var(--thin-in)}
input[type=text],input[type=password],input[type=search],textarea,select,.field{font:inherit;font-size:11px;border:0;border-radius:0;background:#fff;
  box-shadow:var(--sunken);padding:3px 4px;color:#000;outline:none;-webkit-font-smoothing:none}
input[type=text],input[type=password],select{height:21px}
textarea{resize:none}
select{appearance:none;-webkit-appearance:none;padding-right:20px;
  background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17'><rect width='17' height='17' fill='%23c0c0c0'/><path d='M0 16h17M16 0v17' stroke='%23000'/><path d='M1 15h15M15 1v14' stroke='%23808080'/><path d='M1 1h14M1 1v14' stroke='%23fff'/><path d='M5 7h7l-3.5 3.5z' fill='%23000'/></svg>") right 2px center no-repeat}
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin:0 4px 0 0;background:#fff;box-shadow:var(--sunken);vertical-align:-2px;flex:none}
input[type=checkbox]:checked{background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='7'><path d='M6 0h1v2H6zM5 1h1v2H5zM4 2h1v2H4zM3 3h1v2H3zM2 4h1v2H2zM1 3h1v2H1zM0 2h1v2H0z'/></svg>") center no-repeat}
input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin:0 4px 0 0;border-radius:50%;background:#fff;vertical-align:-2px;flex:none;
  box-shadow:inset 1px 1px #808080,inset -1px -1px #fff,inset 2px 2px #0a0a0a,inset -2px -2px #dfdfdf}
input[type=radio]:checked{background:radial-gradient(circle,#000 0 2px,#fff 2.5px)}
input[type=range]{accent-color:#000080}
label{display:inline-flex;align-items:center}
fieldset{border:0;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #808080,inset 2px 2px #fff;padding:12px 10px 10px;margin:6px 0 8px}
legend{background:var(--face);padding:0 3px;margin-left:-2px}
hr.etched{border:0;height:2px;box-shadow:inset 0 1px #808080,inset 0 -1px #fff;margin:6px 0}
.sunken{box-shadow:var(--sunken);background:#fff}
.thin-in{box-shadow:var(--thin-in)}
.raised{box-shadow:var(--raised);background:var(--face)}
a{color:#0000ee}

/* сегментированный прогресс-бар */
.progress{height:18px;box-shadow:var(--thin-in);padding:2px;background:#c0c0c0;position:relative}
.progress>i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#000080 0 8px,transparent 8px 10px);transition:width .25s steps(6)}
.progress.red>i{background:repeating-linear-gradient(90deg,#c00000 0 8px,transparent 8px 10px)}
.progress.green>i{background:repeating-linear-gradient(90deg,#008000 0 8px,transparent 8px 10px)}

/* вкладки */
.tabs{display:flex;padding-left:3px;position:relative;z-index:1}
.tabs>button{min-width:0;min-height:20px;padding:2px 10px;box-shadow:inset -1px 0 #0a0a0a,inset 1px 1px #fff,inset -2px 0 #808080,inset 2px 2px #dfdfdf;margin-top:2px;position:relative}
.tabs>button.on{margin-top:0;min-height:22px;padding:3px 12px 4px;margin-left:-2px;margin-right:-2px;z-index:2;background:var(--face)}
.tabs>button:active{padding:2px 10px}
.tabs>button.on:active{padding:3px 12px 4px}
.tabpanel{box-shadow:var(--win);background:var(--face);padding:10px;margin-top:-2px;flex:1;min-height:0;overflow:auto}

/* ---------- Экран питания ---------- */
#power{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#1b2430 0,#050608 70%);display:flex;align-items:center;justify-content:center;z-index:200000;color:#c8d0d8}
.power-inner{text-align:center;max-width:640px;padding:20px}
.power-title{font-family:"Courier New",monospace;font-weight:bold;font-size:64px;letter-spacing:6px;color:#35ff6a;text-shadow:0 0 12px rgba(53,255,106,.55),0 0 2px #35ff6a}
.power-sub{font-family:"Courier New",monospace;font-size:18px;margin:4px 0 14px;color:#9fe8b4;letter-spacing:2px}
.power-slogan{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;color:#8f99a3;margin-bottom:34px}
.power-btn{width:92px;height:92px;min-width:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2efe4,#cfc9b4 60%,#9d9782);
  box-shadow:0 0 0 6px #3a3d42,0 0 0 8px #1a1c1f,0 8px 30px rgba(0,0,0,.8);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .08s}
.power-btn:active:not(:disabled){transform:scale(.95);box-shadow:0 0 0 6px #3a3d42,0 0 0 8px #1a1c1f,0 3px 10px rgba(0,0,0,.8);padding:0}
.power-btn span{width:36px;height:36px;border:4px solid #3c8a46;border-radius:50%;border-top-color:transparent;position:relative}
.power-btn span::after{content:"";position:absolute;left:50%;top:-10px;width:4px;height:20px;margin-left:-2px;background:#3c8a46}
.power-btn:hover span{border-color:#46c25a;border-top-color:transparent}
.power-btn:hover span::after{background:#46c25a;box-shadow:0 0 6px #46c25a}
.power-hint{margin-top:16px;font-size:13px;color:#8f99a3;font-family:var(--ui)}
.power-actions{margin-top:18px;display:flex;gap:10px;justify-content:center}
.power-actions button{font-size:12px}
.power-note{margin-top:40px;font-size:11px;color:#59626b;line-height:1.6}

/* ---------- BIOS / загрузка ---------- */
#boot{position:fixed;inset:0;background:#000;z-index:150000;color:#aaa;font-family:var(--mono);font-size:15px;line-height:1.35;padding:24px 30px;white-space:pre;overflow:hidden;cursor:none}
#boot .w{color:#fff}
#boot .g{color:#55ff55}
#boot .y{color:#ffff55}
#boot .c{color:#55ffff}
.bios-logo{position:absolute;right:30px;top:24px;color:#55ffff;font-size:13px;line-height:1.1;text-align:left}
.splash{position:fixed;inset:0;z-index:150001;background:linear-gradient(180deg,#5b8fd8 0%,#9cc3ef 55%,#dceaf8 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--ui);white-space:normal;cursor:wait}
.splash .clouds{position:absolute;inset:0;overflow:hidden}
.splash .cloud{position:absolute;background:#fff;border-radius:50px;opacity:.85;filter:blur(1px)}
.splash .cloud::before,.splash .cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.splash-logo{position:relative;display:flex;align-items:center;gap:18px}
.splash-logo svg{width:96px;height:96px;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.25))}
.splash-word{font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:58px;color:#fff;letter-spacing:-1px;text-shadow:3px 3px 0 #1d3f78}
.splash-word small{font-size:32px;vertical-align:super;color:#ffe066;text-shadow:2px 2px 0 #7a5a00;margin-left:6px}
.splash-tag{position:relative;margin-top:10px;font-size:14px;color:#123;font-weight:bold;letter-spacing:3px}
.splash-bar{position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(90deg,#000080,#00a0ff,#30e0a0,#ffe060,#ff6040,#a040ff,#000080);background-size:200% 100%;animation:spectrum 1.2s linear infinite}
@keyframes spectrum{to{background-position:-200% 0}}
.splash-copy{position:absolute;bottom:22px;font-size:11px;color:#234}

/* ---------- Рабочий стол ---------- */
#desktop{position:fixed;left:0;top:0;right:0;bottom:28px;background:var(--desk);overflow:hidden}
#icons{position:absolute;top:4px;left:4px;bottom:4px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:2px;z-index:1}
.dicon{width:76px;height:72px;display:flex;flex-direction:column;align-items:center;padding-top:3px;color:#fff;text-align:center;outline:none}
.dicon .ic{position:relative;width:32px;height:32px}
.dicon .ic svg{display:block}
.dicon span{margin-top:4px;padding:1px 2px;line-height:12px;max-width:74px;word-wrap:break-word;text-shadow:none}
.dicon.sel span{background:var(--sel);outline:1px dotted #ffff80;outline-offset:-1px}
.dicon.sel .ic svg{filter:brightness(.6) sepia(1) hue-rotate(185deg) saturate(5)}
.dicon.new span{animation:newblink .5s steps(1) 8}
@keyframes newblink{50%{background:#ffff00;color:#000}}
.dicon .badge{position:absolute;right:-6px;top:-4px;background:#ff0000;color:#fff;font-weight:bold;font-size:10px;min-width:14px;height:14px;line-height:12px;border:1px solid #fff;padding:0 2px;text-align:center}

/* ---------- Окна ---------- */
.window{position:absolute;background:var(--face);box-shadow:var(--win);padding:3px;display:flex;flex-direction:column;min-width:160px}
.window.maxed{left:0!important;top:0!important;width:100%!important;height:100%!important}
.title-bar{height:18px;flex:none;background:linear-gradient(90deg,var(--navy),var(--title2));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2px 0 3px;font-weight:bold;touch-action:none}
.window.inactive>.title-bar{background:linear-gradient(90deg,#808080,#b5b5b5);color:#d4d0c8}
.title-bar-text{display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;min-width:0}
.title-bar-text .tt{overflow:hidden;text-overflow:ellipsis}
.title-bar-text svg{flex:none;width:16px;height:16px}
.title-bar-controls{display:flex;flex:none}
.title-bar-controls button{min-width:16px;width:16px;height:14px;min-height:14px;padding:0;background-repeat:no-repeat;background-position:center}
.title-bar-controls button:active{padding:0;background-position:calc(50% + 1px) calc(50% + 1px)}
.title-bar-controls .tb-min{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='2'><rect width='6' height='2'/></svg>");background-position:4px 9px}
.title-bar-controls .tb-min:active{background-position:5px 10px}
.title-bar-controls .tb-max{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path fill-rule='evenodd' d='M9 0H0v9h9zM8 2H1v6h7z'/></svg>")}
.window.maxed .tb-max{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='9'><path fill-rule='evenodd' d='M2 0h6v6H6v3H0V3h2zm1 1v1h4v3h0V2H3zM1 4v4h4V4z'/></svg>")}
.title-bar-controls .tb-close{margin-left:2px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='7'><rect x='0' y='0' width='2' height='1'/><rect x='6' y='0' width='2' height='1'/><rect x='1' y='1' width='2' height='1'/><rect x='5' y='1' width='2' height='1'/><rect x='2' y='2' width='4' height='1'/><rect x='3' y='3' width='2' height='1'/><rect x='2' y='4' width='4' height='1'/><rect x='1' y='5' width='2' height='1'/><rect x='5' y='5' width='2' height='1'/><rect x='0' y='6' width='2' height='1'/><rect x='6' y='6' width='2' height='1'/></svg>")}
.window-body{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:2px;overflow:hidden;position:relative}
.rsz{position:absolute;right:2px;bottom:2px;width:13px;height:13px;cursor:nwse-resize;touch-action:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M11 0L0 11M11 4L4 11M11 8L8 11' stroke='%23fff'/><path d='M12 1L1 12M12 5L5 12M12 9L9 12' stroke='%23808080'/></svg>") no-repeat}
.window.maxed .rsz{display:none}
.window.flash>.title-bar{animation:tflash .1s steps(1) 6}
@keyframes tflash{50%{background:linear-gradient(90deg,#808080,#b5b5b5)}}
.window.shake{animation:shake .35s}
@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.zoomrect{position:absolute;border:2px solid #c0c0c0;outline:1px solid #808080;z-index:99998;pointer-events:none;transition:all .16s steps(5)}
.modal-veil{position:absolute;inset:0;z-index:0}

/* меню окна */
.menubar{display:flex;flex:none;padding:1px 0 2px;position:relative}
.menubar>div{padding:2px 7px;position:relative}
.menubar>div.open{background:var(--sel);color:#fff}
.menubar>div.open,.menubar>div:hover{box-shadow:none}
.dropdown,.ctx{position:fixed;background:var(--face);box-shadow:var(--win);padding:2px;min-width:160px;z-index:200001;color:#000}
.dd-item{padding:3px 20px 3px 22px;white-space:nowrap;position:relative;display:flex;align-items:center;gap:6px}
.dd-item:hover{background:var(--sel);color:#fff}
.dd-item.dis{color:#808080;text-shadow:1px 1px #fff}
.dd-item.dis:hover{background:transparent;color:#808080}
.dd-item.chk::before{content:"✓";position:absolute;left:7px;font-weight:bold}
.dd-item .k{margin-left:auto;padding-left:16px}
.dd-sep{height:2px;margin:3px 1px;box-shadow:inset 0 1px #808080,inset 0 -1px #fff}

/* тулбар */
.toolbar{display:flex;flex:none;align-items:center;gap:1px;padding:2px;box-shadow:inset 0 1px #fff,inset 0 -1px #808080}
.toolbar .tbtn{min-width:0;min-height:0;padding:2px 5px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:none;background:transparent}
.toolbar .tbtn:hover:not(:disabled){box-shadow:var(--thin-out)}
.toolbar .tbtn:active:not(:disabled){box-shadow:var(--thin-in);padding:3px 4px 1px 6px}
.toolbar .tbtn svg{width:24px;height:24px}
.toolbar .tbtn:disabled svg{filter:grayscale(1) opacity(.45)}
.toolbar .vsep{width:2px;align-self:stretch;margin:2px 3px;box-shadow:inset 1px 0 #808080,inset -1px 0 #fff}
.statusbar{display:flex;gap:2px;flex:none;margin-top:2px}
.statusbar>div{box-shadow:var(--thin-in);padding:2px 4px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:18px;display:flex;align-items:center;gap:4px}
.statusbar>div.fix{flex:none}

/* ---------- Панель задач ---------- */
#taskbar{position:fixed;left:0;right:0;bottom:0;height:28px;background:var(--face);box-shadow:inset 0 1px #dfdfdf,inset 0 2px #fff;display:flex;align-items:center;padding:3px 2px 1px;gap:3px;z-index:100000}
#start-btn{height:22px;min-height:22px;min-width:0;display:flex;align-items:center;gap:4px;padding:0 6px 0 4px;font-size:11px}
#start-btn.on{box-shadow:var(--pressed);padding:2px 5px 0 5px;background:repeating-conic-gradient(#c0c0c0 0 25%,#fff 0 50%) 0 0/2px 2px}
#start-btn b{font-size:11px}
.sb-logo{width:18px;height:18px;display:inline-block}
.tb-sep{width:2px;height:20px;box-shadow:inset 1px 0 #808080,inset -1px 0 #fff;margin:0 1px}
#quick{display:flex;gap:1px}
#quick button{min-width:0;width:22px;height:22px;min-height:22px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none;background:transparent}
#quick button:hover{box-shadow:var(--thin-out)}
#quick button:active{box-shadow:var(--thin-in);padding:0}
#quick svg{width:16px;height:16px}
#tasks{flex:1;display:flex;gap:3px;min-width:0;overflow:hidden}
.task-btn{width:160px;min-width:40px;flex:0 1 160px;height:22px;min-height:22px;padding:0 4px;display:flex;align-items:center;gap:4px;text-align:left;overflow:hidden}
.task-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-btn svg{width:16px;height:16px;flex:none}
.task-btn.on{box-shadow:var(--pressed);background:repeating-conic-gradient(#c0c0c0 0 25%,#fff 0 50%) 0 0/2px 2px;font-weight:bold;padding:1px 3px 0 5px}
.task-btn.attn{animation:attn 1s steps(1) infinite}
@keyframes attn{50%{background:#000080;color:#fff}}
#tray{height:22px;box-shadow:var(--thin-in);display:flex;align-items:center;padding:0 8px 0 6px;gap:6px;flex:none}
#tray>span{display:flex;align-items:center}
#tray svg{width:16px;height:16px}
#tray-mail{animation:trayblink 1s steps(1) infinite}
@keyframes trayblink{50%{opacity:.25}}
#clock{min-width:34px;justify-content:center}

/* меню Пуск */
#start-menu{position:fixed;left:2px;bottom:27px;background:var(--face);box-shadow:var(--win);display:flex;z-index:100001;padding:3px}
#start-menu .side{width:22px;background:linear-gradient(0deg,var(--navy),var(--title2));color:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
#start-menu .side span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-size:16px;letter-spacing:1px;color:#c0c0c0}
#start-menu .side span b{color:#fff}
.sm-list{min-width:190px}
.sm-item{display:flex;align-items:center;gap:8px;padding:2px 22px 2px 4px;height:32px;position:relative;white-space:nowrap}
.sm-item svg{width:24px;height:24px;flex:none}
.sm-item:hover,.sm-item.open{background:var(--sel);color:#fff}
.sm-item.sub::after{content:"";position:absolute;right:8px;border:4px solid transparent;border-left-color:currentColor}
.sm-item u{text-decoration:underline}
.sm-sep{height:2px;margin:2px 2px;box-shadow:inset 0 1px #808080,inset 0 -1px #fff}
.sm-submenu{position:fixed;background:var(--face);box-shadow:var(--win);padding:2px;z-index:100002;min-width:180px}
.sm-submenu .sm-item{height:22px;padding:2px 20px 2px 4px}
.sm-submenu .sm-item svg{width:16px;height:16px}

/* ---------- Диалоги ---------- */
.dlg{display:flex;gap:14px;padding:14px 12px 6px;align-items:flex-start}
.dlg-ic{flex:none}
.dlg-ic svg{width:32px;height:32px}
.dlg-msg{line-height:1.45;padding-top:2px;flex:1;user-select:text}
.dlg-msg p{margin:0 0 8px}
.dlg-btns{display:flex;justify-content:center;gap:6px;padding:8px 10px 10px;flex-wrap:wrap}

/* балун в трее */
.balloon{position:fixed;right:8px;bottom:36px;width:300px;background:#ffffe1;border:1px solid #000;border-radius:6px;padding:8px 22px 9px 10px;z-index:200000;box-shadow:2px 2px 0 rgba(0,0,0,.35);cursor:pointer;animation:balloonIn .2s steps(3)}
.balloon::after{content:"";position:absolute;right:46px;bottom:-11px;width:16px;height:11px;background:#ffffe1;clip-path:polygon(0 0,100% 0,100% 100%);border-right:1px solid #000}
.balloon::before{content:"";position:absolute;right:45px;bottom:-12px;width:17px;height:12px;background:#000;clip-path:polygon(0 0,100% 0,100% 100%)}
.balloon .bt{font-weight:bold;display:flex;align-items:center;gap:5px;margin-bottom:4px}
.balloon .bt svg{width:16px;height:16px}
.balloon .bx{position:absolute;right:5px;top:5px;width:13px;height:13px;border:1px solid #808080;font-size:9px;line-height:11px;text-align:center;background:#ffffe1}
.balloon .bb{line-height:1.4}
@keyframes balloonIn{from{opacity:0;transform:translateY(8px)}}

/* всплывающая подсказка у курсора */
.tip{position:fixed;z-index:200002;background:#ffffe1;border:1px solid #000;padding:3px 6px;pointer-events:none;box-shadow:2px 2px 0 rgba(0,0,0,.3);max-width:280px;line-height:1.35;animation:tipUp 2.4s forwards}
.tip.good{background:#e6ffe6}
.tip.bad{background:#ffe9e9}
@keyframes tipUp{0%{opacity:0;transform:translateY(4px)}8%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}

/* курсоры ожидания */
body.wait,body.wait *{cursor:progress!important}

/* заставка */
#saver{position:fixed;inset:0;background:#000;z-index:300000;cursor:none;overflow:hidden}
#saver canvas{position:absolute;inset:0}

/* выключение */
#shutdown{position:fixed;inset:0;background:#000;z-index:300001;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}
#shutdown .msg{color:#ff8c00;font-family:"Arial Black",Arial,sans-serif;font-size:30px;text-align:center;line-height:1.4}
#shutdown button{font-size:12px}