/* MKL 17.09.2026 12:26 Uhr – Zentrale Farb- und Designvariablen für Startseite und Retro-OS. */
:root{
  --home-bg:#05070a;
  --home-panel:rgba(8,12,17,.92);
  --home-line:rgba(180,205,220,.22);
  --home-text:#d8e0e5;
  --home-muted:#7f8d96;
  --home-accent:#c5d1d8;
  --home-ok:#9cb9a4;
  --home-danger:#c98d8d;

  --os-blue:#0f32d6;
  --os-blue-dark:#0a238f;
  --os-silver:#c7cbd4;
  --os-silver-light:#eef2f8;
  --os-silver-mid:#d9dee8;
  --os-silver-dark:#97a0b3;
  --os-silver-deep:#727c8e;
  --os-black:#0a0c13;
  --os-red:#b80a08;
  --os-red-dark:#83110f;
  --os-green:#20cb3f;
  --os-green-dark:#0a7d21;
  --os-text:#0f1a2b;
  --os-text-soft:#2e3e57;
  --os-link:#062d9f;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:Tahoma,Verdana,Arial,sans-serif}
a{color:inherit}
input,select,textarea,button{font:inherit}

/* MKL 17.09.2026 12:26 Uhr – Grundstil der öffentlichen Startseite. */
body.home-body{background:radial-gradient(circle at 50% 38%,#182028 0,#090d12 34%,#05070a 74%);color:var(--home-text);font-family:Consolas,"Courier New",monospace}
.home-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px;position:relative;overflow:hidden}
.home-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.015) 50%,rgba(0,0,0,.025) 50%);background-size:100% 4px;opacity:.45}
.home-card{position:relative;text-align:center;z-index:1;max-width:980px;width:100%}
.brand{letter-spacing:.28em;font-size:clamp(18px,2.6vw,34px);font-weight:500;margin:0 0 24px;text-transform:uppercase}
.domain{position:fixed;left:18px;bottom:14px;font-size:12px;color:#56616a;letter-spacing:.1em;z-index:3;user-select:none}
.admin-dash{color:inherit;text-decoration:none;cursor:default;padding:0;margin:0;border:0;background:none;font:inherit}
.admin-dash:hover,.admin-dash:focus,.admin-dash:active{color:inherit;text-decoration:none;outline:none;background:none;box-shadow:none}
.pi-hotspot{position:fixed;right:18px;bottom:9px;text-decoration:none;color:#505b63;font-family:Georgia,serif;font-size:24px;line-height:1;padding:8px 10px;z-index:3;opacity:.48;transition:opacity .18s ease}
.pi-hotspot:hover,.pi-hotspot:focus{opacity:.85;outline:none}

/* MKL 17.09.2026 12:26 Uhr – Grundfläche für Gatekeeper und PRAETORIAN im alten OS-Look. */
body.os-body{background:#071863;color:var(--os-text);font-size:14px;line-height:1.35}
.os-shell{min-height:100vh;padding:10px 10px 44px;background:
 radial-gradient(circle at 50% 40%,#244bff 0,#1030d1 36%,#0b218f 68%,#071863 100%);
 position:relative;overflow:hidden}
.os-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,0) 20%,rgba(0,0,0,.08) 80%)}
.os-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.06) 50%,rgba(0,0,0,.04) 50%);background-size:100% 3px;opacity:.25}
.desktop{position:relative;z-index:1;min-height:calc(100vh - 54px)}
/* MKL 17.09.2026 12:26 Uhr – Retro-Kopfzeile mit Systemname, Menü und Live-Status. */
.os-topbar{height:30px;background:linear-gradient(#eaf0f9,#cad4ea);border:2px solid #eff4fb;border-right-color:#7d8599;border-bottom-color:#71798d;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 8px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #7d8599;margin-bottom:12px}
.os-top-left,.os-top-right{display:flex;gap:14px;align-items:center;color:#0b1841}
.os-brand{font-weight:700;letter-spacing:.03em}
.os-pi{font-family:Georgia,serif;font-weight:700;font-size:26px;line-height:1;color:#04164a;margin-right:6px}
.os-menu{display:flex;gap:12px;font-size:12px}
/* MKL 17.09.2026 12:26 Uhr – Desktop-Iconspalte der OS-Ansichten. */
.desktop-icons{position:absolute;left:10px;top:52px;width:120px;display:flex;flex-direction:column;gap:10px}
.desktop-icon{width:92px;text-align:center;color:#f4f8ff;text-decoration:none;padding:4px;border:1px solid transparent}
.desktop-icon:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}
.desktop-icon .icon-glyph{display:block;font-size:28px;line-height:1;margin-bottom:5px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.22))}
.desktop-icon span:last-child{display:block;font-size:12px;text-shadow:1px 1px 0 rgba(0,0,0,.35)}
.os-stage{margin-left:135px;position:relative;min-height:calc(100vh - 110px)}
/* MKL 17.09.2026 12:26 Uhr – Gemeinsames Fensterdesign für alle klassischen Systemfenster. */
.win95{background:var(--os-silver);border:2px solid #f4f6fb;border-right-color:#6f7890;border-bottom-color:#626c80;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #8892a7,2px 2px 0 rgba(4,8,18,.2)}
.win95+.win95{margin-top:14px}
.win-title{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:linear-gradient(90deg,#113fdd,#092892);color:#f5f7ff;font-weight:700;letter-spacing:.05em;border-bottom:1px solid #071f75}
.win-title.red{background:linear-gradient(90deg,#c20f0d,#920807)}
.win-title.black{background:linear-gradient(90deg,#0d1020,#000 65%,#1c2845)}
.win-title-text{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-controls{display:flex;gap:3px}
.win-btn{width:18px;height:16px;background:var(--os-silver);border:1px solid #fff;border-right-color:#666f84;border-bottom-color:#666f84;box-shadow:inset 1px 1px 0 #eef4ff;color:#0c1640;display:grid;place-items:center;font-size:11px;line-height:1}
.win-body{padding:12px;background:var(--os-silver)}
.login-window{width:min(420px,100%);margin:8vh auto 0}
.login-grid{display:grid;grid-template-columns:110px 1fr;gap:12px 10px;align-items:center}
.login-grid .label{font-weight:700;color:#1f3150}
.os-input,.os-textarea{width:100%;padding:6px 7px;border:2px solid #717a90;border-right-color:#fff;border-bottom-color:#fff;background:#f8fbff;color:#0f1930;box-shadow:inset 1px 1px 0 #5f6777}
.os-input:focus,.os-textarea:focus{outline:1px dotted #102c9d;outline-offset:-4px}
.os-btn{padding:6px 16px;background:var(--os-silver);border:2px solid #fff;border-right-color:#676f84;border-bottom-color:#676f84;box-shadow:inset 1px 1px 0 #eef4ff;color:#122041;cursor:pointer;min-width:88px;font-weight:700}
.os-btn:hover{background:#d8dce5}
.os-btn.red{background:#f1d2d2}
.os-btn.green{background:#d9efda}
.os-btn.small{padding:4px 10px;min-width:auto;font-size:12px}
.os-msg{margin:0 0 10px;padding:8px 10px;border:2px solid #fff;border-right-color:#666e82;border-bottom-color:#666e82;background:#ebeff7;color:#15233f}
.os-msg.error{background:#f4dada;color:#611111}
.os-msg.warn{background:#f3ebc5;color:#5b4814}
.os-quote{position:absolute;right:20px;top:88px;color:#dbe6ff;text-align:center;font-size:16px;letter-spacing:.11em;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.4)}
.os-quote small{display:block;margin-top:10px;font-size:34px;font-family:Georgia,serif;line-height:1}
/* MKL 17.09.2026 12:26 Uhr – Fußzeile dient als Statusleiste und nicht als funktionslose Buttonleiste. */
.os-taskbar{position:fixed;left:0;right:0;bottom:0;height:34px;background:var(--os-silver);border-top:2px solid #fff;display:flex;align-items:center;gap:8px;padding:3px 6px;z-index:10}
.start-btn,.task-btn,.task-clock{background:var(--os-silver);border:2px solid #fff;border-right-color:#666f84;border-bottom-color:#666f84;box-shadow:inset 1px 1px 0 #eef4ff;color:#122041;height:26px;display:flex;align-items:center;padding:0 10px;font-weight:700}
.start-btn{min-width:88px;gap:6px}
.task-strip{display:flex;gap:6px;flex:1;overflow:auto}
.task-btn{font-weight:400;min-width:165px;white-space:nowrap}
.task-clock{margin-left:auto;min-width:90px;justify-content:center}
/* MKL 17.09.2026 12:26 Uhr – Zweispaltiger PRAETORIAN-Aufbau aus Navigation und jeweiliger Verwaltungsansicht. */
.prae-main{display:grid;grid-template-columns:200px 1fr;gap:0;min-height:620px}
.prae-sidebar{background:#d7dde8;border-right:2px solid #fff;padding:8px}
.nav-tile{display:flex;align-items:center;gap:12px;padding:10px 8px;margin-bottom:8px;background:#dfe4ee;border:2px solid #fff;border-right-color:#737c92;border-bottom-color:#737c92;color:#091739;text-decoration:none;font-weight:700}
.nav-tile.active{background:#153bcb;color:#fff;border-color:#6a88f0;border-right-color:#0c236f;border-bottom-color:#0c236f}
.nav-ico{font-size:22px;width:28px;text-align:center}
.prae-content{padding:0;background:#dde3ee}
.hero-banner{background:#05080f;color:#eef3ff;padding:14px 16px 10px;border-bottom:2px solid #6a7285;display:grid;grid-template-columns:140px 1fr 160px;gap:12px;align-items:center}
.hero-left,.hero-right{font-size:42px;font-family:Georgia,serif;text-align:center}
.hero-center h1{font-family:Georgia,"Times New Roman",serif;margin:0;font-size:58px;letter-spacing:.04em;font-weight:700}
.hero-center .subline{margin-top:6px;letter-spacing:.18em;text-transform:uppercase;font-size:20px}
.hero-right{font-size:17px;line-height:1.35;font-family:Tahoma,Verdana,Arial,sans-serif;text-transform:uppercase}
.inner-pad{padding:14px}
.table-frame,.info-frame{background:#dce2ed;border:2px solid #fff;border-right-color:#6f7790;border-bottom-color:#6f7790;box-shadow:inset 1px 1px 0 #eef4ff;padding:10px}
.table-scroll{overflow:auto}
.os-table{width:100%;border-collapse:collapse;font-size:13px;background:#f9fbff}
.os-table th,.os-table td{border:1px solid #9ba5b8;padding:6px 8px;text-align:left;vertical-align:top}
.os-table th{background:#d4dae6}
.os-table tr.selected td{background:#173ccc;color:#fff}
.os-state-active{color:#188b31}.os-state-disabled,.os-state-locked{color:#b61d1a}
.inline-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
.check-group{display:flex;flex-wrap:wrap;gap:9px 14px;padding-top:4px}
.check-group label,.os-check{display:flex;align-items:center;gap:6px;font-size:13px;color:#122041}
.os-small{font-size:12px;color:#31435f}
/* MKL 17.09.2026 12:26 Uhr – Responsive Kachelfläche für Funktionen, Links und Dokumente. */
.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px}
.portal-item{display:block;text-decoration:none;border:2px solid #fff;border-right-color:#697287;border-bottom-color:#697287;padding:15px;background:#edf2fa;color:#122041;min-height:120px;box-shadow:inset 1px 1px 0 #fff}
.portal-item:hover{background:#e2e8f4}
.portal-item strong{display:block;font-size:17px;letter-spacing:.06em;margin-bottom:8px}
.portal-item span{display:block;color:#354761;font-size:13px;line-height:1.45}
.alert-window{width:min(380px,100%);position:absolute;right:0;bottom:34px}
.alert-content{background:#d92820;color:#fff;padding:14px}
.alert-content .blackbox{background:#100909;border:2px solid #ff8e77;color:#ff5f43;padding:12px;margin-top:10px;text-align:center;text-transform:uppercase;letter-spacing:.08em}
.system-panel{width:min(440px,100%);position:absolute;left:0;bottom:34px}
.gk-box{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:start}
.gk-poster{background:linear-gradient(#0b1020,#05114d);color:#eef6ff;border:2px solid #6e7690;padding:14px;min-height:205px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}
.gk-poster .beam{width:40px;height:120px;margin:0 auto 12px;background:linear-gradient(to bottom,#2f3e74,#f0ffff 70%,rgba(255,255,255,.08));clip-path:polygon(50% 0,78% 12%,78% 100%,22% 100%,22% 12%)}
.gk-poster strong{display:block;font-size:28px;letter-spacing:.08em}
.gk-poster span{display:block;text-transform:uppercase;letter-spacing:.12em;margin-top:8px;font-size:12px}
.columns{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}
.link-inline{color:var(--os-link);text-decoration:underline}
.empty-note{padding:12px;background:#eef2f7;border:2px solid #fff;border-right-color:#6f7790;border-bottom-color:#6f7790}
.gate-layout{display:grid;grid-template-columns:1fr 280px;gap:14px}
.footer-note{position:absolute;right:18px;bottom:46px;color:#dce6ff;text-align:right;text-transform:uppercase;letter-spacing:.14em;font-size:13px;text-shadow:1px 1px 0 rgba(0,0,0,.35)}
.footer-note .pi{font-family:Georgia,serif;font-size:28px;display:block;line-height:1;margin-top:6px}

@media(max-width:1180px){
  .hero-center h1{font-size:46px}
  .hero-center .subline{font-size:16px}
  .columns{grid-template-columns:1fr}
}
@media(max-width:980px){
  .os-stage{margin-left:0}
  .desktop-icons{position:relative;left:auto;top:auto;width:auto;flex-direction:row;flex-wrap:wrap;margin-bottom:12px}
  .desktop-icon{width:82px}
  .alert-window,.system-panel{position:static;width:auto;margin-top:14px}
  .os-quote,.footer-note{display:none}
  .gate-layout,.prae-main,.gk-box{grid-template-columns:1fr}
}
@media(max-width:780px){
  .os-topbar{height:auto;min-height:30px;flex-direction:column;align-items:flex-start;padding:6px 8px;gap:5px}
  .os-menu{flex-wrap:wrap;gap:8px}
  .hero-banner{grid-template-columns:1fr;gap:8px;text-align:center}
  .hero-center h1{font-size:38px}
  .hero-center .subline{font-size:14px}
  .inline-grid>*{grid-column:span 12!important}
  .login-grid{grid-template-columns:1fr}
}


body.wall-home{background:#0a0d10 url("/assets/home-background.png") center center / cover no-repeat fixed;color:var(--home-text)}
.home-shell-wall{background:radial-gradient(circle at center, rgba(0,0,0,.12) 0, rgba(0,0,0,.28) 55%, rgba(0,0,0,.55) 100%)}
.home-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom, rgba(0,0,0,.22), rgba(0,0,0,.08) 35%, rgba(0,0,0,.24) 70%, rgba(0,0,0,.5))}
.home-footer-left{position:fixed;left:18px;bottom:14px;font-size:12px;color:#d9ddd8;letter-spacing:.08em;z-index:3;user-select:none;text-shadow:1px 1px 2px rgba(0,0,0,.75)}
.home-card{display:none}
.os-taskbar{position:fixed;left:0;right:0;bottom:0;height:34px;background:rgba(199,203,212,.92);border-top:2px solid #fff;display:flex;align-items:center;gap:10px;padding:5px 10px;z-index:10;color:#122041}
.start-btn,.task-btn,.task-clock{background:transparent;border:0;box-shadow:none;height:auto;display:flex;align-items:center;padding:0;color:#122041;font-weight:700;min-width:auto}
.start-btn{opacity:.95}
.task-strip{display:flex;gap:12px;flex:1;overflow:auto;align-items:center}
.task-btn{font-weight:400;opacity:.92}
.task-clock{margin-left:auto;justify-content:flex-end;font-weight:700}


body.wall-home{
  margin:0;
  min-height:100vh;
  overflow:hidden;
  background:#050505;
}
.home-shell-wall{
  position:relative;
  width:100vw;
  height:100vh;
  min-height:100vh;
  overflow:hidden;
  padding:0;
  display:block;
}
.home-bg-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center center;
  z-index:0;
  user-select:none;
  -webkit-user-drag:none;
}
.home-vignette{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.02) 45%,rgba(0,0,0,.28) 100%);
}
.copyright-line{
  position:fixed;
  left:18px;
  bottom:14px;
  z-index:4;
  color:rgba(255,255,255,.92);
  font:12px/1.2 Consolas,"Courier New",monospace;
  letter-spacing:.08em;
  text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.9);
  user-select:none;
}
.admin-dash{
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  padding:0!important;
  margin:0!important;
  cursor:default!important;
  font:inherit!important;
  outline:none!important;
}
.admin-dash:hover,.admin-dash:focus,.admin-dash:active,.admin-dash:visited{
  color:inherit!important;
  background:transparent!important;
  text-decoration:none!important;
  outline:none!important;
  box-shadow:none!important;
}
.pi-hotspot{
  position:fixed;
  right:18px;
  bottom:8px;
  z-index:4;
  color:rgba(255,255,255,.38);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1;
  text-decoration:none;
  padding:8px 10px;
  text-shadow:0 1px 3px #000;
}
.pi-hotspot:hover,.pi-hotspot:focus{color:rgba(255,255,255,.72);outline:none}

.os-taskbar{
  position:fixed;
  left:0;right:0;bottom:0;
  height:34px;
  z-index:10;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 10px;
  background:linear-gradient(#dfe4ee,#c2c8d3);
  border-top:2px solid #fff;
  color:#13203a;
  box-shadow:none;
}
.os-taskbar .start-btn,
.os-taskbar .task-btn,
.os-taskbar .task-clock{
  appearance:none;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex;
  align-items:center;
  color:#13203a;
  cursor:default!important;
  pointer-events:none;
  white-space:nowrap;
}
.os-taskbar .start-btn{font-weight:700}
.os-taskbar .task-strip{display:flex;align-items:center;gap:14px;flex:1;overflow:hidden}
.os-taskbar .task-btn{font-weight:400}
.os-taskbar .task-clock{margin-left:auto;font-weight:700}

.status-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:#eef3ff;text-transform:uppercase;letter-spacing:.04em}
.status-strip .status-item{white-space:nowrap}
.status-ok{color:#bdf0c6}.status-warn{color:#ffe59a}
/* MKL 17.09.2026 12:26 Uhr – Zusatzfenster erhalten eigene Ebenen und können durch JavaScript verschoben werden. */
.movable-window{touch-action:none;user-select:none}
.movable-window .win-body,.movable-window .alert-content{user-select:text}
.audit-window{position:fixed;left:18%;top:16%;width:min(760px,76vw);max-height:62vh;z-index:35}
.audit-window .win-body{max-height:55vh;overflow:auto}
.alert-window{z-index:34}
.system-panel{z-index:33}
.real-status{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.real-status span{white-space:nowrap}
@media(max-width:980px){.audit-window{position:static!important;width:auto;max-height:none;margin-top:14px}.audit-window .win-body{max-height:none}}
.win-btn{padding:0;cursor:pointer;font-family:Tahoma,Verdana,Arial,sans-serif}
.window-minimized>.win-body,.window-minimized>.alert-content{display:none!important}
.window-maximized{position:fixed!important;left:8px!important;top:8px!important;right:8px!important;bottom:42px!important;width:auto!important;max-width:none!important;max-height:none!important;z-index:80!important}
.window-maximized>.win-body,.window-maximized>.alert-content{max-height:calc(100vh - 90px)!important;overflow:auto}

.desktop-icon-button{
  appearance:none;background:transparent;border:1px solid transparent;font:inherit;cursor:default;
}
.desktop-icon-button:hover,.desktop-icon-button:focus{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08);outline:none}
.section-caption{font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}
.admin-form-row{padding:12px 0;border-top:1px solid #a6b0c2}
.admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gate-section-title{font-weight:700;letter-spacing:.12em;color:#122041;border-bottom:1px solid #9ba5b8;padding-bottom:5px;margin-bottom:10px}
.portal-kind{display:inline-block!important;font-size:10px!important;letter-spacing:.12em!important;color:#5e6b80!important;margin-bottom:5px!important;font-weight:700}
.portal-link strong{color:#0b2f99}
/* MKL 17.09.2026 12:26 Uhr – Darstellung der rein visuellen DOS-/Filmsequenz. */
.fake-dos-window{position:fixed;left:22%;top:18%;width:min(720px,72vw);height:min(470px,62vh);z-index:60}
.fake-dos-window .win-body{height:calc(100% - 28px);padding:4px;background:#000}
.dos-shell{overflow:auto!important;background:#000!important;color:#d8d8d8!important;border:2px inset #7d7d7d;font-family:"Courier New",Consolas,monospace!important}
.dos-output{margin:0;padding:10px;min-height:100%;white-space:pre-wrap;font:15px/1.35 "Courier New",Consolas,monospace;color:#d8d8d8;background:#000}
.dos-denied{color:#ff3535;font-weight:700;text-shadow:0 0 3px rgba(255,0,0,.45)}
@media(max-width:980px){.fake-dos-window{left:5%;top:12%;width:90vw;height:58vh}}

.home-bg-image{object-fit:fill!important;object-position:center center!important}
/* MKL 17.09.2026 12:26 Uhr – Mozart's Ghost nennt das hier 'harmlose Geometrie auf einer alten Postkarte'. */
.home-hotspots{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.home-hotspots a{pointer-events:all;cursor:default}
.image-hotspot-area{fill:rgba(0,0,0,0);stroke:none;pointer-events:all;cursor:default}

.admin-item-list{display:flex;flex-direction:column;gap:8px}
/* MKL 17.09.2026 12:26 Uhr – Aufklappbare Detailkarten halten lange Verwaltungslisten kompakt. */
.admin-details{border:2px solid #fff;border-right-color:#7b8498;border-bottom-color:#7b8498;background:#d7dde8}
.admin-details>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(180px,1.4fr) auto auto minmax(180px,1fr);gap:12px;align-items:center;padding:8px 10px;background:#e4e9f1;color:#13203a;font-weight:700}
.admin-details>summary::-webkit-details-marker{display:none}
.admin-details>summary:before{content:'▶';font-size:10px;margin-right:4px}
.admin-details[open]>summary:before{content:'▼'}
.admin-details>summary{grid-template-columns:auto minmax(160px,1.4fr) auto auto minmax(160px,1fr)}
.admin-details .admin-summary-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-summary-url{font-weight:400;color:#41506a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-details .admin-form-row{margin:0;padding:12px;border-top:1px solid #9da7b8}
.create-details{margin-top:14px;background:#cbd3e1}
.create-details>summary{grid-template-columns:auto 1fr;background:#ccd7ef;color:#0d2c83}

.retro-fieldset{border:2px solid #fff;border-right-color:#747d91;border-bottom-color:#747d91;margin:0 0 14px;padding:12px;background:#d5dce8}
.retro-fieldset legend{padding:2px 8px;background:#d5dce8;font-weight:700;color:#13203a;letter-spacing:.06em}
.access-matrix{display:flex;flex-direction:column;gap:8px}
.access-row{display:grid;grid-template-columns:minmax(180px,1fr) 190px minmax(280px,1.6fr);gap:12px;align-items:center;padding:10px;border:1px solid #9ba5b8;background:#edf1f7}
.access-status{display:inline-block;padding:3px 7px;border:1px solid #7b8498;font-size:11px;font-weight:700;letter-spacing:.06em}
.access-status.on{background:#cceccf;color:#0c6720}.access-status.off{background:#e6d7d7;color:#7d2525}
.portal-file-meta{margin-top:8px!important;padding-top:7px;border-top:1px solid #bac3d2;color:#657087!important;font-size:11px!important}
.portal-document strong{color:#3b255f}

@media(max-width:900px){
  .admin-details>summary{grid-template-columns:auto 1fr;gap:5px 8px}
  .admin-details>summary span:not(.admin-summary-title){font-size:11px}
  .admin-summary-url{grid-column:2}
  .access-row{grid-template-columns:1fr}
}

body.wall-home{margin:0;min-height:100vh;overflow:hidden;background:#050505!important}
.home-shell-wall{position:relative;width:100vw;height:100vh;min-height:100vh;overflow:hidden;padding:0;display:flex!important;align-items:center;justify-content:center;background:#050505!important}
/* MKL 17.09.2026 12:26 Uhr – Seitenverhältnistreuer Bildcontainer: Das Startbild wird nicht gestreckt; freie Fläche bleibt schwarz. */
.home-media{position:relative;z-index:0;width:min(100vw,177.6833vh);height:min(100vh,56.2799vw);aspect-ratio:1672/941;flex:0 0 auto;overflow:hidden;background:#050505}
.home-bg-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;z-index:0;user-select:none;pointer-events:none}
.home-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.01) 45%,rgba(0,0,0,.22) 100%)}
.home-hotspots{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:3;pointer-events:none;overflow:visible}
.home-hotspots a{pointer-events:all;cursor:default}
.image-hotspot-area{fill:rgba(0,0,0,0);stroke:none;pointer-events:all;cursor:default}
.access-user-checks{padding:8px;border:1px solid #a8b0c0;background:#edf1f7}


/* MKL 17.09.2026 12:33 Uhr – Finale Startbild-Bühne: 1672:941 bleibt unverändert; bei anderen Fensterformaten entstehen schwarze Randflächen statt einer Verzerrung. */
.home-shell-wall{position:relative!important;width:100vw!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding:0!important;display:block!important;background:#050505!important}
.home-scene{position:absolute;inset:0;width:100vw;height:100vh;display:block;z-index:0;background:#050505;overflow:visible}
.home-scene-image{pointer-events:none;user-select:none}
.home-scene-vignette{pointer-events:none;fill:rgba(0,0,0,.08)}
.home-scene .image-hotspot-area{fill:rgba(0,0,0,0);stroke:none;pointer-events:all;cursor:default}
.home-scene a{pointer-events:all;cursor:default}

/* MKL 17.09.2026 12:42 Uhr – Kopf- und Fußleisten bleiben auch auf kleinen Ansichten einzeilig; bei Platzmangel wird horizontal gescrollt statt Text umzubrechen. */
.os-topbar{
  min-height:32px!important;
  height:32px!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:thin;
  gap:12px;
}
.os-top-left,.os-top-right,.os-menu{
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.os-top-left{min-width:max-content}
.os-top-right{margin-left:auto;min-width:max-content}
.os-menu{display:flex!important;gap:10px!important}
.os-topbar span,.os-topbar a{white-space:nowrap!important}
.os-taskbar{
  min-height:34px!important;
  height:34px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:thin;
}
.os-taskbar .status-strip,.os-taskbar .task-strip{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  min-width:max-content;
  overflow:visible!important;
}
.os-taskbar .status-item,.os-taskbar .task-btn,.os-taskbar .task-clock,.os-taskbar .start-btn{white-space:nowrap!important;flex:0 0 auto!important}
@media(max-width:780px){
  .os-topbar{padding:0 7px!important;font-size:11px!important}
  .os-topbar .os-pi{font-size:21px!important}
  .os-menu{gap:7px!important}
  .os-taskbar{font-size:11px!important;padding:0 7px!important;gap:9px!important}
  .status-strip{gap:9px!important;font-size:11px!important}
}

/* MKL 17.09.2026 12:42 Uhr – Kachel der integrierten Gatekeeper-App übernimmt vollständig das vorhandene Portaldesign. */
.portal-app-button{width:100%;text-align:left;font:inherit;cursor:pointer;color:#122041}
.portal-app-button:hover{background:#e2e8f4}
.gate-app-window{position:fixed;left:12vw;top:9vh;width:min(900px,82vw);height:min(720px,78vh);z-index:65}
.gate-app-window .win-body{height:calc(100% - 28px);padding:0!important;background:#c7cbd4;overflow:hidden}
.gate-app-frame{display:block;width:100%;height:100%;border:0;background:#d7dde8}
@media(max-width:800px){.gate-app-window{left:3vw;top:6vh;width:94vw;height:82vh}}

/* MKL 17.09.2026 12:42 Uhr – QR-Generator im Retro-Stil mit Eingabebereich und skalierbarer Vorschau. */
.qr-tool-body{margin:0;background:#c7cbd4;color:#122041;font-family:Tahoma,Verdana,Arial,sans-serif}
.qr-tool-embedded{min-height:100%;padding:0}
.qr-standalone-shell{min-height:100vh;padding-bottom:46px}
.qr-tool-panel{width:min(1080px,calc(100% - 28px));margin:18px auto;background:#d7dde8;border:2px solid #fff;border-right-color:#6d768b;border-bottom-color:#6d768b;box-shadow:inset 1px 1px 0 #f5f8ff;padding:14px}
.qr-tool-panel.embedded{width:100%;min-height:100%;margin:0;border:0;box-shadow:none}
.qr-tool-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 2px 12px;border-bottom:1px solid #9ba5b8}
.qr-tool-head h1{margin:2px 0 0;font:700 30px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.06em;color:#0c205d}
.qr-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;color:#5c6880}
.qr-tool-status{padding:5px 9px;border:2px solid #fff;border-right-color:#6f7790;border-bottom-color:#6f7790;background:#d9efda;color:#126527;font-weight:700;white-space:nowrap}
.qr-tool-status.error{background:#f3d1d1;color:#8e1717}
.qr-tool-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;padding-top:14px}
.qr-form{min-width:0}
.qr-field-row{margin-bottom:12px}
.qr-field-row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.qr-field-row label,.qr-form>label{display:block;margin-bottom:5px;font-size:12px;font-weight:700;color:#31415d}
.qr-field-hint{font-size:12px;color:#59677d;padding:8px 4px}
.qr-textarea{min-height:110px;resize:vertical}
.qr-checkbox{display:flex!important;align-items:center;gap:7px;margin:3px 0 12px!important}
.qr-validation{margin:8px 0 12px;padding:9px 10px;border:2px solid #fff;border-right-color:#8b6262;border-bottom-color:#8b6262;background:#f3d5d5;color:#7b1515;font-weight:700}
.qr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.qr-actions .os-btn:disabled{opacity:.48;cursor:not-allowed}
.qr-preview-area{background:#cbd2df;border:2px solid #fff;border-right-color:#747d91;border-bottom-color:#747d91;padding:12px;min-width:0}
.qr-preview-title{font-weight:700;letter-spacing:.1em;margin-bottom:10px;color:#243652}
.qr-preview{display:flex;align-items:center;justify-content:center;min-height:330px;background:#eef1f5;border:2px inset #8b93a4;padding:14px;overflow:auto;color:#6d7688;font-weight:700;letter-spacing:.08em}
.qr-preview canvas,.qr-preview img{display:block;max-width:100%;height:auto!important}
.qr-payload-info{font-size:11px;color:#536078;margin-top:9px;overflow-wrap:anywhere}
.qr-back-link{color:#122041;text-decoration:underline;font-weight:700}
@media(max-width:860px){.qr-tool-grid{grid-template-columns:1fr}.qr-preview{min-height:280px}.qr-field-row.two{grid-template-columns:1fr}}

/* MKL 17.09.2026 12:48 Uhr – PIN-Anzeige in der Userübersicht: Wert und Auge bleiben kompakt in einer Tabellenzelle. */
.pin-overview-cell{display:inline-flex;align-items:center;gap:7px;min-width:108px;white-space:nowrap}
.pin-overview-value{display:inline-block;min-width:58px;font-family:"Courier New",Consolas,monospace;font-weight:700;letter-spacing:.08em;color:#16213a}
.pin-overview-cell.pin-unavailable .pin-overview-value{color:#8b1e1e;font-size:11px;letter-spacing:0}
.pin-eye-button{width:28px;height:24px;display:inline-grid;place-items:center;padding:2px;background:#d7dde8;border:2px solid #fff;border-right-color:#697287;border-bottom-color:#697287;cursor:pointer;color:#10245f}
.pin-eye-button:active{border-color:#697287;border-right-color:#fff;border-bottom-color:#fff}
.pin-eye-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pin-eye-open circle{fill:currentColor;stroke:none}
.pin-eye-closed{display:none}
.pin-overview-cell.is-revealed .pin-eye-open{display:none}
.pin-overview-cell.is-revealed .pin-eye-closed{display:inline-block}

/* MKL 17.09.2026 12:48 Uhr – Das rote Retro-Warnfenster bleibt schließbar und überlagert die Userverwaltung nur temporär. */
.duplicate-pin-alert{position:fixed;right:4vw;top:12vh;width:min(520px,90vw);z-index:120}
.duplicate-pin-alert .alert-content{background:#d92820;color:#fff;padding:16px}
.duplicate-alert-heading{font-size:22px;font-weight:700;letter-spacing:.06em;margin-bottom:8px}
.duplicate-pin-alert p{margin:0 0 16px;line-height:1.45}
@media(max-width:700px){.duplicate-pin-alert{left:5vw;right:auto;top:10vh;width:90vw}.pin-overview-cell{min-width:100px}}

/* MKL 17.09.2026 13:04 Uhr – PRAETORIAN und GATEKEEPER bleiben auf jeder Breite innerhalb des sichtbaren Browserfensters; breite Inhalte scrollen nur in ihrem eigenen Bereich. */
html,body.os-body{max-width:100%;overflow-x:hidden}
.os-shell,.desktop,.os-stage,.prae-content,.inner-pad,.columns,.gate-layout,.table-frame,.info-frame,.win-body{min-width:0;max-width:100%}
.os-stage{width:auto;overflow-x:clip}
.win95{min-width:0;max-width:100%}
.prae-main{grid-template-columns:200px minmax(0,1fr)}
.columns{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}
.gate-layout{grid-template-columns:minmax(0,1fr) minmax(240px,280px)}
.table-scroll{max-width:100%;overflow-x:auto;overflow-y:visible}
.os-table{max-width:100%}
.admin-details,.admin-details>summary,.admin-details .admin-form-row,.access-matrix,.access-row{min-width:0;max-width:100%}
.admin-details>summary>*{min-width:0}
.inline-grid{min-width:0}
.inline-grid>*{min-width:0}

/* MKL 17.09.2026 13:04 Uhr – Frei schwebende Retro-Fenster passen sich an den Viewport an und können nicht mehr durch ihre feste Breite eine horizontale Seite erzeugen. */
.movable-window,
.fake-dos-window,
.audit-window,
.alert-window,
.system-panel,
.duplicate-pin-alert,
.gate-app-window{
  box-sizing:border-box;
  max-width:calc(100vw - 16px)!important;
}
.fake-dos-window,.gate-app-window{max-height:calc(100vh - 50px)!important}
.fake-dos-window .win-body,.gate-app-window .win-body{min-width:0}
.dos-output{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

@media(max-width:1180px){
  .columns{grid-template-columns:1fr}
}
@media(max-width:980px){
  .os-shell{padding-left:6px;padding-right:6px}
  .os-stage{width:100%;margin-left:0;overflow-x:hidden}
  .prae-main,.gate-layout,.gk-box{grid-template-columns:1fr}
  .prae-sidebar{border-right:0;border-bottom:2px solid #fff;display:flex;gap:6px;flex-wrap:wrap}
  .nav-tile{flex:1 1 145px;margin:0;min-width:0}
  .alert-window,.system-panel{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin-top:14px!important}
}
@media(max-width:700px){
  .win-body{padding:8px}
  .hero-banner{padding:10px}
  .hero-center h1{font-size:clamp(28px,9vw,38px)}
  .prae-sidebar{padding:6px}
  .nav-tile{flex-basis:calc(50% - 6px);padding:8px 6px}
  .fake-dos-window,.gate-app-window,.duplicate-pin-alert,.audit-window{
    width:calc(100vw - 12px)!important;
    left:6px!important;
    right:auto!important;
    max-width:calc(100vw - 12px)!important;
  }
}

/* MKL 17.09.2026 13:18 Uhr – Zukunftsrechner mit hellem, weichem und bewusst kontrastierendem Design im Vergleich zur Retro-Hülle. */
.calc-tool-body{
  background:radial-gradient(circle at 15% 15%, rgba(255,255,255,.95) 0, rgba(242,248,255,.92) 35%, rgba(223,235,247,.96) 100%);
  color:#18314a;
  font-family:Tahoma,Verdana,Arial,sans-serif;
}
.calc-standalone-shell{background:linear-gradient(180deg,#f4f9ff 0,#dae8f4 100%)}
.calc-tool-shell{
  max-width:1220px;
  margin:0 auto;
  padding:26px 18px 32px;
}
.calc-tool-shell.embedded{padding:16px 14px 20px}
.calc-future-panel{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(115,146,180,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,250,255,.82));
  box-shadow:0 24px 56px rgba(61,103,145,.18), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
}
.calc-future-panel:before,
.calc-future-panel:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.calc-future-panel:before{width:520px;height:520px;right:-180px;top:-160px;background:radial-gradient(circle, rgba(120,214,255,.22), rgba(120,214,255,0) 68%);animation:calcFloat 12s ease-in-out infinite}
.calc-future-panel:after{width:420px;height:420px;left:-160px;bottom:-180px;background:radial-gradient(circle, rgba(179,160,255,.18), rgba(179,160,255,0) 70%);animation:calcFloat 15s ease-in-out infinite reverse}
@keyframes calcFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-12px,0)}}
.calc-panel-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px 8px}
.calc-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(112,141,176,.18);font-size:12px;font-weight:700;letter-spacing:.16em;color:#62809b;text-transform:uppercase}
.calc-panel-head h1{margin:14px 0 0;font-size:44px;line-height:1.02;letter-spacing:.04em;color:#18314a}
.calc-panel-head p{margin:10px 0 0;max-width:660px;color:#57718a;font-size:14px;line-height:1.55}
.calc-head-side{display:grid;gap:10px;min-width:240px}
.calc-status-pill,.calc-mode-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-radius:18px;background:rgba(255,255,255,.76);box-shadow:inset 0 0 0 1px rgba(108,137,172,.17)}
.calc-status-pill strong,.calc-mode-toggle strong{font-size:11px;letter-spacing:.14em;color:#6e879c;text-transform:uppercase}
.calc-status-pill span,.calc-mode-toggle button{font-weight:700;color:#17304a}
.calc-mode-toggle button{border:0;background:rgba(162,202,255,.18);border-radius:12px;padding:8px 12px;cursor:pointer;min-width:76px}
.calc-main-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;padding:0 28px 28px}
.calc-display-wrap{padding:18px 18px 20px;border-radius:28px;background:linear-gradient(180deg, rgba(249,252,255,.98), rgba(229,239,248,.96));box-shadow:inset 0 0 0 1px rgba(109,140,175,.18), 0 12px 26px rgba(72,108,146,.14)}
.calc-top-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;color:#617c95;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.calc-display{
  position:relative;
  min-height:168px;
  padding:18px 18px 14px;
  border-radius:24px;
  background:linear-gradient(180deg,#f9fbff 0,#eef5fb 100%);
  box-shadow:inset 0 0 0 1px rgba(148,174,199,.34), inset 0 -10px 22px rgba(181,202,220,.26);
  overflow:hidden;
}
.calc-display:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0 77%, rgba(84,120,149,.035) 77% 79%, transparent 79% 100%);background-size:100% 22px;pointer-events:none}
.calc-history-line{min-height:22px;text-align:right;color:#6d8598;font-size:14px;white-space:nowrap;overflow:auto hidden;padding-bottom:6px}
.calc-main-line{display:flex;justify-content:flex-end;align-items:flex-end;min-height:92px;font-family:"Courier New",Consolas,monospace;font-size:clamp(30px,4.4vw,58px);font-weight:700;letter-spacing:.06em;color:#0f2438;text-align:right;overflow:auto hidden}
.calc-sub-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;color:#71879b;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.calc-led{display:inline-flex;gap:5px;align-items:center}
.calc-led b{width:9px;height:9px;border-radius:50%;display:inline-block;background:#7cf0c6;box-shadow:0 0 10px rgba(124,240,198,.9)}
.calc-led.error b{background:#ff9494;box-shadow:0 0 10px rgba(255,148,148,.9)}
.calc-keypad-wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}
.calc-btn{position:relative;border:0;border-radius:18px;padding:14px 10px;min-height:58px;background:linear-gradient(180deg,#ffffff 0,#edf4fb 100%);box-shadow:0 10px 18px rgba(100,138,175,.14), inset 0 0 0 1px rgba(122,154,189,.18);color:#18314a;font-weight:700;cursor:pointer;transition:transform .14s ease, box-shadow .14s ease, background .14s ease}
.calc-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(84,124,161,.18), inset 0 0 0 1px rgba(122,154,189,.22)}
.calc-btn:active{transform:translateY(1px)}
.calc-btn.function{color:#25537d;background:linear-gradient(180deg,#f8fdff 0,#e7f3fb 100%)}
.calc-btn.operator{color:#fff;background:linear-gradient(180deg,#4fa5ff 0,#2f78e6 100%);box-shadow:0 14px 24px rgba(67,125,207,.28), inset 0 0 0 1px rgba(255,255,255,.22)}
.calc-btn.memory{color:#4f6680;background:linear-gradient(180deg,#fbfcff 0,#eef3f8 100%)}
.calc-btn.equal{color:#fff;background:linear-gradient(135deg,#7a73ff 0,#45a9ff 100%);box-shadow:0 16px 28px rgba(94,109,236,.28), inset 0 0 0 1px rgba(255,255,255,.22)}
.calc-btn.accent{color:#fff;background:linear-gradient(135deg,#ff8f72 0,#ff6f91 100%);box-shadow:0 16px 28px rgba(240,111,145,.24), inset 0 0 0 1px rgba(255,255,255,.2)}
.calc-btn.zero{grid-column:span 2}
.calc-sidebar{display:grid;gap:18px}
.calc-card{padding:18px;border-radius:24px;background:rgba(255,255,255,.76);box-shadow:inset 0 0 0 1px rgba(122,151,184,.18), 0 12px 26px rgba(78,112,148,.11)}
.calc-card h2{margin:0 0 12px;font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:#59728a}
.calc-memory-grid,.calc-meta-list{display:grid;gap:10px}
.calc-memory-row,.calc-meta-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border-radius:16px;background:rgba(242,247,252,.94);box-shadow:inset 0 0 0 1px rgba(129,157,188,.14)}
.calc-memory-row b,.calc-meta-item b{font-family:"Courier New",Consolas,monospace;color:#17304a}
.calc-history-list{display:grid;gap:10px;max-height:334px;overflow:auto;padding-right:4px}
.calc-history-item{padding:12px;border-radius:18px;background:rgba(246,250,255,.95);box-shadow:inset 0 0 0 1px rgba(123,152,184,.14);cursor:pointer}
.calc-history-item:hover{background:#fff}
.calc-history-exp{font-size:12px;color:#698198;word-break:break-word}
.calc-history-res{margin-top:6px;font-size:19px;font-weight:700;font-family:"Courier New",Consolas,monospace;color:#17304a}
.calc-inline-note{font-size:12px;color:#6d8499;line-height:1.55}
.calc-standalone-shell .os-taskbar .status-item{white-space:nowrap}
.calc-back-link{color:#17304a;text-decoration:none;font-weight:700}
.calc-back-link:hover{text-decoration:underline}
@media (max-width: 1080px){
  .calc-main-grid{grid-template-columns:1fr}
  .calc-head-side{min-width:0;width:100%}
}
@media (max-width: 860px){
  .calc-panel-head,.calc-main-grid{padding-left:18px;padding-right:18px}
  .calc-panel-head{flex-direction:column}
}
@media (max-width: 680px){
  .calc-keypad-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}
  .calc-btn[data-col-hide="compact"]{display:none}
  .calc-btn.zero{grid-column:span 2}
  .calc-panel-head h1{font-size:34px}
  .calc-display{min-height:150px}
}

/* MKL 17.09.2026 13:32 Uhr – Veredelter Zukunftsrechner: helle Glasflächen, präzise Digitalanzeige, weich animierte Tiefenwirkung und kompaktere Bedienmatrix. */
.calc-tool-body{
  min-width:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.98) 0,rgba(255,255,255,.82) 20%,transparent 46%),
    radial-gradient(circle at 88% 18%,rgba(186,222,255,.58) 0,transparent 36%),
    linear-gradient(145deg,#f9fcff 0,#eef6fb 48%,#e7f0fa 100%);
}
.calc-tool-shell{max-width:1180px;padding:18px 16px 28px}
.calc-tool-shell.embedded{max-width:none;padding:10px 10px 22px}
.calc-future-panel{
  border-radius:30px;
  border:1px solid rgba(134,163,190,.2);
  background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(246,250,255,.88));
  box-shadow:0 30px 80px rgba(44,83,118,.16),inset 0 1px 0 rgba(255,255,255,.98);
}
.calc-future-panel:before{
  width:620px;height:620px;right:-220px;top:-260px;
  background:radial-gradient(circle,rgba(94,195,255,.21),rgba(111,172,255,.08) 35%,transparent 68%);
  filter:blur(4px);
}
.calc-future-panel:after{
  width:520px;height:520px;left:-210px;bottom:-260px;
  background:radial-gradient(circle,rgba(177,139,255,.17),rgba(124,196,255,.06) 42%,transparent 72%);
  filter:blur(5px);
}
.calc-panel-head{padding:20px 22px 12px;align-items:center}
.calc-kicker{
  padding:7px 12px;
  border-radius:999px;
  background:rgba(239,247,255,.82);
  color:#7592aa;
  letter-spacing:.18em;
  box-shadow:inset 0 0 0 1px rgba(98,138,172,.12),0 8px 22px rgba(91,126,155,.08);
}
.calc-panel-head h1{
  margin:9px 0 0;
  font-size:clamp(30px,4vw,48px);
  letter-spacing:.025em;
  font-weight:700;
  color:#122b42;
  text-shadow:0 1px 0 #fff;
}
.calc-panel-head p{display:none!important}
.calc-head-side{grid-template-columns:1fr 1fr;min-width:min(100%,390px);gap:8px}
.calc-status-pill,.calc-mode-toggle{
  min-height:54px;
  border-radius:18px;
  padding:10px 13px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,246,252,.86));
  box-shadow:inset 0 0 0 1px rgba(105,141,174,.12),0 10px 25px rgba(83,116,146,.08);
}
.calc-mode-toggle button{
  background:linear-gradient(135deg,rgba(105,182,255,.18),rgba(117,111,255,.12));
  box-shadow:inset 0 0 0 1px rgba(79,135,202,.12);
}
.calc-main-grid{grid-template-columns:1fr;gap:16px;padding:0 22px 22px}
.calc-display-wrap{
  padding:14px;
  border-radius:27px;
  background:linear-gradient(155deg,rgba(251,253,255,.98),rgba(232,242,250,.93));
  box-shadow:inset 0 0 0 1px rgba(113,150,182,.14),0 20px 45px rgba(71,110,145,.12);
}
.calc-top-strip{margin-bottom:9px;padding:0 4px;font-size:10px;color:#7b93a8;letter-spacing:.18em}
.calc-display{
  min-height:138px;
  padding:14px 17px 12px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(238,246,252,.95)),
    repeating-linear-gradient(0deg,transparent 0 17px,rgba(77,118,151,.035) 18px 19px);
  box-shadow:inset 0 0 0 1px rgba(134,163,188,.24),inset 0 -14px 34px rgba(152,190,219,.16),0 10px 26px rgba(101,133,163,.08);
}
.calc-display:after{
  content:"";position:absolute;left:16px;right:16px;top:12px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(103,176,231,.42),transparent);
  box-shadow:0 0 18px rgba(88,181,255,.35);
}
.calc-history-line{min-height:19px;font-size:13px;color:#7890a3}
.calc-main-line{
  min-height:72px;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:clamp(34px,5vw,62px);
  font-weight:600;
  letter-spacing:.035em;
  color:#102d45;
  text-shadow:0 0 18px rgba(68,161,222,.10);
}
.calc-sub-line{margin-top:6px;font-size:10px;color:#7990a3;letter-spacing:.14em}
.calc-keypad-wrap{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.calc-btn{
  min-height:48px;
  padding:10px 8px;
  border-radius:16px;
  font-size:14px;
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(238,245,251,.92));
  box-shadow:0 8px 18px rgba(79,115,146,.10),inset 0 0 0 1px rgba(108,145,177,.13),inset 0 1px 0 rgba(255,255,255,.98);
}
.calc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(70,111,148,.16),inset 0 0 0 1px rgba(93,145,190,.18)}
.calc-btn.function{color:#416a89;background:linear-gradient(160deg,#fbfdff,#eaf4fa)}
.calc-btn.memory{color:#627c93;background:linear-gradient(160deg,#fff,#eef3f8)}
.calc-btn.operator{
  background:linear-gradient(145deg,#82cfff 0,#4e9df2 60%,#447eea 100%);
  box-shadow:0 12px 28px rgba(68,137,217,.23),inset 0 0 0 1px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.35)
}
.calc-btn.equal{
  background:linear-gradient(145deg,#9488ff 0,#6a84ff 40%,#48b8ff 100%);
  box-shadow:0 13px 30px rgba(91,112,235,.27),inset 0 0 0 1px rgba(255,255,255,.25)
}
.calc-btn.accent{
  background:linear-gradient(145deg,#ff9b95 0,#ff7ca1 55%,#e979b4 100%);
  box-shadow:0 12px 26px rgba(229,105,151,.21),inset 0 0 0 1px rgba(255,255,255,.25)
}
.calc-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.calc-card{
  padding:14px;
  border-radius:20px;
  background:linear-gradient(155deg,rgba(255,255,255,.9),rgba(241,247,252,.82));
  box-shadow:inset 0 0 0 1px rgba(115,149,179,.12),0 12px 28px rgba(79,113,142,.08)
}
.calc-card h2{font-size:12px;margin-bottom:10px;color:#7390a6;letter-spacing:.18em}
.calc-memory-row,.calc-meta-item{padding:9px 10px;border-radius:13px;background:rgba(244,249,253,.9)}
.calc-history-list{max-height:190px}
.calc-history-item{border:0;text-align:left;width:100%;padding:10px;border-radius:14px;background:rgba(246,250,255,.92)}
.calc-led b{background:#66efbc;box-shadow:0 0 13px rgba(84,231,178,.85)}

/* MKL 17.09.2026 13:32 Uhr – Im Gatekeeper erhält der Rechner ein großes, aber vollständig viewportgebundenes App-Fenster. */
.gate-app-calculator{
  width:min(1120px,calc(100vw - 28px));
  height:min(900px,calc(100vh - 54px));
  max-width:calc(100vw - 16px)!important;
  max-height:calc(100vh - 46px)!important;
}
.gate-app-calculator .win-body{overflow:hidden!important}
.gate-app-calculator .gate-app-frame{overflow:auto}

/* MKL 17.09.2026 13:32 Uhr – Bei niedrigen Displays schrumpfen zuerst Kopf, Display, Abstände und Tasten, damit Display und Tastaturblock zusammen im sichtbaren App-Bereich bleiben. */
@media (max-height:860px){
  .calc-tool-shell.embedded{padding:7px 8px 16px}
  .calc-panel-head{padding:12px 15px 7px}
  .calc-kicker{font-size:9px;padding:5px 9px}
  .calc-panel-head h1{font-size:30px;margin-top:5px}
  .calc-status-pill,.calc-mode-toggle{min-height:42px;padding:7px 10px}
  .calc-main-grid{padding:0 15px 16px;gap:12px}
  .calc-display-wrap{padding:10px}
  .calc-display{min-height:108px;padding:9px 13px 8px}
  .calc-history-line{min-height:16px;font-size:11px}
  .calc-main-line{min-height:55px;font-size:clamp(27px,5vw,46px)}
  .calc-sub-line{font-size:9px;margin-top:3px}
  .calc-keypad-wrap{gap:6px;margin-top:9px}
  .calc-btn{min-height:39px;padding:7px 5px;border-radius:13px;font-size:12px}
  .calc-sidebar{gap:9px}
  .calc-card{padding:11px}
}
@media (max-height:700px){
  .calc-panel-head{padding:8px 12px 5px}
  .calc-kicker{display:none}
  .calc-panel-head h1{font-size:25px;margin:0}
  .calc-head-side{grid-template-columns:1fr 1fr;gap:5px}
  .calc-status-pill,.calc-mode-toggle{min-height:34px;padding:5px 8px;border-radius:12px;font-size:11px}
  .calc-main-grid{padding:0 12px 13px}
  .calc-top-strip{display:none}
  .calc-display{min-height:88px}
  .calc-main-line{min-height:46px;font-size:30px}
  .calc-keypad-wrap{gap:4px;margin-top:7px}
  .calc-btn{min-height:33px;padding:5px 4px;border-radius:11px;font-size:11px}
}
@media (max-width:780px){
  .calc-panel-head{flex-direction:column;align-items:stretch}
  .calc-head-side{width:100%;min-width:0}
  .calc-sidebar{grid-template-columns:1fr}
}
@media (max-width:560px){
  .calc-tool-shell,.calc-tool-shell.embedded{padding:6px}
  .calc-future-panel{border-radius:20px}
  .calc-panel-head{padding:10px 10px 6px}
  .calc-main-grid{padding:0 10px 12px}
  .calc-display-wrap{border-radius:19px}
  .calc-display{border-radius:16px}
  .calc-keypad-wrap{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
  .calc-btn{min-width:0;font-size:10px;padding:5px 2px}
}

/* MKL 17.09.2026 13:41 Uhr – Mozart's Ghost hat den Mauszeiger angewiesen, sich völlig unauffällig zu benehmen. */
.admin-dash,
.pi-hotspot{
  -webkit-appearance:none;
  appearance:none;
  border:0;
  outline:0;
  cursor:default;
}
.pi-hotspot{background:transparent;margin:0}
.image-hotspot-area{cursor:default!important;outline:none!important}
.image-hotspot-area:focus{outline:none!important}

/* MKL 17.09.2026 13:48 Uhr – Alle Systemseiten außer der Startseite bleiben blau, wirken aber bewusst älter, matter und stärker nach 90er-Leitstelle. */
body.os-body{
  background:#07152f!important;
  color:#dbe6f3;
  font-family:"MS Sans Serif",Tahoma,Verdana,Arial,sans-serif;
}
body.os-body .os-shell{
  background:
    radial-gradient(circle at 48% 28%, rgba(39,78,142,.34) 0, rgba(21,49,100,.22) 30%, rgba(7,23,55,.08) 58%, rgba(3,12,31,.16) 100%),
    linear-gradient(180deg,#0e2d67 0,#0b2454 34%,#071a3f 68%,#05132f 100%)!important;
  position:relative;
}
body.os-body .os-shell:before{
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.045),transparent 30%),
    radial-gradient(circle at 82% 72%,rgba(0,0,0,.16),transparent 34%),
    linear-gradient(rgba(255,255,255,.035),rgba(255,255,255,0) 18%,rgba(0,0,0,.10) 86%)!important;
  opacity:1!important;
}
body.os-body .os-shell:after{
  background:linear-gradient(rgba(255,255,255,.038) 50%,rgba(0,0,0,.065) 50%)!important;
  background-size:100% 3px!important;
  opacity:.32!important;
}
body.os-body .os-topbar{
  background:linear-gradient(#bac7d8,#8397b3)!important;
  border:2px solid #e3eaf3!important;
  border-right-color:#43536a!important;
  border-bottom-color:#35445a!important;
  box-shadow:inset 1px 1px 0 #f5f8fc,inset -1px -1px 0 #596b83,0 2px 5px rgba(0,0,0,.25)!important;
  color:#0d1d35!important;
  text-shadow:none!important;
  position:relative;
}
body.os-body .os-top-left,
body.os-body .os-top-right,
body.os-body .os-brand,
body.os-body .os-menu span,
body.os-body .os-topbar a{color:#0c1a31!important}
body.os-body .os-pi{color:#16315e!important;text-shadow:1px 1px 0 rgba(255,255,255,.58)!important}

/* MKL 17.09.2026 13:48 Uhr – Drei kleine rote Status-LEDs blinken wie bei einer alten Sicherheitskonsole. */
body.os-body .os-top-right{padding-right:74px!important;position:relative!important}
body.os-body .os-top-right:before{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:#c7191f;
  box-shadow:-16px 0 0 #ee3438,-32px 0 0 #8d1015,0 0 6px rgba(255,54,60,.72),-16px 0 6px rgba(255,54,60,.66),-32px 0 6px rgba(255,54,60,.52);
  animation:mklOldBlueLedA 1.75s steps(1,end) infinite;
}
body.os-body .os-top-right:after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:#fa6165;
  box-shadow:-16px 0 0 #8f1014,-32px 0 0 #e4282e;
  opacity:.86;
  animation:mklOldBlueLedB 2.25s steps(1,end) infinite;
}
@keyframes mklOldBlueLedA{0%,16%,40%,62%,100%{opacity:1}8%,28%,51%,74%{opacity:.22}}
@keyframes mklOldBlueLedB{0%,25%,52%,78%,100%{opacity:.18}12%,38%,65%,90%{opacity:.92}}

body.os-body .desktop-icon{color:#e3ebf5!important}
body.os-body .desktop-icon:hover{background:rgba(146,174,214,.08)!important;border-color:rgba(196,214,238,.42)!important}
body.os-body .desktop-icon span:last-child{text-shadow:1px 1px 0 rgba(0,0,0,.62)!important}

body.os-body .win95{
  background:#aebccc!important;
  border:2px solid #e7edf5!important;
  border-right-color:#435269!important;
  border-bottom-color:#35445a!important;
  box-shadow:inset 1px 1px 0 #f7f9fc,inset -1px -1px 0 #68798e,3px 3px 0 rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.14)!important;
}
body.os-body .win-title{
  background:linear-gradient(90deg,#173d7f,#0b285e 62%,#274e87)!important;
  color:#edf4ff!important;
  border-bottom:1px solid #061b46!important;
  text-shadow:1px 1px 0 rgba(0,0,0,.42)!important;
}
body.os-body .win-title.red{background:linear-gradient(90deg,#8c2027,#60131a 64%,#a5343b)!important}
body.os-body .win-title.black{background:linear-gradient(90deg,#18243b,#070d18 70%,#26344e)!important}
body.os-body .win-btn{
  background:#a9b8ca!important;
  border:1px solid #eef3f9!important;
  border-right-color:#46556c!important;
  border-bottom-color:#46556c!important;
  box-shadow:inset 1px 1px 0 #f7f9fc!important;
  color:#10213b!important;
}
body.os-body .win-body,
body.os-body .prae-content,
body.os-body .prae-sidebar,
body.os-body .table-frame,
body.os-body .info-frame,
body.os-body .empty-note,
body.os-body .portal-item,
body.os-body .os-msg,
body.os-body .os-taskbar{background-color:#aebccc!important}
body.os-body .prae-sidebar{background:#91a4bd!important;border-right-color:#dde6f0!important}
body.os-body .nav-tile{
  background:#a7b6c8!important;
  border:2px solid #e4ebf4!important;
  border-right-color:#45566d!important;
  border-bottom-color:#45566d!important;
  color:#10213b!important;
}
body.os-body .nav-tile.active{
  background:#183d78!important;
  color:#f0f6ff!important;
  border-color:#6684b4!important;
  border-right-color:#071a45!important;
  border-bottom-color:#071a45!important;
}
body.os-body .hero-banner{
  background:linear-gradient(180deg,#0c1830 0,#020711 100%)!important;
  border-bottom:2px solid #3f526d!important;
  color:#eaf3ff!important;
}
body.os-body .hero-center .subline,
body.os-body .hero-right{color:#bbcce1!important}
body.os-body .portal-item{
  background:#bcc9d8!important;
  color:#13243d!important;
  border:2px solid #edf3fa!important;
  border-right-color:#4a5b70!important;
  border-bottom-color:#4a5b70!important;
  box-shadow:inset 1px 1px 0 #f8fbff!important;
}
body.os-body .portal-item:hover{background:#c8d4e1!important}
body.os-body .portal-kind,
body.os-body .os-small{color:#415670!important}
body.os-body .os-msg{
  border:2px solid #edf3fa!important;
  border-right-color:#47586f!important;
  border-bottom-color:#47586f!important;
  color:#10223c!important;
}
body.os-body .os-msg.error{background:#c7a2a8!important;color:#52171d!important}
body.os-body .os-msg.warn{background:#c5bc98!important;color:#433816!important}
body.os-body .os-input,
body.os-body .os-textarea{
  background:#eef3f8!important;
  color:#10213a!important;
  border:2px solid #55667d!important;
  border-right-color:#f5f8fb!important;
  border-bottom-color:#f5f8fb!important;
  box-shadow:inset 1px 1px 0 #3f5065!important;
}
body.os-body .os-btn{
  background:#a8b6c7!important;
  border:2px solid #edf3f9!important;
  border-right-color:#46566c!important;
  border-bottom-color:#46566c!important;
  box-shadow:inset 1px 1px 0 #f7f9fc!important;
  color:#10213a!important;
}
body.os-body .os-btn:hover{background:#b7c5d5!important}
body.os-body .os-btn.green{background:#b9c8bc!important}
body.os-body .os-btn.red{background:#c9aeb1!important}
body.os-body .os-table th{background:#8fa3bc!important;color:#102039!important}
body.os-body .os-table td{background:#dce5ee!important;color:#102039!important}
body.os-body .os-table tr.selected td{background:#204a87!important;color:#f4f8ff!important}
body.os-body .gk-poster{
  background:linear-gradient(#111d33,#070e1b)!important;
  border-color:#53657d!important;
  color:#e4edf8!important;
}
body.os-body .gk-poster .beam{background:linear-gradient(to bottom,#4d6382,#edf6ff 72%,rgba(255,255,255,.08))!important}
body.os-body .alert-content{background:#822129!important;color:#ffe8ea!important}
body.os-body .alert-content .blackbox{background:#16070a!important;border-color:#c45c64!important;color:#ff9299!important}
body.os-body .os-taskbar{
  background:rgba(129,150,176,.96)!important;
  border-top:2px solid #e9eff6!important;
  color:#102039!important;
}
body.os-body .start-btn,
body.os-body .task-btn,
body.os-body .task-clock,
body.os-body .status-item{color:#102039!important}
body.os-body .footer-note{color:#c8d7e9!important;text-shadow:1px 1px 0 rgba(0,0,0,.48)!important;position:absolute}
body.os-body .footer-note:before{
  content:"";
  position:absolute;
  left:-28px;
  top:4px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c91f25;
  box-shadow:14px 0 0 #f04a50,0 0 6px rgba(240,74,80,.55),14px 0 6px rgba(240,74,80,.55);
  animation:mklOldBlueLedA 2.1s steps(1,end) infinite;
}
body.os-body .link-inline{color:#173d7d!important}

/* MKL 17.09.2026 13:48 Uhr – QR-Werkzeug übernimmt den gealterten Blaurahmen; der futuristische Rechner bleibt innen absichtlich hell und modern. */
body.qr-tool-body:not(.qr-tool-embedded){background:#07152f!important}
body.qr-tool-body.qr-tool-embedded{background:linear-gradient(180deg,#aebccc,#94a8c2)!important}

@media(max-width:780px){
  body.os-body .os-top-right{padding-right:62px!important}
  body.os-body .os-top-right:before,body.os-body .os-top-right:after{transform:scale(.86);transform-origin:right center}
}


/* MKL 17.09.2026 14:33 Uhr – Kompakter 1:1-Chat zwischen Gatekeeper-User und PRAETORIAN. */
.gate-chat-window{margin-top:14px;max-width:100%}
.chat-body{padding:9px!important}
.chat-message-list{
  min-height:76px;
  max-height:76px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:6px;
  background:#d9e3ed;
  border:2px solid #53657c;
  border-right-color:#eef4fa;
  border-bottom-color:#eef4fa;
  box-shadow:inset 1px 1px 0 #43556d;
}
.chat-message{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:start;padding:3px 4px;border-bottom:1px dotted rgba(35,58,86,.24);font-size:11px;line-height:1.35;color:#12243c}
.chat-message:last-child{border-bottom:0}
.chat-message.mine{background:rgba(43,83,137,.07)}
.chat-message.theirs{background:rgba(255,255,255,.20)}
.chat-message-head{font-weight:700;white-space:nowrap;color:#3e5874}
.chat-message-text{min-width:0;word-break:break-word;white-space:normal}
.chat-empty{padding:28px 6px;text-align:center;font-size:11px;color:#5b7088}
.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:7px;align-items:stretch}
.chat-input{min-height:44px!important;max-height:74px!important;resize:none!important;line-height:1.3!important;font-size:12px!important}
.chat-meta{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#4a617a;white-space:nowrap}
.chat-unread-title{color:#ffb6ba;font-size:10px;margin-left:6px}
.admin-chat-notify{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 10px;padding:7px 9px;background:#891f29;border:2px solid #e4a8ad;border-right-color:#521219;border-bottom-color:#521219;box-shadow:inset 1px 1px 0 #ffc8cc;color:#fff;position:relative;z-index:8}
.admin-chat-notify[hidden]{display:none!important}
.admin-chat-notify-label{font-weight:700;font-size:11px;letter-spacing:.12em;white-space:nowrap}
.admin-chat-notify-buttons{display:flex;gap:6px;flex-wrap:wrap}
.admin-chat-alert-btn{background:#c6d1de!important;animation:adminChatPulse 1.7s steps(1,end) infinite}
@keyframes adminChatPulse{0%,55%,100%{filter:brightness(1)}28%{filter:brightness(1.22)}}
.admin-chat-window{position:fixed!important;right:22px;top:48px;width:min(520px,calc(100vw - 20px));max-width:calc(100vw - 20px);z-index:720}
.chat-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}
.chat-user-button{display:grid!important;grid-template-columns:1fr auto;gap:3px 9px;text-align:left!important;align-items:center;min-height:58px}
.chat-user-button strong{font-size:13px}
.chat-user-button span{font-size:10px;color:#50657e}
.chat-user-button b{grid-row:1 / span 2;grid-column:2;font-size:10px;white-space:nowrap}
.chat-user-button.has-unread{background:#c99ba0!important;color:#471017!important;box-shadow:inset 0 0 0 2px #8e232d!important}
@media(max-width:780px){
  .admin-chat-window{left:5px!important;right:auto!important;top:54px!important;width:calc(100vw - 10px)!important;max-height:calc(100vh - 94px);overflow:auto}
  .chat-compose{grid-template-columns:1fr}
  .chat-compose .os-btn{width:100%}
  .chat-message{grid-template-columns:1fr;gap:2px}
  .chat-message-head{white-space:normal}
}

/* MKL 17.09.2026 14:55 Uhr – Suchfeld, Film-Shell, Kamera-Fenster und Easter-Egg-Verwaltung ergänzen den Gatekeeper im bestehenden Altblau-Design. */
.gate-search-wrap{margin:0 0 18px;padding:12px;border:2px solid #d8e3f3;border-right-color:#5f7590;border-bottom-color:#5f7590;background:rgba(203,216,232,.92)}
.gate-search-wrap>label{display:block;margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#304d6e}
.gate-search-line{display:flex;gap:8px;align-items:center}.gate-search-line .os-input{flex:1}.gate-search-wrap .os-small{margin-top:7px}
.extra-gate-window{position:fixed;left:min(17vw,220px);top:min(16vh,150px);width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 48px);z-index:260}
.extra-gate-window>.win-body{max-height:calc(100vh - 90px);overflow:auto}
.sim-shell-window{width:min(780px,calc(100vw - 24px));height:min(570px,calc(100dvh - 96px));top:44px!important;max-height:none!important;box-sizing:border-box}
.sim-shell-window>.win-body{height:calc(100% - 28px);max-height:none!important;overflow:hidden!important;padding:4px!important;background:#000!important;box-sizing:border-box}
.sim-shell-window.window-maximized{height:auto!important;max-height:none!important}.sim-shell-window.window-maximized>.win-body{height:calc(100% - 28px)!important;max-height:none!important;overflow:hidden!important}
.sim-shell{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:#000;border:2px inset #5a6570;color:#fff;padding:10px;font:14px/1.45 Consolas,"Courier New",monospace;box-sizing:border-box;outline:0;cursor:text}
.sim-shell-output{flex:1;min-height:0;margin:0;overflow:auto;white-space:pre-wrap;color:#fff;font:14px/1.45 Consolas,"Courier New",monospace;text-shadow:none;scrollbar-color:#808080 #111}
.sim-shell-prompt{flex:0 0 auto;min-height:23px;padding-top:7px;color:#fff;white-space:pre-wrap;word-break:break-all;font:inherit}
.sim-shell-typed{color:#fff}.sim-shell-cursor{display:inline-block;margin-left:1px;color:#fff;animation:shellCursor .9s steps(1,end) infinite}.sim-shell-cursor.is-busy{opacity:.3;animation:none}.sim-shell-cursor.is-focused{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.sim-shell-capture{position:absolute!important;left:8px!important;bottom:7px!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;opacity:.01!important;background:transparent!important;color:transparent!important;caret-color:transparent!important;font-size:16px!important;line-height:1!important;z-index:0;pointer-events:none}
.sim-cmd,.sim-reply{color:#fff}.sim-hacked{color:#ff3b3b;font-weight:700;text-shadow:0 0 5px rgba(255,48,48,.55)}
@keyframes shellCursor{0%,48%{opacity:1}49%,100%{opacity:0}}
.bank-camera-window{width:min(700px,calc(100vw - 24px));position:fixed;z-index:480}.bank-camera-wrap{background:#07101a;padding:10px;color:#dce9f7}.bank-camera-stage{position:relative;overflow:hidden;background:#000;aspect-ratio:16/10;border:2px solid #516b87}.bank-camera-video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}
.bank-intruder{position:relative;text-align:center;margin:1px 0 10px;padding:5px 8px;color:#ff3737;font:bold clamp(17px,3vw,30px)/1.1 Consolas,"Courier New",monospace;letter-spacing:.08em;text-shadow:0 0 8px #ff1b1b,2px 2px 0 #000;animation:intruderBlink .78s steps(1,end) infinite}.bank-scan-line{position:absolute;left:0;right:0;height:2px;background:rgba(255,44,44,.7);box-shadow:0 0 9px rgba(255,44,44,.8);animation:bankScan 3.3s linear infinite}.bank-camera-status{padding:8px 4px 0;font:12px Consolas,"Courier New",monospace;color:#9eb7cf;letter-spacing:.08em}
@keyframes intruderBlink{0%,54%,100%{opacity:1}55%,82%{opacity:.18}}@keyframes bankScan{0%{top:4%}50%{top:94%}100%{top:4%}}
.easter-window{width:min(440px,calc(100vw - 24px))}.easter-popup{position:relative;padding:8px 8px 6px 30px;min-height:72px}.easter-popup p{margin:3px 0 10px;line-height:1.45}.easter-led{position:absolute;left:7px;top:10px;width:10px;height:10px;border-radius:50%;background:#f22;box-shadow:0 0 8px #f22;animation:intruderBlink 1.1s steps(1,end) infinite}
.easter-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.easter-admin-card{padding:12px;border:2px solid #d9e4f2;border-right-color:#657b94;border-bottom-color:#657b94;background:#c8d5e4}.easter-admin-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.easter-trigger{margin-top:6px;font-weight:700;color:#284865}.easter-admin-card .check-group{margin-top:7px}
@media(max-width:640px){.gate-search-line{align-items:stretch}.gate-search-line .os-btn{flex:0 0 auto}.extra-gate-window{left:6px!important;top:42px!important;width:calc(100vw - 12px)!important;max-height:calc(100dvh - 88px)!important}.sim-shell-window{left:6px!important;top:40px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 84px)!important;max-height:none!important}.sim-shell{padding:8px;font-size:13px}.sim-shell-output{font-size:13px}}

/* MKL 17.09.2026 15:18 Uhr – Kompakter interner Spickzettel für Shell-Codes und freischaltbare Gatekeeper-Easter-Eggs. */
.code-guide-body{margin:0;min-height:100vh;background:#71849d;color:#10223e;font:13px/1.35 Tahoma,Verdana,Arial,sans-serif}
.code-guide-shell{padding:12px;min-height:100vh;box-sizing:border-box;background:linear-gradient(180deg,#8597ad,#6f8299)}
.code-guide-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;margin-bottom:10px;background:linear-gradient(90deg,#173d7f,#0b285e 62%,#274e87);color:#edf4ff;border:2px solid #dce6f1;border-right-color:#3e4f66;border-bottom-color:#314159;box-shadow:inset 1px 1px 0 #f7f9fc;font-size:12px;letter-spacing:.07em}
.code-guide-head>div{display:flex;gap:9px;align-items:center}.code-guide-pi{font:700 21px/1 Georgia,serif}
.code-guide-panel{background:#afbdcc;border:2px solid #e7edf5;border-right-color:#435269;border-bottom-color:#35445a;box-shadow:inset 1px 1px 0 #f7f9fc,2px 2px 0 rgba(0,0,0,.18);margin-bottom:11px}
.code-guide-section-title{padding:6px 8px;background:#8497b0;border-bottom:1px solid #586b84;font-weight:700;letter-spacing:.08em;color:#10284b}
.code-guide-table-wrap{overflow:auto}.code-guide-table{width:100%;border-collapse:collapse;min-width:620px}.code-guide-table th,.code-guide-table td{padding:7px 8px;text-align:left;vertical-align:top;border-right:1px solid #8292a5;border-bottom:1px solid #8292a5}.code-guide-table th{background:#9cabbc;color:#11284b}.code-guide-table td{background:#d6dee7}.code-guide-table code{font:700 12px/1.45 Consolas,"Courier New",monospace;color:#132c55;white-space:normal}
.code-guide-eggs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.code-guide-egg{padding:8px;background:#d5dee8;border:1px solid #71849b;box-shadow:inset 1px 1px 0 rgba(255,255,255,.85);min-width:0}.code-guide-egg-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:5px}.code-guide-egg>div:not(.code-guide-egg-top){font-size:12px;margin-top:3px}.code-guide-state{flex:none;padding:2px 6px;border:1px solid #526479;background:#a9b5c4;font-size:10px;font-weight:700;letter-spacing:.05em}.code-guide-state.on{background:#173d7f;color:#f2f7ff;border-color:#071b42}.code-guide-state.off{color:#546273}
.code-guide-note{padding:7px 9px;background:#0d244d;color:#dce9fb;border:1px solid #061936;font-size:11px}
@media(max-width:680px){.code-guide-eggs{grid-template-columns:1fr}.code-guide-shell{padding:7px}.code-guide-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* MKL 17.09.2026 15:38 Uhr – BANK scannt zunächst grün und wechselt nach fünf Sekunden in die rote Identifikationswarnung. */
.bank-identify{position:relative;text-align:center;margin:1px 0 10px;padding:6px 8px;font:bold clamp(17px,3vw,30px)/1.1 Consolas,"Courier New",monospace;letter-spacing:.08em;text-shadow:1px 1px 0 #000}
.bank-identify-scan{color:#58ff8c;text-shadow:0 0 8px rgba(62,255,126,.85),1px 1px 0 #000;animation:bankScanText 1.05s steps(2,end) infinite}
.bank-identify-alert{color:#ff3737;text-shadow:0 0 8px #ff1b1b,2px 2px 0 #000;animation:intruderBlink .78s steps(1,end) infinite}
.bank-scan-line-green{background:rgba(54,255,117,.82)!important;box-shadow:0 0 11px rgba(54,255,117,.9)!important}
.bank-scan-line-red{background:rgba(255,44,44,.78)!important;box-shadow:0 0 10px rgba(255,44,44,.88)!important}
.bank-scan-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(55,255,122,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(55,255,122,.035) 1px,transparent 1px);background-size:34px 34px;mix-blend-mode:screen}
@keyframes bankScanText{0%,100%{opacity:1}50%{opacity:.55}}

/* MKL 17.09.2026 15:38 Uhr – BNDx ist reine 1995er Filmkulisse im Norton-Commander-Stil; alle angezeigten Datensätze sind absichtlich unlesbare Platzhalter. */
.bndx-code-window{width:min(640px,calc(100vw - 24px));height:min(420px,calc(100dvh - 90px));top:52px!important;left:clamp(8px,9vw,120px)!important}
.bndx-code-window>.win-body{height:calc(100% - 28px);padding:0!important;background:#000!important;overflow:hidden!important}
.bndx-code{height:100%;background:#000;color:#e9edf4;padding:12px;box-sizing:border-box;font:14px/1.45 Consolas,"Courier New",monospace;overflow:auto}
.bndx-code pre{margin:0;white-space:pre-wrap;font:inherit;color:inherit}
.bndx-remote-window{width:min(760px,calc(100vw - 24px));height:min(590px,calc(100dvh - 92px));z-index:620!important}
.bndx-remote-window>.win-body{height:calc(100% - 28px);padding:0!important;overflow:hidden!important;background:#0b34a5!important}
.bndx-remote-shell{position:relative;height:100%;box-sizing:border-box;background:#0a2d94;color:#fff;font:14px/1.3 "Courier New",Consolas,monospace;padding:4px;overflow:hidden}
.bndx-nc-menu{background:#c7c7c7;color:#001b68;padding:4px 7px;font-weight:700;border-bottom:1px solid #fff;box-shadow:inset 0 -1px 0 #555;white-space:nowrap;overflow:hidden}
.bndx-nc-panels{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:155px;margin-top:4px;transition:filter .9s ease,opacity .9s ease}
.bndx-nc-pane{border:2px double #80e9ff;background:#0635a1;padding:5px;overflow:hidden}
.bndx-pane-title{color:#fff59a;text-align:center;border-bottom:1px solid #8ae9ff;margin-bottom:5px;padding-bottom:3px}
.bndx-nc-pane>div:not(.bndx-pane-title){padding:2px 4px}
.bndx-file-selected{background:#00c9d7!important;color:#00135c!important;font-weight:700}
.bndx-record{position:relative;margin:8px auto 0;width:min(92%,620px);background:#d7d7d7;color:#03135a;border:3px double #fff;padding:8px;box-sizing:border-box;box-shadow:7px 7px 0 rgba(0,0,0,.26);transition:filter .9s ease,opacity .9s ease}
.bndx-record-title{background:#001f8f;color:#fff;text-align:center;padding:5px 6px;margin:-3px -3px 8px;font-weight:700;letter-spacing:.04em}
.bndx-record-row{display:grid;grid-template-columns:120px 1fr;gap:12px;min-height:28px;align-items:center;border-bottom:1px dotted #59659a;transition:filter .28s ease,opacity .28s ease,transform .28s ease,height .28s ease,min-height .28s ease,padding .28s ease}
.bndx-record-row span{font-weight:700}.bndx-record-row b{filter:blur(2.3px);letter-spacing:.07em;user-select:none}
.bndx-row-erasing{filter:blur(6px);opacity:.25;transform:translateX(12px)}
.bndx-row-gone{opacity:0;min-height:0;height:0;overflow:hidden;border:0;padding:0}
.bndx-record-foot{text-align:right;font-size:11px;padding-top:8px;color:#41518e}
.bndx-record-blur{filter:blur(9px)!important;opacity:.34!important;pointer-events:none}
.bndx-identity-deleted{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;color:#ff2d2d;font:bold clamp(25px,5vw,54px)/1.05 Consolas,"Courier New",monospace;letter-spacing:.08em;text-shadow:0 0 12px #ff1f1f,2px 2px 0 #000;z-index:8}
.bndx-identity-deleted.show{display:flex;animation:intruderBlink .72s steps(1,end) infinite}
@media(max-width:640px){.bndx-nc-panels{height:126px}.bndx-record{width:96%;margin-top:5px;padding:6px}.bndx-record-row{grid-template-columns:90px 1fr;min-height:24px;font-size:12px}.bndx-record-title{font-size:12px}.bndx-code-window,.bndx-remote-window{left:6px!important;top:42px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 88px)!important}}

/* MKL 17.09.2026 15:38 Uhr – Das Motto bleibt im Gatekeeper auch auf kleinen Displays erreichbar, damit das zugehörige Easter Egg nicht verschwindet. */
@media(max-width:980px){body.gatekeeper-body .footer-note{display:block!important;right:8px!important;bottom:42px!important;font-size:9px!important;opacity:.32!important;letter-spacing:.06em!important}body.gatekeeper-body .footer-note .pi{font-size:17px!important;margin-top:2px!important}}

/* MKL 17.09.2026 16:03 Uhr – Das Audit bleibt als kompaktes, intern scrollbares Fenster sichtbar statt die ganze Adminseite zu verlängern. */
.audit-log-scroll{max-height:55vh;overflow:auto!important}
.audit-log-scroll .os-table thead th{position:sticky;top:0;z-index:2}

/* MKL 18.09.2026 10:40 Uhr – Neue Chat- und Pizza-Komponenten im Retro-Stil. */
.desktop-icon,.desktop-icon-button{position:relative}
.icon-badge{position:absolute;top:4px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#c41515;color:#fff;font:700 11px/18px Arial,sans-serif;box-shadow:1px 1px 0 rgba(0,0,0,.5);text-align:center}
.admin-groupchat-launch-row{display:flex;justify-content:flex-end;margin:10px 0 0}

.netchat-window{position:fixed!important;z-index:820!important;width:min(710px,calc(100vw - 24px));height:min(540px,calc(100dvh - 84px));top:44px!important;left:clamp(8px,12vw,130px)!important}
.netchat-window>.win-body{height:calc(100% - 28px);padding:0!important;background:#d0a8c5!important;overflow:hidden!important}
.netchat-body,.netchat-stage{height:100%}
.netchat-stage{display:flex;flex-direction:column;background:#d9a8c3;font:13px/1.35 Verdana,Arial,sans-serif;color:#f2dc67}
.netchat-header-strip{padding:4px 10px;background:#001746;color:#96d2d7;font:700 12px/1 "Courier New",monospace;letter-spacing:.08em;border-bottom:3px solid #19469e}
.netchat-toolbar{display:grid;grid-template-columns:185px 1fr;gap:10px;align-items:center;background:linear-gradient(180deg,#b76765 0%,#aa5d63 100%);padding:7px 9px 6px;border-top:1px solid #e0a6bd;border-bottom:3px solid #9c6aa1;min-height:46px}
.netchat-logo-wrap{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.netchat-logo{font:700 25px/1 Georgia,"Times New Roman",serif;color:#78e8f4;text-shadow:2px 2px 0 #193b78,-1px -1px 0 #2a1636,0 0 1px #fff;letter-spacing:-.04em}
.netchat-logo-live{font:700 12px/1 Arial,sans-serif;color:#fff5a0;letter-spacing:.06em}
.netchat-presence{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.netchat-presence-label{font:700 11px/1 "Courier New",monospace;color:#fff6b5;white-space:nowrap}
.netchat-roster{display:flex;align-items:center;gap:6px;min-height:34px;min-width:0;overflow:hidden;flex-wrap:nowrap}
.netchat-roster-empty{font:700 11px/1 "Courier New",monospace;color:#f8f0bf;opacity:.85}
.netchat-online{width:32px;height:32px;padding:1px;background:#dda9bc;border:2px solid #4d4968;box-shadow:1px 1px 0 rgba(0,0,0,.55)}
.netchat-online.active{outline:2px solid #fff0a1}
.netchat-online img{width:100%;height:100%;display:block;image-rendering:auto}
.netchat-frame{flex:1;display:flex;min-height:0;padding:9px 10px 8px;background:#d9a8c3}
.netchat-messages{flex:1;overflow:auto;background:#12398c;border:3px solid #caa2ce;box-shadow:inset 0 0 0 2px #5367b5;padding:6px 8px 8px;color:#e9c55d}
.netchat-empty{color:#fff1a6;font:700 13px/1.4 "Courier New",monospace;opacity:.95}
.netchat-row{display:grid;grid-template-columns:146px 1fr;gap:8px;align-items:stretch;margin-bottom:2px;min-height:44px}
.netchat-usercell{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;background:#e8d8ec;border-right:1px solid #75648d;padding:2px 3px 2px 5px;min-height:44px}
.netchat-userlabel{font:700 15px/1 Georgia,"Times New Roman",serif;color:#18214a;background:transparent;padding:0 4px 0 0;box-sizing:border-box;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:right;text-shadow:1px 1px 0 rgba(255,255,255,.55)}
.netchat-avatarbox{background:transparent;width:42px;padding:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center}
.netchat-avatarbox img{width:36px;height:36px;display:block;image-rendering:auto;background:#fff;border:1px solid #4c4c56;box-shadow:1px 1px 0 rgba(0,0,0,.28)}
.netchat-bubble{min-width:0;padding:5px 4px 3px 0;display:flex;gap:8px;align-items:flex-start}
.netchat-text{white-space:normal;word-break:break-word;font:700 17px/1.26 Georgia,"Times New Roman",serif;letter-spacing:.01em;color:#e4c45b;text-shadow:1px 1px 0 rgba(0,0,0,.52);flex:1}
.netchat-row.mine .netchat-text{color:#e4c45b}
.netchat-time{display:none}
.netchat-compose{display:grid;grid-template-columns:1fr 76px;gap:7px;padding:9px 10px 8px;background:#d9a8c3;border-top:1px solid rgba(255,255,255,.36)}
.netchat-input{resize:none;border:2px solid #8f6ba1;background:#f3eef1;padding:8px 10px;font:15px/1.28 Georgia,"Times New Roman",serif;color:#292446;outline:none;box-shadow:inset 1px 1px 0 #fff;height:51px}
.netchat-send{border:2px solid #62826a;border-radius:50%;width:62px;height:48px;align-self:center;justify-self:center;background:radial-gradient(circle at 32% 28%,#a4f297 0%,#64c86d 58%,#397e49 100%);color:#12391f;font:700 14px/1 Georgia,"Times New Roman",serif;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.34),2px 2px 0 rgba(0,0,0,.35)}
.netchat-send:active{transform:translate(1px,1px)}
.netchat-footer{display:flex;justify-content:space-between;gap:8px;padding:3px 10px;background:#cf9db9;color:#4b325e;font:700 9px/1.1 "Courier New",monospace;border-top:1px solid rgba(255,255,255,.45)}
.chat-error-detail{white-space:normal;word-break:break-word}

.pizza-net-window{width:min(720px,calc(100vw - 24px));height:min(590px,calc(100dvh - 86px));top:58px!important;left:clamp(8px,15vw,160px)!important}
.pizza-net-window>.win-body{padding:0!important;background:#b8b8b8!important;overflow:hidden!important;height:calc(100% - 28px)}
.pizza-browser{display:flex;flex-direction:column;height:100%;background:#c6c6c6;font:13px/1.3 Tahoma,Arial,sans-serif;color:#1d1d1d}
.pizza-browser-top{display:flex;gap:6px;align-items:center;background:#e6e6e6;padding:5px 7px;border-bottom:1px solid #7e7e7e}
.pizza-btn{padding:2px 8px;border:2px outset #f0f0f0;background:#d9d9d9;font:700 11px/1 Arial,sans-serif;color:#1a1a1a}
.pizza-address{flex:1;border:2px inset #efefef;background:#fff;padding:3px 6px;font:12px/1.2 "Courier New",monospace;color:#16284c}
.pizza-browser-body{flex:1;overflow:auto;background:#183d9a;padding:12px}

/* MKL 18.09.2026 11:26 Uhr – Erste PIZZA.NET-Stufe: klare blaue 90er-Oberfläche mit tatsächlich weißen Formularflächen. */
.pizza-order-screen{max-width:620px;margin:0 auto;background:#173d98;border:3px solid #d9dbe8;box-shadow:inset 0 0 0 2px #4e65b1,6px 6px 0 rgba(0,0,0,.24);color:#f0f0f0;font-family:Arial,Tahoma,sans-serif}
.pizza-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#be604d;border-bottom:3px solid #ee8663;color:#fff}
.pizza-order-head span{font:700 28px/1 Georgia,"Times New Roman",serif;color:#fff2d8;text-shadow:2px 2px 0 #6d291f}
.pizza-order-head b{font:700 11px/1.2 "Courier New",monospace;color:#fff6b7;letter-spacing:.05em}
.pizza-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#173d98}
.pizza-order-panel{padding:12px 13px 14px;border-right:2px solid #dce1ee;min-height:330px}
.pizza-order-panel:last-child{border-right:0}
.pizza-order-panel h3{margin:0 0 8px;padding:4px 5px;background:#f7f7f7;color:#9f3b36;font:700 25px/1.05 Georgia,"Times New Roman",serif;border:2px solid #d3d7e2;text-shadow:none}
.pizza-order-panel h3:not(:first-child){margin-top:12px}
.pizza-choice{display:grid;grid-template-columns:1fr 24px;gap:8px;align-items:center;min-height:30px;color:#f3f3f3;font:700 18px/1.08 Arial,Tahoma,sans-serif;cursor:pointer}
.pizza-choice input{position:absolute;opacity:0;pointer-events:none}
.pizza-choice i{position:relative;width:22px;height:22px;background:#fff;border:2px solid #d6d8e0;box-shadow:inset 0 0 0 1px #6a75ac}
.pizza-choice input:checked+i:before,.pizza-choice input:checked+i:after{content:"";position:absolute;left:9px;top:1px;width:4px;height:18px;background:#e23b2f;transform:rotate(45deg);transform-origin:center;box-shadow:0 0 1px rgba(0,0,0,.25)}
.pizza-choice input:checked+i:after{transform:rotate(-45deg)}
.pizza-price-line{margin-top:13px;padding-top:9px;border-top:2px solid #d6d8e4;color:#fff;font:700 29px/1 Georgia,"Times New Roman",serif;text-align:right}
.pizza-price-line strong{color:#fff3b0}
.pizza-send-order{display:block;margin:12px 0 0 auto;padding:8px 14px;border:3px outset #f8f8f8;background:#fff;color:#997227;font:700 21px/1 Georgia,"Times New Roman",serif;cursor:pointer;box-shadow:2px 2px 0 rgba(0,0,0,.25)}
.pizza-send-order:active{border-style:inset;transform:translate(1px,1px)}

/* Bestehende Adressansicht bleibt inhaltlich unverändert; nur der Button ist jetzt die Bestellung. */
.pizza-card{max-width:560px;margin:0 auto;background:#d77a37;border:5px solid #f8c88f;box-shadow:8px 8px 0 rgba(0,0,0,.35);padding:10px 12px 14px;color:#fff0d3}
.pizza-address-card{margin-top:10px}
.pizza-brand{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;background:linear-gradient(180deg,#f7e1a8,#f4cb75);color:#8f321f;padding:8px 10px;border:3px solid #fff4d4;margin-bottom:10px}
.pizza-brand h3{margin:0;font:700 34px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em}
.pizza-brand small{display:block;color:#7c4c2b;font:700 12px/1.2 Arial,sans-serif}
.pizza-slices{font-size:22px;line-height:1}
.pizza-banner{margin:8px 0 10px;background:#a81f24;color:#fff4cf;text-align:center;padding:8px;border:2px solid #f8ccb8;font:700 20px/1.15 Georgia,"Times New Roman",serif}
.pizza-form-grid{display:grid;grid-template-columns:90px 1fr;gap:8px 10px;align-items:center;background:rgba(0,0,0,.18);padding:10px;border:2px solid rgba(255,255,255,.35)}
.pizza-form-grid label{font-weight:700;color:#fff5c7}
.pizza-form-grid input{border:2px inset #f7f7f7;background:#fff;padding:4px 6px;font:12px/1.2 Arial,sans-serif;color:#16284c}
.pizza-inline{display:grid;grid-template-columns:1fr 56px 58px;gap:8px}
.pizza-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.pizza-actions-single{justify-content:space-between}
.pizza-actions .pizza-meta{font:700 11px/1.2 "Courier New",monospace;color:#fffad1}
.pizza-order-btn{padding:7px 18px;border:2px outset #ffe3b8;background:#f1d0a3;color:#7c2e1f;font:700 14px/1 Arial,sans-serif;cursor:pointer}
.pizza-order-main{font-size:15px;min-width:120px}

/* Dritte PIZZA.NET-Stufe: simulierte Übertragung und eindeutiger Abbruch nach zehn Sekunden. */
.pizza-transmit-screen{position:relative;max-width:620px;min-height:420px;margin:0 auto;background:#061235;border:3px solid #d7d9e1;box-shadow:inset 0 0 0 2px #33477f,6px 6px 0 rgba(0,0,0,.28);color:#f2f2f2;padding:12px;box-sizing:border-box;font-family:"Courier New",Consolas,monospace;overflow:hidden}
.pizza-transmit-title{padding:7px 9px;background:#173d98;color:#fff6a6;border-bottom:2px solid #6e80bd;font-weight:700;letter-spacing:.06em}
.pizza-transmit-terminal{height:255px;margin-top:10px;padding:10px;background:#000;color:#e9eef4;border:2px inset #9aa6bd;overflow:auto;font:13px/1.55 "Courier New",monospace;white-space:normal}
.pizza-transmit-meter{height:20px;margin-top:10px;background:#fff;border:2px inset #c7c7c7;padding:2px;box-sizing:border-box}
.pizza-transmit-meter span{display:block;width:0;height:100%;background:#2f65c8;transition:width .18s linear}
.pizza-transmit-status{margin-top:5px;color:#dfe8ff;font-weight:700;text-align:right}
.pizza-transmit-error{display:block;margin-top:9px;color:#ff4949;font-weight:700}
.pizza-final-alert{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:rgba(0,0,0,.90);z-index:5;text-align:center;padding:24px}
.pizza-final-alert.show{display:flex}
.pizza-final-alert strong{color:#ff3535;font:bold clamp(23px,4.5vw,44px)/1.05 "Courier New",monospace;letter-spacing:.05em;text-shadow:0 0 9px rgba(255,40,40,.8);animation:intruderBlink .75s steps(1,end) infinite}
.pizza-final-alert span{color:#fff;font:bold clamp(14px,2.4vw,22px)/1.25 "Courier New",monospace;max-width:90%}

@media(max-width:720px){
  .netchat-window,.pizza-net-window{left:6px!important;top:42px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 84px)!important}
  .netchat-toolbar{grid-template-columns:1fr;align-items:flex-start}.netchat-presence{justify-content:flex-start;flex-wrap:wrap}
  .netchat-row{grid-template-columns:122px 1fr;gap:6px}.netchat-usercell{grid-template-columns:minmax(0,1fr) 36px;padding:2px}.netchat-userlabel{font-size:12px}.netchat-avatarbox{width:36px}.netchat-avatarbox img{width:32px;height:32px}.netchat-text{font-size:16px}.netchat-compose{grid-template-columns:1fr 70px}.netchat-send{width:62px;height:50px;font-size:14px}
  .pizza-browser-body{padding:6px}.pizza-order-grid{grid-template-columns:1fr}.pizza-order-panel{border-right:0;border-bottom:2px solid #dce1ee;min-height:0}.pizza-order-panel:last-child{border-bottom:0}.pizza-order-panel h3{font-size:20px}.pizza-choice{font-size:15px}.pizza-card{padding:8px}.pizza-form-grid{grid-template-columns:1fr}.pizza-inline{grid-template-columns:1fr 60px 62px}.pizza-transmit-screen{min-height:360px}.pizza-transmit-terminal{height:210px}
}


/* MKL 18.09.2026 11:17 Uhr – Vorschau der auswählbaren CyberChat-Avatare im PRAETORIAN. */
.admin-avatar-picker{display:flex;align-items:center;gap:7px}
.admin-avatar-preview{width:40px;height:40px;flex:0 0 40px;border:2px solid #5a6680;background:#fff;box-shadow:1px 1px 0 rgba(0,0,0,.45)}
.admin-avatar-picker .os-input{min-width:0;flex:1}

/* MKL 18.09.2026 11:32 Uhr – Einheitlicher PIZZA.NET-Kopf auf allen drei Teilseiten; weiße Grundfläche, Farbstich der Filmaufnahme bewusst nicht übernommen. */
.pizza-browser{background:#d9d9e2!important}
.pizza-browser-chrome{background:linear-gradient(180deg,#b6b7ca 0%,#9ea1bd 100%);border-bottom:2px solid #656d9c;box-shadow:inset 0 1px 0 #e9e9f2;padding:4px 6px 5px}
.pizza-browser-row{display:grid;grid-template-columns:96px 108px 96px 1fr;gap:5px;align-items:center;margin-bottom:4px}
.pizza-browser-row-bottom{grid-template-columns:96px 108px 96px auto minmax(170px,1fr);margin-bottom:0}
.pizza-nav-btn{height:24px;border:2px outset #c8c9d8;background:linear-gradient(180deg,#b6b7c8,#969ab7);color:#111f57;font:700 11px/1 Tahoma,Arial,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.5);cursor:default;padding:0 5px}
.pizza-url-label{font:700 12px/1 Tahoma,Arial,sans-serif;color:#1e2b5f;white-space:nowrap}
.pizza-address{height:23px;box-sizing:border-box;border:2px inset #c8c8d4;background:#f7f7fb!important;padding:2px 6px!important;font:12px/16px "Courier New",monospace!important;color:#26346c!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pizza-browser-body{flex:1;overflow:auto;background:#fff!important;padding:8px 10px 14px!important}
.pizza-sequence-page{max-width:650px;margin:0 auto;background:#fff}
.pizza-ad-head{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:7px 15px 8px 15px;box-sizing:border-box;background:linear-gradient(180deg,#bf5542 0%,#ce6f4c 50%,#e0a45f 100%);border:3px solid #e7ad72;box-shadow:inset 0 0 0 2px rgba(255,225,170,.28),2px 2px 0 rgba(39,39,83,.28);overflow:hidden}
.pizza-ad-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#d7c28b,#efcb7e,#d5a45c);opacity:.8}
.pizza-ad-copy{flex:1;min-width:0;text-align:center;transform:translateX(-5px)}
.pizza-ad-title{font:700 clamp(36px,8vw,58px)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:#e8e7ef;text-shadow:2px 2px 0 #6a3867,-1px -1px 0 #ffffff,0 0 1px #21306a;white-space:nowrap}
.pizza-ad-title sup{font:700 10px/1 Arial,sans-serif;color:#291c3c;vertical-align:top;margin-left:3px;text-shadow:none;letter-spacing:0}
.pizza-ad-tagline{margin-top:5px;font:700 clamp(11px,2vw,15px)/1.05 Georgia,"Times New Roman",serif;color:#773828;text-shadow:0 1px 0 rgba(255,226,171,.55);white-space:nowrap}
.pizza-slice-logo{position:relative;width:68px;height:58px;flex:0 0 68px;transform:rotate(-13deg)}
.pizza-slice-logo:before{content:"";position:absolute;left:7px;top:6px;width:0;height:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-right:58px solid #f1c25e;filter:drop-shadow(2px 2px 0 rgba(70,33,33,.55))}
.pizza-slice-logo:after{content:"";position:absolute;left:45px;top:9px;width:10px;height:40px;border-radius:8px;background:#d48f3d;transform:rotate(0deg);box-shadow:inset 2px 0 0 rgba(255,220,135,.55)}
.pizza-slice-logo span,.pizza-slice-logo i,.pizza-slice-logo b{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#ad3d31;box-shadow:1px 1px 0 rgba(60,20,20,.35)}
.pizza-slice-logo span{left:31px;top:19px}.pizza-slice-logo i{left:41px;top:30px}.pizza-slice-logo b{left:26px;top:35px}

/* Auswahlseite unter dem gemeinsamen Werbekopf: weiße Seite, kräftig blaue Auswahlfelder wie in der Filmvorlage. */
.pizza-order-screen{max-width:none!important;margin:8px 0 0!important;background:#fff!important;border:0!important;box-shadow:none!important;color:#fff;font-family:Arial,Tahoma,sans-serif}
.pizza-order-grid{gap:12px!important;background:#fff!important;align-items:start}
.pizza-order-panel{background:#173d98;border:2px solid #8290c2!important;border-radius:5px;padding:8px 10px 10px!important;min-height:0!important;box-shadow:inset 0 0 0 1px #071e6b}
.pizza-order-panel h3{margin:0 0 4px!important;padding:3px 5px!important;background:#14338b!important;color:#b4d641!important;border:0!important;border-bottom:1px solid #7990cf!important;font:700 24px/1 Georgia,"Times New Roman",serif!important;text-shadow:1px 1px 0 #071d5e!important}
.pizza-order-panel h3:not(:first-child){margin-top:8px!important}
.pizza-choice{min-height:27px!important;color:#f4f1eb!important;font:700 17px/1.05 Arial,Tahoma,sans-serif!important}
.pizza-choice i{background:#fff!important;border:1px solid #7279a4!important;box-shadow:inset 0 0 0 1px #c7c9d8!important}
.pizza-price-line{color:#fff!important;border-top:1px solid #7588c7!important;font-size:28px!important}
.pizza-price-line strong{color:#fff!important}
.pizza-send-order{background:#102e79!important;color:#c9d847!important;border:2px solid #d7e2ad!important;box-shadow:inset 0 0 0 2px #36549f,2px 2px 0 rgba(0,0,0,.28)!important;font-size:19px!important}

/* Adress- und Übertragungsseite übernehmen denselben Kopf und verwenden deutschsprachige Oberflächen. */
.pizza-address-card{margin:8px 0 0!important;max-width:none!important;background:#b94035!important;border:3px solid #d6755c!important;box-shadow:none!important;padding:10px 12px 12px!important}
.pizza-banner{background:#a4252c!important;border-color:#e59a84!important;font-size:19px!important}
.pizza-form-grid{background:rgba(67,13,32,.18)!important;border-color:rgba(255,255,255,.45)!important}
.pizza-form-grid label{color:#fff3c8!important}
.pizza-actions .pizza-meta{color:#ffe9bd!important}
.pizza-order-btn{background:#efe1c5!important;color:#7b342a!important;border-color:#fff5df #7b6654 #7b6654 #fff5df!important}
.pizza-transmit-screen{margin:8px 0 0!important;max-width:none!important;min-height:330px!important}

@media(max-width:720px){
  .pizza-browser-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pizza-browser-row> :last-child{grid-column:1/-1}
  .pizza-browser-row-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.pizza-browser-row-bottom .pizza-url-label{grid-column:1/2}.pizza-browser-row-bottom .pizza-address{grid-column:2/4}
  .pizza-ad-head{min-height:65px;padding:6px 8px;gap:7px}.pizza-slice-logo{width:48px;height:44px;flex-basis:48px;transform:scale(.78) rotate(-13deg);transform-origin:center}.pizza-ad-copy{transform:none}.pizza-ad-title{font-size:34px}.pizza-ad-tagline{font-size:10px;white-space:normal}.pizza-order-grid{grid-template-columns:1fr!important}.pizza-order-panel h3{font-size:20px!important}.pizza-choice{font-size:14px!important}
}

/* MKL 18.09.2026 11:39 Uhr – Gatekeeper-Inhaltsgruppen starten kompakt und lassen sich über die Kopfzeile öffnen. */
.gate-collapse{margin:12px 0 0;border:0;padding:0}
.gate-collapse:first-of-type{margin-top:14px}
.gate-section-summary{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:10px;cursor:pointer;user-select:none;list-style:none;margin:0!important;padding:7px 10px!important;border:2px solid #d8e3f2;border-right-color:#465d7d;border-bottom-color:#465d7d;background:linear-gradient(180deg,#9db1c9 0%,#849bb5 100%);color:#102442!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.65);font-weight:700;letter-spacing:.08em}
.gate-section-summary::-webkit-details-marker{display:none}
.gate-section-summary::marker{display:none;content:""}
.gate-section-count{min-width:24px;padding:2px 6px;text-align:center;border:1px inset #d6e0ea;background:#c7d3df;color:#25394f;font:700 11px/1.3 "Courier New",monospace;letter-spacing:0}
.gate-section-arrow{font:700 13px/1 Tahoma,Arial,sans-serif;transition:transform .12s ease;color:#1d3653}
.gate-collapse[open] .gate-section-arrow{transform:rotate(90deg)}
.gate-collapse-body{padding:8px 0 2px}
.gate-collapse[hidden]{display:none!important}

/* MKL 18.09.2026 11:39 Uhr – Angela-Bestellseite lehnt sich eng an das Filmfenster an: rot/orange Fläche, dunkler Datensatz und Lieferzeile. */
.pizza-address-film{position:relative;min-height:370px;margin:8px 0 0;background:#b84635;border:3px solid #d06b4e;box-shadow:inset 0 0 0 2px rgba(246,165,125,.32);padding:15px 26px 14px;box-sizing:border-box;overflow:hidden;color:#fff}
.pizza-address-prompt{position:relative;z-index:2;margin:2px auto 13px;max-width:500px;text-align:center;color:#f6f0e3;font:700 clamp(26px,5vw,39px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:.015em;text-shadow:2px 2px 0 #6f3044,-1px -1px 0 rgba(255,255,255,.55)}
.pizza-address-data{position:relative;z-index:2;width:min(82%,510px);margin:0 auto;background:#123d43;border:3px solid #204d5e;box-shadow:inset 0 0 0 1px #0a252b,3px 3px 0 rgba(64,22,28,.32);padding:10px 15px 11px;box-sizing:border-box;color:#e6dfb7}
.pizza-data-row{display:grid;grid-template-columns:86px 1fr;gap:8px;align-items:baseline;min-height:34px;font:700 clamp(16px,3vw,24px)/1.1 "Courier New",monospace;text-shadow:1px 1px 0 rgba(0,0,0,.42)}
.pizza-data-row span{color:#8fb7c6;font-weight:700}
.pizza-data-row strong{color:#e8dca7;font-weight:700;letter-spacing:.025em}
.pizza-data-city{grid-template-columns:52px minmax(80px,1fr) 112px 42px 48px 80px;column-gap:8px}
.pizza-address-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;margin:12px auto 0;flex-wrap:wrap;color:#4d1d22;font:700 18px/1.1 Arial,Tahoma,sans-serif}
.pizza-delivery-choice{display:flex;align-items:center;gap:7px;white-space:nowrap}
.pizza-film-check{position:relative;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:#eeeef5;border:2px inset #ddd;color:#cd322f;font:bold 32px/.7 Arial,sans-serif;text-shadow:1px 1px 0 rgba(80,10,10,.25)}
.pizza-film-check.checked{color:#d4322f}
.pizza-film-done{min-width:120px;padding:6px 19px;border:3px outset #d0c99b;border-radius:50%;background:#173d55;color:#d9cf75;font:700 20px/1 Georgia,"Times New Roman",serif;text-shadow:1px 1px 0 #000;cursor:pointer;box-shadow:2px 2px 0 rgba(0,0,0,.32)}
.pizza-film-done:active{border-style:inset;transform:translate(1px,1px)}
.pizza-mini-slice{position:absolute;z-index:1;width:42px;height:48px;background:#efc061;clip-path:polygon(8% 8%,94% 50%,8% 92%);filter:drop-shadow(2px 2px 0 rgba(70,20,20,.42));transform-origin:center}
.pizza-mini-slice:before{content:"";position:absolute;left:2px;top:4px;width:9px;height:40px;border-radius:5px;background:#d68c3a}
.pizza-mini-slice i,.pizza-mini-slice b{position:absolute;width:8px;height:8px;border-radius:50%;background:#a9342f;z-index:2}
.pizza-mini-slice i{left:17px;top:15px}.pizza-mini-slice b{left:24px;top:27px}
.pizza-mini-slice.slice-a{left:8px;top:62px;transform:rotate(78deg) scale(.95)}
.pizza-mini-slice.slice-b{right:8px;top:58px;transform:rotate(-68deg) scale(.92)}
.pizza-mini-slice.slice-c{left:5px;bottom:48px;transform:rotate(102deg) scale(.82)}
.pizza-mini-slice.slice-d{right:6px;bottom:45px;transform:rotate(-105deg) scale(.82)}

@media(max-width:720px){
  .gate-section-summary{padding:7px 8px!important;gap:7px}.gate-section-count{min-width:20px}
  .pizza-address-film{min-height:340px;padding:12px 12px 12px}.pizza-address-prompt{font-size:26px;max-width:88%;margin-bottom:10px}.pizza-address-data{width:88%;padding:9px 10px}.pizza-data-row{grid-template-columns:72px 1fr;font-size:15px;min-height:30px}.pizza-data-city{grid-template-columns:42px 1fr 84px 34px 34px 58px;font-size:12px;gap:4px}.pizza-address-bottom{gap:10px;font-size:14px}.pizza-film-check{width:21px;height:21px;font-size:27px}.pizza-film-done{min-width:105px;font-size:17px}.pizza-mini-slice{transform:scale(.7)!important;opacity:.9}}

/* MKL 18.09.2026 11:45 Uhr – Kleine Sortierleiste für Funktionen, Links und Dokumente im PRAETORIAN. */
.admin-reorder-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  padding:7px 8px;
  background:rgba(13,45,92,.12);
  border-bottom:1px solid rgba(53,83,125,.32);
}
.admin-order-label{
  margin-right:auto;
  font:700 11px/1.2 "Courier New",monospace;
  letter-spacing:.04em;
  color:#233d60;
}
.reorder-btn{
  min-width:34px!important;
  padding:3px 9px!important;
  font-size:16px!important;
  line-height:1!important;
}
.reorder-btn:disabled{
  opacity:.35;
  cursor:default;
}

/* MKL 18.09.2026 11:52 Uhr – PIZZA.NET kompakt: Auswahl und Angela-Daten bleiben vollständig im internen Fenster, ohne Überlagerung oder Scrollzwang. */
.pizza-net-window{height:min(590px,calc(100dvh - 86px))!important}
.pizza-net-window>.win-body,.pizza-browser{min-height:0!important}
.pizza-browser-body{overflow:hidden!important;padding:6px 8px 8px!important;min-height:0!important}
.pizza-sequence-page{height:100%!important;max-width:650px!important;display:flex!important;flex-direction:column!important;min-height:0!important}
.pizza-ad-head{flex:0 0 66px!important;min-height:66px!important;padding:4px 12px 5px!important}
.pizza-ad-title{font-size:46px!important}
.pizza-ad-tagline{font-size:12px!important;margin-top:2px!important}
.pizza-slice-logo{transform:scale(.84) rotate(-13deg)!important;transform-origin:center!important}

/* Auswahlseite erhält denselben roten Pizza-Hintergrund wie die Angela-Seite. */
.pizza-menu-film{position:relative;flex:1;min-height:0;margin-top:6px;padding:8px 24px 8px;box-sizing:border-box;overflow:hidden;background:#b84635;border:3px solid #d06b4e;box-shadow:inset 0 0 0 2px rgba(246,165,125,.32)}
.pizza-menu-film .pizza-order-screen{position:relative;z-index:2;height:100%;margin:0!important;background:transparent!important;display:flex;min-height:0}
.pizza-menu-film .pizza-order-grid{width:100%;height:100%;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:8px!important;background:transparent!important;align-items:stretch!important}
.pizza-menu-film .pizza-order-panel{height:100%;box-sizing:border-box;padding:5px 8px 6px!important;overflow:hidden!important}
.pizza-menu-film .pizza-order-panel h3{font-size:19px!important;line-height:1!important;margin:0 0 3px!important;padding:2px 4px!important}
.pizza-menu-film .pizza-order-panel h3:not(:first-child){margin-top:5px!important}
.pizza-menu-film .pizza-choice{min-height:21px!important;font-size:13px!important;line-height:1!important;padding:1px 0!important}
.pizza-menu-film .pizza-choice i{width:19px!important;height:19px!important}
.pizza-menu-film .pizza-choice input:checked+i:after{font-size:28px!important;line-height:18px!important}
.pizza-menu-film .pizza-price-line{font-size:21px!important;line-height:1!important;padding-top:4px!important;margin-top:3px!important}
.pizza-menu-film .pizza-send-order{font-size:14px!important;padding:4px 8px!important;margin-top:4px!important;min-height:28px!important}
.pizza-mini-slice.menu-slice-a{left:4px;top:18px;transform:rotate(80deg) scale(.72)}
.pizza-mini-slice.menu-slice-b{right:2px;top:28px;transform:rotate(-72deg) scale(.72)}
.pizza-mini-slice.menu-slice-c{left:3px;bottom:15px;transform:rotate(106deg) scale(.68)}
.pizza-mini-slice.menu-slice-d{right:3px;bottom:13px;transform:rotate(-108deg) scale(.68)}

/* Angela-Adressansicht: kompakter Filmaufbau, sauber definierte Zeilen und keine Textüberschneidungen. */
.pizza-address-film{flex:1;min-height:0!important;height:auto!important;margin:6px 0 0!important;padding:8px 22px 8px!important;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden!important}
.pizza-address-prompt{flex:0 0 auto;margin:0 auto 7px!important;max-width:460px!important;font-size:23px!important;line-height:1.02!important;letter-spacing:.01em!important}
.pizza-address-data{flex:0 0 auto;width:min(82%,500px)!important;padding:7px 12px 7px!important}
.pizza-data-row{grid-template-columns:76px minmax(0,1fr)!important;gap:6px!important;min-height:27px!important;font-size:18px!important;line-height:1.05!important;align-items:center!important}
.pizza-data-row span,.pizza-data-row strong{min-width:0!important;white-space:nowrap!important;overflow:visible!important}
.pizza-data-city{grid-template-columns:38px minmax(72px,1fr) 46px 32px 34px 62px!important;column-gap:5px!important;font-size:15px!important}
.pizza-address-bottom{flex:0 0 auto;gap:13px!important;margin:7px auto 0!important;flex-wrap:nowrap!important;font-size:15px!important}
.pizza-film-check{width:20px!important;height:20px!important;font-size:25px!important}
.pizza-film-done{min-width:102px!important;padding:5px 15px!important;font-size:16px!important}
.pizza-address-film .pizza-mini-slice{transform-origin:center!important;opacity:.95}
.pizza-address-film .slice-a{left:4px!important;top:45px!important;transform:rotate(78deg) scale(.68)!important}
.pizza-address-film .slice-b{right:4px!important;top:43px!important;transform:rotate(-68deg) scale(.68)!important}
.pizza-address-film .slice-c{left:3px!important;bottom:28px!important;transform:rotate(102deg) scale(.62)!important}
.pizza-address-film .slice-d{right:3px!important;bottom:26px!important;transform:rotate(-105deg) scale(.62)!important}

@media(max-width:720px){
  .pizza-net-window{height:calc(100dvh - 84px)!important}
  .pizza-browser-chrome{padding:2px 4px 3px!important}
  .pizza-nav-btn{height:20px!important;font-size:9px!important}
  .pizza-address{height:20px!important;font-size:10px!important;line-height:13px!important}
  .pizza-ad-head{flex-basis:55px!important;min-height:55px!important}
  .pizza-ad-title{font-size:31px!important}.pizza-ad-tagline{font-size:9px!important}
  .pizza-menu-film{margin-top:4px!important;padding:5px 13px!important}
  .pizza-menu-film .pizza-order-grid{grid-template-columns:1fr 1fr!important;gap:5px!important}
  .pizza-menu-film .pizza-order-panel{padding:4px 5px!important}
  .pizza-menu-film .pizza-order-panel h3{font-size:14px!important}
  .pizza-menu-film .pizza-choice{font-size:10px!important;min-height:17px!important}
  .pizza-menu-film .pizza-choice i{width:15px!important;height:15px!important}
  .pizza-menu-film .pizza-choice input:checked+i:after{font-size:22px!important;line-height:14px!important}
  .pizza-menu-film .pizza-price-line{font-size:16px!important}
  .pizza-menu-film .pizza-send-order{font-size:11px!important;min-height:23px!important;padding:2px 5px!important}
  .pizza-address-film{margin-top:4px!important;padding:6px 12px!important}
  .pizza-address-prompt{font-size:18px!important;margin-bottom:5px!important}
  .pizza-address-data{width:88%!important;padding:5px 7px!important}
  .pizza-data-row{grid-template-columns:58px minmax(0,1fr)!important;min-height:23px!important;font-size:13px!important;gap:4px!important}
  .pizza-data-city{grid-template-columns:27px minmax(52px,1fr) 34px 23px 24px 45px!important;font-size:10px!important;gap:3px!important}
  .pizza-address-bottom{gap:7px!important;margin-top:5px!important;font-size:11px!important}
  .pizza-film-check{width:16px!important;height:16px!important;font-size:20px!important}
  .pizza-film-done{min-width:80px!important;font-size:12px!important;padding:3px 8px!important}
}

/* MKL 18.09.2026 12:01 Uhr – Die erweiterte Pizza.Net-Auswahl füllt die blauen Menüflächen kompakt mit Belägen und Getränken. */
.pizza-menu-film .pizza-topping-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:9px;row-gap:0;align-content:start}
.pizza-menu-film .pizza-topping-grid .pizza-choice{min-width:0}
.pizza-menu-film .pizza-topping-grid .pizza-choice span{white-space:nowrap;overflow:hidden;text-overflow:clip}
@media(max-width:720px){
  .pizza-menu-film .pizza-topping-grid{column-gap:4px}
  .pizza-menu-film .pizza-topping-grid .pizza-choice{font-size:9px!important}
}

/* MKL 18.09.2026 12:06 Uhr – Gatekeeper-Login richtet sich nach der tatsächlichen Fensterbreite statt nur nach der Browserauflösung. */
body.os-body .login-window{
  width:min(640px,calc(100vw - 32px));
  max-width:640px;
  min-width:0;
  container-type:inline-size;
  margin:clamp(24px,7vh,72px) auto 52px;
}
body.os-body .login-window .win-body{min-width:0;overflow:hidden}
body.os-body .login-window .gk-box{
  grid-template-columns:minmax(170px,190px) minmax(0,1fr);
  gap:14px;
  align-items:stretch;
  min-width:0;
}
body.os-body .login-window .gk-box>div{min-width:0}
body.os-body .login-window .gk-poster{
  box-sizing:border-box;
  min-width:0;
  min-height:238px;
  padding:12px 8px;
  overflow:hidden;
}
body.os-body .login-window .gk-poster strong{
  max-width:100%;
  font-size:clamp(18px,3.8cqi,24px);
  line-height:1.05;
  letter-spacing:clamp(.025em,.7cqi,.075em);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
body.os-body .login-window .gk-poster span{
  font-size:clamp(10px,2.1cqi,12px);
  line-height:1.3;
  letter-spacing:clamp(.06em,.55cqi,.11em);
  overflow-wrap:anywhere;
}
body.os-body .login-window .login-grid{
  grid-template-columns:minmax(82px,108px) minmax(0,1fr);
  gap:12px 10px;
  align-items:center;
  min-width:0;
}
body.os-body .login-window .login-grid>div{min-width:0}
body.os-body .login-window .login-grid .label{
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.2;
}
body.os-body .login-window .login-grid .os-input{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
body.os-body .login-window .os-msg{
  box-sizing:border-box;
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.35;
}
body.os-body .login-window form>div[style*="justify-content:flex-end"]{
  flex-wrap:wrap;
}

@container (max-width:500px){
  body.os-body .login-window .gk-box{
    grid-template-columns:1fr;
    gap:10px;
  }
  body.os-body .login-window .gk-poster{
    min-height:138px;
    display:grid;
    grid-template-columns:82px 1fr;
    grid-template-rows:auto auto;
    column-gap:10px;
    align-items:center;
    justify-items:center;
    padding:10px 12px;
  }
  body.os-body .login-window .gk-poster .beam{
    grid-row:1 / span 2;
    width:30px;
    height:90px;
    margin:0;
  }
  body.os-body .login-window .gk-poster strong{
    align-self:end;
    font-size:clamp(21px,8cqi,30px);
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body.os-body .login-window .gk-poster span{
    align-self:start;
    margin-top:5px;
    font-size:11px;
  }
}

@container (max-width:360px){
  body.os-body .login-window .login-grid{
    grid-template-columns:1fr;
    gap:5px;
  }
  body.os-body .login-window .login-grid .label{
    margin-top:4px;
  }
  body.os-body .login-window .gk-poster{
    grid-template-columns:62px 1fr;
    min-height:116px;
  }
  body.os-body .login-window .gk-poster .beam{
    width:25px;
    height:72px;
  }
  body.os-body .login-window .gk-poster strong{
    font-size:clamp(18px,8cqi,25px);
  }
}

@media(max-width:520px){
  body.os-body .login-window{
    width:calc(100vw - 16px);
    margin:10px auto 48px;
  }
  body.os-body .login-window .win-body{padding:8px}
  body.os-body .login-window .os-btn{min-width:78px;padding:6px 11px}
}


/* MKL 18.09.2026 12:14 Uhr – PRAETORIAN erhält im Gesamtchat mehr Breite und rechts pro Nachricht einen klaren Löschknopf. */
.netchat-window-admin{width:min(880px,calc(100vw - 24px))!important}
.netchat-window-admin .netchat-bubble{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;align-items:start}
.netchat-window-admin .netchat-text{grid-column:1;min-width:0}
.netchat-window-admin .netchat-time{grid-column:1}
.netchat-delete{grid-column:2;grid-row:1 / span 2;width:24px;height:24px;margin-top:0;padding:0;border:2px outset #f2b2b2;background:#b71919;color:#fff;font:700 18px/19px Arial,sans-serif;text-align:center;cursor:pointer;box-shadow:1px 1px 0 rgba(0,0,0,.35)}
.netchat-delete:hover{background:#df2525}
.netchat-delete:active{border-style:inset;transform:translate(1px,1px)}
.netchat-delete:disabled{opacity:.45;cursor:wait}
@media(max-width:720px){.netchat-window-admin{width:calc(100vw - 12px)!important}.netchat-window-admin .netchat-bubble{grid-template-columns:minmax(0,1fr) 24px;gap:5px}.netchat-delete{width:22px;height:22px;font-size:16px;line-height:17px}}

/* MKL 18.09.2026 12:32 Uhr – Gatekeeper/PRAETORIAN erhalten eine heterogene 1995er Film-OS-Schicht; die Startseite bleibt davon unberührt. */
.film-os{font-family:"MS Sans Serif",Tahoma,Geneva,Arial,sans-serif;background:#102d64;color:#10152b}
.film-os .os-shell{background:linear-gradient(180deg,#476b9b 0,#254d84 38%,#0c2e67 100%)}
.film-os .desktop{background-image:radial-gradient(circle at 22% 18%,rgba(255,255,255,.08),transparent 22%),linear-gradient(rgba(255,255,255,.025) 50%,rgba(0,0,0,.035) 50%);background-size:auto,100% 3px}
.film-os .os-topbar{background:#b7c8db!important;color:#071c45!important;border:2px solid #eef4fb!important;border-right-color:#53677f!important;border-bottom-color:#53677f!important;box-shadow:inset 1px 1px 0 #fff,2px 2px 0 rgba(0,0,0,.18)!important}
.film-os .os-topbar a,.film-os .os-top-left,.film-os .os-top-right,.film-os .os-brand,.film-os .os-menu span{color:#071c45!important}
.film-os .os-menu{gap:1px}
.film-os .os-menu span{padding:2px 7px;border:1px solid transparent}
.film-os .os-menu span:hover{background:#173d79;color:#fff!important;border-color:#071f4f}
.film-os .desktop-icon{color:#fff;text-shadow:1px 1px 0 #001a47}
.film-os .desktop-icon:hover{background:rgba(255,255,255,.08);border-color:rgba(212,231,255,.55)}
.film-os .win95{background:#b8c8d9;border:2px solid #eef5fc;border-right-color:#4b6079;border-bottom-color:#4b6079;box-shadow:inset 1px 1px 0 #fff,3px 3px 0 rgba(0,0,0,.28)}
.film-os .win-title{min-height:25px;background:linear-gradient(90deg,#09285d 0,#164783 72%,#617da0 100%);color:#fff;border-bottom:1px solid #00163d;text-shadow:1px 1px 0 #000}
.film-os .win-title.black{background:linear-gradient(90deg,#071633,#102c61 72%,#445b7a)}
.film-os .win-title.red{background:linear-gradient(90deg,#6f1821,#a72f38 70%,#6c4050)}
.film-os .win-btn{background:#bdcad8;color:#071733;border:1px solid #fff;border-right-color:#42556d;border-bottom-color:#42556d;box-shadow:inset 1px 1px 0 #eef6ff;font-weight:700}
.film-os .win-body{background:#c7d3df;color:#12223b}
.film-os .os-msg,.film-os .table-frame,.film-os .info-frame,.film-os .empty-note,.film-os .portal-item{background:#d5e0e9;color:#12223b;border-color:#eef6fb;border-right-color:#6d8094;border-bottom-color:#6d8094}
.film-os .portal-item:hover{background:#e4edf5}
.film-os .portal-kind,.film-os .os-small{color:#435c77}
.film-os .os-input,.film-os .os-textarea,.film-os select.os-input{background:#f6f8fa;color:#111b2a;border:2px inset #dfe7ef}
.film-os .os-btn{background:#c2cfdb;color:#102344;border:2px outset #e8f1f8;box-shadow:none}
.film-os .os-btn:active{border-style:inset}
.film-os .nav-tile{background:#c3cfdb;color:#142542;border:2px outset #eaf2f8}
.film-os .nav-tile.active{background:#173c78;color:#fff;border-style:inset}
.film-os .hero-banner{background:linear-gradient(180deg,#163c74,#071f4c);color:#fff;border-bottom-color:#7289a4}
.film-os .os-taskbar{background:#aebed0;color:#0d2448;border-top:2px solid #eef5fb}
.film-os .real-status,.film-os .task-clock{color:#0d2448}
.praetorian-os .os-shell{background:linear-gradient(180deg,#2e568c,#173f77 40%,#0c2c61)}
.praetorian-os .prae-sidebar{background:#9eafc2;border-right-color:#5f738c}
.praetorian-os .prae-content{background:#c7d2df}
.praetorian-os .section-caption{background:#0d3774;color:#fff;border-bottom:2px solid #6883a3}

/* Eingebettete Gatekeeper-Apps bekommen je nach Anwendung eine eigene 1995er Fensteridentität. */
.gate-app-window{position:fixed;width:min(880px,calc(100vw - 24px));height:min(680px,calc(100dvh - 78px));left:clamp(8px,10vw,120px);top:48px}
.gate-app-window>.win-body{height:calc(100% - 27px);padding:0!important;overflow:hidden!important}
.gate-app-frame{width:100%;height:100%;border:0;display:block;background:#fff}
.gate-app-trace{width:min(900px,calc(100vw - 24px));height:min(650px,calc(100dvh - 78px))}
.gate-app-records{width:min(850px,calc(100vw - 24px));height:min(620px,calc(100dvh - 78px))}
.gate-app-mail{width:min(940px,calc(100vw - 24px));height:min(660px,calc(100dvh - 78px))}
.gate-app-mozart{width:min(820px,calc(100vw - 24px));height:min(620px,calc(100dvh - 78px))}
.gate-app-trace>.win-title{background:linear-gradient(90deg,#535b6d,#8790a0)!important}
.gate-app-records>.win-title{background:linear-gradient(90deg,#263b68,#6a7795)!important}
.gate-app-mail>.win-title{background:linear-gradient(90deg,#2f5872,#7a9cac)!important}
.gate-app-mozart>.win-title{background:linear-gradient(90deg,#3d1c64,#8a5ea4)!important}

/* MKL 18.09.2026 12:32 Uhr – Unsichtbare Startzugänge führen durch eine eigenständige Filmsequenz; das Startbild selbst bleibt unverändert. */
.legacy-sequence-body{margin:0;background:#020713;color:#d9e5ff;overflow:hidden;font-family:"Courier New",monospace}
.legacy-sequence{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#132454 0,#071127 45%,#01040a 100%)}
.legacy-sequence>section{width:min(900px,94vw);height:min(620px,90vh);box-sizing:border-box}
.sequence-mozart{background:#d7d7d7;border:3px outset #eee;box-shadow:12px 12px 0 rgba(0,0,0,.4)}
.seq-browser-chrome{height:64px;box-sizing:border-box;background:#c7c7c7;color:#111;padding:7px 10px;border-bottom:2px groove #fff;display:flex;gap:18px;align-items:flex-start;font:13px/1.2 Arial,sans-serif;position:relative}
.seq-url{position:absolute;left:10px;right:10px;bottom:7px;background:#fff;border:2px inset #eee;padding:3px 7px;font:12px/1 "Courier New",monospace}
.seq-mozart-page{height:calc(100% - 64px);background:#0b245f;color:#f4d85c;text-align:center;padding:28px;box-sizing:border-box;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:20px 20px}
.seq-mozart-page h1{font:700 clamp(34px,7vw,72px)/1 Georgia,serif;color:#f0d67a;text-shadow:3px 3px 0 #5d2c78;margin:22px 0 4px}
.seq-mozart-page p{margin:0 0 28px;color:#a9e8ff;font:700 15px/1.2 Arial,sans-serif}
.seq-stars{color:#f7ec99;letter-spacing:18px}
.seq-mozart-grid{display:grid;grid-template-columns:1fr 150px 1fr;gap:20px;align-items:center;text-align:left}
.seq-mozart-grid>div:not(.seq-pi){border:2px solid #ba9fd6;background:#152e76;padding:15px;display:grid;gap:9px;color:#d3e7ff}
.seq-mozart-grid b{color:#fff5a5}.seq-pi{text-align:center;font:700 100px/1 Georgia,serif;color:#fff1a1;text-shadow:0 0 18px #b16cff;animation:seqPi 700ms steps(2,end) infinite}
.sequence-montage{position:relative;padding:38px 20px 20px;background:#091938;border:2px solid #466b9f;box-shadow:0 0 40px #173f84 inset}
.seq-scan-title{position:absolute;top:8px;left:0;right:0;text-align:center;color:#88ffb0;letter-spacing:.16em;font-weight:700;animation:seqBlink 420ms steps(1) infinite}
.seq-montage-grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:10px}
.seq-card{position:relative;overflow:hidden;background:#cbd5df;color:#10244c;border:2px outset #eaf2f8;padding:8px;font-size:12px;animation:seqCard 650ms steps(2) infinite alternate}
.seq-card strong{display:block;background:#173d78;color:#fff;padding:4px 6px;margin:-4px -4px 8px}.seq-card pre{white-space:pre-wrap;font:11px/1.25 "Courier New",monospace}.seq-card.terminal{background:#050805;color:#56ff7b}.seq-card.terminal strong{background:#222;color:#9bffaf}.seq-card.record{background:#e6e2d9}.seq-card.reservation{background:#d6e5ef}.cad-lines{height:70%;background:linear-gradient(25deg,transparent 48%,#2360a0 49%,#2360a0 51%,transparent 52%),linear-gradient(90deg,transparent 48%,#2360a0 49%,#2360a0 51%,transparent 52%);background-size:32px 32px}.node-map{display:flex;align-items:center;justify-content:center;height:70%;gap:8px}.node-map i{width:18px;height:18px;background:#0f4387;border-radius:50%;box-shadow:0 0 0 4px #8ab2e0}.sequence-final{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sequence-final-pi{font:700 140px/1 Georgia,serif;color:#ffe66f;text-shadow:0 0 24px #487eff}.sequence-final-text{font:700 clamp(18px,4vw,34px)/1.2 "Courier New",monospace;color:#9effb5;letter-spacing:.09em}.sequence-final-line{width:min(520px,80%);height:2px;background:#72e99a;margin-top:20px;animation:seqLine 700ms linear infinite}
@keyframes seqPi{50%{opacity:.45}}@keyframes seqBlink{50%{opacity:.25}}@keyframes seqCard{from{filter:brightness(.85)}to{filter:brightness(1.2)}}@keyframes seqLine{from{transform:scaleX(.15)}to{transform:scaleX(1)}}

/* Neue Filmtools: bewusst unterschiedliche Programmoberflächen statt eines einzigen Theme-Skins. */
.legacy-tool-body{margin:0;min-height:100dvh;background:#c9d0d8;color:#111;font-family:Tahoma,Geneva,Arial,sans-serif;overflow:auto}.legacy-tool{min-height:100dvh;box-sizing:border-box}.legacy-menu,.record-menu,.mail-menubar{height:28px;box-sizing:border-box;background:#d8dde2;color:#111;padding:6px 10px;border-bottom:2px groove #fff;font:13px/1 Arial,sans-serif}.legacy-caption{background:#263f6c;color:#fff;padding:4px 6px;font:700 12px/1 Arial,sans-serif}
.trace-tool{background:#aeb9c5;padding-bottom:8px}.trace-controls{display:flex;align-items:center;gap:8px;padding:8px;background:#cbd3dc;border-bottom:2px groove #fff}.trace-controls label{display:flex;align-items:center;gap:8px;flex:1}.trace-controls input{flex:1;min-width:100px;background:#fff;border:2px inset #e8edf2;padding:4px 6px}.trace-controls button,.mail-toolbar button,.mail-compose button{background:#c5ccd4;border:2px outset #edf2f6;padding:4px 10px}.trace-controls span{font:700 12px/1 "Courier New",monospace;color:#173d70}.trace-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;padding:8px}.trace-console,.trace-map,.trace-whois{border:2px inset #dfe5ea;background:#eef2f4}.trace-console pre{height:320px;overflow:auto;background:#060b0d;color:#73ff96;margin:0;padding:10px;font:13px/1.35 "Courier New",monospace}.trace-map{position:relative;min-height:350px}.trace-grid{position:absolute;inset:26px 0 0;background:linear-gradient(#6089ae22 1px,transparent 1px),linear-gradient(90deg,#6089ae22 1px,transparent 1px);background-size:26px 26px}.trace-node-map{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:300px}.trace-node-map .tn{background:#d6e5ef;border:2px outset #fff;padding:5px 12px;font:700 12px/1 Arial}.trace-node-map i{width:2px;height:25px;background:#173f73}.trace-whois{margin:0 8px}.trace-fields{display:grid;grid-template-columns:90px 1fr 90px 1fr;gap:1px;background:#8796a8}.trace-fields>*{background:#e8edf0;padding:6px}
.records-tool{background:#b9c4d1;padding-bottom:8px}.record-head{display:flex;justify-content:space-between;background:#122f65;color:#fff;padding:8px 10px;font:13px/1 Arial}.record-tabs{display:flex;gap:2px;padding:6px 8px 0}.record-tabs span{padding:5px 12px;background:#9fafc0;border:2px outset #dce5ee}.record-tabs .active{background:#e5e9ed;border-bottom-color:#e5e9ed}.record-card{margin:0 8px 8px;padding:12px;background:#e5e9ed;border:2px inset #eef2f5;display:grid;grid-template-columns:150px 1fr;gap:14px}.record-photo{height:190px;background:#b5c0ca;border:2px inset #eef2f5;display:flex;flex-direction:column;align-items:center;justify-content:center}.record-silhouette{font:700 90px/1 Georgia;color:#50647d}.record-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.record-fields>div{background:#f5f6f7;border:1px solid #9ba7b5;padding:6px;display:grid;grid-template-columns:110px 1fr;gap:8px}.record-fields .wide{grid-column:1/-1}.record-fields b{color:#324d6f}.record-alert{color:#a20d18;font-weight:700}.record-statusbar{display:flex;gap:2px;margin:0 8px}.record-statusbar span{flex:1;background:#d3dae1;border:2px inset #eef2f6;padding:4px 6px;font:11px/1 "Courier New",monospace}
.mail-tool{background:#bfc9d4}.mail-toolbar{display:flex;gap:5px;align-items:center;padding:7px;background:#cfd7df;border-bottom:2px groove #fff}.mail-toolbar span{margin-left:auto;font-weight:700;color:#294b68}.mail-layout{display:grid;grid-template-columns:150px 260px 1fr;height:calc(100dvh - 88px);min-height:420px}.mail-folders,.mail-list,.mail-reader{border-right:2px groove #e8edf1;background:#e9edf0;overflow:auto}.mail-folders{display:flex;flex-direction:column;padding:8px;gap:4px}.mail-folders strong{padding:5px;background:#345b75;color:#fff}.mail-folders span{padding:6px 8px}.mail-folders .active{background:#315978;color:#fff}.mail-list{display:flex;flex-direction:column}.mail-list-head{background:#879cad;color:#fff;padding:5px 7px}.mail-list button{border:0;border-bottom:1px solid #aeb9c4;background:#f1f3f4;text-align:left;padding:7px;display:grid;gap:2px}.mail-list button:hover{background:#d9e6ed}.mail-reader{padding:10px}.mail-fields{display:grid;grid-template-columns:70px 1fr;gap:4px}.mail-fields>*{padding:4px;border-bottom:1px solid #aab5c0}.mail-body{white-space:pre-wrap;margin-top:12px;background:#fff;border:2px inset #eef1f4;min-height:250px;padding:12px;font:14px/1.5 "Courier New",monospace}.mail-compose{position:fixed;left:8%;right:8%;bottom:8%;background:#d5dde5;border:3px outset #eef4f8;padding:10px;box-shadow:8px 8px 0 #0005;display:grid;gap:6px}.mail-compose[hidden]{display:none}.mail-compose label{display:grid;grid-template-columns:70px 1fr;gap:6px}.mail-compose input,.mail-compose textarea{border:2px inset #edf2f5;background:#fff;padding:5px}.mail-compose textarea{height:120px}.mail-compose div{display:flex;gap:8px;align-items:center}.mail-compose span{margin-left:auto;font:700 12px/1 "Courier New",monospace}
.mozart-tool-body{background:#07194f}.mozart-tool{min-height:100dvh;background:#0a2464;color:#f8dd71;background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:18px 18px}.moz-browser{display:flex;gap:10px;align-items:center;background:#c7c7c7;color:#111;padding:7px;border-bottom:2px groove #fff;font:12px/1 Arial}.moz-browser div{margin-left:auto;flex:1;max-width:420px;background:#fff;border:2px inset #eee;padding:4px 6px}.moz-head{display:flex;align-items:center;justify-content:center;gap:25px;padding:24px 15px 12px;text-align:left}.moz-head h1{margin:0;font:700 clamp(34px,7vw,70px)/1 Georgia,serif;text-shadow:3px 3px 0 #69337d}.moz-head p{margin:4px 0;color:#9ee8ff;font-weight:700}.moz-pi{font:700 90px/1 Georgia;color:#fff0a2}.moz-columns{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px;padding:14px}.moz-columns section{border:2px solid #b69bd2;background:#132e79;padding:12px}.moz-columns h2{font:700 16px/1.2 Georgia;color:#fff4aa;border-bottom:1px solid #8f78b1;padding-bottom:6px}.moz-columns a{display:block;color:#8deeff;text-decoration:underline;margin:9px 0}.moz-center{text-align:center}.moz-disc{width:110px;height:110px;margin:10px auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 5%,#111 6% 10%,#9f78be 11% 45%,#26245f 46% 100%);color:#fff;font:700 24px Georgia}.moz-counter{display:inline-block;background:#000;color:#69ff84;padding:5px 9px;font:12px "Courier New",monospace}.moz-foot{text-align:center;color:#bfd3ff;font:11px "Courier New",monospace;padding:16px}

@media(max-width:720px){.seq-mozart-grid{grid-template-columns:1fr}.seq-mozart-grid>div:not(.seq-pi){display:none}.seq-pi{font-size:90px}.seq-montage-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.trace-layout{grid-template-columns:1fr}.trace-console pre{height:190px}.trace-map{min-height:220px}.trace-node-map{height:180px}.trace-fields{grid-template-columns:70px 1fr}.record-card{grid-template-columns:1fr}.record-photo{height:100px}.record-silhouette{font-size:60px}.record-fields{grid-template-columns:1fr}.record-fields .wide{grid-column:auto}.mail-layout{grid-template-columns:105px 1fr;height:auto;min-height:calc(100dvh - 88px)}.mail-reader{grid-column:1/-1;min-height:220px}.moz-columns{grid-template-columns:1fr}.moz-columns section:not(.moz-center){display:none}.gate-app-window{left:6px!important;top:42px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 84px)!important}}

/* MKL 18.09.2026 12:50 Uhr – Eintrittssequenz: gestaffelte Fenster, mehrere Ebenen und deutlich mehr Bewegung. */
.sequence-sound-toggle{position:fixed;top:10px;right:12px;z-index:9999;border:2px outset #dce6ef;background:#c6cfda;color:#10284f;padding:5px 9px;font:700 11px/1 Arial,sans-serif;cursor:pointer;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.sequence-sound-toggle.is-on{background:#bdd8bf;color:#173d21}
.sequence-montage{position:relative;padding:0!important;background:radial-gradient(circle at 48% 45%,#16376d 0,#0c2148 42%,#040914 100%)!important;border:0!important;box-shadow:none!important;overflow:hidden}
.seq-scan-title{z-index:100;top:10px!important;font-size:13px;background:#0a1734cc;padding:5px 10px;width:max-content;left:50%!important;right:auto!important;transform:translateX(-50%);border:1px solid #4d739e}
.seq-stage{position:absolute;inset:38px 10px 10px;overflow:hidden;perspective:1000px}
.seq-window{--seq-x:0px;--seq-y:0px;--seq-scale:1;position:absolute;box-sizing:border-box;border:2px outset #edf3f8;background:#c7d0d9;color:#10213e;box-shadow:10px 12px 18px rgba(0,0,0,.45);opacity:0;transform:translate(calc(var(--seq-x) + 28px),calc(var(--seq-y) + 22px)) scale(.92);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.9,.25,1),filter .2s ease;filter:brightness(.72)}
.seq-window.seq-window-visible{opacity:1;transform:translate(var(--seq-x),var(--seq-y)) scale(var(--seq-scale));filter:brightness(1);animation:seqWindowFloat 2.4s ease-in-out infinite alternate}
.seq-window-title{height:24px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#163c78,#687e9b);color:#fff;padding:4px 7px;font:700 11px/1 Arial,sans-serif;border-bottom:1px solid #071a39}
.seq-window-title span{font-weight:400;letter-spacing:.15em}
.seq-window-status{position:absolute;left:3px;right:3px;bottom:3px;background:#d7dde3;border:1px inset #eef2f6;padding:3px 5px;font:10px/1 "Courier New",monospace;color:#203551}
.seq-window pre{margin:0;padding:8px 8px 24px;white-space:pre-wrap;font:11px/1.26 "Courier New",monospace;overflow:hidden;height:calc(100% - 24px);box-sizing:border-box}
.seq-window-hex{width:42%;height:34%;left:5%;top:6%;background:#e5e9ed}
.seq-window-cad{width:43%;height:38%;right:5%;top:4%;background:#eef2f5}
.seq-window-network{width:36%;height:39%;left:28%;top:23%;background:#d7e2eb}
.seq-window-terminal{width:46%;height:38%;left:8%;bottom:5%;background:#030605;color:#65ff82;border-color:#68746c}
.seq-window-terminal .seq-window-title{background:linear-gradient(90deg,#151515,#415045);color:#b7ffc2}
.seq-window-terminal .seq-window-status{background:#161d18;color:#83e89a;border-color:#46564b}
.seq-window-record{width:40%;height:36%;right:7%;bottom:6%;background:#e5e1d8}
.seq-window-reservation{width:30%;height:27%;right:18%;top:34%;background:#dcebf1}
.seq-window-cad .cad-lines{position:relative;height:calc(100% - 48px);margin:5px 8px 20px;background:linear-gradient(25deg,transparent 48%,#2360a0 49%,#2360a0 51%,transparent 52%),linear-gradient(90deg,transparent 48%,#2360a0 49%,#2360a0 51%,transparent 52%);background-size:26px 26px;border:1px solid #7491a9}
.seq-window-cad .cad-lines i{position:absolute;width:7px;height:7px;border:1px solid #d61b1b;background:#fff;left:42%;top:38%;animation:cadCursor 1.2s steps(5,end) infinite}
.seq-node-map{height:calc(100% - 50px)!important;gap:0!important;flex-direction:row!important;padding:8px 12px 22px;box-sizing:border-box}
.seq-node-map i{width:16px!important;height:16px!important;background:#59728f!important;box-shadow:0 0 0 3px #afc3d7!important;transition:all .18s ease}
.seq-node-map i.active,.seq-node-map i.done{background:#33c268!important;box-shadow:0 0 0 3px #bbffd1,0 0 12px #55ff88!important}
.seq-node-map b{display:block;width:28px;height:2px;background:#7996b0}
.seq-record-lines{padding:8px 8px 24px;display:grid;gap:6px;font:11px/1.2 "Courier New",monospace}.seq-record-lines div{display:grid;grid-template-columns:58px 1fr;border-bottom:1px dotted #8f918e;padding-bottom:4px}.seq-record-lines span{font-weight:700}.seq-alert-text{color:#b50013!important;animation:seqBlink .45s steps(1) infinite}
.seq-reservation-lines{padding:9px 10px 26px;display:grid;gap:6px;font:12px/1.2 "Courier New",monospace}.seq-reservation-lines b{color:#173d77}
@keyframes seqWindowFloat{from{margin-top:0}to{margin-top:3px}}
@keyframes cadCursor{0%{left:20%;top:25%}25%{left:62%;top:18%}50%{left:72%;top:60%}75%{left:35%;top:68%}100%{left:20%;top:25%}}

/* MKL 18.09.2026 12:50 Uhr – Filmprogramme: kleine Bedienfunktionen, Statuswechsel und kompakte deutsche Oberflächen. */
.trace-controls{flex-wrap:wrap}
.trace-controls button,.record-controls button,.record-tabs button,.mail-toolbar button,.moz-columns button,.moz-player button{cursor:pointer}
.trace-node-map .tn{transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.trace-node-map .tn.active{background:#ffe88e;color:#23324c;box-shadow:0 0 10px #ffe88e}
.trace-node-map .tn.done{background:#84d89d;color:#153d22;box-shadow:0 0 8px #70dd8d}
.record-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;background:#cdd6df;border-bottom:2px groove #fff}
.record-controls label{display:flex;align-items:center;gap:6px;flex:1;min-width:220px;font-size:12px}.record-controls input{flex:1;min-width:90px;border:2px inset #eef2f5;background:#fff;padding:4px 6px}.record-controls button{background:#c5ccd4;border:2px outset #edf2f6;padding:4px 8px;font-size:11px}
.record-tabs button{padding:5px 12px;background:#9fafc0;border:2px outset #dce5ee;color:#111}.record-tabs button.active{background:#e5e9ed;border-bottom-color:#e5e9ed;font-weight:700}
.record-scan{color:transparent!important;background:linear-gradient(90deg,#e6edf5,#adc2d7,#e6edf5)!important;background-size:200% 100%!important;animation:recordScan 450ms linear infinite!important}
@keyframes recordScan{from{background-position:200% 0}to{background-position:-100% 0}}
.mail-toolbar button:active,.record-controls button:active,.trace-controls button:active{border-style:inset}
.mail-compose{z-index:20}
.moz-browser span{padding:3px 6px;border:1px outset #ddd;background:#d2d2d2}.moz-head{position:relative}.moz-pi{border:0;background:transparent;cursor:pointer;font:700 90px/1 Georgia;color:#fff0a2;padding:0;text-shadow:0 0 12px #b16cff}.moz-pi:hover{filter:brightness(1.25)}
.moz-player{margin:0 14px 6px;display:grid;grid-template-columns:1fr minmax(130px,260px) 70px;gap:8px;align-items:center;background:#0e1d4f;border:2px solid #8d77ab;padding:7px}.moz-spectrum{height:38px;display:flex;align-items:end;gap:2px}.moz-spectrum i{flex:1;min-width:3px;height:20%;background:#78e9ff;box-shadow:0 0 4px #78e9ff}.moz-spectrum.playing i{animation:mozBar .48s ease-in-out infinite alternate}.moz-spectrum.playing i:nth-child(2n){animation-delay:.1s}.moz-spectrum.playing i:nth-child(3n){animation-delay:.2s}.moz-spectrum.playing i:nth-child(5n){animation-delay:.3s}.moz-player-display{background:#02050b;color:#62ff86;border:2px inset #27366c;padding:7px;font:12px/1 "Courier New",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moz-player button{background:#b6a4c9;border:2px outset #e7d9f2;padding:6px}.moz-columns button{display:block;width:100%;border:0;background:transparent;text-align:left;color:#8deeff;text-decoration:underline;margin:8px 0;padding:0;font:13px/1.2 Arial,sans-serif}.moz-center{text-align:center}.moz-node-panel{position:fixed;left:14%;right:14%;top:24%;z-index:30;background:#c6cbd0;color:#111;border:3px outset #eef1f4;box-shadow:10px 12px 0 #0006}.moz-node-panel[hidden]{display:none}.moz-node-panel>div{display:flex;justify-content:space-between;background:#263f6c;color:#fff;padding:6px 8px}.moz-node-panel button{border:2px outset #eee;background:#c9c9c9}.moz-node-panel pre{margin:0;background:#050805;color:#65ff82;padding:16px;font:14px/1.5 "Courier New",monospace}.moz-node-panel.open{animation:nodeOpen .22s ease-out}.moz-foot{padding:10px 16px 14px!important}
@keyframes mozBar{from{height:18%}to{height:94%}}@keyframes nodeOpen{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

@media(max-width:720px){
  .sequence-sound-toggle{top:6px;right:6px;font-size:9px;padding:4px 6px}
  .seq-stage{inset:34px 5px 5px}
  .seq-window{font-size:10px!important}.seq-window-title{font-size:9px;height:20px}.seq-window-status{font-size:8px}.seq-window pre{font-size:8px}
  .seq-window-hex{width:62%;height:29%;left:2%;top:2%}.seq-window-cad{width:55%;height:30%;right:1%;top:12%}.seq-window-network{width:55%;height:29%;left:13%;top:31%}.seq-window-terminal{width:66%;height:30%;left:1%;bottom:2%}.seq-window-record{width:57%;height:31%;right:1%;bottom:4%}.seq-window-reservation{width:45%;height:23%;right:5%;top:46%}
  .record-controls{gap:4px}.record-controls label{min-width:100%;}.record-controls button{font-size:9px;padding:3px 5px}.record-tabs button{font-size:9px;padding:4px 6px}
  .moz-player{grid-template-columns:1fr 80px}.moz-player-display{grid-column:1/-1;grid-row:2}.moz-node-panel{left:5%;right:5%;top:20%}
}

/* MKL 18.09.2026 12:50 Uhr – Die Filmsequenz liegt nach dem geheimen Klick über der Startseite; dadurch darf ihr Ton im bereits freigeschalteten Browser-Kontext weiterlaufen. */
.sequence-launch-overlay{position:fixed;inset:0;z-index:2147483000;background:#000;overflow:hidden}
.sequence-launch-frame{display:block;width:100%;height:100%;border:0;background:#000}