:root{--bla: #1f4e79;--bla-ljus: #2d6ca8;--gra: #f4f6f8;--kant: #d8dee6;--text: #1c2733;--rod: #b3261e;--gul: #b8860b;--gron: #1f7a4d}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--gra)}a{color:var(--bla-ljus)}.testbanner{background:var(--gul);color:#fff;text-align:center;padding:6px 12px;font-size:13px;font-weight:600}.topbar{display:flex;align-items:center;gap:18px;background:var(--bla);color:#fff;padding:10px 18px}.brand{font-weight:700;font-size:18px}.brand span{font-weight:400;opacity:.75;font-size:13px}.topbar nav{display:flex;gap:14px;flex:1}.topbar nav a{color:#cfe0f0;text-decoration:none;padding:4px 2px}.topbar nav a.aktiv{color:#fff;border-bottom:2px solid #fff}.topbar .anvandare{font-size:13px;opacity:.9}.topbar select,.topbar button{background:var(--bla-ljus);color:#fff;border:1px solid #4a86c0;border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.sida{max-width:1000px;margin:22px auto;padding:0 18px}.kort{background:#fff;border:1px solid var(--kant);border-radius:10px;padding:18px;margin-bottom:16px}h1{font-size:22px}h2{font-size:18px}.formfalt{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.formfalt label{font-size:13px;font-weight:600}input,select,textarea{padding:8px 10px;border:1px solid var(--kant);border-radius:6px;font-size:14px;font-family:inherit}button.primar{background:var(--bla);color:#fff;border:none;border-radius:6px;padding:9px 16px;font-size:14px;cursor:pointer}button.primar:disabled{opacity:.6;cursor:default}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--kant);font-size:14px}th{font-size:12px;text-transform:uppercase;color:#5a6b7b}tr.klickbar:hover{background:#eef3f8;cursor:pointer}.markor{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.markor.sekretess{background:#fbe9e7;color:var(--rod)}.markor.offentlig{background:#e7f3ec;color:var(--gron)}.markor.arbetsmaterial{background:#eef1f4;color:#5a6b7b}.fel{background:#fbe9e7;color:var(--rod);padding:10px;border-radius:6px;margin-bottom:12px}.ok{background:#e7f3ec;color:var(--gron);padding:10px;border-radius:6px;margin-bottom:12px}.hint{color:#5a6b7b;font-size:13px}.login-sida{display:flex;justify-content:center;padding-top:8vh}.login-kort{width:380px}.filterrad{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.filterrad .formfalt{margin-bottom:0}.rad{display:flex;gap:12px;flex-wrap:wrap}.rad>*{flex:1}code{background:#eef1f4;padding:2px 6px;border-radius:4px}