/* Forbedret kontrast og fargehierarki for Staff Workspace */
.work-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid rgba(255,255,255,0.25);border-radius:20px;background:linear-gradient(135deg,#123348 0%,#0a1b28 100%);box-shadow:0 20px 55px rgba(0,0,0,0.4)}
.work-hero h1{margin:10px 0;font-size:clamp(32px,5vw,54px);letter-spacing:-.025em;color:#ffffff}
.work-hero p{margin:0;color:#e1edf5;font-size:16px}
.work-eyebrow{font-size:12px;letter-spacing:.18em;color:#f3ce8a;font-weight:700}
.work-badge{display:inline-flex;padding:9px 16px;border:1.5px solid #dcb76b;background:#c8a46a25;border-radius:30px;color:#fde1ae;font-weight:600;white-space:nowrap}
.work-badge.closed{border-color:#48bb78;background:#27674933;color:#9ae6b4}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}
.work-progress{display:flex;gap:12px;margin:24px 0}
.work-progress span{flex:1;border-top:3px solid rgba(255,255,255,0.25);padding-top:10px;color:#cbd5e0;font-size:13px;font-weight:500}
.work-progress .done{border-color:#e2b667;color:#fde1ae;font-weight:700}
.arbeid-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.arbeid-seksjon{margin:0 0 24px;padding:24px;border:1px solid rgba(255,255,255,0.18);border-radius:16px;background:#0f2434;box-shadow:0 8px 30px rgba(0,0,0,0.3);color:#f0f4f8}
.arbeid-seksjon h2{margin:0 0 18px;font-size:24px;color:#ffffff;font-weight:700}
.arbeid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}
.arbeid-kort{padding:20px;border:1px solid rgba(255,255,255,0.2);border-radius:14px;background:#142d40;transition:border-color .18s,transform .18s;color:#edf2f7}
.arbeid-kort:hover{border-color:#e2b667;transform:translateY(-2px)}
.arbeid-kort h3{overflow-wrap:anywhere;font-size:20px;color:#ffffff;margin:8px 0}
.arbeid-kort h3 a{color:#ffffff;text-decoration:none}
.arbeid-kort h3 a:hover{color:#fde1ae}
.arbeid-kort small{color:#cbd5e0;font-weight:500}
.arbeid-kort p{color:#e2e8f0;margin:6px 0 12px}
.arbeid-kort form{display:inline-block;margin-top:8px}
.arbeid-kort .btn{margin-right:6px}
.arbeid-varsel{padding:16px;border:1.5px solid #48bb78;border-radius:10px;background:#1c4532;color:#e6fffa;font-weight:500}
.arbeid-melding{padding:16px;margin:12px 0;border-left:4px solid #4a90e2;border-radius:10px;background:#142d40;color:#f7fafc}
.arbeid-melding.fra-staff{border-left-color:#e2b667;background:#203240}
.arbeid-melding strong{color:#ffffff;font-size:15px}
.arbeid-melding p,.work-details dd{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;color:#edf2f7;font-size:15px}
.arbeid-melding small{display:block;opacity:.85;margin-top:4px;color:#cbd5e0}
.arbeid-svar{display:grid;gap:12px;margin-top:20px}
.arbeid-svar label{color:#f7fafc;font-weight:600}
.arbeid-svar textarea,.work-form textarea,.work-form input,.work-form select{width:100%;box-sizing:border-box;background:#0a1722;color:#ffffff;border:1.5px solid #2d4a63;border-radius:8px;padding:10px;font-size:14.5px}
.arbeid-svar textarea:focus,.work-form textarea:focus,.work-form input:focus,.work-form select:focus{border-color:#e2b667;outline:none;box-shadow:0 0 0 2px rgba(226,182,103,0.3)}
.work-form input[type=checkbox]{width:auto}
.arbeid-svar button{justify-self:start}
.work-form{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.18)}
.work-form:first-of-type{padding-top:0}
.work-form label{display:grid;gap:6px;font-size:14px;color:#f0f4f8;font-weight:600}
.work-form button{justify-self:start}
.work-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.work-section-head h2{margin-bottom:4px}
.work-section-head small,.work-muted,#live-indicator{font-size:13px;color:#cbd5e0;line-height:1.6}
.work-details{margin:0}
.work-details dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#f3ce8a;font-weight:700;margin:18px 0 6px}
.work-details dt:first-child{margin-top:0}
.work-details dd{margin-left:0;font-size:15px;line-height:1.65;color:#ffffff}
.work-empty{padding:22px;border:1.5px dashed rgba(255,255,255,0.25);border-radius:12px;color:#cbd5e0;text-align:center;font-size:15px}
.work-timeline{list-style:none;padding-left:20px;border-left:2px solid #e2b667}
.work-timeline li{position:relative;padding:0 0 22px 14px}
.work-timeline li:before{content:'';width:10px;height:10px;background:#e2b667;border-radius:50%;position:absolute;left:-26px;top:6px;box-shadow:0 0 6px #e2b667}
.work-timeline strong{color:#ffffff;font-size:15px}
.work-timeline small,.work-timeline span{display:block;margin-top:4px;font-size:13px;color:#cbd5e0}
.work-internal{border-color:#e2b66788;background:#142533}
.work-job{padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.15)}
.work-job strong{color:#ffffff}
.work-job small{display:block;color:#cbd5e0}
.work-job p{color:#feb2b2;margin:4px 0}
.work-unread{display:inline-block;border-radius:20px;padding:3px 10px;background:#e2b667;color:#0a1722;font-size:12px;font-weight:800}
.work-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:24px 0}
.work-metric{display:block;padding:20px;border:1px solid rgba(255,255,255,0.25);border-radius:14px;background:#102638;color:#ffffff;text-decoration:none;transition:border-color .18s,transform .18s}
.work-metric:hover{border-color:#e2b667;transform:translateY(-2px)}
.work-metric strong{font-size:34px;display:block;color:#fde1ae;margin-bottom:4px}
.work-metric small{color:#cbd5e0;font-size:14px;font-weight:500}
.btn.danger{background:#c53030;color:#ffffff;border:1px solid #e53e3e}
.btn.danger:hover{background:#9b2c2c}
.btn.highlight-lukk{background:#276749;color:#ffffff;border:1.5px solid #48bb78;font-weight:700}
.btn.highlight-lukk:hover{background:#22543d;border-color:#68d391}
button:disabled{opacity:.55;cursor:wait}
.work-page-nav{display:flex;align-items:center;gap:14px;margin:20px 0;color:#edf2f7}
@media(max-width:1000px){.work-layout{grid-template-columns:minmax(0,1fr)}.work-layout aside{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start}}
@media(max-width:600px){.work-hero{padding:22px;align-items:start;flex-direction:column}.arbeid-seksjon{padding:16px}.arbeid-nav .btn{flex:1;text-align:center}.work-progress{gap:8px}.work-progress span{font-size:11px}.work-section-head{align-items:start}}