:root{--navy:#003b5c;--turq:#16b9b2;--light:#eef7f8;--ink:#16323f;--muted:#64747d;--ok:#dff3e5;--warn:#fff3cd;--white:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f7f8;color:var(--ink)}header{background:var(--navy);color:#fff;padding:22px 20px}.wrap{max-width:1050px;margin:auto}.brand{font-size:1.55rem;font-weight:800}.sub{opacity:.85;margin-top:4px}.nav{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.nav a{color:white;text-decoration:none;border:1px solid #ffffff55;border-radius:999px;padding:7px 12px}main{padding:24px 18px 60px}.hero{background:linear-gradient(135deg,var(--navy),#075479);padding:24px;border-radius:18px;color:#fff;margin-bottom:18px}.hero h1{margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 3px 18px #1232 0}.card h2,.card h3{margin-top:0}.meta{color:var(--muted);font-size:.9rem}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:700;background:var(--light)}.badge.free{background:#e0f6f4;color:#055d59}.badge.claimed{background:#fff3cd;color:#7a5600}.badge.done{background:#e1efe4;color:#215e32}.btn,button{display:inline-block;border:0;border-radius:10px;padding:10px 14px;background:var(--turq);color:#073b3a;font-weight:800;text-decoration:none;cursor:pointer}.btn.secondary,button.secondary{background:#e8eef1;color:#263f4b}.btn.danger,button.danger{background:#fee4e2;color:var(--danger)}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #cbd6dc;border-radius:9px;font:inherit;margin-top:5px}textarea{min-height:120px;resize:vertical}label{font-weight:700;display:block;margin:13px 0}.notice{padding:12px 14px;border-radius:10px;background:var(--ok);margin-bottom:14px}.notice.warn{background:var(--warn)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row form{margin:0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #e5ecef;vertical-align:top}th{background:#edf4f6}.small{font-size:.88rem}.empty{padding:30px;text-align:center;background:white;border-radius:16px;color:var(--muted)}footer{text-align:center;padding:28px;color:var(--muted)}@media(max-width:700px){table,.table-wrap{font-size:.88rem}.hide-mobile{display:none}.hero{padding:18px}}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-form{display:flex;align-items:end;gap:10px;margin:12px 0}.inline-form label{margin:0;max-width:130px}.claim-list{margin:16px 0;padding:14px;border-radius:12px;background:#f3f7f8}.claim-list.public{background:#f7fafb}.claim-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #dbe5e9}.claim-item:last-child{border-bottom:0}.smallbtn{padding:8px 12px;font-size:.9rem}.card input[type="number"],.card input[type="date"],.card input[type="time"]{width:100%;box-sizing:border-box}
@media(max-width:650px){.two-col{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form label{max-width:none}}
.badge.expired{background:#fee4e2;color:#9b1c1c}.deadline-badge{background:#e8eef1;color:#264653}.deadline{padding:8px 10px;background:#f7fafb;border-radius:9px}.deadline-over{padding:9px 11px;border-radius:9px;background:#fff1f0;color:#9b1c1c}.expired-card{border:1px solid #f1c0bc}.deadline-form{margin:12px 0}.deadline-form button{margin-top:0}
.task-image{display:block;width:100%;height:220px;object-fit:cover;border-radius:12px;margin:0 0 14px}.task-image.admin-image{height:180px}.image-form{margin:14px 0;padding:12px;background:#f7fafb;border-radius:10px}.image-form label{margin-top:0}@media(max-width:650px){.task-image{height:190px}}
.category-heading{margin-top:30px}.category-badge.indoor{background:#e8eef1;color:#264653}.category-badge.outdoor{background:#e5f3e7;color:#215e32}.event-badge{background:#e7f0ff;color:#244a7c}.event-public,.event-lock{margin:14px 0;padding:12px 14px;border-radius:12px;background:#eef5ff;border:1px solid #d7e6fb}.assignment-form,.event-create{margin:14px 0}.assignment-form{padding:12px;background:#f7fafb;border-radius:10px}.event-create{margin-bottom:16px}.event-card textarea{min-height:80px}.task-section{margin-bottom:34px}


/* v1.7 - category selector and category borders */
.category-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 26px}
.category-choice{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;color:var(--ink);border:3px solid transparent;border-radius:18px;padding:18px 20px;box-shadow:0 3px 18px #1232;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.category-choice:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1233}
.category-choice strong{display:block;font-size:1.12rem;margin-bottom:2px}
.category-choice small{display:block;color:var(--muted);font-weight:600}
.category-choice.indoor-choice{border-color:#2f6fb0}
.category-choice.outdoor-choice{border-color:#3f8a4d}
.category-choice.indoor-choice.active{background:#edf5ff;box-shadow:0 0 0 3px #2f6fb033}
.category-choice.outdoor-choice.active{background:#edf8ef;box-shadow:0 0 0 3px #3f8a4d33}
.category-icon{width:56px;height:56px;display:grid;place-items:center;flex:0 0 56px;border-radius:50%}
.category-icon svg{width:36px;height:36px;fill:currentColor}
.indoor-choice .category-icon{background:#e8f1fb;color:#2f6fb0}
.outdoor-choice .category-icon{background:#e9f5eb;color:#3f8a4d}
.task-card.indoor{border:3px solid #2f6fb0}
.task-card.outdoor{border:3px solid #3f8a4d}
@media(max-width:650px){.category-picker{grid-template-columns:1fr}.category-choice{padding:15px 16px}.category-icon{width:50px;height:50px;flex-basis:50px}.category-icon svg{width:32px;height:32px}}

/* v1.8 - tekstfiltre og kompakte offentlige opgavekort */
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.public-main{max-width:1180px}.public-intro{margin:8px 0 24px}.public-intro h1{font-size:2.35rem;line-height:1.08;margin:0 0 10px;color:#082a48}.public-intro p{font-size:1.05rem;margin:8px 0}.text-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 12px}.filter-box{background:#fff;color:var(--ink);font-size:1.05rem;border:2px solid #0f9f9a;border-radius:11px;padding:15px 18px}.filter-box.all{border-color:#0f9f9a;color:#087c78}.filter-box.indoor{border-color:#1475e8;color:#1266c3}.filter-box.outdoor{border-color:#159637;color:#12822f}.filter-box.active.all{background:#16b9b2;color:#fff}.filter-box.active.indoor{background:#eef6ff;box-shadow:0 0 0 2px #1475e822}.filter-box.active.outdoor{background:#effaf1;box-shadow:0 0 0 2px #15963722}.filter-help{color:var(--muted);margin:0 0 28px}.public-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.summary-card{padding:20px 22px;border-radius:15px;box-shadow:0 2px 12px #1231}.summary-card.task-card.indoor{border:2px solid #1475e8}.summary-card.task-card.outdoor{border:2px solid #159637}.summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.summary-content h2{font-size:1.38rem;margin:14px 0 10px;color:#082a48}.summary-actions{border-left:1px solid #dde4e8;padding-left:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.summary-actions p{margin:4px 0}.task-toggle{margin-top:14px;min-width:140px;color:#fff;background:#12aaa6}.badge-row{gap:8px}.category-badge.indoor{background:#e4f0ff;color:#1266c3}.category-badge.outdoor{background:#e4f7e9;color:#12822f}.summary-event{color:#31515e;font-size:.95rem;margin:6px 0}.task-details{margin-top:18px}.detail-divider{height:1px;background:#dfe7ea;margin:4px 0 18px}.task-description{font-size:1rem;line-height:1.55}.claim-form{max-width:650px}.summary-image{height:180px;margin-bottom:18px}footer{border-top:1px solid #e4eaed;background:#fff}
@media(max-width:850px){.public-task-grid{grid-template-columns:1fr}.summary-layout{grid-template-columns:1fr}.summary-actions{border-left:0;border-top:1px solid #dde4e8;padding-left:0;padding-top:14px}.text-filter{grid-template-columns:1fr}.public-intro h1{font-size:2rem}}
@media(max-width:650px){.header-inner{align-items:flex-start}.public-main{padding-left:12px;padding-right:12px}.summary-card{padding:17px}.public-intro h1{font-size:1.85rem}.filter-box{padding:13px 12px}.summary-image{height:190px}}

/* v1.10 - leader hours */
.leader-hours-badge{background:#fff4cc;color:#594400;border:1px solid #efd269;font-weight:800}
@media(max-width:640px){.leader-hours-badge{white-space:normal;line-height:1.25}}

/* v1.12 - samlet effekt */
.impact-counter{
  display:flex;align-items:center;gap:18px;
  margin:18px 0 24px;padding:18px 22px;
  background:#fff;border:2px solid #16b9b2;border-radius:18px;
  box-shadow:0 5px 18px rgba(0,59,92,.06)
}
.impact-number{
  min-width:92px;text-align:center;font-size:38px;line-height:1;
  font-weight:800;color:#003b5c
}
.impact-copy{display:flex;flex-direction:column;gap:3px}
.impact-copy strong{font-size:20px;color:#003b5c}
.impact-copy span{color:#5f7079}
@media(max-width:600px){
  .impact-counter{align-items:flex-start;padding:16px}
  .impact-number{min-width:68px;font-size:32px}
  .impact-copy strong{font-size:18px}
}

/* v1.13 - åbent tilbud om hjælp */
.helper-offer{margin:18px 0 26px;background:#fff;border:1px solid #ccd9df;border-radius:16px;overflow:hidden}
.helper-offer summary{cursor:pointer;padding:18px 22px;font-weight:800;color:#003b5c;font-size:18px}
.helper-offer summary:hover{background:#f4f9fa}
.helper-offer-body{padding:0 22px 22px}
.helper-offer-body>p{margin-top:0;color:#5f7079}
.helper-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.helper-form textarea{min-height:80px}
.privacy-note{font-size:13px;color:#667780;margin-bottom:0}
@media(max-width:760px){.helper-fields{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.helper-fields{grid-template-columns:1fr}}

/* v1.14 - hjælpetilbud som samme type valgboks */
.text-filter .helper-choice{
  border-color:#16b9b2;
  color:#003b5c;
  background:#fff;
}
.text-filter .helper-choice:hover,
.text-filter .helper-choice.active{
  background:#e5f8f6;
  border-color:#0b8f89;
}
.helper-offer-panel .helper-native-summary{display:none}
.helper-offer-panel:not([open]){display:none}
.helper-offer-panel[open]{display:block}
@media(min-width:900px){
  .text-filter{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* v1.15 - visuel ledertime-effekt 2026 */
.impact-2026{display:block;padding:24px 26px;border:0;background:linear-gradient(135deg,#003b5c 0%,#07506e 100%);color:#fff}
.impact-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.impact-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#9fe1dc;margin-bottom:7px}
.impact-title{font-size:28px;line-height:1.15}
.impact-title strong{font-size:36px;color:#fff}
.impact-2026 p{margin:8px 0 0;color:#d7e8ee}
.impact-year{font-size:20px;font-weight:800;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff}
.impact-bar-wrap{margin-top:22px}
.impact-bar{height:18px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}
.impact-bar-fill{height:100%;background:#28c7b7;border-radius:999px;min-width:0;transition:width .4s ease}
.impact-scale{display:flex;justify-content:space-between;margin-top:7px;font-size:12px;color:#c8dde5}
@media(max-width:600px){
 .impact-2026{padding:20px}
 .impact-title{font-size:22px}.impact-title strong{font-size:30px}
 .impact-year{font-size:16px}
}

/* v1.16 - QR-plakat */
.admin-qr-link{margin:14px 0 20px}
.button-link{display:inline-block;padding:11px 16px;border-radius:10px;background:#003b5c;color:#fff!important;text-decoration:none;font-weight:800}
.button-link:hover{opacity:.9}