:root{
  --luna-1:#0058ee; --luna-2:#3593ff; --luna-3:#0054e3; --luna-4:#003fbb;
  --luna-inactive-1:#7ba2e7; --luna-inactive-2:#6d8ec9;

  --face:#ece9d8; --face-hi:#fffffe; --face-lo:#aca899; --face-dark:#716f64;
  --field:#ffffff; --field-border:#7f9db9;
  --ink:#111111; --ink-soft:#3b3b3b; --link:#0b4f9e;

  --tb-1:#3f8cf3; --tb-2:#245edb; --tb-3:#1941a5;
  --start-1:#5eac2e; --start-2:#3d8b1b; --start-3:#2f6f13;

  --sky-1:#2f6fd0; --sky-2:#5aa7e8; --sky-3:#bfe1f6;
  --hill-1:#7db32f; --hill-2:#4d8b1e; --hill-3:#356414;

  --tb-h:34px;
  --font:Tahoma,"Trebuchet MS",Verdana,Geneva,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  font-size:14px;
  line-height:1.55;
  color:var(--ink);
  background:#dfe7f3;
  -webkit-text-size-adjust:100%;
}
img,svg{max-width:100%}
a{color:var(--link)}
:focus-visible{outline:2px solid #ff8c00;outline-offset:1px}

.page h1{
  font-size:clamp(21px,4.2vw,28px);
  line-height:1.25;
  margin:0 0 12px;
  color:#123a72;
  letter-spacing:-.01em;
}
.page h2{
  font-size:19px;margin:0 0 10px;color:#123a72;
  border-bottom:1px solid #c9d4e6;padding-bottom:6px;
}
.page h3{font-size:14px;margin:18px 0 6px;color:#1a4c8f;text-transform:uppercase;letter-spacing:.04em}
.page p{margin:0 0 10px}
.page .lead{font-size:15px;color:var(--ink-soft)}

.ticks{list-style:none;margin:0 0 12px;padding:0}
.ticks li{position:relative;padding:2px 0 2px 22px;margin-bottom:3px}
.ticks li::before{
  content:"";position:absolute;left:2px;top:9px;width:9px;height:5px;
  border-left:2.5px solid var(--hill-2);border-bottom:2.5px solid var(--hill-2);
  transform:rotate(-45deg);
}

.tiles{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.tiles button{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  background:transparent;border:1px solid transparent;border-radius:3px;
  padding:8px;font:inherit;color:inherit;cursor:pointer;
}
.tiles button:hover{background:#e8f0fd;border-color:#a8c3ea}
.tiles button:active{background:#cfe0f8}
.tiles span{display:flex;flex-direction:column;font-size:13px;color:var(--ink-soft)}
.tiles strong{font-size:14px;color:var(--ink);font-weight:bold}
.ic32{width:32px;height:32px;flex:0 0 32px}
.ic48{width:48px;height:48px;flex:0 0 48px}

.cp-grid{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}
.cp-grid button{
  display:flex;align-items:center;gap:10px;width:100%;min-width:0;text-align:left;
  background:none;border:1px solid transparent;border-radius:3px;
  padding:8px 8px;font:inherit;cursor:pointer;
}
.cp-grid button:hover{background:#e8f0fd;border-color:#a8c3ea}
.cp-grid button:active{background:#cfe0f8}
.cp-grid svg{width:36px;height:36px;flex:0 0 36px}
.cp-grid strong{font-size:13px;color:#0b3c8c;font-weight:bold;overflow-wrap:anywhere}
.cp-grid button:hover strong{text-decoration:underline;color:#c05a00}

@media (max-width:560px){
  .cp-grid{grid-template-columns:1fr}
}

.cta-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}

.xp-btn{
  font:inherit;font-size:13px;padding:4px 14px;min-width:88px;cursor:pointer;
  color:#000;border:1px solid #003c74;border-radius:3px;
  background:linear-gradient(180deg,#fff 0%,#f2f1e6 46%,#e5e2ce 50%,#f0eee0 100%);
  box-shadow:inset 0 0 0 1px #fff;
}
.xp-btn:hover{border-color:#e8a600;box-shadow:inset 0 0 0 1px #fff,0 0 4px rgba(232,166,0,.55)}
.xp-btn:active{background:linear-gradient(180deg,#dcd9c8 0%,#efeee2 100%);padding:5px 13px 3px 15px}
.xp-btn-default{box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #4a7ec8}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--link);text-decoration:underline;cursor:pointer}

a.xp-btn{display:inline-block;text-decoration:none;color:#000}
.maillist{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:1px}
.maillist a{
  display:block;padding:5px 9px;font-size:13px;text-decoration:none;color:var(--link);
  border:1px solid transparent;border-radius:3px;
}
.maillist a::before{content:"✉ ";color:#5b6672}
.maillist a:hover{background:#e8f0fd;border-color:#a8c3ea;text-decoration:underline}
.specs{margin:0 0 12px;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:2px 14px}
.specs dt{color:var(--ink-soft)}
.specs dd{margin:0}

.is-notepad pre{
  font-family:"Lucida Console","Courier New",monospace;
  font-size:13px;line-height:1.45;margin:0;white-space:pre-wrap;color:#000;
}

.sys-head{display:flex;gap:14px;align-items:center;font-size:13px}
.is-sysprops hr{border:0;border-top:1px solid #c9c6b6;margin:12px 0}
.is-sysprops p{font-size:13px}

.has-pane{display:grid;gap:16px}
.pane{display:grid;gap:10px;align-content:start;order:2}
.pane-main{order:1}
.pane-box{border:1px solid #b9cdf0;border-radius:4px;overflow:hidden;background:#f5f9ff}
.pane-box h3{
  margin:0;padding:5px 10px;font-size:12px;color:#0c3a86;text-transform:none;letter-spacing:0;
  background:linear-gradient(180deg,#f4f8ff 0%,#c9dcf7 100%);
  border-bottom:1px solid #b9cdf0;
}
.pane-box ul{list-style:none;margin:0;padding:8px 10px}
.pane-box li{margin-bottom:5px}
.pane-box li button{
  background:none;border:0;padding:0;font:inherit;font-size:13px;
  color:var(--link);text-align:left;cursor:pointer;
}
.pane-box li button:hover{text-decoration:underline;color:#c05a00}
.pane-box p{margin:8px 10px;font-size:12px;color:#2c4b7c}

#simple{min-height:100vh;display:flex;flex-direction:column;background:#eef3fa}

.simple-bar{
  position:sticky;top:0;z-index:20;
  background:linear-gradient(180deg,var(--luna-2) 0%,var(--luna-1) 40%,var(--luna-3) 100%);
  color:#fff;padding:10px 16px;
  box-shadow:0 2px 6px rgba(0,0,0,.28);
}
.simple-brand{display:flex;align-items:center;gap:10px}
.simple-logo{
  width:36px;height:36px;flex:0 0 36px;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
.simple-brand strong{display:block;font-size:16px;text-shadow:0 1px 1px rgba(0,0,0,.4)}
.simple-brand small{display:block;font-size:12px;opacity:.9}
.simple-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.simple-nav a{
  font-size:13px;color:#0b3f7a;text-decoration:none;
  background:linear-gradient(180deg,#fff,#dfe7f3);
  border:1px solid #7ba7de;border-radius:3px;padding:4px 10px;
}
.simple-nav a:hover{border-color:#e8a600}

#pages{flex:1;width:100%;max-width:840px;margin:0 auto;padding:14px}

#simple .page{
  background:var(--face);
  border:1px solid var(--face-lo);
  border-top:3px solid var(--luna-3);
  border-radius:4px;
  padding:16px;
  margin-bottom:14px;
  scroll-margin-top:100px;
}
#simple .page[hidden]{display:none}

.simple-foot{
  background:linear-gradient(180deg,var(--tb-2),var(--tb-3));
  color:#e8f0ff;padding:14px 16px;font-size:13px;text-align:center;
}
.simple-foot p{margin:2px 0}
.simple-foot strong{color:#fff}
.simple-foot a{color:#ffdf8a}
.foot-legal{font-size:12px;opacity:.85}
.simple-foot .linkbtn{color:#ffdf8a}

#simple #p-systeem,#simple #p-chat{display:none}

@media (min-width:720px){
  .simple-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}
  .simple-nav{margin-top:0}
  .has-pane{grid-template-columns:190px minmax(0,1fr)}
  .pane{order:0}
  .pane-main{order:0}
}

body.xp-on{overflow:hidden;height:100vh;background:#000}
body.xp-on #simple{display:none}

#xp{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;user-select:none}
#xp[hidden],#boot[hidden],#welcome[hidden],#desktop[hidden],#taskbar[hidden]{display:none}

#boot{
  position:absolute;inset:0;z-index:90;background:#000;color:#e9e9e9;
  display:grid;place-items:center;text-align:center;
}
#boot .boot-mark{width:64px;height:64px;display:block;margin:0 auto 16px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}
#boot .boot-logo{font-size:40px;font-weight:bold;letter-spacing:.06em}
#boot .boot-logo span{color:#ff9d0b}
#boot .boot-sub{font-size:13px;color:#9aa4b2;margin-top:2px;letter-spacing:.22em;text-transform:uppercase}
#boot .boot-bar{
  width:180px;height:14px;margin:44px auto 0;border:1px solid #6f7c8c;border-radius:3px;
  overflow:hidden;position:relative;background:#0b0d10;
}
#boot .boot-bar i{
  position:absolute;top:2px;left:0;width:36px;height:8px;
  background:linear-gradient(90deg,#1f4fb5,#4f97ff,#1f4fb5);
  animation:bootslide 2s linear infinite;
}
@keyframes bootslide{from{left:-40px}to{left:180px}}
#boot .boot-foot{position:absolute;bottom:26px;width:100%;font-size:12px;color:#7c8896}

#welcome{
  position:absolute;inset:0;z-index:85;color:#fff;
  background:linear-gradient(180deg,#5b8bd8 0%,#3f6cc4 45%,#2f57a8 100%);
  display:grid;grid-template-rows:1fr auto 1fr;
}
#welcome .wc-top{
  border-bottom:2px solid #fff;box-shadow:0 1px 0 rgba(255,255,255,.4);
  display:flex;align-items:flex-end;justify-content:flex-end;padding:0 40px 18px;
}
#welcome .wc-top div{text-align:right}
#welcome .wc-title{font-size:26px;text-shadow:0 2px 3px rgba(0,0,0,.4)}
#welcome .wc-mark{width:32px;height:32px;vertical-align:-6px;margin-right:9px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
#welcome .wc-title b{color:#ffcf5c}
#welcome .wc-sub{font-size:13px;opacity:.9}
#welcome .wc-mid{
  padding:26px 40px;display:flex;justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));
}
#welcome .wc-user{
  display:flex;align-items:center;gap:14px;background:none;border:0;cursor:pointer;
  color:#fff;font:inherit;padding:8px 16px;border-radius:6px;
}
#welcome .wc-user:hover{background:rgba(255,255,255,.16)}
#welcome .wc-user svg{width:56px;height:56px;background:#f0c674;border:2px solid #fff;border-radius:4px;padding:3px}
#welcome .wc-user span{font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
#welcome .wc-user small{display:block;font-size:12px;opacity:.85}
#welcome .wc-bot{
  border-top:2px solid #fff;box-shadow:0 -1px 0 rgba(255,255,255,.4);
  padding:16px 40px;font-size:13px;
}

#desktop{position:absolute;inset:0 0 var(--tb-h) 0;overflow:hidden}
#wallpaper{
  position:absolute;inset:0;overflow:hidden;
  background:
    radial-gradient(58% 42% at 79% 16%,rgba(255,247,214,.9),rgba(255,247,214,0) 72%),
    linear-gradient(180deg,#1c56b4 0%,#3d84d6 30%,var(--sky-2) 54%,var(--sky-3) 78%,#eaf6ff 100%);
}
#wallpaper .wp-clouds{position:absolute;left:0;top:0;width:100%;height:46%}
#wallpaper .wp-hills{position:absolute;left:0;bottom:0;width:100%;height:46%;min-height:190px}
#wallpaper-img{position:absolute;inset:0;background:url(../assets/wallpaper.jpg) center/cover no-repeat}

#icons{
  position:absolute;top:10px;left:8px;margin:0;padding:0;list-style:none;
  display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;
  max-height:calc(100vh - var(--tb-h) - 20px);gap:2px;
}
#icons button{
  width:88px;padding:6px 3px;background:none;border:1px dotted transparent;cursor:pointer;
  color:#fff;font:inherit;font-size:12px;text-align:center;line-height:1.25;
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
#icons button svg{width:40px;height:40px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.45))}
#icons button span{text-shadow:0 1px 2px rgba(0,0,0,.85);padding:0 2px}
#icons button:hover span{background:rgba(11,60,140,.45)}
#icons button.sel span{background:#0b3c8c}
#icons button.sel svg{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.45)) brightness(.85) saturate(1.3)}

.win{
  position:absolute;display:flex;flex-direction:column;min-width:280px;min-height:150px;
  background:var(--luna-3);
  border:3px solid var(--luna-3);border-top:0;border-radius:8px 8px 0 0;
  box-shadow:2px 3px 12px rgba(0,0,0,.45);
}
.win.min{display:none}
.win.max{inset:0 !important;width:auto !important;height:auto !important;border-radius:0}

.win-title{
  display:flex;align-items:center;gap:6px;height:29px;padding:0 3px 0 5px;
  border-radius:6px 6px 0 0;cursor:default;flex:0 0 29px;
  background:linear-gradient(180deg,var(--luna-2) 0%,var(--luna-1) 12%,#1173ff 42%,#0761ef 88%,var(--luna-4) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.win:not(.active)>.win-title{
  background:linear-gradient(180deg,#9db9ea 0%,var(--luna-inactive-1) 30%,var(--luna-inactive-2) 100%);
}
.win-title svg{width:16px;height:16px;flex:0 0 16px}
.win-title h2{
  flex:1;margin:0;font-size:13px;font-weight:bold;color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,.55);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.win:not(.active)>.win-title h2{color:#e6ecf8}
.win-btns{display:flex;gap:2px}
.win-btns button{
  width:21px;height:21px;border:1px solid rgba(255,255,255,.85);border-radius:3px;
  cursor:pointer;position:relative;padding:0;
  background:linear-gradient(180deg,#5c9bff,#1c65e0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.win-btns button:hover{background:linear-gradient(180deg,#84b6ff,#3b81ef)}
.win-btns .close{background:linear-gradient(180deg,#f08a6a,#c33a1a)}
.win-btns .close:hover{background:linear-gradient(180deg,#f7a488,#dc4a26)}
.win-btns button::before,.win-btns button::after{content:"";position:absolute;background:#fff}
.win-btns .min::before{left:4px;right:4px;bottom:4px;height:3px}
.win-btns .max::before{left:4px;right:4px;top:4px;height:3px}
.win-btns .max::after{left:4px;right:4px;top:4px;bottom:4px;background:none;border:2px solid #fff;border-top:0}
.win-btns .close::before,.win-btns .close::after{left:9px;top:3px;width:3px;height:14px}
.win-btns .close::before{transform:rotate(45deg)}
.win-btns .close::after{transform:rotate(-45deg)}

.win-menu{
  display:flex;gap:2px;background:var(--face);padding:2px 4px;
  border-bottom:1px solid #d7d2bf;flex:0 0 auto;
}
.win-menu span{font-size:13px;padding:1px 8px;border-radius:2px;cursor:default}
.win-menu span:hover{background:#316ac5;color:#fff}

.win-body{
  flex:1;overflow:auto;background:var(--face);padding:16px;
  border-left:1px solid #fff;
}
.win-body .page{background:none;border:0;padding:0;margin:0}
.win-status{
  flex:0 0 21px;display:flex;align-items:center;gap:2px;background:var(--face);
  border-top:1px solid #d7d2bf;font-size:12px;color:#3b3b3b;padding:0 4px;
}
.win-status i{
  font-style:normal;padding:1px 8px;
  border:1px solid;border-color:#d0ccb9 #fff #fff #d0ccb9;
}
.win-status i:first-child{flex:1}
.win-grip{
  position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;
  background:
    linear-gradient(135deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),
    linear-gradient(135deg,transparent 62%,#a9a795 62%,#a9a795 72%,transparent 72%);
}
.win.max .win-grip{display:none}

.win .win-body.notepad{padding:0;background:#fff}
.win .is-notepad{background:#fff;padding:10px 12px;min-height:100%}

.win .has-pane{grid-template-columns:180px minmax(0,1fr)}
.win .pane{order:0}
.win .pane-main{order:0}

#taskbar{
  position:absolute;left:0;right:0;bottom:0;height:var(--tb-h);z-index:60;
  display:flex;align-items:stretch;
  background:linear-gradient(180deg,var(--tb-1) 0%,var(--tb-2) 9%,#2c6ce0 18%,#2662d8 88%,var(--tb-3) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
#startbtn{
  display:flex;align-items:center;gap:6px;padding:0 22px 2px 10px;border:0;cursor:pointer;
  font:inherit;font-size:16px;font-style:italic;font-weight:bold;color:#fff;
  text-shadow:1px 1px 2px rgba(0,0,0,.55);
  border-radius:0 10px 10px 0;
  background:linear-gradient(180deg,#63b544 0%,var(--start-1) 12%,#4a9a24 40%,#3c8a1a 90%,var(--start-3) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
#startbtn svg{width:20px;height:20px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
#startbtn:hover{background:linear-gradient(180deg,#7ecb5a 0%,#69bb3c 12%,#549f2a 40%,#478f1e 90%,#357616 100%)}
#startbtn[aria-expanded="true"]{background:linear-gradient(180deg,#357616,#3f8b1c 60%,#4d9c26)}

#quicklaunch{display:flex;align-items:center;gap:3px;padding:0 6px;border-right:1px solid rgba(0,0,0,.22);box-shadow:1px 0 0 rgba(255,255,255,.25) inset}
#quicklaunch button{width:24px;height:24px;display:grid;place-items:center;background:none;border:0;cursor:pointer;border-radius:2px;padding:0}
#quicklaunch button:hover{background:rgba(255,255,255,.28)}
#quicklaunch svg{width:18px;height:18px}

#tasks{flex:1;display:flex;align-items:center;gap:3px;padding:0 5px;overflow:hidden}
#tasks button{
  flex:0 1 168px;min-width:44px;height:24px;display:flex;align-items:center;gap:6px;
  padding:0 8px;border:1px solid #2a5fc0;border-radius:3px;cursor:pointer;
  font:inherit;font-size:12px;color:#fff;text-align:left;
  background:linear-gradient(180deg,#3f83ec,#245bcd);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
#tasks button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tasks button svg{width:15px;height:15px;flex:0 0 15px}
#tasks button:hover{background:linear-gradient(180deg,#5795f2,#3570da)}
#tasks button.on{background:linear-gradient(180deg,#1a49ad,#2a63cf);box-shadow:inset 1px 1px 3px rgba(0,0,0,.45)}

#tray{
  display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;color:#fff;font-size:12px;
  background:linear-gradient(180deg,#26aae4 0%,#1290d8 9%,#0d86d0 40%,#0f7ec6 88%,#0d6cae 100%);
  box-shadow:inset 1px 0 0 rgba(0,0,0,.2);
}
#tray svg{width:16px;height:16px}
#tray button{background:none;border:0;padding:2px;cursor:pointer;border-radius:2px;display:grid;place-items:center}
#tray button:hover{background:rgba(255,255,255,.25)}
#clock{min-width:44px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.4)}
#tray{flex-wrap:nowrap}
#tray .bd-user{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
#tray .xp-btn{font-size:11px;padding:2px 10px;min-width:0}

#startmenu{
  position:absolute;left:0;bottom:var(--tb-h);z-index:70;width:436px;
  border:1px solid #0b3aa8;border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden;
  box-shadow:3px -2px 14px rgba(0,0,0,.45);
  transform-origin:0 100%;
}
#startmenu[hidden]{display:none}
.sm-head{
  display:flex;align-items:center;gap:10px;padding:8px 10px;color:#fff;
  background:linear-gradient(180deg,#1866d6,#0f4dae);
  border-bottom:2px solid #ff9d0b;
}
.sm-head svg{width:38px;height:38px;background:#f0c674;border:2px solid #fff;border-radius:4px;padding:2px}
.sm-head strong{font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.sm-cols{display:grid;grid-template-columns:1fr 1fr}
.sm-left{background:#fff;padding:6px 4px}
.sm-right{background:#d3e5fa;padding:6px 4px;border-left:1px solid #b3cdf0}
.sm-cols button{
  display:flex;align-items:center;gap:9px;width:100%;padding:5px 8px;
  background:none;border:0;border-radius:3px;cursor:pointer;
  font:inherit;font-size:13px;text-align:left;color:#000;
}
.sm-right button{color:#0b3159;font-weight:bold;font-size:12.5px}
.sm-cols button:hover{background:#2f6fd0;color:#fff}
.sm-cols button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm-cols button svg{width:24px;height:24px;flex:0 0 24px}
.sm-right button svg{width:20px;height:20px;flex:0 0 20px}
.sm-sep{height:1px;background:#c8d8ee;margin:5px 8px}
.sm-foot{
  display:flex;justify-content:flex-end;gap:14px;padding:6px 12px;
  background:linear-gradient(180deg,#1866d6,#0f4dae);
  border-top:1px solid #6fa3e8;
}
.sm-foot button{
  display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;
  font:inherit;font-size:12.5px;color:#fff;padding:3px 6px;border-radius:3px;
}
.sm-foot button:hover{background:rgba(255,255,255,.2)}
.sm-foot svg{width:20px;height:20px}

#ctxmenu{
  position:absolute;z-index:75;min-width:170px;padding:2px;
  background:var(--face);border:1px solid #7f7f6f;box-shadow:2px 2px 6px rgba(0,0,0,.35);
}
#ctxmenu[hidden]{display:none}
#ctxmenu button{
  display:block;width:100%;text-align:left;padding:4px 22px;border:0;background:none;
  font:inherit;font-size:13px;cursor:pointer;color:#000;
}
#ctxmenu button:hover{background:#316ac5;color:#fff}
#ctxmenu hr{border:0;border-top:1px solid #c5c1ae;margin:3px 2px}

.dlg-body{display:flex;gap:14px;align-items:flex-start;font-size:13px}
.dlg-body svg{width:34px;height:34px;flex:0 0 34px}
.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

body.xp-on *{scrollbar-color:#c3c9dd #f1f1f9;scrollbar-width:thin}
body.xp-on ::-webkit-scrollbar{width:16px;height:16px}
body.xp-on ::-webkit-scrollbar-track{background:#f1f1f9;box-shadow:inset 1px 0 0 #d6d2c2}
body.xp-on ::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#fff,#dfe2f0 30%,#c0c6dd);
  border:1px solid #8f95ad;border-radius:2px;
}
body.xp-on ::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#fff,#e9ebf7 30%,#cdd3e6)}

#xp{height:100dvh}

.win-title,.win-grip{touch-action:none}

@media (max-width:470px){
  #startmenu{width:100vw;border-left:0;border-right:0}
  .sm-cols button{font-size:12px;gap:7px;padding:5px 6px}
  .sm-right button{font-size:11.5px}
  .sm-cols button svg{width:22px;height:22px;flex-basis:22px}
  .sm-right button svg{width:19px;height:19px;flex-basis:19px}
}

.win .win-body.chat{padding:0;background:#ece9d8;overflow:hidden;display:block}
.win .win-body.chat .is-chat{height:100%}
.msn{
  display:grid;grid-template-rows:auto auto 1fr auto auto;height:100%;
  background:#ece9d8;font-size:12px;
}
.msn-to{
  padding:5px 9px;background:linear-gradient(180deg,#fdfdfb,#e8e5d6);
  border-bottom:1px solid #c9c5b2;color:#333;
}
.msn-to b{color:#0b3f7a}
.msn-tools{
  display:flex;flex-wrap:wrap;gap:3px;padding:4px 6px;
  background:linear-gradient(180deg,#f4f8ff,#d8e6fa);
  border-bottom:1px solid #a8c3ea;
}
.msn-tools span{
  padding:3px 9px;border:1px solid transparent;border-radius:3px;
  color:#0b3f7a;white-space:nowrap;
}
.msn-tools span:hover{border-color:#8fb4e4;background:#eaf3ff}
.msn-tools .msn-block{margin-left:auto;color:#8a2b1e}
.msn-main{display:grid;grid-template-columns:1fr 104px;gap:6px;padding:6px;min-height:0}
.msn-left{display:grid;grid-template-rows:1fr auto auto;min-height:0;gap:4px}
.msn-log{
  overflow:auto;background:#fff;border:1px solid #7f9db9;padding:8px 10px;
  box-shadow:inset 1px 1px 0 rgba(0,0,0,.07);
}
.msn-msg{margin:0 0 7px}
.msn-who{display:block;font-weight:bold}
.msn-them .msn-who{color:#1d5fb0}
.msn-me .msn-who{color:#a3390b}
.msn-text{display:block;padding-left:14px;color:#1a1a1a;white-space:pre-wrap}
.msn-sys{margin:0 0 7px;color:#6b6b6b;font-style:italic}
.msn-emoticon{display:inline-block;width:15px;height:15px;vertical-align:-3px}
.msn-typing{height:15px;color:#5a5a5a;font-style:italic;padding-left:2px}
.msn-format{
  display:flex;gap:3px;padding:3px;border:1px solid #a8c3ea;border-bottom:0;
  background:linear-gradient(180deg,#f4f8ff,#dfeafb);
}
.msn-format button{
  font:inherit;font-size:11.5px;padding:3px 9px;cursor:pointer;color:#0b3f7a;
  background:none;border:1px solid transparent;border-radius:3px;
}
.msn-format button:hover{border-color:#8fb4e4;background:#fff}
.msn-entry{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:stretch}
.msn-input{
  font:inherit;font-size:13px;padding:5px 6px;resize:none;
  border:1px solid #7f9db9;background:#fff;color:#000;
  box-shadow:inset 1px 1px 0 rgba(0,0,0,.07);
}
.msn-input:focus{outline:1px solid #316ac5;outline-offset:-2px}
.msn-send{
  font:inherit;font-size:13px;padding:4px 16px;cursor:pointer;color:#000;
  border:1px solid #003c74;border-radius:3px;align-self:end;
  background:linear-gradient(180deg,#fff 0%,#f2f1e6 46%,#e5e2ce 50%,#f0eee0 100%);
  box-shadow:inset 0 0 0 1px #fff;
}
.msn-send:hover{border-color:#e8a600}
.msn-right{display:grid;grid-template-rows:auto auto;gap:6px;align-content:start}
.msn-dp{
  background:#fff;border:1px solid #7f9db9;padding:6px;
  display:grid;place-items:center;aspect-ratio:1;
}
.msn-dp svg{width:100%;height:100%}
.msn-dp-me{background:#f4f4ee}
.msn-hand{
  padding:7px 9px;border-top:1px solid #c9c5b2;
  background:linear-gradient(180deg,#fdfdfb,#eceadb);
}
.msn-hand p{margin:0 0 6px;font-size:12px;color:#444}
.msn-hand-btns{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.msn-hand .xp-btn{font-size:12px;padding:4px 12px;min-width:0}
.msn-status{
  padding:3px 9px;font-size:11.5px;color:#4a4a4a;
  border-top:1px solid #d7d2bf;background:#ece9d8;
}
@keyframes msn-shake{
  0%,100%{transform:translate(0,0)}
  15%{transform:translate(-9px,4px)}
  30%{transform:translate(8px,-5px)}
  45%{transform:translate(-7px,-3px)}
  60%{transform:translate(6px,5px)}
  80%{transform:translate(-4px,2px)}
}
.win.shake{animation:msn-shake .55s ease-in-out}
@media (max-width:560px){
  .msn-main{grid-template-columns:1fr}
  .msn-right{grid-template-columns:52px 52px;grid-template-rows:auto;justify-content:end}
}

.agent-page{background:#5b8bd8;overflow:auto}
.agent-shell{padding:14px;min-height:100vh;box-sizing:border-box}
.agent-win{position:static;height:calc(100vh - 28px);box-shadow:2px 3px 14px rgba(0,0,0,.4)}
.agent-grid{display:grid;grid-template-columns:250px 1fr;height:100%;background:#ece9d8}
.agent-side{
  display:grid;grid-template-rows:auto auto 1fr;min-height:0;
  border-right:1px solid #a8c3ea;background:linear-gradient(180deg,#f4f8ff,#dfeafb);
}
.agent-me{display:flex;gap:9px;align-items:center;padding:9px;border-bottom:1px solid #b9cdf0}
.agent-me svg{width:38px;height:38px;background:#fff;border:1px solid #7f9db9;padding:2px}
.agent-me strong{display:block;font-size:13px;color:#0b3159}
.agent-me span{font-size:12px;color:#2f7d32}
.agent-listhead{
  padding:5px 9px;font-size:12px;font-weight:bold;color:#0c3a86;
  background:linear-gradient(180deg,#e4eeff,#c3d9f7);border-bottom:1px solid #b9cdf0;
}
.agent-listhead em{font-style:normal;font-weight:normal;color:#3d5f92}
.agent-list{list-style:none;margin:0;padding:4px;overflow:auto;min-height:0}
.agent-item{
  display:block;width:100%;text-align:left;padding:6px 8px;cursor:pointer;
  background:none;border:1px solid transparent;border-radius:3px;font:inherit;
}
.agent-item:hover{background:#eaf3ff;border-color:#a8c3ea}
.agent-item.on{background:#cfe0f8;border-color:#7ba7de}
.agent-item strong{display:block;font-size:13px;color:#0b3159}
.agent-item span{display:block;font-size:12px;color:#44546e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-item em{display:block;font-style:normal;font-size:11px;color:#7a879c}
.agent-item.closed strong{color:#6f7c8c}
.agent-conv{min-height:0;overflow:hidden}
.agent-conv .msn{grid-template-rows:auto 1fr auto}

@media (max-width:760px){
  .agent-grid{grid-template-columns:1fr;grid-template-rows:210px 1fr}
  .agent-side{border-right:0;border-bottom:1px solid #a8c3ea}
}

@media (prefers-reduced-motion:reduce){
  #boot .boot-bar i{animation:none;width:120px}
  *{transition:none !important}
}

.msn-send:disabled,
.msn-format button:disabled,
.agent-tools button:disabled{opacity:.55;cursor:not-allowed}
.msn-dp img{width:100%;height:100%;object-fit:contain;display:block}

.agent-page{background:#5b8bd8;overflow:hidden}
.agent-shell{padding:8px;min-height:100dvh;height:100dvh;width:100vw}
.agent-win{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  max-width:none !important;
  height:calc(100dvh - 16px) !important;
  min-width:0;
  min-height:0;
  margin:0;
}
.agent-win>.win-body.chat{min-height:0;flex:1}
.agent-grid{grid-template-columns:minmax(285px,340px) minmax(0,1fr);height:100%;min-height:0}
.agent-side{min-width:0}
.agent-me{min-height:68px;padding:8px 10px}
.agent-me-avatar{
  width:48px;height:48px;flex:0 0 48px;background:#fff;border:1px solid #7f9db9;
  padding:4px;display:grid;place-items:center;
}
.agent-me-avatar svg{width:100% !important;height:100% !important;border:0 !important;padding:0 !important;background:none !important}
.agent-me-copy{min-width:0}
.agent-me-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-me-copy>span{display:flex;align-items:center;gap:5px;color:#2f7d32}
.presence-dot{width:8px;height:8px;border-radius:50%;background:#36a642;box-shadow:0 0 0 1px #1f6a28;display:inline-block;flex:0 0 8px}
.presence-dot.visitor{background:#69ad35;box-shadow:0 0 0 1px #3e7420}
.agent-listhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px}
.agent-list{padding:5px}
.agent-item{
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;
  padding:7px 8px;margin-bottom:2px;min-height:58px;
}
.agent-item-avatar{width:38px;height:38px;object-fit:contain;background:#fff;border:1px solid #9cb4d6;padding:2px}
.agent-item-copy{min-width:0;display:block}
.agent-item-copy strong{display:flex;align-items:center;gap:6px;min-width:0}
.agent-preview{display:block !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-unread{
  display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#d94a22;color:#fff;font-size:10px;line-height:18px;margin-left:auto;
}
.agent-conv{min-width:0}
.agent-msn{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%}
.agent-contactbar{
  min-height:58px;display:flex;align-items:center;gap:10px;padding:6px 10px;
  background:linear-gradient(180deg,#fff,#edf4ff);border-bottom:1px solid #b9cdf0;
}
.agent-contact-avatar{width:42px;height:42px;object-fit:contain;background:#fff;border:1px solid #7f9db9;padding:2px}
.agent-contactbar strong{display:block;font-size:15px;color:#0b3159}
.agent-contactbar span{display:block;font-size:11.5px;color:#5b6d85}
.agent-tools{padding:4px 7px;gap:4px}
.agent-tools button{
  font:inherit;font-size:11.5px;padding:3px 9px;cursor:pointer;color:#0b3f7a;
  background:linear-gradient(180deg,#fff,#e4edf9);border:1px solid #9cb4d6;border-radius:3px;
}
.agent-tools button:hover:not(:disabled){border-color:#e8a600;background:#fff}
.agent-tools button.danger{margin-left:auto;color:#8b1e14;border-color:#d8a39d}
.agent-tools button.danger:hover:not(:disabled){background:#fff1ef;border-color:#c94a3a}
.agent-main{grid-template-columns:minmax(0,1fr) 170px;gap:8px;padding:8px;min-height:0}
.agent-main .msn-left{min-width:0}
.agent-main .msn-log{font-size:13px;line-height:1.45;padding:10px 12px}
.agent-main .msn-msg{margin-bottom:10px}
.agent-main .msn-text{padding-left:16px}
.agent-formatbar{justify-content:space-between;align-items:center;color:#325b92;font-size:11px;padding:4px 7px}
.agent-enterhint{color:#6f7b89}
.agent-profile{
  align-content:start;grid-template-rows:auto auto auto auto;background:linear-gradient(180deg,#f8fbff,#e5eef9);
  border:1px solid #b9cdf0;padding:8px;min-width:0;
}
.agent-duck{width:100%;max-width:150px;justify-self:center;background:#fff;padding:7px}
.agent-profile>strong{text-align:center;color:#0b3159;font-size:13px}
.agent-profile-status{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#4d6c40}
.agent-meta{margin:4px 0 0;font-size:11px;display:grid;gap:2px;min-width:0}
.agent-meta dt{color:#6c7785;margin-top:5px}
.agent-meta dd{margin:0;color:#23384e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:900px){
  .agent-grid{grid-template-columns:270px minmax(0,1fr)}
  .agent-main{grid-template-columns:minmax(0,1fr) 132px}
}

@media (max-width:700px){
  .win[data-win-id="p-chat"].max{inset:0 !important;width:auto !important;height:auto !important;border-radius:0}
  .win[data-win-id="p-chat"] .win-body.chat{min-height:0}
  .win[data-win-id="p-chat"] .msn{font-size:12px}
  .win[data-win-id="p-chat"] .msn-to{padding:4px 7px}
  .win[data-win-id="p-chat"] .msn-tools{padding:3px 4px;gap:1px}
  .win[data-win-id="p-chat"] .msn-tools span{padding:2px 5px;font-size:11px}
  .win[data-win-id="p-chat"] .msn-main{padding:4px;gap:4px;grid-template-columns:1fr}
  .win[data-win-id="p-chat"] .msn-log{padding:7px 8px;min-height:0}
  .win[data-win-id="p-chat"] .msn-right{grid-template-columns:44px 44px;grid-template-rows:auto;justify-content:end;gap:4px}
  .win[data-win-id="p-chat"] .msn-dp{padding:3px}
  .win[data-win-id="p-chat"] .msn-format{padding:2px}
  .win[data-win-id="p-chat"] .msn-format button{font-size:11px;padding:3px 6px}
  .win[data-win-id="p-chat"] .msn-entry{grid-template-columns:minmax(0,1fr) auto;gap:4px}
  .win[data-win-id="p-chat"] .msn-input{font-size:16px;min-height:78px;padding:7px}
  .win[data-win-id="p-chat"] .msn-send{padding:5px 10px}
  .win[data-win-id="p-chat"] .msn-hand{padding:5px 7px}
  .win[data-win-id="p-chat"] .msn-status{padding:2px 7px}

  .agent-page{overflow:auto}
  .agent-shell{height:auto;min-height:100dvh;padding:0}
  .agent-win{height:100dvh !important;border-radius:0;border-left:0;border-right:0}
  .agent-grid{grid-template-columns:1fr;grid-template-rows:185px minmax(0,1fr)}
  .agent-side{border-right:0;border-bottom:1px solid #a8c3ea}
  .agent-me{min-height:50px;padding:4px 7px}
  .agent-me-avatar{width:36px;height:36px;flex-basis:36px}
  .agent-list{display:flex;overflow:auto;gap:4px;padding:4px}
  .agent-list li{flex:0 0 220px}
  .agent-item{min-height:54px;margin:0}
  .agent-main{grid-template-columns:minmax(0,1fr);padding:4px}
  .agent-profile{display:none}
  .agent-contactbar{min-height:48px;padding:4px 7px}
  .agent-contact-avatar{width:36px;height:36px}
  .agent-enterhint{display:none}
  .agent-main .msn-input{font-size:16px;min-height:72px}
}

.live-check-btn{display:inline-flex;align-items:center;gap:7px}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#8b8b8b;border:1px solid rgba(0,0,0,.35);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 0 3px rgba(0,0,0,.25);flex:0 0 auto}
.live-dot.is-online,.is-online>.live-dot,.msn-status.is-online .live-dot{background:#21b529;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 0 6px rgba(33,181,41,.75)}
.live-dot.is-offline,.is-offline>.live-dot,.msn-status.is-offline .live-dot{background:#d72b25;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 0 6px rgba(215,43,37,.6)}
.live-dot.is-checking{background:#e0a92b}
.msn-status{display:flex;align-items:center;gap:7px;font-weight:700}
.msn-status.is-online{color:#166c1b;background:#e7f7e7}
.msn-status.is-offline{color:#9b1713;background:#fae8e7}

.seoscan-note{font-size:12px;color:var(--ink-soft);background:#fff8dd;border:1px solid #e6cf7a;border-radius:4px;padding:6px 9px;display:inline-block}
.seoscan-form{margin:14px 0 4px}
.seoscan-label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:3px}
.seoscan-inputrow{display:flex;gap:8px;flex-wrap:wrap}
.seoscan-inputrow input[type="text"]{
  flex:1 1 260px;min-width:0;padding:6px 8px;font:inherit;font-size:13px;
  border:1px solid var(--field-border);border-radius:2px;background:var(--field);color:var(--ink);
  box-shadow:inset 1px 1px 2px rgba(0,0,0,.15);
}
.seoscan-status{margin:10px 0;padding:6px 9px;border-radius:4px;font-size:13px}
.seoscan-status.is-busy{background:#e8f0fd;color:#0b4f9e;border:1px solid #a8c3ea}
.seoscan-status.is-error{background:#fae8e7;color:#9b1713;border:1px solid #e3a8a3}

.seoscan-report{margin-top:10px}
.seoscan-summary{display:flex;gap:14px;align-items:center;background:#f5f9ff;border:1px solid #b9cdf0;border-radius:4px;padding:10px 12px;margin-bottom:10px}
.seoscan-grade{
  flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:bold;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);
}
.seoscan-grade.grade-a{background:#2f8c1e}
.seoscan-grade.grade-b{background:#5b9c1e}
.seoscan-grade.grade-c{background:#e0a92b}
.seoscan-grade.grade-d{background:#d9791f}
.seoscan-grade.grade-f{background:#c8322a}
.seoscan-summary-copy h3{margin:0 0 4px;font-size:15px;color:#1a4c8f;text-transform:none}
.seoscan-summary-copy p{margin:0 0 2px;font-size:13px}
.seoscan-meta{color:var(--ink-soft);font-size:12px !important}

.seoscan-disclaimer{font-size:12px;color:var(--ink-soft);margin:0 0 14px}

.seoscan-h3{font-size:13px;margin:16px 0 6px;color:#1a4c8f;text-transform:uppercase;letter-spacing:.04em}
.seoscan-catscore{font-size:11px;background:#dde7f8;color:#1a4c8f;border-radius:9px;padding:1px 8px;letter-spacing:0;text-transform:none;font-weight:normal}

.seoscan-recs{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.seoscan-recs li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:5px 8px;background:#fff;border:1px solid #dcd9c8;border-radius:3px;font-size:13px}
.seoscan-rec-title{flex:1 1 200px}
.seoscan-rec-cat{font-size:11px;color:var(--ink-soft)}
.seoscan-prio{font-size:10px;font-weight:bold;border-radius:9px;padding:2px 8px;color:#fff;white-space:nowrap}
.seoscan-prio.prio-high{background:#c8322a}
.seoscan-prio.prio-mid{background:#e0a92b;color:#3b2a00}
.seoscan-prio.prio-low{background:#7a8aa0}

.seoscan-checks{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.seoscan-checks li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:4px 6px;border-radius:2px;font-size:13px}
.seoscan-checks li.ok{background:#f2f9f0}
.seoscan-checks li.bad{background:#fdf1ee}
.seoscan-checks li.info{background:#f5f7fa}
.seoscan-mark{flex:0 0 16px;text-align:center;font-weight:bold}
.seoscan-checks li.ok .seoscan-mark{color:#2f8c1e}
.seoscan-checks li.bad .seoscan-mark{color:#c8322a}
.seoscan-checks li.info .seoscan-mark{color:#8a93a3}
.seoscan-check-label{font-weight:bold;flex:0 0 auto}
.seoscan-check-detail{color:var(--ink-soft);flex:1 1 200px}

.seoscan-kw{border-collapse:collapse;width:100%;font-size:12px;margin-top:4px}
.seoscan-kw th,.seoscan-kw td{border:1px solid #dcd9c8;padding:3px 7px;text-align:left}
.seoscan-kw th{background:#e8eef8}

.seoscan-checks li.warn{background:#fdf6e3}
.seoscan-checks li.warn .seoscan-mark{color:#b8790f}

.seoscan-quota{margin-top:14px;font-size:12px;color:var(--ink-soft);border-top:1px solid #dcd9c8;padding-top:8px}

.vulnscan-grade{font-size:13px;letter-spacing:.02em}
.vulnscan-grade.risk-critical{background:#8c1a14}
.vulnscan-grade.risk-high{background:#c8322a}
.vulnscan-grade.risk-medium{background:#e0a92b}
.vulnscan-grade.risk-low{background:#5b9c1e}
.vulnscan-grade.risk-info{background:#7a8aa0}

.vulnscan-badge{
  flex:0 0 auto;font-size:10px;font-weight:bold;border-radius:9px;padding:2px 8px;
  color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;
}
.vulnscan-badge.risk-critical{background:#8c1a14}
.vulnscan-badge.risk-high{background:#c8322a}
.vulnscan-badge.risk-medium{background:#e0a92b;color:#3b2a00}
.vulnscan-badge.risk-low{background:#5b9c1e}
.vulnscan-badge.risk-info{background:#7a8aa0}

.vulnscan-findings li{align-items:flex-start}
.vulnscan-findings .seoscan-check-detail em{color:#1a4c8f;font-style:normal}

#tc-print-sheet{display:none}
.tc-print-head{display:none}

@media print{
  body.tc-printing > *:not(#tc-print-sheet){display:none !important}
  body.tc-printing #tc-print-sheet{
    display:block !important;position:static;background:#fff;color:#000;
    font-family:Arial,Helvetica,sans-serif;padding:0;margin:0;
  }
  body.tc-printing .tc-print-head{
    display:flex;justify-content:space-between;align-items:baseline;
    border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:14px;font-size:14px;
  }
  body.tc-printing .seoscan-grade{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.tc-printing .seoscan-checks li.ok,
  body.tc-printing .seoscan-checks li.bad,
  body.tc-printing .seoscan-checks li.info,
  body.tc-printing .seoscan-summary,
  body.tc-printing .seoscan-recs li{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}
  body.tc-printing .seoscan-cat{break-inside:avoid-page}
  body.tc-printing .seoscan-checks li.warn,
  body.tc-printing .vulnscan-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}
}

.ds-body{display:flex;flex-direction:column;overflow:hidden}
.win .win-body.chat.ds-body{display:flex;flex-direction:column;overflow:hidden}
.ds-body>.ds-topbar,
.ds-body>.ds-intro{flex:0 0 auto}
.ds-body>.agent-grid{flex:1 1 0;height:auto;min-height:0}

.ds-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:6px 10px;background:#eaf3ff;border-bottom:1px solid #b9cdf0;font-size:12px;
}
.ds-intro{margin:0;padding:8px 10px;font-size:12px;color:var(--ink-soft);background:#fff8dd;border-bottom:1px solid #e6cf7a}

.ds-grid{overflow:hidden}
.ds-addform{display:grid;gap:5px;padding:8px;border-bottom:1px solid #b9cdf0}
.ds-addform input[type="text"]{padding:5px 7px;font:inherit;font-size:12px;border:1px solid #7f9db9;border-radius:2px}
.ds-addform .xp-btn{font-size:12px}

.ds-main{display:block;overflow:auto;padding:10px}
.ds-detail{display:grid;gap:14px}
.ds-detail-head h3{margin:0;font-size:16px;color:#0b3159}
.ds-detail-head span{font-size:12px;color:var(--ink-soft)}

.ds-consent,.ds-active,.ds-scan{
  background:#fff;border:1px solid #dcd9c8;border-radius:4px;padding:10px 12px;
}
.ds-consent h4,.ds-active h4,.ds-scan h4{margin:0 0 8px;font-size:13px;color:#1a4c8f;text-transform:uppercase;letter-spacing:.03em}
.ds-consent-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-bottom:8px}
.ds-consent-check input{margin-top:3px}
.ds-consent textarea{
  width:100%;box-sizing:border-box;padding:6px 8px;font:inherit;font-size:13px;
  border:1px solid #7f9db9;border-radius:2px;resize:vertical;margin-top:3px;
}
.ds-consent-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.ds-evidence-row{margin-top:10px;border-top:1px solid #eee;padding-top:8px}
.ds-evidence-row input[type="file"]{flex:1 1 220px;font-size:12px}
#ds-evidence-current{margin:6px 0 0;font-size:12px}
#ds-evidence-current a{color:var(--link)}

.ds-verify-row{margin-top:10px;border-top:1px solid #eee;padding-top:8px}
.ds-verify-row input[type="text"]{padding:5px 7px;font:inherit;font-size:13px;border:1px solid #7f9db9;border-radius:2px}
.ds-verify-confirm{margin-top:6px}
.ds-verify-confirm input{max-width:140px}
#ds-verify-current{margin:6px 0 0;font-size:12px;color:#166c1b}
#ds-verify-current.unverified{color:var(--ink-soft)}

.ds-active-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ds-active-list li{
  display:flex;gap:10px;align-items:flex-start;padding:7px 9px;border-radius:3px;
  background:#f5f5f0;border:1px solid #e2e0d4;font-size:12px;
}
.ds-active-list .ds-lock{flex:0 0 auto;font-size:15px;line-height:1.4}
.ds-active-list b{display:block;font-size:13px;color:#3b3b33}
.ds-active-list p{margin:2px 0 0;color:var(--ink-soft)}
.ds-active-list li.has-consent{background:#f5f9ff;border-color:#b9cdf0}

.ds-passive{margin-top:6px;padding-top:6px;border-top:1px dashed #d8d5c6}
.ds-passive-badge{
  display:inline-block;font-size:10px;font-weight:bold;border-radius:9px;padding:2px 8px;
  color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;
}
.ds-passive.sig-mogelijk .ds-passive-badge,.vulnscan-badge.sig-mogelijk{background:#e0a92b;color:#3b2a00}
.ds-passive.sig-ok .ds-passive-badge,.vulnscan-badge.sig-ok{background:#5b9c1e}
.ds-passive.sig-unknown .ds-passive-badge,.vulnscan-badge.sig-unknown{background:#7a8aa0}
.ds-passive-evidence{list-style:disc;margin:6px 0 0;padding-left:18px;color:var(--ink-soft)}
.ds-passive-evidence li{margin:2px 0}
.ds-passive-note{margin:6px 0 0;color:var(--ink-soft);font-style:italic}
.ds-report-signals .seoscan-check-detail{white-space:normal}

.ds-empty{padding:24px;text-align:center;color:var(--ink-soft);font-size:13px}

.agent-item .ds-consent-badge{font-size:10px;font-weight:bold;border-radius:9px;padding:1px 7px;margin-left:4px;white-space:nowrap}
.agent-item .ds-consent-badge.yes{background:#e3f3e0;color:#166c1b}
.agent-item .ds-consent-badge.no{background:#f4f2e6;color:#7a6a2b}

.up-badge{display:inline-block;font-size:10px;font-weight:bold;border-radius:9px;padding:2px 8px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}
.up-badge.ok{background:#e3f3e0;color:#166c1b}
.up-badge.fail{background:#fbe4e2;color:#8c1a14}
.up-badge.unknown{background:#f4f2e6;color:#7a6a2b}
.up-status-line{font-size:13px;margin:0 0 10px}
.up-error{color:#8c1a14;font-size:12px}
.up-history{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.up-history li{display:flex;gap:10px;align-items:center;padding:5px 8px;border-radius:3px;background:#f5f5f0;border:1px solid #e2e0d4;font-size:12px}
.up-history li.fail{background:#fdf3f2;border-color:#f0cac6}
.up-history .up-empty-hist{color:var(--ink-soft);font-style:italic;background:none;border:0}

@media (max-width:640px){
  .ds-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}
}