/* Fælles tema for hele Office-platformen — den røde tråd på tværs af moduler. */
:root{
  --accent:#1a73e8; --accent-mork:#1557b0;
  --kant:#dcdfe4; --bg:#f4f5f7; --kort:#ffffff; --tekst:#1a1d21; --svag:#6b7280;
  --gron:#138a36; --rod:#d52b1e; --pin:#fff8e6;
}
*{box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;margin:0;background:var(--bg);color:var(--tekst);line-height:1.45}

/* Top-navigation — vises på alle sider via topmenu.js */
.topnav{background:var(--kort);border-bottom:1px solid var(--kant);position:sticky;top:0;z-index:40}
.topnav-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:0 16px;min-height:54px}
.topnav .brand{font-weight:700;font-size:17px;margin-right:14px;display:flex;align-items:center;gap:6px;color:var(--tekst);text-decoration:none;white-space:nowrap}
.topnav .brand .dot{color:var(--accent)}
.topnav a.navlink{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--svag);text-decoration:none}
.topnav a.navlink:hover{background:var(--bg);color:var(--tekst)}
.topnav a.navlink.aktiv{background:#eaf1fe;color:var(--accent)}
.topnav .spacer{flex:1}
.topnav .bruger{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--svag)}
.topnav .logud{cursor:pointer;color:var(--svag);font-size:13px;font-weight:600;background:none;border:0;padding:0}
.topnav .logud:hover{color:var(--rod)}
@media(max-width:680px){ .topnav-inner{flex-wrap:wrap;padding:8px 12px} .topnav .bruger .navn{display:none} }

/* Genbrugelige byggeklodser */
.kort{background:var(--kort);border:1px solid var(--kant);border-radius:12px;padding:18px}
.knap{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer}
.knap:hover{background:var(--accent-mork)}
.knap.ghost{background:transparent;color:var(--accent);border:1px solid var(--kant)}
.knap.ghost:hover{background:var(--bg)}

/* Office-forside (modul-kort) */
.office-wrap{max-width:1080px;margin:0 auto;padding:28px 16px 60px}
.office-hilsen{font-size:22px;font-weight:700;margin:0 0 4px}
.office-sub{color:var(--svag);margin:0 0 22px}
.moduler{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.modul{display:block;background:var(--kort);border:1px solid var(--kant);border-radius:14px;padding:20px;text-decoration:none;color:var(--tekst);transition:.12s}
.modul:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(26,115,232,.10);transform:translateY(-2px)}
.modul .ikon{font-size:30px}
.modul .navn{font-weight:700;font-size:17px;margin-top:10px}
.modul .beskr{color:var(--svag);font-size:13.5px;margin-top:4px}
.modul .badge{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;color:var(--accent);background:#eaf1fe;border-radius:20px;padding:2px 9px}