:root{--bg:#f6f8fc;--card:#fff;--text:#172033;--muted:#64748b;--brand:#2563eb;--brand2:#111827;--line:#e2e8f0;--soft:#eef4ff;--ok:#16a34a;--bad:#dc2626;--shadow:0 18px 45px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#eef4ff 0,#f8fafc 260px);color:var(--text)}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.logo{text-decoration:none;font-weight:900;font-size:22px;letter-spacing:-.03em}.logo span{background:var(--brand);color:#fff;border-radius:12px;padding:7px 10px;margin-right:7px}.main-nav{display:flex;gap:8px;flex-wrap:wrap}.main-nav a{text-decoration:none;padding:9px 12px;border-radius:12px;color:#334155;font-weight:700;font-size:14px}.main-nav a:hover{background:var(--soft);color:var(--brand)}.page{padding-top:34px;padding-bottom:50px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow);margin-bottom:20px}.card.compact{padding:18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--brand);font-size:12px}.h1,h1{font-size:36px;line-height:1.05;margin:8px 0 14px;letter-spacing:-.05em}h2{margin:0 0 16px;font-size:22px;letter-spacing:-.03em}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}label{font-weight:800;font-size:14px;display:block}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:14px;font-size:15px;background:#fff;margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}textarea{min-height:130px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:var(--brand);color:#fff;font-weight:900;padding:12px 16px;text-decoration:none;cursor:pointer;box-shadow:0 10px 25px rgba(37,99,235,.2)}.btn:hover{filter:brightness(.96)}.btn.light{background:#fff;color:#172033;border:1px solid var(--line);box-shadow:none}.btn.dark{background:var(--brand2)}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.notice,.error{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:800}.notice{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#eef2ff;color:#3730a3}.pill.ok{background:#dcfce7;color:#166534}.pill.bad{background:#fee2e2;color:#991b1b}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;background:#f8fafc}.msg{border:1px solid var(--line);border-radius:18px;padding:14px;margin:10px 0;background:#fff}.msg.admin{border-left:5px solid var(--brand)}.msg.kunde{border-left:5px solid #16a34a}.msg.intern{border-left:5px solid #f59e0b;background:#fffbeb}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.attachments a{background:#f1f5f9;border:1px solid var(--line);padding:9px 11px;border-radius:12px;text-decoration:none;font-weight:800}.filterbar{display:grid;grid-template-columns:1fr 180px 160px auto;gap:10px;align-items:end}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.stat strong{font-size:24px;display:block}.footer{color:#64748b;padding:25px 0;border-top:1px solid var(--line)}@media(max-width:800px){.hero,.grid,.filterbar,.statgrid{grid-template-columns:1fr}.nav-bar{align-items:flex-start;flex-direction:column;padding:14px 22px}.h1,h1{font-size:30px}}
.logo-combo{display:flex;align-items:center;gap:8px}.logo-combo>span:first-child{margin-right:0}.logo-combo .logo-text{display:flex;flex-direction:column;line-height:1.05}.logo-combo .logo-text strong{font-size:20px;letter-spacing:-.03em}.logo-combo .logo-text small{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.02em;margin-top:2px}


/* BabyTrold v3 refinements */
.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:950;font-size:16px;letter-spacing:-.04em;box-shadow:0 10px 22px rgba(37,99,235,.22)}
.logo.brand-logo span{margin:0;padding:0;background:transparent;color:inherit;border-radius:0}
.brand-copy{display:flex;flex-direction:column;line-height:1.02}.brand-copy strong{font-size:21px;letter-spacing:-.04em;color:#111827}.brand-copy small{font-size:11px;font-weight:850;color:#64748b;margin-top:3px;letter-spacing:.04em;text-transform:uppercase}.nav-primary{background:var(--brand)!important;color:#fff!important}.nav-more{position:relative}.nav-more summary{list-style:none;cursor:pointer;padding:9px 12px;border-radius:12px;color:#334155;font-weight:800;font-size:14px}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:hover{background:var(--soft);color:var(--brand)}.nav-more div{position:absolute;right:0;top:42px;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:grid;gap:4px}.nav-more div a{display:block}.print-only{display:none}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.print-note{border:2px dashed #111827;border-radius:14px;padding:14px;margin-top:18px}.case-print{position:relative}
@media(max-width:800px){.brand-mark{width:42px;height:42px}.nav-more div{left:0;right:auto}.print-grid{grid-template-columns:1fr}}
@media print{body{background:#fff;color:#000}.site-header,.footer,.no-print,form,.main-nav,.btn{display:none!important}.container{max-width:none;padding:0}.page{padding:0}.card{box-shadow:none;border:0;border-radius:0;padding:0;margin:0}.case-print{display:block!important}.print-only{display:block}.print-title{border-bottom:2px solid #000;margin-bottom:18px;padding-bottom:10px}.pill{border:1px solid #000;color:#000;background:#fff}.print-grid{grid-template-columns:1fr 1fr;gap:24px}h1{font-size:28px}h2{font-size:16px;margin-top:14px}.msg,.attachments{display:none!important}}


/* =========================
   BABYTROLD PREMIUM V3 DONE
   Added by ChatGPT
========================= */

:root{
  --premium:#7c3aed;
  --premium2:#4f46e5;
  --warning:#f59e0b;
  --danger:#ef4444;
  --success:#22c55e;
}

body{
  background:
    radial-gradient(circle at top right,#dbeafe 0,#f8fafc 32%),
    radial-gradient(circle at bottom left,#ede9fe 0,#f8fafc 38%);
}

/* nicer header/logo */
.brand-logo{gap:12px}
.brand-mark{
  width:48px;
  height:48px;
  border-radius:18px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  box-shadow:0 14px 28px rgba(37,99,235,.24);
}
.brand-copy strong{font-size:22px}
.brand-copy small{letter-spacing:.08em}

/* premium cards */
.card{
  backdrop-filter:blur(14px);
  transition:box-shadow .18s ease, transform .18s ease;
}
.card:hover{
  box-shadow:0 22px 54px rgba(15,23,42,.12);
}
.btn{
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
.btn:hover{
  transform:translateY(-1px);
}

/* admin dashboard */
.admin-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:16px;
  margin-top:18px;
}
.admin-tile{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:138px;
  padding:22px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:.16s ease;
}
.admin-tile:hover{
  transform:translateY(-3px);
  border-color:var(--brand);
}
.admin-tile .tile-icon{font-size:35px;line-height:1}
.admin-tile strong{font-size:19px}
.admin-tile span{color:var(--muted);font-size:14px}
.admin-tile.primary{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  color:#fff;
}
.admin-tile.primary span{color:rgba(255,255,255,.82)}

.status-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:8px;
  margin:14px 0 18px;
}
.status-box{
  border-radius:15px;
  padding:9px 10px;
  text-decoration:none;
  border:1px solid #bbf7d0;
  background:#dcfce7;
  color:#166534;
  font-weight:950;
  font-size:13px;
  line-height:1.15;
}
.status-box .count{
  display:block;
  font-size:24px;
  margin-top:3px;
}
.status-box.has-cases{
  background:#fee2e2;
  color:#991b1b;
  border-color:#fecaca;
}
.status-box.warning.has-cases{
  background:#fef3c7;
  color:#92400e;
  border-color:#fde68a;
}

/* compact case list */
.case-table.compact th,
.case-table.compact td{
  padding:8px 9px;
  font-size:13px;
}
.case-table.compact th{font-size:11px}
.case-table.compact .btn{
  padding:7px 9px;
  border-radius:10px;
  font-size:12px;
}

/* status pills */
.pill.status-ny{background:#fee2e2;color:#991b1b}
.pill.status-afventer-kunde{background:#fef3c7;color:#92400e}
.pill.status-morten{background:#ede9fe;color:#5b21b6}
.pill.status-afsluttet{background:#dcfce7;color:#166534}

/* timeline */
.timeline{
  position:relative;
  padding-left:28px;
}
.timeline:before{
  content:'';
  position:absolute;
  left:8px;
  top:0;
  bottom:0;
  width:3px;
  background:#cbd5e1;
  border-radius:999px;
}
.timeline .msg,
.timeline-item{
  position:relative;
}
.timeline .msg:before,
.timeline-item:before{
  content:'';
  position:absolute;
  left:-27px;
  top:18px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#2563eb;
  border:3px solid #fff;
  box-shadow:0 0 0 2px #cbd5e1;
}
.timeline .msg.kunde:before{background:#16a34a}
.timeline .msg.intern:before{background:#f59e0b}

/* attachments/image preview */
.attachments a{
  transition:.14s ease;
}
.attachments a:hover{
  transform:translateY(-1px);
  background:#e0ecff;
}
.preview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;
  margin-top:10px;
}
.preview-grid img{
  width:100%;
  height:120px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid var(--line);
}

/* sticky action bar */
.sticky-actions{
  position:sticky;
  bottom:16px;
  display:flex;
  gap:10px;
  justify-content:flex-end;
  z-index:20;
  padding-top:8px;
}

/* dropdown more */
.admin-more{margin-top:18px}
.admin-more summary{
  cursor:pointer;
  font-weight:900;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
}
.admin-more .actions{padding-top:12px}

/* print button emphasis */
.print-btn{
  background:#111827!important;
  color:#fff!important;
}

/* mobile polish */
@media(max-width:800px){
  .admin-dashboard-grid{grid-template-columns:1fr}
  .status-strip{grid-template-columns:1fr 1fr}
  .case-table.compact th,
  .case-table.compact td{font-size:12px;padding:7px}
  .sticky-actions{
    position:fixed;
    left:0;right:0;bottom:0;
    background:#fff;
    border-top:1px solid var(--line);
    padding:12px;
    justify-content:center;
  }
  body{padding-bottom:64px}
}

@media print{
  .print-btn,.admin-more,.status-strip,.admin-dashboard-grid{display:none!important}
}


/* FIX2 - menu/sagsoversigt */
.nav-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:5px;
  padding:0 6px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  font-size:12px;
  font-weight:950;
}
.clickable-row{cursor:pointer}
.clickable-row:hover{background:#eef4ff!important}
.case-table.compact td{white-space:nowrap}
.case-table.compact td:nth-child(5),
.case-table.compact td:nth-child(6){max-width:190px;overflow:hidden;text-overflow:ellipsis}
.main-nav a{white-space:nowrap}
.pill.status-afventer-kunde{background:#fef3c7;color:#92400e}
.pill.status-morten{background:#ede9fe;color:#5b21b6}


/* FIX3 - ens menu/status/delete */
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:12px;font-weight:950}.msg-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.btn-small{padding:6px 9px!important;border-radius:10px!important;font-size:12px!important}.pill.status-afventer-kunde,.status-afventer-kunde{background:#fef3c7!important;color:#92400e!important}.pill.status-morten,.status-morten{background:#ede9fe!important;color:#5b21b6!important}

/* FIX4 - clean shared menu */
.nav-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:5px;
  padding:0 6px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  font-size:12px;
  font-weight:950;
}
.clickable-row{cursor:pointer}
.clickable-row:hover{background:#eef4ff!important}
.case-table.compact td{white-space:nowrap}
.case-table.compact td:nth-child(5),
.case-table.compact td:nth-child(6){max-width:190px;overflow:hidden;text-overflow:ellipsis}
.main-nav a{white-space:nowrap}

/* FIX5 - workflow print clean URLs */
.print-btn{background:#111827!important;color:#fff!important}
@media print{
  .no-print,.site-header,.main-nav,.footer,form,.btn{display:none!important}
  body{background:#fff!important}
  .card{box-shadow:none!important;border:0!important}
}

/* FIX7 admin workflow + print */
.msg-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-small{padding:7px 10px;border-radius:10px;font-size:12px}.print-btn{background:#111827!important;color:#fff!important}
@media print{.no-print,.site-header,.main-nav,.footer,form,.btn{display:none!important}body{background:#fff!important}.card{box-shadow:none!important;border:0!important}}

/* FIX8 - shared menu/status */
.nav-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:5px;
  padding:0 6px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  font-size:12px;
  font-weight:950;
}
.pill.status-afventer-kunde{background:#fef3c7;color:#92400e}
.status-box.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}