:root{
  --bg:#11100e;
  --panel:#1b1814;
  --panel2:#242019;
  --text:#f1eadf;
  --muted:#b7aa98;
  --line:#3a3328;
  --gold:#c49a4a;
  --gold2:#e0b861;
  --danger:#b54d3f;
  --ok:#6c9b63;
  --shell:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top,#2b2419 0,#11100e 45%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
a{color:var(--gold2);text-decoration:none}
a:hover{text-decoration:underline}
.page-shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(17,16,14,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{width:min(var(--shell),calc(100% - 48px));margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:82px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:800;letter-spacing:.02em;line-height:1.15;padding:6px 0}
.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:18px}
nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}
nav a{color:var(--muted);font-size:14px}
.site-footer{margin-top:80px;padding:30px 0;color:var(--muted);border-top:1px solid var(--line);text-align:center;background:rgba(12,11,9,.45)}
.wrap{width:min(var(--shell),calc(100% - 48px));margin-inline:auto;padding:24px 0 0}
.hero{padding:82px 0 54px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:72px;align-items:center}
.hero-copy{max-width:680px}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;margin-bottom:18px}
h1{font-size:clamp(42px,5.2vw,76px);line-height:.98;margin:0 0 22px;letter-spacing:-.045em;max-width:720px}
h2{font-size:clamp(28px,3.2vw,42px);line-height:1.04;margin:0 0 16px;letter-spacing:-.035em}
h3{margin:0 0 12px;font-size:24px;letter-spacing:-.02em}
p{color:var(--muted);margin:0 0 16px}.lead{font-size:20px;max-width:660px}.panel,.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.panel{padding:34px}.hero-panel{min-height:270px;display:flex;flex-direction:column;justify-content:center;max-width:420px;margin-left:auto}.panel-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:50%;color:var(--gold2);margin-bottom:22px;font-size:22px;background:#14120f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}
.section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:0 0 28px;color:var(--gold2);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:900}.section-title span{height:1px;background:var(--line)}
.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.card{overflow:hidden}.course-card{display:flex;flex-direction:column;min-height:520px}.card-body{padding:22px}.course-card-body{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:24px}.course-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:auto}.course-color{height:8px;background:var(--gold)}.course-image{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;display:block;background:#0f0e0c;border-bottom:1px solid var(--line)}
.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:#14120f;border-radius:999px;padding:5px 10px;color:var(--muted);font-size:13px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#160f07;border:0;border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none;background:var(--gold2)}.btn.secondary{background:transparent;color:var(--gold2);border:1px solid var(--gold)}.btn.danger{background:var(--danger);color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--gold2);font-size:13px;text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border-bottom:0}.form{display:grid;gap:15px}.field label{display:block;margin:0 0 7px;color:var(--text);font-weight:700}.field input,.field textarea,.field select{width:100%;background:#0f0e0c;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit}.field textarea{min-height:130px}.notice{border:1px solid var(--gold);background:rgba(196,154,74,.09);border-radius:16px;padding:14px;color:var(--text);margin-bottom:18px}.error{border-color:var(--danger);background:rgba(181,77,63,.12)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.stat strong{display:block;font-size:30px;color:var(--gold2)}.login-box{max-width:430px;margin:50px auto}.small{font-size:13px;color:var(--muted)}
.link-button{color:#d1a24a;background:transparent;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}.link-button:hover{color:#f2d18a}
.course-hero-image{width:100%;aspect-ratio:16/9;max-height:460px;object-fit:cover;display:block;border-radius:22px;margin-bottom:24px;border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.28)}.current-image img{display:block;width:240px;max-width:100%;height:auto;border-radius:16px;border:1px solid var(--line);margin-bottom:10px}
@media(max-width:980px){.hero-grid,.course-grid{grid-template-columns:1fr}.hero-panel{max-width:none;margin-left:0}.course-card{min-height:auto}.course-card-bottom{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header{position:static}.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.wrap,.page-shell,.header-inner{width:min(100% - 28px,var(--shell))}.hero{padding:46px 0 32px}nav{gap:10px}.grid,.grid.two,.stats{grid-template-columns:1fr}th,td{padding:10px;font-size:14px}.table-scroll{overflow-x:auto}h1{font-size:42px}.panel{padding:24px}.section-title{gap:12px}.section-title span{display:none}.section-title{display:block}}

/* V6 branding og kalender */
.logo-brand{gap:16px;min-width:0}.logo-brand img{display:block;width:300px;max-width:34vw;height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.admin-logo img{width:260px}.admin-label{display:inline-flex;align-items:center;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:4px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.footer-inner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.footer-logo{display:block;width:190px;max-width:70vw;height:auto;opacity:.86}.calendar-title{margin-top:18px}.calendar-month{margin:0 0 34px}.calendar-month h2{margin-bottom:16px}.calendar-list{display:grid;gap:12px}.calendar-row{display:grid;grid-template-columns:96px minmax(0,1fr) 150px auto;gap:20px;align-items:center;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 18px 45px rgba(0,0,0,.20)}.calendar-date{display:grid;place-items:center;width:76px;min-height:76px;border:1px solid var(--line);border-radius:16px;background:#14120f;color:var(--gold2);text-transform:uppercase}.calendar-date strong{font-size:30px;line-height:1}.calendar-date span{font-size:12px;letter-spacing:.12em}.calendar-main h3{margin-bottom:4px}.calendar-main p{margin-bottom:3px}.calendar-status{display:flex;align-items:center;gap:9px;color:var(--muted);white-space:nowrap}.availability-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#6c9b63;box-shadow:0 0 0 4px rgba(108,155,99,.12)}.low .availability-dot{background:#d6a742;box-shadow:0 0 0 4px rgba(214,167,66,.12)}.soldout .availability-dot{background:#b54d3f;box-shadow:0 0 0 4px rgba(181,77,63,.12)}.soldout{opacity:.78}.calendar-action{display:flex;justify-content:flex-end}.admin-session-list{display:grid;gap:12px}.admin-session-row{display:grid;grid-template-columns:170px minmax(0,1fr) 34px auto;gap:18px;align-items:center;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.admin-session-date strong{display:block;color:var(--gold2);font-size:18px}.admin-session-date span{display:block;color:var(--muted);font-size:13px}.admin-session-main h3{font-size:20px;margin-bottom:10px}.admin-session-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:980px){.calendar-row{grid-template-columns:78px minmax(0,1fr);align-items:start}.calendar-status,.calendar-action{grid-column:2}.calendar-action{justify-content:flex-start}.admin-session-row{grid-template-columns:1fr}.admin-session-status{display:none}.admin-session-actions{justify-content:flex-start}.logo-brand img{width:250px;max-width:62vw}}
@media(max-width:800px){.logo-brand img{width:220px;max-width:72vw}.admin-logo{align-items:flex-start;flex-direction:column}.admin-label{margin-left:0}.calendar-row{grid-template-columns:1fr}.calendar-date{place-items:start;align-items:center;grid-template-columns:auto auto;gap:8px;width:auto;min-height:auto;display:flex;justify-content:flex-start;padding:10px 12px}.calendar-date strong{font-size:22px}.calendar-status,.calendar-action{grid-column:auto}.calendar-action{justify-content:flex-start}.footer-inner{flex-direction:column}.footer-logo{width:170px}}

/* V7 - Kunstsmedeværkstedet: mere værksted, mindre kursusplatform */
:root{
  --bg:#0b0a08;
  --panel:#15110d;
  --panel2:#211a12;
  --text:#f2eadc;
  --muted:#b7aa98;
  --line:#453827;
  --gold:#b47b2e;
  --gold2:#d4a64a;
  --ember:#c9662e;
  --steel:#7d7569;
  --shell:1240px;
}

body{
  background:
    radial-gradient(circle at 75% 10%, rgba(201,102,46,.18) 0, rgba(201,102,46,0) 28%),
    radial-gradient(circle at 45% 0%, rgba(180,123,46,.10) 0, rgba(180,123,46,0) 34%),
    linear-gradient(180deg,#100e0b 0%,#080706 52%,#0d0b08 100%);
  color:var(--text);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 9px);
  mix-blend-mode:overlay;
}

.site-header{
  background:rgba(8,7,6,.93);
  border-bottom:1px solid rgba(180,123,46,.28);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
.header-inner{min-height:86px}
.logo-brand img{width:238px;max-width:28vw;filter:drop-shadow(0 12px 18px rgba(0,0,0,.58))}
.admin-logo img{width:230px}.footer-logo{width:150px;opacity:.82}
nav a{color:#d1c6b5;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}
nav a:hover{color:var(--gold2);text-decoration:none}
.admin-label{border-color:rgba(212,166,74,.72);background:rgba(180,123,46,.10)}

.hero{
  position:relative;
  overflow:hidden;
  padding:96px 0 72px;
  border-bottom:1px solid rgba(180,123,46,.18);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(8,7,6,.92) 0%,rgba(8,7,6,.76) 45%,rgba(8,7,6,.42) 100%),
    radial-gradient(circle at 72% 35%, rgba(201,102,46,.28) 0, rgba(201,102,46,0) 26%);
  pointer-events:none;
}
.hero:after{
  content:"";
  position:absolute;
  right:5%;
  bottom:-70px;
  width:44vw;
  max-width:720px;
  height:360px;
  background:linear-gradient(135deg,rgba(212,166,74,.11),rgba(201,102,46,.06));
  border:1px solid rgba(212,166,74,.14);
  transform:skewX(-12deg);
  filter:blur(.2px);
  opacity:.45;
}
.hero-grid{position:relative;z-index:1}
.eyebrow{
  color:var(--gold2);
  letter-spacing:.28em;
  font-size:11px;
}
h1,h2,h3,.calendar-date strong{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.015em;
}
h1{
  text-transform:uppercase;
  letter-spacing:.015em;
  font-size:clamp(46px,5.6vw,82px);
  line-height:1.02;
  text-shadow:0 16px 40px rgba(0,0,0,.55);
}
h2{letter-spacing:-.01em}.lead.workshop-lead{color:#d7b468;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sublead{max-width:620px;color:#d0c5b7;font-size:18px}

.panel,.card,table,.stat,.calendar-row,.admin-session-row{
  background:
    linear-gradient(180deg,rgba(30,24,17,.96),rgba(15,13,10,.98));
  border-color:rgba(180,123,46,.28);
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
}
.panel,.card{border-radius:14px}.hero-panel{border-radius:12px}.workshop-panel{border-top:3px solid rgba(201,102,46,.65)}
.panel-icon{border-color:rgba(212,166,74,.38);background:#0c0a08;color:var(--gold2)}

.section-title{color:var(--gold2)}
.section-title span{background:linear-gradient(90deg,transparent,rgba(180,123,46,.55),transparent)}
.course-card{min-height:500px;border-radius:10px}.course-image{border-bottom-color:rgba(180,123,46,.34);filter:saturate(.92) contrast(1.05)}
.card-body{padding:24px}.course-card h2{text-transform:none}.course-card p{color:#c9bdad}.course-card-bottom{border-top:1px solid rgba(180,123,46,.18);padding-top:18px}
.badge{background:#0c0a08;border-color:rgba(180,123,46,.28);color:#cfc1ae;border-radius:8px}.btn{border-radius:6px;background:linear-gradient(180deg,#d7a84d,#ad742c);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.32);text-transform:uppercase;letter-spacing:.055em;font-size:13px}.btn:hover{background:linear-gradient(180deg,#e3ba62,#bb8137)}.btn.secondary{border-color:rgba(212,166,74,.75);background:rgba(10,8,6,.25);color:#e4c06a}

.calendar-row{border-radius:12px}.calendar-date{border-radius:8px;background:#0b0907;border-color:rgba(180,123,46,.30)}
.course-hero-image{border-radius:10px;border-color:rgba(180,123,46,.30)}
.site-footer{background:rgba(7,6,5,.72);border-top-color:rgba(180,123,46,.25);margin-top:70px}

@media(max-width:800px){
  .header-inner{min-height:auto}.logo-brand img,.admin-logo img{width:205px;max-width:74vw}.hero{padding:60px 0 42px}h1{font-size:40px}.footer-logo{width:138px}
}


/* V7.2 - små adminjusteringer */
.admin-logo .admin-label{display:none;}
.admin-logo{gap:0;}
.admin-logo img{display:block;}
.wrap > .actions + .table-scroll{margin-top:24px;}
.wrap > .actions{margin-bottom:0;}


/* V8 - kursusdetaljeside og forbedret tilmeldingsflow */
.course-detail-hero{padding-top:56px}
.course-detail-grid{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(360px,1.05fr);gap:42px;align-items:stretch}
.course-detail-copy{padding:20px 0 8px;display:flex;flex-direction:column;justify-content:center}.course-detail-copy h1{max-width:620px}.course-detail-meta{margin-top:20px}.course-detail-image-wrap{position:relative;border:1px solid rgba(180,123,46,.30);border-radius:14px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.42);background:#080706}.course-detail-image{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;filter:saturate(.92) contrast(1.06)}.course-detail-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.38));pointer-events:none}.course-detail-image-placeholder{min-height:420px;border:1px solid rgba(180,123,46,.30);border-radius:14px;background:linear-gradient(135deg,#15110d,#211a12);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);box-shadow:0 24px 70px rgba(0,0,0,.42)}.course-detail-image-placeholder strong{font-family:Georgia,"Times New Roman",serif;font-size:32px;color:var(--text)}
.course-info-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start;padding-top:34px}.course-info-panel,.course-facts-panel{border-radius:14px}.rich-text{color:#d1c6b5;font-size:18px}.rich-text br{display:block;margin-bottom:10px;content:""}.workshop-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.workshop-list li{position:relative;padding-left:30px;color:#d1c6b5}.workshop-list li:before{content:"";position:absolute;left:0;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 5px rgba(212,166,74,.10)}.course-facts-box{margin-top:26px;padding-top:22px;border-top:1px solid rgba(180,123,46,.20);display:grid;gap:6px}.course-facts-box strong{color:var(--gold2);text-transform:uppercase;letter-spacing:.09em;font-size:13px}.course-facts-box span{color:var(--muted)}
.booking-flow{display:grid;grid-template-columns:420px minmax(0,1fr);gap:28px;align-items:start;padding-top:56px}.booking-summary{position:sticky;top:110px}.booking-summary h1{font-size:clamp(40px,4vw,62px)}.booking-summary h2{margin-top:18px}.booking-note{margin-top:22px;border-top:1px solid rgba(180,123,46,.20);padding-top:18px}.booking-form{border-radius:14px}.thank-panel{max-width:860px;margin-inline:auto}.booking-confirmation-box{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.booking-confirmation-box div{background:#0c0a08;border:1px solid rgba(180,123,46,.28);border-radius:10px;padding:14px}.booking-confirmation-box strong{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:6px}.booking-confirmation-box span{color:var(--text)}
@media(max-width:980px){.course-detail-grid,.course-info-grid,.booking-flow{grid-template-columns:1fr}.course-detail-image{min-height:300px}.booking-summary{position:static}.booking-confirmation-box{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.course-detail-hero,.booking-flow{padding-top:34px}.course-detail-image{min-height:230px}.course-info-grid{gap:18px}.booking-confirmation-box{grid-template-columns:1fr}.rich-text{font-size:16px}}

/* V8.1 - finpudsning af kursussider og admin-select */
.course-detail-grid{
  grid-template-columns:minmax(0,0.9fr) minmax(420px,1fr);
  gap:56px;
  align-items:center;
}
.course-detail-copy h1{
  max-width:100%;
  font-size:clamp(40px,4.1vw,64px);
  line-height:1.03;
  overflow-wrap:break-word;
  hyphens:auto;
}
.course-detail-copy{
  min-width:0;
}
.course-detail-image-wrap{
  min-width:0;
}
.rich-text{
  max-width:68ch;
}
.course-info-panel .rich-text{
  max-width:66ch;
}
.table-scroll select,
table select{
  appearance:none;
  -webkit-appearance:none;
  background:#0c0a08;
  color:var(--text);
  border:1px solid rgba(180,123,46,.48);
  border-radius:8px;
  padding:7px 34px 7px 10px;
  font:inherit;
  min-width:128px;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold2) 50%),linear-gradient(135deg,var(--gold2) 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 10px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}
table select:focus{
  outline:0;
  border-color:var(--gold2);
  box-shadow:0 0 0 3px rgba(212,166,74,.14);
}
table select option{
  background:#0c0a08;
  color:var(--text);
}
@media(max-width:1100px){
  .course-detail-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .course-detail-copy h1{
    font-size:clamp(38px,7vw,60px);
  }
  .course-detail-image{min-height:320px;}
}
@media(max-width:640px){
  .course-detail-copy h1{
    font-size:clamp(34px,11vw,48px);
  }
  .course-detail-grid{gap:22px;}
}

/* V8 - datastyrede kursusfelter */
.field textarea.textarea-large{min-height:190px}
.course-dynamic-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding-top:34px}
.course-dynamic-panel{border-radius:14px;min-height:100%}
.course-dynamic-panel .rich-text{max-width:72ch;white-space:normal}
.course-dynamic-panel:nth-child(1){grid-column:1 / -1}
.course-dynamic-panel:nth-child(1) .rich-text{max-width:78ch}
.course-detail-copy .workshop-lead{white-space:normal;max-width:620px}
@media(max-width:900px){.course-dynamic-sections{grid-template-columns:1fr}.course-dynamic-panel:nth-child(1){grid-column:auto}}


/* V8.3 - samlet public/booking navigation */
.site-header .public-nav a[href*="admin"]{display:none!important;}
.site-header .public-nav{align-items:center;}
.site-header .public-nav a{white-space:nowrap;}
@media(max-width:800px){
  .site-header .public-nav{width:100%;justify-content:flex-start;gap:14px 18px;}
  .site-header .public-nav a{font-size:11px;}
}
@media(max-width:560px){
  .site-header .public-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} 
  .site-header .public-nav a{padding:3px 0;}
}

/* V8.4 - praktisk information og medbring samlet i samme kort */
.course-practical-panel .rich-text + .course-panel-divider{
  margin-top:22px;
}
.course-panel-divider{
  height:1px;
  background:linear-gradient(90deg,rgba(180,123,46,.45),rgba(180,123,46,.18),transparent);
  margin:22px 0 22px;
}
.course-subheading{
  color:var(--gold2);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:900;
  margin-bottom:14px;
}

.archive-section{
    margin-top:48px;
}
.archive-section h2{
    margin:0 0 18px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(32px,4vw,56px);
    letter-spacing:.01em;
    color:var(--cream);
    text-transform:none;
}


/* V9.1 - mobilvenlighed: menu, kursussider og adminlister */
.nav-toggle{display:none}
.nav-toggle-label{display:none}

@media(max-width:800px){
  .site-header{position:sticky;top:0;z-index:30}
  .header-inner{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;
    padding:10px 0;
    min-height:auto;
  }
  .logo-brand img,.admin-logo img{width:190px;max-width:64vw}
  .nav-toggle-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,166,74,.75);
    border-radius:6px;
    padding:10px 12px;
    color:#e4c06a;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-size:12px;
    cursor:pointer;
    background:rgba(10,8,6,.45);
  }
  .site-header nav,.site-header .public-nav,.site-header .admin-nav{
    display:none;
    grid-column:1 / -1;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
    padding-top:6px;
  }
  .nav-toggle:checked + .nav-toggle-label + nav,
  .nav-toggle:checked + .nav-toggle-label + .public-nav,
  .nav-toggle:checked + .nav-toggle-label + .admin-nav{display:grid}
  .site-header nav a,.site-header .public-nav a,.site-header .admin-nav a{
    display:block;
    width:100%;
    padding:11px 12px;
    border:1px solid rgba(180,123,46,.28);
    border-radius:8px;
    background:#0c0a08;
    font-size:12px;
    text-align:left;
  }

  .wrap,.page-shell,.header-inner{width:min(100% - 28px,var(--shell))}
  .course-detail-hero{padding-top:32px}
  .course-detail-copy h1{
    font-size:clamp(34px,11vw,46px);
    line-height:1.05;
    hyphens:none;
    overflow-wrap:normal;
    word-break:normal;
  }
  .lead.workshop-lead{font-size:16px;line-height:1.6;letter-spacing:.025em}
  .course-detail-meta{gap:8px}.course-detail-meta .badge{white-space:normal}
  .actions{gap:10px}.actions .btn{width:100%}
  .course-detail-image{min-height:220px}
  .calendar-row{grid-template-columns:1fr;gap:12px}.calendar-status,.calendar-action{grid-column:auto}.calendar-action .btn{width:100%}
}

@media(max-width:760px){
  .table-scroll{overflow:visible}
  table.responsive-table,
  table.responsive-table tbody,
  table.responsive-table tr,
  table.responsive-table td{display:block;width:100%}
  table.responsive-table{border:0;background:transparent;box-shadow:none}
  table.responsive-table tr:first-child{display:none}
  table.responsive-table tr{
    margin:0 0 14px;
    padding:14px;
    border:1px solid rgba(180,123,46,.28);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(30,24,17,.96),rgba(15,13,10,.98));
    box-shadow:0 18px 45px rgba(0,0,0,.24);
  }
  table.responsive-table td{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:9px 0;
    border-bottom:1px solid rgba(180,123,46,.16);
    font-size:14px;
    overflow-wrap:anywhere;
  }
  table.responsive-table td:last-child{border-bottom:0}
  table.responsive-table td:before{
    content:attr(data-label);
    color:var(--gold2);
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-size:11px;
  }
  table.responsive-table td form{margin:0}
  table.responsive-table select{width:100%;min-width:0}
}


/* V9.7 bookingfelter */
.business-fields { display: none; }
.business-booking .business-fields { display: block; }
.booking-form select,
.form select { width: 100%; }


/* V9.8 depositum og betaling */
.price-preview,
.payment-notice {
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid rgba(196,154,74,.35);
  border-radius: 14px;
  background: rgba(196,154,74,.08);
}
.price-preview strong,
.price-preview span {
  display: block;
}
.payment-details {
  margin-top: 24px;
}
.payment-method-box {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(0,0,0,.16);
}
.payment-method-box h3 {
  margin-top: 0;
}
.status-form {
  display: grid;
  gap: 6px;
  min-width: 160px;
}
.small-btn {
  padding: 8px 12px;
  font-size: .9rem;
}
@media (max-width: 760px) {
  .status-form {
    min-width: 0;
  }
}

/* V9.8.1: enkel depositummarkering i admin */
.checkline {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  font-size: 0.92rem;
  color: var(--text, #f4eee4);
}

.checkline input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #d8a13c;
}

/* V9.9.1: Tilmeldinger grupperet efter hold */
.booking-groups{display:grid;gap:26px;margin-top:24px}
.booking-session-card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.28);overflow:hidden}
.booking-session-header{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line);background:rgba(196,154,74,.06)}
.booking-session-header h2{margin:0 0 6px;font-size:32px}
.booking-session-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.booking-session-stats span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#0f0e0c;color:var(--muted);white-space:nowrap}
.booking-session-stats strong{color:var(--gold2)}
.booking-list{display:grid}
.booking-row-card{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(170px,.8fr) minmax(160px,.75fr) minmax(230px,1fr) minmax(190px,.85fr);gap:18px;align-items:start;padding:18px 24px;border-bottom:1px solid var(--line)}
.booking-row-card:last-child{border-bottom:0}
.booking-row-card.status-waitlist{background:rgba(214,167,66,.08)}
.booking-row-card.status-cancelled{opacity:.62}
.booking-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.status-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;color:var(--gold2);background:#0f0e0c}
.status-confirmed .status-pill{color:#b8d7ae}
.status-waitlist .status-pill{color:#e1bc64}
.status-cancelled .status-pill{color:#d9988f}

.booking-invoices{border-left:1px solid var(--line);padding-left:16px}
.invoice-mini-list{display:grid;gap:10px;margin-top:6px}
.invoice-mini-item{padding:10px 12px;border:1px solid rgba(196,154,74,.20);border-radius:12px;background:rgba(0,0,0,.14)}
.invoice-mini-item strong{color:var(--gold2)}
.booking-controls .form{gap:8px}.booking-controls select{min-width:170px}.autosave-status{display:inline-block;min-height:18px;color:var(--gold2)}
.booking-comment{grid-column:1 / -1;border-top:1px solid rgba(196,154,74,.18);padding-top:12px;color:var(--muted)}
@media(max-width:1150px){.booking-row-card{grid-template-columns:1fr 1fr}.booking-invoices,.booking-controls{grid-column:1 / -1}.booking-invoices{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px}.booking-session-header{flex-direction:column}.booking-session-stats{justify-content:flex-start}}
@media(max-width:720px){.booking-row-card{grid-template-columns:1fr;padding:16px}.booking-session-header{padding:18px}.booking-session-header h2{font-size:26px}.booking-session-stats span{width:100%}.booking-controls select{width:100%}}

/* V10.0: Pristabel pr. kursus */
.price-tier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 10px;
}
.price-tier-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.04);
}
.price-tier-grid span {
  font-size: .86rem;
  opacity: .82;
}

/* V10.0.2: Arkiv og pænere statusfelter i tilmeldinger */
.admin-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 20px;
}
.tab-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(180,123,46,.45);
  border-radius:999px;
  padding:9px 14px;
  background:#0c0a08;
  color:var(--muted);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  text-decoration:none;
}
.tab-link.active{
  background:linear-gradient(180deg,#d8aa4a,#b77a2e);
  color:#0b0805;
  border-color:#e2bf6a;
}
.booking-controls select,
.status-form select,
.booking-status-select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  background:#0c0a08;
  color:var(--text);
  border:1px solid rgba(180,123,46,.65);
  border-radius:10px;
  padding:10px 38px 10px 12px;
  font:inherit;
  min-width:170px;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold2) 50%),linear-gradient(135deg,var(--gold2) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 11px) 50%;
  background-size:7px 7px,7px 7px;
  background-repeat:no-repeat;
}
.booking-controls select:focus,
.status-form select:focus,
.booking-status-select:focus{
  outline:0;
  border-color:var(--gold2);
  box-shadow:0 0 0 3px rgba(212,166,74,.15);
}
.booking-controls select option,
.status-form select option,
.booking-status-select option{
  background:#0c0a08;
  color:var(--text);
}
.archive-form{
  margin-top:8px;
}
.link-button{
  border:0;
  background:transparent;
  color:var(--gold2);
  padding:0;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.link-button:hover{color:var(--cream)}


/* V10.4 - forsideindstillinger */
.check-row{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;background:#0f0e0c;border:1px solid var(--line);border-radius:14px;padding:12px 13px}.check-row input{width:auto;accent-color:var(--gold)}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:800px){.option-grid{grid-template-columns:1fr}}


/* V10.6 galleri */
.gallery-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 22px}.gallery-admin-card{background:#0f0e0c;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:12px}.gallery-admin-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#090807}.gallery-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.gallery-admin-panel{margin-top:22px}@media(max-width:980px){.gallery-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.gallery-admin-grid{grid-template-columns:1fr}}
.shop-admin-page .admin-page-head{margin-bottom:24px}
.language-action-buttons{display:flex;gap:10px;flex-wrap:wrap}
.language-copy-button:disabled{opacity:.65;cursor:wait}


/* V10.9 - grupperet admin-menu */
.admin-nav-grouped{
  align-items:center;
  gap:10px;
}
.admin-nav-grouped > a,
.admin-menu-group > summary{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:10px 12px;
  border:1px solid rgba(180,123,46,.22);
  border-radius:999px;
  background:rgba(13,11,8,.45);
  color:#d1c6b5;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  text-decoration:none;
  list-style:none;
  white-space:nowrap;
}
.admin-menu-group > summary::-webkit-details-marker{display:none}
.admin-menu-group > summary::after{
  content:"▾";
  margin-left:8px;
  color:var(--gold2);
  font-size:11px;
}
.admin-nav-grouped > a:hover,
.admin-menu-group > summary:hover{
  color:var(--gold2);
  border-color:rgba(212,166,74,.55);
  text-decoration:none;
}
.admin-menu-group{
  position:relative;
}
.admin-submenu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:60;
  display:none;
  min-width:210px;
  padding:8px;
  border:1px solid rgba(180,123,46,.34);
  border-radius:14px;
  background:#0b0907;
  box-shadow:0 22px 60px rgba(0,0,0,.45);
}
.admin-menu-group[open] .admin-submenu,
.admin-menu-group:hover .admin-submenu{
  display:grid;
  gap:6px;
}
.admin-submenu a{
  display:block;
  padding:10px 11px;
  border-radius:10px;
  color:#d1c6b5;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
}
.admin-submenu a:hover{
  background:rgba(180,123,46,.12);
  color:var(--gold2);
  text-decoration:none;
}
.admin-nav-logout{
  border-color:rgba(181,77,63,.36)!important;
}

@media(max-width:800px){
  .admin-nav-grouped{
    grid-template-columns:1fr!important;
    gap:8px;
  }
  .admin-nav-grouped > a,
  .admin-menu-group > summary{
    width:100%;
    border-radius:8px;
    justify-content:space-between;
    background:#0c0a08;
  }
  .admin-menu-group{
    width:100%;
  }
  .admin-submenu{
    position:static;
    display:none;
    min-width:0;
    margin-top:6px;
    padding:6px;
    border-radius:10px;
    box-shadow:none;
    background:#090806;
  }
  .admin-menu-group[open] .admin-submenu{
    display:grid;
  }
  .admin-menu-group:hover .admin-submenu{
    display:none;
  }
  .admin-menu-group[open]:hover .admin-submenu{
    display:grid;
  }
  .admin-submenu a{
    padding-left:22px!important;
    border:1px solid rgba(180,123,46,.18)!important;
    background:#0f0d0a!important;
  }
}


.mail-template-form { display: grid; gap: 18px; }
.mail-template-card { display: grid; gap: 14px; }
.mail-template-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.check-inline { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 0.95rem; }
.check-inline input { width: auto; }
@media (max-width: 720px) {
  .mail-template-head { display: grid; }
}

/* V10.13 flowoptimering */
.mini-badge{display:inline-flex;align-items:center;margin:2px 4px 2px 0;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#0f0e0c;color:var(--muted);font-size:12px;white-space:nowrap}.pending-deposit-list{display:grid;gap:12px}.pending-deposit-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:16px}.pending-deposit-card span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.pending-deposit-amount{text-align:right;display:grid;gap:8px;justify-items:end}.booking-log{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}@media(max-width:720px){.pending-deposit-card{align-items:flex-start;flex-direction:column}.pending-deposit-amount{text-align:left;justify-items:start}.mini-badge{white-space:normal}}


/* V10.16 admin finpudsning */
.activity-list{display:grid;gap:10px}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel2))}.activity-dot{width:10px;height:10px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px rgba(212,166,74,.45)}.activity-main{display:grid;gap:3px}.activity-main strong{color:var(--text)}.activity-main span,.activity-item time{color:var(--muted);font-size:13px}.admin-session-actions,.actions{flex-wrap:wrap}.btn,.admin-nav-grouped > a,.admin-menu-group > summary{touch-action:manipulation}@media(max-width:720px){.activity-item{grid-template-columns:auto 1fr}.activity-item time{grid-column:2;justify-self:start}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:1.6rem}.admin-session-actions .btn{width:100%;text-align:center}}

