:root { color-scheme:dark; --bg:#10131b; --panel:#1c2230; --surface:#252c3c; --text:#f4f4f7; --muted:#b8bfd0; --border:#3c4559; --accent:#7c3aed; }
* {box-sizing:border-box}
body {margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#26203d 0,transparent 42%),var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif;display:flex;align-items:flex-start;justify-content:center}
.container {width:min(100% - 32px,940px);margin:45px auto;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0004}
.login-panel{max-width:440px;margin-top:12vh}
.site-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:28px}.brand{display:flex;gap:12px;align-items:center;margin-right:auto}.logo{display:grid;place-items:center;background:var(--accent);width:44px;height:44px;border-radius:12px;color:white;font-size:22px}.brand h1{margin:0;color:#c4b5fd;font-size:23px}.brand p{margin:0;font-size:12px}
nav{display:flex;flex-wrap:wrap;gap:5px}nav a{padding:8px 11px;border-radius:7px;color:var(--muted);text-decoration:none}nav a:hover,nav a.active{background:var(--surface);color:#fff}
h2{margin:0 0 10px;font-size:26px}h3{margin:12px 0}.muted{color:var(--muted)}.small{font-size:13px}
label{display:block;margin:12px 0 6px;font-weight:600}input:not([type=checkbox]),select{display:block;width:100%;padding:12px;margin:0 0 16px;border:1px solid var(--border);border-radius:8px;background:#10131b;color:var(--text);font:inherit}
button,.button{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:var(--accent);color:white;font:inherit;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.15)}button.secondary{background:#30384a}.logout-form button{white-space:nowrap}
.login-panel button{width:100%}.feature{padding:20px;background:var(--surface);border-radius:12px;margin:22px 0}.alert{padding:12px 15px;border-radius:9px}.error{background:#4a202c;color:#ffd0d7}.success{background:#183b35;color:#b8f7de}
fieldset{border:1px solid var(--border);border-radius:10px;padding:12px 18px;margin:22px 0}legend{font-weight:700;padding:0 8px}.toggle,.library-option{display:flex;align-items:center;gap:10px;font-weight:500;padding:7px 0}.toggle input,.library-option input{accent-color:var(--accent);height:18px;width:18px}.user-picker{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:15px 0 25px}.user-picker label{width:100%;margin:0}.user-picker select{width:min(100%,380px);margin:0}.user-picker button{min-height:49px}
@media(max-width:650px){.container{margin:16px auto;padding:20px}.site-header{align-items:flex-start;flex-direction:column}nav{width:100%}nav a{flex:1;text-align:center}.logout-form{align-self:flex-end}.user-picker select{width:100%}}
/* Media News 2 – utskicksinställningar */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.form-grid label{margin-top:0}.form-grid select{margin-bottom:0}
.section-card{background:var(--surface);padding:20px;border-radius:12px;margin:20px 0}
.section-card h3{margin-top:0}
.mini-table{width:100%;border-collapse:collapse;font-size:14px}.mini-table th,.mini-table td{text-align:left;border-bottom:1px solid var(--border);padding:9px;word-break:break-word}
.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row form{display:inline-block}