/* Pfad: page/NEXT | Datei: next.css | Version: 1.0.0
   Alle Koordinaten = CSS-Pixel ab der linken oberen Ecke des Seiteninhalts.
   Keine vw/vh-Einheiten, Zentrierung, Skalierung oder responsive Umordnung
   fuer Kontowahl, Export und Speichern. Zustandswechsel bewegen nichts.
   Hauptziele:
   Konto:      x=160 y=160 b=260 h=52  | Klickmitte 290,186
   Datenfeld:  x=160 y=284 b=800 h=228 | Klickpunkt 300,320
   Speichern:  x=160 y=552 b=340 h=76  | Klickmitte 330,590
   Kopieren:   x=784 y=230 b=176 h=44  | Klickmitte 872,252
*/
.ms-next-page { margin:0; overflow:hidden; background:#080d15 !important; }
.ms-next-page #main { margin:0 !important; padding:0 !important; transform:none; filter:none; perspective:none; }
.ms-next-page nav.w3-sidebar {
    display:block !important; position:fixed; left:0; top:0; width:120px;
    height:100vh; overflow-x:hidden; overflow-y:auto; z-index:10;
    background:#171d27; border-right:1px solid #293343; text-align:center;
}
.ms-next-page nav.w3-sidebar a {
    display:block; box-sizing:border-box; width:100%; padding:15px 8px;
    color:#dbe3ee; text-decoration:none; font:12px/1.3 Arial,sans-serif;
}
.ms-next-page nav.w3-sidebar a p { margin:10px 0 3px; }
.ms-next-page nav.w3-sidebar a i { font-size:30px; }
.ms-next-page nav.w3-sidebar a:hover { background:#222e40 !important; }
.ms-next-page nav.w3-sidebar a[href="index.php?page=NEXT"] {
    background:#11382e; color:#76edb0; box-shadow:inset 3px 0 #51dd98;
}
.ms-next-page #smallScreenMenu, .ms-next-page #myNavbar { display:none !important; }
#ms-next {
    --next-account-x:160px; --next-account-y:160px;
    --next-account-w:260px; --next-account-h:52px;
    --next-export-x:160px; --next-export-y:284px;
    --next-export-w:800px; --next-export-h:228px;
    --next-save-x:160px; --next-save-y:552px;
    --next-save-w:340px; --next-save-h:76px;
    position:fixed; left:0; top:0; width:1000px; height:790px; z-index:3;
    pointer-events:none; color:#edf3fc; text-align:left;
    font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#ms-next *, #ms-next *::before, #ms-next *::after { box-sizing:border-box; }
#ms-next button, #ms-next select, #ms-next textarea, #ms-next label { pointer-events:auto; }
#ms-next button, #ms-next select, #ms-next textarea { margin:0; float:none; max-width:none; min-width:0; }
#ms-next button { cursor:pointer; font-family:inherit; }
#ms-next button:disabled { cursor:not-allowed; opacity:.5; }
#ms-next button:focus-visible, #ms-next select:focus-visible, #ms-next textarea:focus-visible {
    outline:3px solid #82baff; outline-offset:3px;
}
#ms-next svg { width:22px; height:22px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
#ms-next .next-surface {
    position:absolute; left:144px; top:16px; width:832px; height:736px;
    background:linear-gradient(140deg,#132332 0%,#111923 58%,#122126 100%);
    border:1px solid #2a3b4b; border-radius:20px; box-shadow:0 14px 40px #0005;
}
#ms-next .next-header { position:absolute; left:160px; top:28px; width:660px; height:80px; }
#ms-next .next-kicker { color:#8dabbc; font-size:10px; font-weight:700; letter-spacing:1.8px; }
#ms-next .next-header h1 { display:flex; align-items:center; gap:10px; margin:2px 0 0; font:800 29px/1.2 "Segoe UI",Arial,sans-serif; color:#edf3fc; }
#ms-next .next-header h1 svg { color:#67e6ac; width:26px; height:26px; }
#ms-next .next-header p { position:absolute; left:158px; top:25px; margin:0; color:#aebfce; font-size:14px; }
#ms-next .next-secondary {
    position:absolute; display:flex; align-items:center; justify-content:center; gap:8px;
    background:#1b2b3b; border:1px solid #3e536b; border-radius:10px;
    color:#eaf1fa; font-size:14px; font-weight:650; padding:0 10px;
}
#ms-next .next-secondary:hover:not(:disabled) { background:#263c52; }
#next-reload { left:826px; top:36px; width:134px; height:40px; }
#ms-next #next-reload svg { width:17px; height:17px; }
#ms-next .next-filters { position:absolute; left:160px; top:91px; width:800px; height:32px; display:flex; align-items:center; gap:8px; }
#ms-next .next-filters span { display:block; padding:4px 10px; border:1px solid #305448; border-radius:18px; background:#132e27; color:#b5eace; font-size:12px; white-space:nowrap; }
#ms-next .next-account-label { position:absolute; left:160px; top:136px; width:260px; height:20px; font-size:12px; font-weight:750; letter-spacing:.5px; color:#aebdcb; }
#ms-next #next-account {
    position:absolute; left:var(--next-account-x); top:var(--next-account-y);
    width:var(--next-account-w); height:var(--next-account-h);
    border:1px solid #46617b; border-radius:12px; background:#0c1520;
    color:#f5f8ff; font:650 18px/1.2 "Segoe UI",Arial,sans-serif; padding:0 15px;
    color-scheme:dark;
}
#ms-next #next-account:disabled { opacity:.65; }
#ms-next .next-item-info { position:absolute; left:444px; top:136px; width:516px; height:78px; overflow:hidden; }
#ms-next .next-item-meta { display:flex; align-items:center; gap:15px; height:22px; color:#aabacc; font-size:12px; }
#ms-next #next-id { color:#79e7b5; font-size:14px; }
#ms-next #next-title { margin-top:6px; height:48px; overflow:hidden; font-size:15px; line-height:23px; font-weight:600; overflow-wrap:anywhere; }
#ms-next .next-export-label { position:absolute; left:160px; top:235px; width:600px; height:20px; font-size:12px; font-weight:750; color:#c0cde0; letter-spacing:.5px; }
#ms-next .next-order { position:absolute; left:160px; top:258px; width:615px; height:18px; color:#92a8c1; font-size:12px; white-space:nowrap; }
#next-copy { left:784px; top:230px; width:176px; height:44px; }
#ms-next #next-copy.is-copied { border-color:#7af0b9; background:#194b38; color:#d6ffe9; }
#ms-next #next-export {
    position:absolute; left:var(--next-export-x); top:var(--next-export-y);
    width:var(--next-export-w); height:var(--next-export-h);
    resize:none; padding:17px; overflow:auto; border:1px solid #4b5c80;
    border-radius:12px; background:#0a111e; color:#dce8ff;
    font:14px/1.7 Consolas,"Courier New",monospace; tab-size:4;
    white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal;
}
#ms-next #next-export::placeholder { color:#8394ac; opacity:1; }
#ms-next #next-export::selection { background:#335682; color:#fff; }
#ms-next #next-copy-hint { position:absolute; left:160px; top:522px; width:800px; height:20px; color:#91a5bd; font-size:11px; }
#ms-next #next-save {
    position:absolute; left:var(--next-save-x); top:var(--next-save-y);
    width:var(--next-save-w); height:var(--next-save-h);
    display:flex; align-items:center; justify-content:center; gap:13px;
    padding:0 15px; border:1px solid #6cd79c; border-radius:14px;
    background:linear-gradient(110deg,#247d51,#125f49); color:#f4fff8;
    font:750 25px/1.2 "Segoe UI",Arial,sans-serif;
    box-shadow:0 6px 20px #0004;
}
#ms-next #next-save svg { width:29px; height:29px; }
#ms-next #next-save:hover:not(:disabled) { background:linear-gradient(110deg,#2e945f,#17765a); }
#ms-next .next-success-icon { display:none; }
#ms-next[data-state="success"] #next-save {
    opacity:1; background:#4fd989; border-color:#c4ffdc; color:#073f25;
    box-shadow:0 0 0 4px #54ec9222,0 0 34px #62f29d88;
}
#ms-next[data-state="success"] .next-save-icon { display:none; }
#ms-next[data-state="success"] .next-success-icon { display:block; }
#ms-next[data-state="error"] #next-save, #ms-next[data-state="pending"] #next-save { border-color:#e9b371; }
#ms-next #next-status {
    position:absolute; left:524px; top:552px; width:436px; height:76px;
    display:flex; align-items:center; padding:10px 15px; overflow:auto;
    border:1px solid #2d4356; border-radius:12px; background:#0b1723;
    color:#b7c8da; font-size:13px; line-height:1.45; pointer-events:auto;
}
#ms-next[data-state="error"] #next-status, #ms-next[data-state="pending"] #next-status { color:#ffcfaa; border-color:#755038; }
#ms-next[data-state="success"] #next-status { color:#c3f8d7; border-color:#3d805a; }
#ms-next #next-save-hint { position:absolute; left:160px; top:643px; width:800px; height:38px; color:#97acbf; font-size:11px; line-height:1.6; }
#ms-next #next-save-hint strong { color:#c5d4e2; font-weight:600; }
#ms-next #next-notes { position:absolute; left:160px; top:691px; width:800px; height:38px; color:#91aabd; font-size:11px; overflow:auto; pointer-events:auto; }
#ms-next #next-notes.has-warning { color:#ffcb90; }
#ms-next .next-footer { position:absolute; left:160px; top:767px; width:800px; height:15px; color:#70889f; font-size:10px; letter-spacing:1px; }
#ms-next .next-no-script { position:absolute; left:160px; top:552px; width:800px; height:76px; padding:22px; background:#671f28; color:white; pointer-events:auto; }