/* V10.16.1 - dashboardkort 2 og 2 på mobil */
@media(max-width:800px){
  .wrap .stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .wrap .stat{
    min-width:0;
    padding:16px 14px!important;
    border-radius:16px!important;
    font-size:15px;
    line-height:1.25;
  }
  .wrap .stat strong{
    font-size:clamp(1.65rem,7.6vw,2.1rem)!important;
    line-height:1.05;
    overflow-wrap:anywhere;
    word-break:normal;
  }
}
@media(max-width:360px){
  .wrap .stats{gap:8px!important;}
  .wrap .stat{padding:14px 11px!important;font-size:14px;}
  .wrap .stat strong{font-size:1.45rem!important;}
}


/* V11.0.6 - Systemdesign for hele adminområdet */
body.admin-area{
  background:radial-gradient(circle at top,var(--admin-bg-soft,#2b2419) 0,var(--admin-bg,#11100e) 48%);
}
body.admin-area .site-header,
body.admin-area .site-footer{
  background:rgba(10,9,8,.94);
  border-color:var(--admin-border,#3a3328);
}
body.admin-area .panel,
body.admin-area .card,
body.admin-area table,
body.admin-area .stat,
body.admin-area .calendar-row,
body.admin-area .admin-session-row,
body.admin-area .booking-session-card,
body.admin-area .gallery-admin-card,
body.admin-area .booking-session-header,
body.admin-area table.responsive-table tr{
  background:linear-gradient(180deg,var(--admin-card,#1b1814),var(--admin-card-2,#242019));
  border-color:var(--admin-border,#3a3328);
}
body.admin-area .field input,
body.admin-area .field textarea,
body.admin-area .field select,
body.admin-area table select,
body.admin-area .booking-session-stats span,
body.admin-area .status-pill,
body.admin-area .badge,
body.admin-area .payment-method-box,
body.admin-area .price-tier-grid label,
body.admin-area .nav-toggle-label,
body.admin-area .site-header .admin-nav a,
body.admin-area .admin-menu-group > summary,
body.admin-area .admin-submenu,
body.admin-area .checkline,
body.admin-area .notice,
body.admin-area input[type="text"],
body.admin-area input[type="email"],
body.admin-area input[type="password"],
body.admin-area input[type="number"],
body.admin-area input[type="url"],
body.admin-area input[type="date"],
body.admin-area input[type="time"],
body.admin-area textarea,
body.admin-area select{
  background:linear-gradient(180deg,var(--admin-field,#0f0e0c),var(--admin-field-2,#14110e));
  border-color:var(--admin-border,#3a3328);
}
body.admin-area th,
body.admin-area td,
body.admin-area .booking-row-card,
body.admin-area .booking-comment,
body.admin-area .course-panel-divider{
  border-color:var(--admin-border-soft,#5f4b2b);
}
body.admin-area .field input:focus,
body.admin-area .field textarea:focus,
body.admin-area .field select:focus,
body.admin-area table select:focus,
body.admin-area input:focus,
body.admin-area textarea:focus,
body.admin-area select:focus{
  outline:0;
  border-color:var(--gold2);
  box-shadow:0 0 0 3px rgba(224,184,97,.18);
}
.admin-design-form{gap:22px}
.design-slider-field{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) 58px;
  gap:18px;
  align-items:center;
  padding:16px;
  border:1px solid var(--admin-border,#3a3328);
  border-radius:16px;
  background:linear-gradient(180deg,var(--admin-card,#1b1814),var(--admin-card-2,#242019));
}
.design-slider-field label{display:block;margin:0 0 4px;color:var(--text);font-weight:900}
.design-slider-field small{display:block;color:var(--muted)}
.design-slider-field input[type="range"]{width:100%;accent-color:var(--gold2)}
.design-slider-field output{display:grid;place-items:center;min-height:42px;border:1px solid var(--admin-border,#3a3328);border-radius:12px;background:var(--admin-field,#0f0e0c);color:var(--gold2);font-weight:900}
.design-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.design-preview-card{padding:18px;border:1px solid var(--admin-border,#3a3328);border-radius:16px;background:linear-gradient(180deg,var(--admin-card,#1b1814),var(--admin-card-2,#242019));box-shadow:0 18px 45px rgba(0,0,0,.18)}
.design-preview-card strong{display:block;margin-bottom:8px;color:var(--gold2)}
.design-preview-card p{margin-bottom:14px}
.design-preview-card label{display:block;margin-bottom:8px;font-weight:800}
.design-preview-card input{width:100%;padding:12px 13px;border:1px solid var(--admin-border,#3a3328);border-radius:12px;background:linear-gradient(180deg,var(--admin-field,#0f0e0c),var(--admin-field-2,#14110e));color:var(--text);font:inherit}
.design-preview-table{display:grid;gap:8px}
.design-preview-table div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--admin-border-soft,#5f4b2b)}
.design-preview-table div:last-child{border-bottom:0}
.design-preview-table span:first-child{color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
@media(max-width:760px){
  .design-slider-field{grid-template-columns:1fr;gap:10px}
  .design-slider-field output{justify-self:start;min-width:58px}
  .design-preview-grid{grid-template-columns:1fr}
}


/* V11.1.1b - Økonomiindstillinger: lavere header og renere teststatus */
.economy-settings-page{max-width:1280px}
.economy-settings-form{gap:18px}
.economy-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:22px;
  align-items:center;
  margin-bottom:0;
}
.economy-top.panel{padding:28px 34px!important}
.economy-top-text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.economy-top-text h1{
  font-size:clamp(38px,4.1vw,54px);
  line-height:.95;
  letter-spacing:-.035em;
  max-width:100%;
  overflow-wrap:normal;
}
.economy-top-text .lead{margin-top:12px}
.test-mode-panel{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  min-height:98px;
  padding:16px;
  border:1px solid rgba(98,190,106,.72);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(29,70,36,.52),rgba(12,16,12,.88));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
  cursor:pointer;
}
.test-mode-panel.is-inactive{
  border-color:var(--admin-border,#3a3328);
  background:linear-gradient(135deg,var(--admin-card,#1b1814),var(--admin-card-2,#242019));
}
.test-mode-panel input{position:absolute;opacity:0;pointer-events:none}
.test-mode-main{display:grid;gap:6px}
.test-mode-title{
  color:#7ee281;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:1.05rem;
}
.test-mode-panel.is-inactive .test-mode-title{color:var(--muted)}
.test-mode-description{color:var(--text);line-height:1.35}
.test-mode-details{display:flex;flex-wrap:wrap;gap:6px 13px;color:var(--muted);font-size:.92rem}
.test-mode-details strong{color:var(--text)}
.test-mode-switch{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 8px 8px 16px;
  min-width:122px;
  border-radius:999px;
  background:linear-gradient(180deg,#4fb95c,#2f873a);
  color:#fff;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.06em;
  justify-content:space-between;
}
.test-mode-panel.is-inactive .test-mode-switch{background:linear-gradient(180deg,#5b5143,#302a22);color:var(--muted)}
.test-mode-knob{width:34px;height:34px;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.35);display:block;flex:0 0 auto}
.economy-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.economy-card{margin:0}
.compact-grid{gap:12px!important}
.economy-invoice-panel{margin:0}
.invoice-settings-grid{grid-template-columns:1fr 1fr minmax(180px,.7fr);align-items:end}
.next-invoice-box{
  display:grid;
  gap:7px;
  padding:14px 16px;
  border:1px solid var(--admin-border,#3a3328);
  border-radius:14px;
  background:linear-gradient(180deg,var(--admin-field,#0f0e0c),var(--admin-field-2,#14110e));
  min-height:75px;
}
.next-invoice-box span{color:var(--muted);font-weight:900;font-size:.9rem}
.next-invoice-box strong{color:#ff6b57;font-size:1.1rem;letter-spacing:.03em}
.next-invoice-box small{color:var(--muted);line-height:1.35}
.test-mode-help{
  display:grid;
  gap:5px;
  padding:16px 18px;
  border:1px solid rgba(90,150,230,.58);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(19,45,74,.55),rgba(10,13,18,.85));
}
.test-mode-help.is-inactive{border-color:var(--admin-border,#3a3328);background:linear-gradient(180deg,var(--admin-card,#1b1814),var(--admin-card-2,#242019))}
.test-mode-help strong{color:var(--text)}
.test-mode-help span{color:var(--muted);line-height:1.45}
.economy-save-button{width:100%;margin-top:0}
@media(max-width:900px){
  .economy-top{grid-template-columns:1fr}
  .economy-top-text h1{font-size:clamp(34px,9vw,48px)}
  .economy-settings-grid{grid-template-columns:1fr}
  .invoice-settings-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .economy-settings-page{padding-inline:12px!important}
  .economy-top{gap:14px}
  .economy-top.panel{padding:18px!important}
  .economy-top-text h1{font-size:34px;letter-spacing:-.025em}
  .test-mode-panel{grid-template-columns:1fr;gap:14px;min-height:0;padding:16px}
  .test-mode-switch{justify-self:start;min-width:132px}
  .test-mode-details{display:grid;gap:6px}
  .compact-grid{grid-template-columns:1fr!important}
  .economy-card,.economy-invoice-panel{padding:18px!important}
}

/* V11.1.2 - Mailcenter */
.mailcenter-page .admin-page-head{align-items:stretch}
.mailcenter-status{
  min-width:300px;
  max-width:460px;
  border:1px solid rgba(91,200,118,.55);
  border-radius:18px;
  padding:18px 20px;
  background:linear-gradient(135deg,rgba(30,86,43,.42),rgba(8,20,12,.78));
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.mailcenter-status strong{color:#7df28d;text-transform:uppercase;letter-spacing:.08em;font-size:15px}
.mailcenter-status span{color:#e8efe4;line-height:1.45}
.mailcenter-status.is-live{border-color:rgba(212,166,74,.5);background:linear-gradient(135deg,rgba(87,67,35,.42),rgba(14,11,8,.80))}
.mailcenter-status.is-live strong{color:var(--gold2)}
.mailcenter-grid{margin:22px 0}
.mailcenter-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.mailcenter-stat-grid div{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.16);padding:16px}
.mailcenter-stat-grid strong{display:block;color:var(--gold2);font-size:30px;line-height:1}
.mailcenter-stat-grid span{display:block;color:var(--muted);font-weight:800;margin-top:7px}
.mail-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(255,255,255,.14)}
.mail-status.sent{color:#83f49a;background:rgba(40,156,70,.16);border-color:rgba(83,244,112,.35)}
.mail-status.failed{color:#ff9b8e;background:rgba(181,77,63,.16);border-color:rgba(255,111,96,.35)}
.small-btn{padding:9px 12px;font-size:12px;min-width:0}
@media(max-width:900px){
  .mailcenter-page .admin-page-head{display:grid;grid-template-columns:1fr;gap:16px}
  .mailcenter-status{min-width:0;max-width:none;width:100%}
  .mailcenter-stat-grid{grid-template-columns:1fr}
}

/* v11.2.0 manuel betalingsregistrering */
.invoice-action-details{
  margin:6px 0;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.035);
}
.invoice-action-details summary{
  cursor:pointer;
  color:var(--gold);
  font-weight:700;
  font-size:.9rem;
}
.inline-details{
  display:block;
  margin-top:6px;
}
.mini-payment-form{
  display:grid;
  gap:6px;
  margin-top:8px;
  min-width:210px;
}
.mini-payment-form label{
  font-size:.78rem;
  color:var(--muted);
  margin:0;
}
.mini-payment-form select,
.mini-payment-form input{
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border-radius:8px;
  border:1px solid var(--line);
  background:var(--input-bg);
  color:var(--text);
}
.copy-textarea{
  width:100%;
  margin:8px 0;
  min-height:96px;
  resize:vertical;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--input-bg);
  color:var(--text);
  padding:10px;
  font:inherit;
  font-size:.9rem;
}
@media(max-width:760px){
  .invoice-action-details{padding:9px 10px}
  .mini-payment-form{min-width:0}
}


/* v11.2.1 betalingscenter */
.payments-head {
  align-items: flex-start;
  gap: 1rem;
}

.payments-export-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
}

.payments-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.payments-summary-card {
  padding: 1rem;
}

.payments-summary-card span {
  display: block;
  color: var(--muted);
  font-size: .9rem;
  margin-bottom: .35rem;
}

.payments-summary-card strong {
  display: block;
  font-size: 1.35rem;
  color: var(--gold);
}

.payments-filter {
  margin: 1rem 0;
}

.payments-filter-actions {
  display: flex;
  gap: .65rem;
  flex-wrap: wrap;
  margin-top: .75rem;
}

.test-pill {
  margin-left: .35rem;
  background: rgba(212, 165, 72, .16);
  border-color: rgba(212, 165, 72, .55);
  color: var(--gold);
}

.payments-table .small {
  line-height: 1.45;
}

@media (max-width: 900px) {
  .payments-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .payments-head {
    display: block;
  }

  .payments-export-actions {
    justify-content: flex-start;
    margin-top: 1rem;
  }
}

@media (max-width: 560px) {
  .payments-summary-grid {
    grid-template-columns: 1fr;
  }

  .payments-summary-card strong {
    font-size: 1.15rem;
  }

  .payments-filter-actions .btn {
    width: 100%;
    text-align: center;
  }
}