:root{--hraun:#2B2F33;--glod:#D9531E;--mosi:#6B8F71;--ljos:#F5F3EF;--lina:#DDD8CF;--texti:#1F2225;--daufur:#6A6F74;--rautt:#B3261E;--gult:#FFF4D6}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texti);background:var(--ljos)}
a{color:#9C3A12}a:hover{color:var(--glod)}
.sr{position:absolute;left:-9999px}
.demo-banner{background:var(--gult);color:#5b4a12;font-size:13px;text-align:center;padding:4px 12px;border-bottom:1px solid #eedc9a}
.topbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--hraun);color:#fff;padding:10px 24px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:19px}
.brand small{font-weight:400;opacity:.7;font-size:14px;margin-left:4px}
.search{flex:1;min-width:200px;max-width:460px}
.search input{width:100%;padding:7px 12px;border-radius:6px;border:0;font-size:15px}
.who{font-size:14px;opacity:.9}.who a{color:#fff}
.mainnav{display:flex;flex-wrap:wrap;gap:2px;background:#fff;border-bottom:1px solid var(--lina);padding:0 18px}
.mainnav a{padding:11px 12px;text-decoration:none;color:var(--texti);border-bottom:3px solid transparent}
.mainnav a[aria-current]{border-color:var(--glod);font-weight:600}
.mainnav a.queue{color:#9C3A12;font-weight:600}
main{max-width:1120px;margin:0 auto;padding:24px 20px 48px}
footer{text-align:center;color:var(--daufur);font-size:13px;padding:20px;border-top:1px solid var(--lina)}
h1{margin:.2em 0 .5em;font-size:28px}h2{font-size:20px;margin:1.4em 0 .5em}
.lead{font-size:18px;color:#3a3f44}
.meta{color:var(--daufur);font-size:14px}
.crumbs{font-size:14px;margin:0}
.hero{background:#fff;border:1px solid var(--lina);border-left:6px solid var(--glod);border-radius:8px;padding:18px 24px;margin-bottom:12px}
.hero h1{margin:0}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:28px}
@media (max-width:820px){.grid2{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--lina);border-radius:8px;padding:14px 18px;margin-bottom:16px}
.card h2{margin-top:.2em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.deptcard{text-decoration:none;color:inherit}.deptcard:hover{border-color:var(--glod)}
.queue-card{border-left:6px solid var(--glod)}
.newslist{list-style:none;padding:0}.newslist li{padding:10px 0;border-bottom:1px solid var(--lina)}
.newslist a{font-weight:600}.newslist .meta{display:block}
.newslist.big p{margin:.3em 0 0}
table.list{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--lina);border-radius:8px;overflow:hidden}
table.list th,table.list td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--lina);vertical-align:top}
table.list th{background:#EEEAE3;font-size:14px}
td.num{white-space:nowrap;text-align:right}
tr.alert td{background:#fde8e6}
tr.prio-bráður td:first-child{border-left:5px solid var(--rautt)}
tr.prio-hár td:first-child{border-left:5px solid var(--glod)}
.doc{background:#fff;border:1px solid var(--lina);border-radius:8px;padding:20px 32px;max-width:860px}
.doc table{border-collapse:collapse}.doc th,.doc td{border:1px solid var(--lina);padding:6px 10px}
.person .avatar{width:72px;height:72px;border-radius:50%;background:var(--mosi);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:700;float:right}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 18px}dt{font-weight:600}dd{margin:0}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
label{font-weight:600;font-size:14px;display:block;margin:10px 0 4px}
.filters label{margin:0}
input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #bdb6aa;border-radius:6px;background:#fff;max-width:100%}
.card input,.card select,.card textarea,form.reply textarea,.login-box input{width:100%}
button,.btn{font:inherit;font-weight:600;background:var(--hraun);color:#fff;border:0;border-radius:6px;padding:8px 16px;cursor:pointer;margin-top:10px;text-decoration:none;display:inline-block}
button.secondary{background:#fff;color:var(--hraun);border:1px solid var(--hraun)}
button.danger{background:var(--rautt)}
button.small{padding:4px 10px;font-size:13px;margin:0}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.hint{font-size:13px;color:var(--daufur)}
.flash{padding:10px 14px;border-radius:6px;margin-bottom:14px;border:1px solid}
.flash-ok{background:#e8f3ea;border-color:#b5d4bb}
.flash-warn{background:var(--gult);border-color:#eedc9a}
.flash-sent{background:#fde8e6;border-color:#f0b8b2;font-weight:600}
.message{background:#fff;border:1px solid var(--lina);border-radius:8px;padding:6px 18px;margin-bottom:12px}
.message.history{background:#f8f6f2}
.message.sent-reply{border-left:5px solid var(--rautt)}
.note{border-bottom:1px solid var(--lina);padding:4px 0}
.ticket-meta{background:#fff;border:1px solid var(--lina);border-radius:8px;padding:12px 18px}
.tid{color:var(--daufur);font-weight:400}
.status{white-space:nowrap}
.tag{font-size:12px;background:#EEEAE3;border-radius:4px;padding:2px 6px;white-space:nowrap}
.tag.sent{background:#fde8e6;color:var(--rautt)}.tag.draft{background:#e8f3ea}
.login-page main.login-box{max-width:400px;margin:60px auto;background:#fff;border:1px solid var(--lina);border-radius:10px;padding:28px 32px;text-align:left}
.login-box h1{font-size:23px}
.narrow{max-width:400px}
form.inline{display:flex;gap:10px;align-items:center;margin:6px 0}
details summary{cursor:pointer;padding:6px 0}
.tickets td:first-child{white-space:nowrap}
@media (max-width:700px){table.list{display:block;overflow-x:auto}.doc{padding:16px}main{padding:16px}}
.btn.secondary-link{background:#fff;color:var(--hraun);border:1px solid var(--hraun)}