:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#13334c;background:#f5f8fb;font-size:16px;line-height:1.56}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;top:-100px;left:0;background:#fff;padding:12px;z-index:100}.skip:focus{top:0}.frame{max-width:1220px;width:calc(100% - 48px);margin:auto}.topbar{background:#fff;border-bottom:1px solid #e3eaf0}.topbar-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;color:#163851}.identity-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#0b446d;color:#fff;font-weight:900;font-size:23px}.identity strong,.identity small{display:block}.identity strong{font-size:21px;line-height:1.05}.identity small{font-size:11px;font-weight:750;letter-spacing:.07em;color:#60839a;text-transform:uppercase}.topbar nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.topbar nav a{padding:10px 14px;border-radius:12px;text-decoration:none;color:#55728a;font-weight:700;font-size:14px}.topbar nav .active{background:#e7f2f7;color:#0b4d70}.hero{margin-top:28px;border-radius:27px;background:#0b3557;min-height:330px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);overflow:hidden;color:#fff;position:relative}.hero-content{padding:43px 50px 39px;position:relative;z-index:2}.eyebrow,.section-label{font-size:12px;letter-spacing:.15em;font-weight:900;color:#5aa1b2}.eyebrow{color:#a5ddda}.spark{color:#ffd485}.hero h1{font-size:clamp(38px,5vw,63px);line-height:1.05;letter-spacing:-.052em;margin:17px 0}.hero h1 em{font-style:normal;color:#88e6d6}.hero p:not(.eyebrow){max-width:585px;color:#d7e9ef;font-size:16px;line-height:1.72}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-chips span{border:1px solid #6386a0;padding:7px 10px;border-radius:99px;font-size:12px;color:#e8f4f8;font-weight:650}.hero-art{position:relative;display:grid;place-items:center;min-height:270px;background:radial-gradient(circle at 40% 38%,#14748c 0,transparent 65%)}.halo{position:absolute;display:block;border:1px solid #6bc3c3;border-radius:50%;opacity:.37}.halo-one{width:250px;height:250px}.halo-two{width:340px;height:340px}.hero-glyph{font-size:122px;font-weight:900;color:#fff;line-height:1;letter-spacing:-.12em;text-shadow:0 16px 54px #001a2a}.hero-glyph span{font-size:53px;color:#a8edbb;vertical-align:top}.hero-steps{position:absolute;bottom:21px;display:flex;gap:7px}.hero-steps span{padding:6px 9px;font-size:11px;background:#ffffff22;border-radius:8px;color:#d5f2ee}.connection{border:1px solid #dce7ed;border-radius:13px;background:#fff;margin:20px 0 26px;padding:13px 18px;display:flex;align-items:center;gap:11px;color:#425e72;font-size:13px;font-weight:660}.dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#e3a53b}.dot-online{background:#268f61}.dot-offline{background:#d46b52}.small-link{margin-left:auto;color:#14668a;text-decoration:none}.notice{padding:13px 17px;border:1px solid #f2d097;background:#fff3df;border-radius:12px;margin-top:18px;color:#7b4b10;font-weight:640}.notice.is-good{border-color:#a8d6c7;background:#e8f9f2;color:#175b45}.auth-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.82fr);gap:20px;margin-top:14px}.auth-main,.auth-side,.panel{background:#fff;border:1px solid #e4ecf2;border-radius:20px;box-shadow:0 7px 30px #22446108}.auth-main{padding:36px 40px}.auth-main h2,.links-section h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.045em;margin:7px 0 10px}.auth-main>p:not(.fineprint){color:#527083;max-width:570px}.role-picker{display:flex;gap:6px;padding:5px;background:#f0f5f7;border-radius:13px;margin:27px 0 21px;max-width:420px}.role-picker button{flex:1;padding:12px;border:0;background:transparent;border-radius:10px;color:#4e6b7f;font-weight:800}.role-picker button.is-selected{color:#fff;background:#0e5375;box-shadow:0 2px 6px #00000012}.form-grid{display:grid;gap:13px}.form-grid label{display:grid;gap:5px;color:#375368;font-weight:750;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#fcfefe;border:1px solid #cfdee7;border-radius:11px;padding:12px;color:#15364f;outline-offset:2px}.form-grid input:focus-visible,.form-grid select:focus-visible,.form-grid textarea:focus-visible{outline:2px solid #2197a3;border-color:transparent}.form-grid textarea{resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:11px 16px;border:1px solid transparent;font-weight:850;font-size:14px;min-height:44px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#0c5475;color:#fff}.btn-primary:hover{background:#0d6e8b}.btn-secondary{background:#e9f2f8;color:#185172;border-color:#cde2ed}.btn-subtle{background:#fff;color:#1c5170;border-color:#c9dde8}.btn-white{background:#fff;color:#064269}.fineprint,.micro{color:#6b8290;font-size:12px;line-height:1.6}.fineprint{margin-top:20px}.auth-side{padding:38px;background:#ecf5f7}.side-icon{font-size:35px;color:#2c8e91}.auth-side h3{font-size:25px;margin:7px 0}.auth-side p{color:#476778}.mock-login{margin-top:25px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 35px #001a2810;display:grid;gap:4px}.mock-login span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#7192a1}.mock-login strong{font-size:22px;letter-spacing:.08em;color:#153a53;margin-bottom:10px}.workspace{margin-top:35px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.workspace-heading h2{font-size:34px;letter-spacing:-.04em;margin:0}.workspace-heading p{margin:0;color:#647b8b}.code-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(105deg,#0d597a,#097778);color:#fff;border-radius:20px;padding:25px 31px;margin-bottom:18px}.code-banner span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#b6e7e2}.code-banner strong{display:block;font-size:33px;letter-spacing:.12em;margin:4px 0}.code-banner p{margin:0;color:#d8f6ef}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e1ebf1;border-radius:17px;padding:17px 22px}.stat strong{display:block;font-size:32px;line-height:1.12;letter-spacing:-.05em;color:#115477}.stat span{font-size:12px;font-weight:800;color:#718c9e}.teacher-grid,.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.panel{padding:24px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.panel-number{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;color:#0e5b7b;background:#dff4f2;font-size:14px;font-weight:900}.panel h3{font-size:20px;letter-spacing:-.025em;margin:0 0 3px}.panel-heading p{margin:0;font-size:13px;color:#75909f}.password-input{display:flex;gap:5px}.password-input input{min-width:0}.btn-inline{border:1px solid #cadce6;background:#eef6fa;border-radius:10px;padding:8px 12px;color:#155c7c;font-size:12px;font-weight:900;white-space:nowrap}.panel-rule{border-top:1px solid #e5ecf1;margin:20px 0}.data-list{display:grid;gap:10px;margin-top:17px}.data-row{border:1px solid #e2eaf0;border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.data-row strong{display:block;font-size:14px}.data-row small{font-size:12px;color:#6a8596}.pill{display:inline-flex;white-space:nowrap;border-radius:99px;padding:5px 9px;background:#e9f5f3;color:#156d62;font-size:11px;font-weight:800}.assignment-list{display:grid;gap:11px;margin-top:16px}.assignment{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid #e2eaf0;border-radius:13px;padding:15px 16px;background:#fcfefe}.assignment h4{margin:3px 0;font-size:17px}.assignment p{margin:5px 0;color:#527082;font-size:13px}.assignment .meta{font-size:11px;font-weight:850;letter-spacing:.035em;color:#167084}.assignment .assignment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;justify-content:flex-end}.assignment .assignment-actions a{color:#0a5b78;text-decoration:none;font-size:12px;font-weight:850}.assignment .assignment-actions button{font-size:12px;padding:7px 11px;min-height:35px}.student-welcome{padding:23px 26px;border-radius:20px;background:#ddf2f2;display:flex;align-items:center;gap:17px;margin-bottom:18px}.student-avatar{display:grid;place-items:center;width:61px;height:61px;flex:0 0 auto;border-radius:19px;background:#0d6e7f;color:#fff;font-size:31px}.student-welcome span:not(.student-avatar){font-size:11px;font-weight:900;letter-spacing:.12em;color:#207488}.student-welcome h3{font-size:27px;margin:0}.student-welcome p{margin:4px 0;color:#4a707b}.links-section{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin:38px 0;padding:28px 0}.links-section p:not(.section-label){color:#597789}.site-links{background:#fff;border:1px solid #e3ebef;border-radius:19px;overflow:hidden}.site-links a{display:flex;gap:15px;align-items:center;padding:17px 21px;border-bottom:1px solid #eaf0f3;text-decoration:none;font-weight:760}.site-links a:last-child{border-bottom:0}.site-links a:hover{background:#f3faf9}.site-links a span{font-size:12px;color:#238b95;font-weight:900}.site-links a strong{margin-left:auto;color:#39959c}.empty{padding:18px;background:#f5f9fb;border-radius:11px;color:#6d8693;font-size:13px}footer{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #e1eaf0;padding:24px 0 36px;color:#7b90a0;font-size:12px}footer a{color:#27627d}[hidden]{display:none!important}@media(max-width:850px){.hero,.auth-layout,.links-section{grid-template-columns:1fr}.hero-art{display:none}.hero-content{padding:35px}.teacher-grid,.list-grid{grid-template-columns:1fr}.auth-side{padding:24px}.topbar-inner{flex-wrap:wrap;padding:13px 0}.topbar nav a{font-size:12px;padding:7px}}@media(max-width:520px){.frame{width:calc(100% - 26px)}.hero-content{padding:28px 23px}.hero h1{font-size:41px}.hero-chips{gap:5px}.auth-main,.panel{padding:21px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat{padding:12px}.stat strong{font-size:25px}.stat span{font-size:10px}.connection{align-items:flex-start}.connection .small-link{display:none}.workspace-heading{align-items:flex-start}.code-banner{padding:17px;flex-wrap:wrap}.assignment{flex-direction:column}.assignment .assignment-actions{justify-content:flex-start}}
/* Námsbrú 2.2 – stjórnandasvæði, skýr aðgangsskipting og allt Námstorgið */
.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:7px;background:#eaf2f7;border:1px solid #dbe9f0;border-radius:17px}
.workspace-tabs button{border:0;background:transparent;padding:11px 16px;border-radius:11px;color:#31576d;font-weight:800;flex:1;white-space:nowrap;min-height:44px}
.workspace-tabs button.is-active,.workspace-tabs button[aria-selected="true"]{background:#0d5576;color:#fff;box-shadow:0 4px 11px #093c521f}
.workspace-tabs button:not(.is-active):hover{background:#fff}
.tab-content{animation:appear .18s ease}
@keyframes appear{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.preview-link{display:inline-flex;color:#0b6482;text-decoration:none;font-weight:800;font-size:13px}
.catalog-filters{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:18px 0 8px}
.catalog-filters label{font-size:13px;font-weight:850;color:#3f6174;display:grid;gap:6px}
.catalog-filters input,.catalog-filters select{border:1px solid #cbdee7;border-radius:12px;background:#fff;padding:12px;width:100%;font:inherit;min-height:47px}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px;margin-top:18px}
.catalog-site{border:1px solid #dce9ee;border-radius:15px;padding:18px;background:#fbfdfd;display:flex;flex-direction:column;gap:8px}
.catalog-site h4{margin:0;font-size:17px;color:#113a52}
.catalog-site p{margin:0;font-size:13px;color:#587387;line-height:1.65;flex:1}
.catalog-site .catalog-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#288d95}
.catalog-site-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;flex-wrap:wrap}
.catalog-site-actions button{border:1px solid #b8d6e3;background:#e9f6fa;color:#125774;font-weight:800;border-radius:9px;padding:8px 10px;cursor:pointer}
.catalog-site-actions a{color:#176b85;font-size:12px;font-weight:850;text-decoration:none}
.compact-form{max-width:510px;margin:20px 0 8px}
.admin-intro{display:flex;align-items:center;gap:20px;background:linear-gradient(113deg,#0b3557,#126978);border-radius:19px;padding:25px 30px;color:#fff;margin-bottom:17px}
.admin-intro h3{font-size:28px;margin:1px 0 5px}
.admin-intro p:not(.section-label){margin:0;color:#d6ecf0}
.admin-intro .section-label{color:#a3ebdb;margin:0}
.admin-emblem{display:grid;place-items:center;flex:0 0 62px;height:62px;border-radius:18px;background:#ffffff20;font-size:32px;color:#f2d999}
#admin-tools>.panel{margin-top:17px}
.admin-extra-panel{margin-top:16px}
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.row-actions button{font-size:12px;min-height:34px;padding:7px 11px}
.tag-muted{background:#f5ebea;color:#9d5348}
.invite-setup{padding:10px 0 20px}
.invite-setup h3{font-size:26px;margin:0}
.invite-setup p{font-size:14px;margin:0 0 10px;color:#587588}
#catalog-count{margin-top:10px;font-size:13px}
#account-tools>p{font-size:14px;color:#4a6578}
@media(max-width:750px){.catalog-filters{grid-template-columns:1fr}.admin-intro{padding:20px}.workspace-tabs button{flex:1 1 45%;padding:10px 8px;font-size:13px}}
@media(max-width:480px){.catalog-grid{grid-template-columns:1fr}.admin-intro{gap:12px}.admin-emblem{flex-basis:42px;height:42px;font-size:20px}.admin-intro h3{font-size:22px}.row-actions{justify-content:flex-start}.data-row{align-items:flex-start;flex-direction:column}}