body {
  font-family: Arial, sans-serif;
  text-align:center;
  background: #F8F4EC; /* themed: align with override */
  margin:0;
  padding:0 0 28px 0;
  color:#2d261e;
}
h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1.1;
  color:#FFFDF8;
}
h2, h3 { color:#3f2e1f; }
.app-shell { max-width:1366px; margin:0 auto; padding:0 22px; }
.hero { max-width:1366px; margin:0 auto; padding:18px 22px 10px 22px; }
.hero-card {
  position: relative; overflow: hidden; border-radius: 28px; padding: 22px 26px;
  background: linear-gradient(135deg, #23402E 0%, #2C4B37 55%, #4A6350 100%);
  box-shadow: 0 18px 42px rgba(35,64,46,0.18); color: white;
}
.hero-card::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0));
  pointer-events:none;
}
.hero-inner { position: relative; z-index: 1; display:flex; align-items:center; justify-content:space-between; gap: 14px; }
.hero-copy { text-align:left; max-width:760px; display:flex; align-items:center; min-height:106px; cursor:pointer; }
.grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; padding:16px 0 8px 0; max-width:1280px; margin:0 auto; }
.box {
  position:relative; overflow:hidden; padding:28px 14px; font-size:27px; font-weight:bold;
  background: linear-gradient(145deg, #F5F1E8 0%, #EFEADF 56%, #E8E2D4 100%); color:#5E503F; border-radius:22px; cursor:pointer;
  user-select:none; box-shadow:0 12px 24px rgba(60, 92, 55, 0.14); border:2px solid rgba(35,64,46,0.08);
  min-height: 112px; display:flex; align-items:center; justify-content:center; transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
  flex-direction:column; gap:6px;
  touch-action: manipulation;
}
.box::before { content:""; position:absolute; top:10px; left:12px; width:40px; height:40px; opacity:0.96; background:var(--horse-icon-color, #9a8d7d); -webkit-mask:url("assets/img-74d652e9.png") center/contain no-repeat; mask:url("assets/img-74d652e9.png") center/contain no-repeat; filter:drop-shadow(0 2px 4px rgba(0,0,0,0.18)); z-index:2; }
.box-bedding-alert{position:absolute;top:10px;right:40px;z-index:3;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:linear-gradient(180deg,#f0e2c8,#c9a86a);box-shadow:0 6px 14px rgba(0,0,0,0.20);border:1px solid rgba(255,255,255,0.45);animation:beddingBlink 1.1s ease-in-out infinite}
.box-bedding-alert .pellet{width:4px;height:12px;border-radius:2px;background:linear-gradient(180deg,#8a6432,#5e4630)}
.box-bedding-alert .pellet:nth-child(2){height:9px}
.box-bedding-alert .pellet:nth-child(3){height:11px}
@keyframes beddingBlink{0%,100%{opacity:1}50%{opacity:0.3}}
.bedding-request-box .setup-inline-check{font-size:18px;font-weight:700;justify-content:flex-start}
.bedding-request-box .legend-note{margin-top:8px}
.bedding-confirm-dialog{max-width:460px}
.bedding-confirm-actions{justify-content:center;gap:14px;margin-top:14px}
.bottom-back-row{margin-top:18px}
.box.has-photo::before{display:none}
.box-photo{position:absolute;top:10px;left:12px;width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,0.75);box-shadow:0 2px 5px rgba(0,0,0,0.25)}
.setup-option-group{margin-top:10px}
.setup-option-heading{font-weight:800;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--ed-walnut,#5E503F);opacity:.85;margin:0 0 4px}
.horse-photo-row{margin-top:12px}
.horse-photo-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.horse-photo-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(94,80,63,0.30);box-shadow:0 2px 5px rgba(0,0,0,0.18)}
.horse-photo-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:14px;border:1px solid rgba(94,80,63,0.22);background:#fffdf8;color:#3f352b;font-weight:700;font-size:14px;cursor:pointer}
.horse-photo-remove{padding:9px 14px;border-radius:14px;border:1px solid rgba(160,60,50,0.35);background:#fbeeec;color:#8c3b32;font-weight:700;font-size:14px;cursor:pointer}
/* Hesteikon farver: tydelighed på forside */
.box[data-horse-icon-color="black"]::before,
.box[data-horse-icon-color="brown"]::before,
.box[data-horse-icon-color="pinto"]::before,
.box[data-horse-icon-color="brownwhite"]::before,
.box[data-horse-icon-color="twocolor"]::before,
.box[data-horse-icon-color="redbrown"]::before { filter:drop-shadow(0 1px 0 rgba(255,255,255,0.48)) drop-shadow(0 2px 4px rgba(0,0,0,0.22)); }
/* Mønstrede pelse: vises gennem silhuetten på forsidens ikoner.
   Uregelmæssige plamager (som en rigtig pinto) i stedet for et lige snit. */
.box[data-horse-icon-color="pinto"]::before {
  background:
    radial-gradient(ellipse 55% 40% at 72% 30%, #FBF8F2 0 60%, transparent 62%),
    radial-gradient(ellipse 45% 35% at 30% 78%, #FBF8F2 0 58%, transparent 60%),
    radial-gradient(ellipse 30% 26% at 60% 92%, #FBF8F2 0 60%, transparent 62%),
    #6B4A34 !important;
}
.box[data-horse-icon-color="brownwhite"]::before {
  background:
    radial-gradient(ellipse 58% 44% at 74% 34%, #FBF8F2 0 60%, transparent 62%),
    radial-gradient(ellipse 48% 40% at 26% 82%, #FBF8F2 0 58%, transparent 60%),
    #8A5A3C !important;
}
.box[data-horse-icon-color="twocolor"]::before {
  background:
    radial-gradient(ellipse 58% 44% at 74% 34%, #FBF8F2 0 60%, transparent 62%),
    radial-gradient(ellipse 48% 40% at 26% 82%, #FBF8F2 0 58%, transparent 60%),
    #1D1A17 !important;
}
.box[data-horse-icon-color="skimmel"]::before { background:#B9B4AC !important; }
.box[data-horse-icon-color="appaloosa"]::before { background:#C9C3B8 !important; background-image:radial-gradient(#4a463f 1.4px, transparent 1.5px) !important; background-size:6px 6px !important; }

.box::after { content:""; position:absolute; right:-18px; bottom:-18px; width:88px; height:88px; border-radius:50%; background: rgba(255,255,255,0.10); }

.box-note-alert {
  position:absolute; top:10px; right:10px; z-index:3;
  width:24px; height:24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, #ffe79a, #d7a71f); color:#5b4300;
  font-size:15px; font-weight:800;
  box-shadow:0 6px 14px rgba(0,0,0,0.20); border:1px solid rgba(255,255,255,0.45);
  animation: boxNotePulse 1.9s ease-in-out infinite;
}
@keyframes boxNotePulse {
  0%, 100% { transform: scale(1); box-shadow:0 6px 14px rgba(0,0,0,0.20); }
  50% { transform: scale(1.08); box-shadow:0 8px 20px rgba(0,0,0,0.26); }
}
.box.note-preview-active {
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 18px 36px rgba(60, 92, 55, 0.28);
  filter:brightness(1.05);
}
.box-note-floating-popup {
  position:fixed; z-index:9999; pointer-events:none;
  width:min(88vw, 420px); max-width:88vw;
  background:linear-gradient(135deg, rgba(44, 86, 55, 0.99) 0%, rgba(67, 118, 80, 0.99) 52%, rgba(128, 158, 112, 0.98) 100%);
  color:#fffdf7; border-radius:24px; padding:16px 18px;
  box-shadow:0 18px 42px rgba(41, 55, 34, 0.36);
  border:2px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.box-note-floating-popup::after {
  content:""; position:absolute; left:50%; bottom:-10px; width:20px; height:20px;
  background:rgba(67, 118, 80, 0.99); transform:translateX(-50%) rotate(45deg);
  border-right:1px solid rgba(255,255,255,0.12); border-bottom:1px solid rgba(255,255,255,0.12);
}
.box-note-floating-popup.below::after {
  top:-10px; bottom:auto; transform:translateX(-50%) rotate(225deg);
  border-right:none; border-bottom:none; border-left:1px solid rgba(255,255,255,0.12); border-top:1px solid rgba(255,255,255,0.12);
}
.box-note-popup-title {
  font-size:20px; line-height:1.15; font-weight:800; margin:0 0 8px 0; color:#fffdf7;
}
.box-note-popup-body {
  background:rgba(255,255,255,0.16); border-radius:18px; padding:14px 16px;
  white-space:pre-wrap; font-size:15px; line-height:1.45; color:#fffdf9;
  text-align:left; border:1px solid rgba(255,255,255,0.12);
}
.note-box.report-box { margin-top:18px; }
.note-box { text-align:left; }
.note-box h3 { text-align:center; margin-bottom:12px; }
.note-box .setup-input {
  width:100%; min-height:118px; resize:vertical; box-sizing:border-box;
  background:linear-gradient(180deg, #fffefa, #f8f1e4);
  border:1px solid rgba(121,93,56,0.18); border-radius:18px;
  text-align:left; font-size:18px; line-height:1.5; color:#3f2e1f;
  padding:16px 18px; box-shadow:inset 0 2px 6px rgba(69,52,29,0.04);
}
.note-box .setup-input:focus {
  outline:none; border-color:rgba(77,108,76,0.42); box-shadow:0 0 0 4px rgba(120,156,111,0.16), inset 0 2px 6px rgba(69,52,29,0.03);
}
.note-box .setup-input::placeholder { text-align:left; color:#8a7763; }
.note-save-row, .stats-btn-row, .overview-stats-btn-row { margin-top:12px; display:flex; justify-content:center; }
.note-save-btn { font-size:22px; padding:13px 18px; min-height:56px; }
.note-save-status {
  min-height:28px; margin-top:10px; text-align:center; font-size:15px;
}
.month-days-box.report-box { margin-top:16px; }
.month-days-summary { text-align:center; font-size:17px; color:#5b4a38; margin-bottom:12px; }
.month-days-summary strong { color:#3f2e1f; }
.month-days-wrap { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.month-day-dot {
  width:34px; height:34px; min-width:34px; min-height:34px; border-radius:50%;
  padding:0; font-size:13px; font-weight:800; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(84, 65, 40, 0.12); box-shadow:0 4px 10px rgba(69,52,29,0.10);
}
.month-day-dot.done { background:linear-gradient(180deg, #6cb8ff, #2d78dc); color:#ffffff; }
.month-day-dot.zero { background:linear-gradient(180deg, #264b89, #0f2851); color:#ffffff; }
.month-day-dot.missing { background:linear-gradient(180deg, #87d88f, #3e9a52); color:#ffffff; }
.month-day-dot.future { background:linear-gradient(180deg, #efefef, #d7d7d7); color:#6c6c6c; }
.month-days-legend {
  display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:12px; font-size:14px; color:#746351;
}
.month-days-legend-item { display:flex; align-items:center; gap:7px; }
.month-days-legend-swatch { width:14px; height:14px; border-radius:50%; }
.month-days-legend-swatch.done { background:#2d78dc; }
.month-days-legend-swatch.zero { background:#0f2851; }
.month-days-legend-swatch.missing { background:#3e9a52; }
.month-days-legend-swatch.future { background:#cfcfcf; }
.month-days-hint { text-align:center; font-size:13px; color:#776555; margin-top:8px; }
.missing-summary { text-align:center; font-size:17px; color:#5b4a38; margin:4px 0 16px; }
.missing-summary.missing-ok { color:#2f6a35; font-weight:800; }
.missing-summary strong { color:#3f2e1f; }
.missing-list { display:flex; flex-direction:column; gap:12px; }
.missing-stable-head { font-size:18px; font-weight:800; color:#4c3a28; margin:16px 2px 8px; padding-bottom:6px; border-bottom:2px solid rgba(94,80,63,0.16); }
.missing-stable-head:first-child { margin-top:4px; }
.missing-list + .missing-stable-head { margin-top:18px; }
.missing-row { background:rgba(255,255,255,0.6); border:1px solid rgba(94,80,63,0.14); border-radius:18px; padding:12px 14px; }
.missing-row-head { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:8px; }
.missing-row-title { font-weight:900; color:#3f352b; }
.missing-row-count { font-size:14px; font-weight:800; color:#9a5b3f; white-space:nowrap; }
.missing-days { display:flex; flex-wrap:wrap; gap:7px; }
.missing-days-label { font-size:13px; font-weight:800; color:#9a5b3f; margin:2px 0 6px; }
.missing-day-dot { min-width:38px !important; min-height:38px !important; margin:0 !important; padding:0 8px !important; border-radius:12px !important; border:1px solid rgba(94,80,63,0.18) !important; background:linear-gradient(180deg, #FFFDF9, #F6EFE2) !important; color:#7A6753 !important; font-weight:800 !important; font-size:15px !important; box-shadow:0 3px 8px rgba(94,80,63,0.06) !important; cursor:pointer; }
.missing-day-dot:hover { background:linear-gradient(180deg, #7A6753, #5E503F) !important; color:#fff !important; }

/* Mobil portrait: kompakt månedsskift på bokssiden */
@media (max-width: 700px) and (orientation: portrait) {
  #boksSide .month-days-box { padding:22px 12px !important; }
  #boksSide .month-days-box h3 { font-size:26px !important; margin-bottom:14px !important; }
  #boksSide .month-days-box .month-nav {
    display:grid !important;
    grid-template-columns:44px minmax(0, 1fr) 44px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:292px !important;
    margin:0 auto 12px !important;
    flex-wrap:nowrap !important;
  }
  #boksSide .month-days-box .month-nav .bigbtn,
  #boksSide .month-days-box .month-nav button {
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:12px !important;
    font-size:19px !important;
    line-height:1 !important;
  }
  #boksSide .month-days-box .month-label,
  #boksSide .month-days-box #boxMonthLabel {
    min-width:0 !important;
    width:auto !important;
    padding:9px 6px !important;
    margin:0 !important;
    font-size:21px !important;
    line-height:1.05 !important;
    text-align:center !important;
    white-space:nowrap !important;
    border-radius:8px !important;
  }
  #boksSide .month-days-summary { font-size:15px !important; line-height:1.25 !important; margin:6px auto 12px !important; max-width:270px !important; }
}

.fullpas-plan-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.fullpas-plan-table { width:100%; border-collapse:collapse; min-width:760px; background:rgba(255,255,255,0.62); border-radius:18px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(94,80,63,0.10); }
.fullpas-plan-table th, .fullpas-plan-table td { border:1px solid rgba(94,80,63,0.18); padding:12px 10px; text-align:center; vertical-align:middle; }
.fullpas-plan-table th { background:linear-gradient(180deg, #f7f0e6, #eadfce); color:#5E503F; font-size:17px; font-weight:900; }
.fullpas-plan-table td:first-child, .fullpas-plan-table th:first-child { text-align:left; min-width:220px; }
.fullpas-horse-name { font-weight:900; color:#3f352b; }
.fullpas-box-no { color:#8a7b6a; font-weight:700; }
.fullpas-plan-input { width:100%; box-sizing:border-box; padding:11px 10px; border-radius:14px; border:1px solid rgba(94,80,63,0.18); background:#fffdf8; color:#3f352b; font-size:16px; font-weight:800; text-align:center; }
.fullpas-plan-input:focus { outline:none; border-color:rgba(94,80,63,0.45); box-shadow:0 0 0 4px rgba(94,80,63,0.12); }

/* Lys placeholder i Pasningsplaner og kort */
.fullpas-plan-input::placeholder { color:rgba(122,103,83,0.34) !important; font-weight:600 !important; opacity:1 !important; }
.fullpas-plan-input::-webkit-input-placeholder { color:rgba(122,103,83,0.34) !important; font-weight:600 !important; }
.fullpas-plan-input::-moz-placeholder { color:rgba(122,103,83,0.34) !important; font-weight:600 !important; opacity:1 !important; }
.fullpas-plan-input:-ms-input-placeholder { color:rgba(122,103,83,0.34) !important; font-weight:600 !important; }
.fullpas-plan-value { display:block; min-height:24px; font-weight:900; color:#3f352b; }
.fullpas-plan-empty { text-align:center; padding:20px; color:#776555; font-weight:800; }
.fullpas-admin-note { text-align:center; margin:10px 0 16px; color:#776555; font-size:15px; }
.fullpas-saved-stamp { display:inline-block; margin-top:6px; font-size:14px; font-weight:700; color:#5E503F; }

.stable-map-section { margin-top:28px; padding-top:24px; border-top:1px solid var(--ed-line); }
.stable-map-title { text-align:center; color:var(--ed-walnut) !important; font-size:clamp(22px,2.4vw,30px) !important; margin:0 0 6px !important; }
.stable-map-wrap {
  margin-top:16px; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:28px;
  background:linear-gradient(135deg, rgba(255,253,248,0.96), rgba(243,236,224,0.92));
  border:1px solid var(--ed-line);
  box-shadow:var(--ed-shadow-soft);
}
.stable-map-wrap svg { width:100%; height:auto; min-width:620px; display:block; }
.stable-box-num { font-weight:800; text-transform:uppercase; font-family:Arial, sans-serif; }
.stable-box-name { font-weight:800; font-family:Arial, sans-serif; }
.stable-room-label { fill:#5E503F; font-weight:900; font-family:Arial, sans-serif; }

/* Mobil portrait: staldkort i VISNINGEN (ikke designeren).
   Kortet beholder sin størrelse, men vandret-scroll gøres pænt:
   hele kort-enheden (billede + overlay) scroller som én blok, så
   overlay og billede ikke længere glider fra hinanden. */
@media (max-width: 700px) and (orientation: portrait) {
  .stable-map-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding: 10px;
    /* diskret kant-skygge der antyder at der kan scrolles til siden */
    background-image:
      linear-gradient(135deg, rgba(255,253,248,0.96), rgba(243,236,224,0.92)),
      linear-gradient(to right, rgba(63,53,43,0.10), rgba(63,53,43,0) 24px),
      linear-gradient(to left, rgba(63,53,43,0.10), rgba(63,53,43,0) 24px);
    background-repeat: no-repeat;
    background-size: 100% 100%, 24px 100%, 24px 100%;
    background-position: 0 0, 0 0, 100% 0;
  }
  /* Default-kort (ren inline-SVG uden billede): behold læsbar bredde og scroll. */
  .stable-map-wrap > svg {
    min-width: 620px;
    scroll-snap-align: center;
  }
  /* Uploadede kort (billede + overlay via renderMapSvg): lås dem sammen
     ved at gøre HELE enheden til den brede, scrollbare blok. */
  .stable-map-wrap .paddock-map-wrap {
    width: 620px;
    max-width: none;
    margin: 0 auto;
    scroll-snap-align: center;
  }
  /* Overlay-SVG'en må IKKE have egen min-bredde her – den skal følge
     kort-enheden, ellers glider tal/navne væk fra billedet. */
  .stable-map-wrap .paddock-map-wrap .paddock-map-svg {
    min-width: 0;
    width: 100%;
  }
}

.hero-media-link { cursor:pointer; }
.hero-media-link:focus-visible { outline:4px solid rgba(94,80,63,0.28); outline-offset:6px; }

/* Mobil portrait: Pasningsplaner og kort */
@media (max-width: 700px) and (orientation: portrait) {
  #fullPasPlanSide .panel { padding:18px 12px !important; overflow:hidden; }
  #fullPasPlanSide h2 { font-size:30px !important; line-height:1.12 !important; margin-bottom:10px !important; }
  #fullPasPlanSide .calendar-hint { font-size:15px !important; line-height:1.35 !important; margin-bottom:10px !important; }
  #fullPasPlanSide .overview-box { padding:10px !important; border-radius:22px !important; }
  #fullPasPlanSide .primary-actions { gap:8px !important; }
  #fullPasPlanSide .primary-actions button { width:100% !important; min-width:0 !important; min-height:54px !important; }

  .fullpas-admin-note { font-size:14px !important; line-height:1.3 !important; margin:8px 4px 12px !important; }
  .fullpas-plan-wrap { overflow-x:visible !important; width:100% !important; }
  .fullpas-plan-table { min-width:0 !important; width:100% !important; border-collapse:separate !important; border-spacing:0 12px !important; background:transparent !important; box-shadow:none !important; }
  .fullpas-plan-table thead { display:none !important; }
  .fullpas-plan-table tbody, .fullpas-plan-table tr, .fullpas-plan-table td { display:block !important; width:100% !important; box-sizing:border-box !important; }
  .fullpas-plan-table tr { background:linear-gradient(180deg, #fffdf8, #f4ebd9) !important; border:1px solid rgba(94,80,63,0.12) !important; border-radius:20px !important; padding:12px !important; box-shadow:0 8px 18px rgba(69,52,29,0.10) !important; overflow:hidden !important; }
  .fullpas-plan-table td { border:0 !important; padding:7px 0 !important; text-align:left !important; }
  .fullpas-plan-table td:first-child { min-width:0 !important; padding:2px 0 10px !important; margin-bottom:4px !important; border-bottom:1px solid rgba(94,80,63,0.14) !important; }
  .fullpas-plan-table td:not(:first-child) { display:grid !important; grid-template-columns:104px minmax(0, 1fr) !important; gap:10px !important; align-items:center !important; }
  .fullpas-plan-table td:nth-child(2)::before { content:'Eftermiddag'; }
  .fullpas-plan-table td:nth-child(3)::before { content:'Aften'; }
  .fullpas-plan-table td:nth-child(4)::before { content:'Fold'; }
  .fullpas-plan-table td:not(:first-child)::before { color:#7A6753 !important; font-size:13px !important; font-weight:900 !important; text-transform:uppercase !important; letter-spacing:0.03em !important; }
  .fullpas-horse-name { display:inline !important; font-size:18px !important; }
  .fullpas-box-no { display:inline !important; font-size:14px !important; }
  .fullpas-plan-input { min-height:48px !important; padding:10px 12px !important; border-radius:14px !important; font-size:16px !important; text-align:left !important; }
  .fullpas-plan-value { min-height:36px !important; display:flex !important; align-items:center !important; padding:9px 12px !important; border-radius:14px !important; background:rgba(255,255,255,0.58) !important; font-size:16px !important; }
  .fullpas-plan-empty { padding:16px 10px !important; font-size:15px !important; line-height:1.35 !important; }
}
.auto-status { margin-top:8px; text-align:center; font-size:14px; color:#5e4d3a; }
.auto-status strong { color:#2f7d32; }
.auto-status.inactive strong { color:#8b6a3f; }
.auto-status .muted { color:#7a6958; }
.auto-fill-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(41,30,16,0.42); z-index:3200; padding:18px; }
.auto-fill-modal.show { display:flex; }
.auto-fill-dialog {
  width:min(92vw, 660px); background:#fffdf8; border-radius:24px; padding:18px 18px 16px;
  box-shadow:0 18px 40px rgba(0,0,0,0.22); max-height:min(90vh, 880px); overflow:auto;
}
.auto-fill-title { margin:0 0 8px 0; font-size:26px; color:#3f2e1f; text-align:center; }
.auto-fill-dialog .calendar-hint { font-size:14px; line-height:1.35; margin:0 auto 12px; max-width:560px; text-align:center; }
.auto-fill-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.auto-fill-dialog .setup-card { padding:14px 14px 12px; border-radius:20px; }
.auto-fill-dialog .setup-card label { font-size:18px; margin-bottom:8px; }
.auto-fill-dialog .setup-input { font-size:22px; padding:10px 12px; min-height:56px; border-radius:16px; }
.auto-fill-check {
  display:grid; grid-template-columns:24px 1fr; align-items:start; gap:10px; margin:12px 6px 0;
  font-size:14px; line-height:1.35; color:#5b4a38;
}
.auto-fill-check input { width:24px; height:24px; margin:0; align-self:start; }
.auto-fill-help { font-size:13px; color:#746351; text-align:center; margin:10px auto 0; max-width:560px; }
.auto-fill-actions,
.auto-fill-secondary-actions {
  display:flex; flex-wrap:wrap; justify-content:center; gap:12px;
}
.auto-fill-actions { margin-top:14px; }
.auto-fill-secondary-actions { margin-top:12px; }
.auto-fill-dialog .primary-actions button { font-size:22px; min-height:58px; padding:12px 18px; }
.auto-fill-secondary-actions button { min-width:170px; }
.auto-trigger-btn { white-space:nowrap; }
@media (max-width:700px) and (orientation:portrait){
  .auto-fill-dialog { width:min(95vw, 95vw); padding:16px 12px 14px; border-radius:22px; }
  .auto-fill-title { font-size:23px; }
  .auto-fill-grid { grid-template-columns:1fr; gap:10px; }
  .auto-fill-dialog .setup-card { padding:12px; }
  .auto-fill-dialog .setup-card label { font-size:17px; }
  .auto-fill-dialog .setup-input { font-size:20px; min-height:52px; }
  .auto-fill-check { margin:10px 2px 0; font-size:13px; grid-template-columns:22px 1fr; }
  .auto-fill-actions,
  .auto-fill-secondary-actions { display:block; }
  .auto-fill-dialog .primary-actions button { width:100%; margin:6px 0; }
}
@media (max-width:700px) and (orientation:portrait){
  .month-days-wrap { gap:7px; }
  .month-day-dot { width:32px; height:32px; min-width:32px; min-height:32px; font-size:12px; }
  .month-days-summary { font-size:16px; }
}

.period-fill-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(41,30,16,0.42); z-index:3100; padding:18px; }
.period-fill-modal.show { display:flex; }
.period-fill-dialog {
  width:min(92vw, 660px); background:#fffdf8; border-radius:24px; padding:18px 18px 16px;
  box-shadow:0 18px 40px rgba(0,0,0,0.22); max-height:min(90vh, 880px); overflow:auto;
}
.period-fill-title { margin:0 0 8px 0; font-size:26px; color:#3f2e1f; text-align:center; }
.period-fill-dialog .calendar-hint { font-size:14px; line-height:1.35; margin:0 auto 12px; max-width:560px; text-align:center; }
.period-fill-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.period-fill-dialog .setup-card { padding:14px 14px 12px; border-radius:20px; }
.period-fill-dialog .setup-card label { font-size:18px; margin-bottom:8px; }
.period-fill-dialog .setup-input { font-size:22px; padding:10px 12px; min-height:56px; border-radius:16px; }
.period-fill-check {
  display:grid; grid-template-columns:24px 1fr; align-items:start; gap:10px; margin:12px 6px 0;
  font-size:14px; line-height:1.35; color:#5b4a38;
}
.period-fill-check input { width:24px; height:24px; margin:0; align-self:start; }
.period-fill-help { font-size:13px; color:#746351; text-align:center; margin:10px auto 0; max-width:560px; }
#periodFillStatus { margin-top:10px; }
.period-fill-btn { white-space:nowrap; }
.period-fill-dialog .primary-actions button { font-size:22px; min-height:58px; padding:12px 18px; }
@media (max-width:700px) and (orientation:portrait){
  .period-fill-dialog { width:min(95vw, 95vw); padding:16px 12px 14px; border-radius:22px; }
  .period-fill-title { font-size:23px; }
  .period-fill-grid { grid-template-columns:1fr; gap:10px; }
  .period-fill-dialog .setup-card { padding:12px; }
  .period-fill-dialog .setup-card label { font-size:17px; }
  .period-fill-dialog .setup-input { font-size:20px; min-height:52px; }
  .period-fill-check { margin:10px 2px 0; font-size:13px; grid-template-columns:22px 1fr; }
  .period-fill-dialog .primary-actions button { width:100%; margin:6px 0; }
}
#boksSide .note-save-btn, #boksSide .stats-btn, #oversigtSide .overview-stats-btn {
  font-size:22.4px; padding:14px 18px; min-height:57.6px; min-width:0;
}
.stats-modal { position: fixed; inset:0; display:none; align-items:center; justify-content:center; background: rgba(41,30,16,0.45); z-index:3000; padding:18px; }
.stats-modal.show { display:flex; }
.stats-dialog { width:min(96vw, 1120px); max-height:min(92vh, 980px); overflow:auto; background:#fffdf8; border-radius:28px; padding:22px; box-shadow:0 20px 40px rgba(0,0,0,0.25); }
.stats-topbar, .stats-year-nav { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.stats-title { font-size:30px; font-weight:bold; min-width:280px; color:#3f2e1f; }
.stats-year-nav { justify-content:center; margin-bottom:18px; }
.stats-year-value { font-size:28px; font-weight:bold; min-width:160px; text-align:center; color:#3f2e1f; }
.stats-summary-grid { display:grid; grid-template-columns:repeat(2, minmax(240px, 1fr)); gap:16px; margin-bottom:18px; }
.stats-chart-grid { display:grid; grid-template-columns:repeat(2, minmax(320px, 1fr)); gap:18px; }
.stats-chart-card { background:linear-gradient(180deg, #ffffff, #f9f2e2); border-radius:22px; padding:20px 22px; box-shadow:0 8px 20px rgba(69, 52, 29, 0.10); text-align:left; }
.stats-chart-title { font-size:24px; font-weight:bold; color:#4c3a28; margin-bottom:14px; text-align:center; }
.stats-chart-sub { font-size:16px; color:#6d5b47; margin-top:8px; text-align:center; }
.stats-bars { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; align-items:end; min-height:260px; }
.stats-bar-col { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; }
.stats-bar-wrap { width:100%; height:180px; display:flex; align-items:flex-end; justify-content:center; }
.stats-bar { width:min(100%, 36px); border-radius:14px 14px 8px 8px; min-height:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 6px 14px rgba(0,0,0,0.10); }

.stats-bar.wrap { background:linear-gradient(180deg, #C6AC8F, #90785E); }
.stats-bar.ho { background:linear-gradient(180deg, #C6AC8F, #90785E); }
.stats-bar.wrap-bale { background:linear-gradient(180deg, #C6AC8F, #90785E); }
.stats-bar.ho-bale { background:linear-gradient(180deg, #C6AC8F, #90785E); }
.overview-list-grid { display:grid; gap:12px; margin-bottom:18px; }
.overview-stable-group { margin-bottom:26px; }
.overview-stable-head {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 4px 12px; padding-bottom:8px; border-bottom:2px solid rgba(115,82,42,0.16);
}
.overview-stable-title { font-size:22px; font-weight:800; color:#4c3a28; }
.overview-stable-count { font-size:14px; font-weight:700; color:#6d5b47; }
.overview-stable-subtotal {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end;
  margin:0 4px; padding-top:6px;
}
.overview-stable-subtotal-label { font-size:15px; font-weight:800; color:#4c3a28; margin-left:6px; }
.overview-row-card {
  background:linear-gradient(180deg, #ffffff, #f9f2e2);
  border-radius:20px; padding:16px 18px; box-shadow:0 6px 16px rgba(69, 52, 29, 0.08);
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.overview-row-head { display:flex; flex-direction:column; gap:4px; min-width:180px; }
.overview-row-title { font-size:20px; font-weight:800; color:#4c3a28; }
.overview-row-sub { font-size:15px; color:#6d5b47; }
.overview-row-values { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.overview-pill {
  min-width:136px; padding:10px 14px; border-radius:16px; font-size:16px; font-weight:700;
  background:rgba(255,255,255,0.9); box-shadow:inset 0 0 0 1px rgba(115,82,42,0.08);
  color:#4c3a28; text-align:center;
}
.overview-pill.wrap { background:linear-gradient(180deg, #eff9ed, #dff0d9); color:#2f6a35; }
.overview-pill.ho { background:linear-gradient(180deg, #eef4ff, #ddeafe); color:#275cab; }

#oversigtTotal {
  margin-top:18px; display:flex; flex-direction:column; gap:14px;
}
.summary-grid {
  display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px;
}
.summary-card {
  position:relative; overflow:hidden;
  border-radius:24px; padding:18px 18px 16px 18px; text-align:left;
  box-shadow:0 10px 24px rgba(69, 52, 29, 0.10);
  border:1px solid rgba(115, 82, 42, 0.08);
}
.summary-card::after {
  content:""; position:absolute; right:-20px; bottom:-20px; width:86px; height:86px; border-radius:50%;
  background:rgba(255,255,255,0.18);
}
.summary-card.wrap {
  background:linear-gradient(180deg, #eff9ed, #dff0d9); color:#2f6a35;
}
.summary-card.ho {
  background:linear-gradient(180deg, #eef4ff, #ddeafe); color:#275cab;
}
.summary-card.total {
  background:linear-gradient(135deg, #fffaf0 0%, #f7ecd9 52%, #e7f0ea 100%);
  color:#4c3a28; text-align:center;
}
.summary-head {
  position:relative; z-index:1; display:flex; align-items:center; gap:12px; margin-bottom:12px;
}
.summary-head.center { justify-content:center; }
.summary-icon {
  width:44px; height:44px; min-width:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; background:rgba(255,255,255,0.55); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.30);
}
.summary-card .label {
  position:relative; z-index:1;
  font-size:16px; line-height:1.15; font-weight:800; letter-spacing:0.01em;
}
.summary-card .value {
  position:relative; z-index:1;
  font-size:38px; line-height:1; font-weight:900; margin:2px 0 10px 0;
}
.summary-card .sub {
  position:relative; z-index:1;
  font-size:14px; line-height:1.35; font-weight:700; opacity:0.9;
}
.summary-card.total .value { font-size:42px; }
.summary-card.total .sub { opacity:0.8; }

.overview-export-btn {
  width:100%; max-width:560px; margin:8px auto 0 auto; display:block;
  font-size:22.4px; padding:14px 18px; min-height:57.6px;
}
#setupEmailSide .calendar-hint { max-width:760px; margin-left:auto; margin-right:auto; font-size:16px; }
#setupEmailSide .overview-box { padding:16px 14px; }
#setupEmailSide .setup-card { max-width:680px; margin:0 auto; padding:14px 14px 12px; }
#setupEmailSide .setup-card label { font-size:19px; }
#setupEmailSide .legend-note { font-size:14px; line-height:1.35; max-width:600px; margin:10px auto 0; }
#setupEmailSide .setup-input { font-size:18px; min-height:56px; padding:10px 14px; }
#setupEmailSide .primary-actions { gap:10px; }
#setupEmailSide .primary-actions button { font-size:22px; min-height:56px; padding:12px 18px; }
.stats-bar-label { font-size:14px; font-weight:bold; color:#5b4a38; text-transform:capitalize; }
.stats-bar-value { font-size:13px; color:#6d5b47; text-align:center; line-height:1.2; min-height:15px; }
.stats-pager { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:12px; }
.stats-range-label { font-size:16px; font-weight:bold; color:#5b4a38; min-width:110px; text-align:center; }
.stats-empty { text-align:center; padding:28px 14px; color:#6d5b47; font-size:18px; }
.stats-split-note { background:#fbf3e0; border:1px solid rgba(115,82,42,0.16); border-radius:16px; padding:12px 16px; margin-bottom:16px; color:#5d4b38; font-size:16px; }
.stats-period-block { margin-bottom:4px; }
.stats-period-divider { height:1px; background:linear-gradient(90deg, transparent, rgba(115,82,42,0.28), transparent); margin:22px 0; }
.stats-period-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.stats-period-name { font-size:22px; font-weight:800; color:#3f2e1f; }
.stats-period-range { font-size:15px; color:#6d5b47; background:#f4e9d2; border-radius:999px; padding:4px 12px; }
.idle-warning { position:fixed; inset:0; z-index:10000; display:none; align-items:center; justify-content:center; background:rgba(43,31,18,0.34); backdrop-filter: blur(4px); }
.idle-warning.show { display:flex; }
.idle-warning-card { width:min(92vw, 520px); background:rgba(255,255,255,0.96); border-radius:28px; padding:28px 24px; box-shadow:0 18px 42px rgba(72,52,28,0.24); border:1px solid rgba(115,82,42,0.10); }
.idle-warning-title { font-size:34px; line-height:1.05; font-weight:800; color:#3f2e1f; margin:0 0 12px 0; }
.idle-warning-text { font-size:24px; line-height:1.3; color:#5d4b38; margin:0; }
.idle-warning-count { margin-top:18px; font-size:52px; line-height:1; font-weight:900; color:#2f5d1f; }
@media (max-width: 900px) { .stats-chart-grid { grid-template-columns:1fr; } }
@media (max-width: 700px) {
  .stats-dialog { width:min(96vw, 96vw); padding:16px; }
  .stats-title { font-size:24px; min-width:0; width:100%; text-align:center; }
  .stats-summary-grid { grid-template-columns:1fr; }
}
@media (max-width: 700px) and (orientation: portrait) {
  .stats-dialog { width:calc(100vw - 14px); max-height:calc(100vh - 18px); padding:14px 12px; border-radius:24px; }
  .stats-topbar { flex-direction:column; align-items:stretch; gap:8px; margin-bottom:12px; }
  .stats-topbar .smallbtn { align-self:flex-start; font-size:16px; padding:8px 12px; }
  .stats-title { text-align:center; font-size:24px; }
  .stats-year-nav { display:grid; grid-template-columns:52px 1fr 52px; align-items:center; width:100%; max-width:320px; margin:0 auto 14px; gap:10px; }
  .stats-year-nav .bigbtn { width:52px; min-width:52px; min-height:52px; padding:0; font-size:22px; }
  .stats-year-value { min-width:0; font-size:26px; }
  .stats-chart-card { padding:16px 14px; }
  .stats-chart-title { font-size:22px; margin-bottom:10px; }
  .stats-chart-sub { font-size:15px; }
  .stats-bars { gap:8px; min-height:190px; }
  .stats-bar-wrap { height:130px; }
  .stats-bar { width:28px; }
  .stats-bar-value { font-size:11px; min-height:13px; }
  .stats-bar-label { font-size:11px; letter-spacing:-0.02em; }
  .stats-range-label { font-size:14px; min-width:82px; }
  .stats-pager .smallbtn { font-size:15px; padding:8px 10px; }
}


/* Match Eksport tlf layout to Eksport-mail */
#setupPhoneSide .calendar-hint { max-width:760px; margin-left:auto; margin-right:auto; font-size:16px; }
#setupPhoneSide .overview-box { padding:16px 14px; }
#setupPhoneSide .setup-card { max-width:680px; margin:0 auto; padding:14px 14px 12px; }
#setupPhoneSide .setup-card label { font-size:19px; }
#setupPhoneSide .legend-note { font-size:14px; line-height:1.35; max-width:600px; margin:10px auto 0; }
#setupPhoneSide .setup-input { font-size:18px; min-height:56px; padding:10px 14px; }
#setupPhoneSide .primary-actions { gap:10px; }
#setupPhoneSide .primary-actions button { font-size:22px; min-height:56px; padding:12px 20px; }
@media (max-width: 700px) and (orientation: portrait) {
  #oversigtSide .panel { padding:18px 12px; }
  #oversigtSide h2 { font-size:26px; line-height:1.1; }
  #oversigtSide .calendar-hint { text-align:center; font-size:16px; }
  #oversigtSide .month-nav {
    display:grid; grid-template-columns:52px 1fr 52px; align-items:center; width:100%;
    max-width:320px; margin:0 auto 10px; gap:10px;
  }
  #oversigtSide .month-nav .bigbtn { width:52px; min-width:52px; min-height:52px; padding:0; font-size:22px; }
  #oversigtSide .month-label { min-width:0; font-size:20px; text-align:center; }
  #oversigtSide .overview-box { padding:16px 12px; }
  .overview-list-grid { gap:10px; }
  .overview-row-card { padding:12px; flex-direction:column; align-items:stretch; }
  .overview-row-head { min-width:0; text-align:center; }
  .overview-row-title { font-size:18px; }
  .overview-row-sub { font-size:14px; }
  .overview-row-values { justify-content:center; }
  .overview-pill { min-width:128px; font-size:15px; padding:9px 12px; }
  #oversigtSide .summary-grid { grid-template-columns:1fr; gap:10px; }
  #oversigtSide .summary-card { padding:15px 14px; border-radius:20px; }
  #oversigtSide .summary-head { gap:10px; margin-bottom:10px; }
  #oversigtSide .summary-icon { width:40px; height:40px; min-width:40px; font-size:20px; border-radius:12px; }
  #oversigtSide .summary-card .label { font-size:17px; }
  #oversigtSide .summary-card .value { font-size:30px; }
  #oversigtSide .summary-card.total .value { font-size:34px; }
  #oversigtSide .summary-card .sub { font-size:13px; }
  #oversigtSide .primary-actions button,
  #oversigtSide .overview-stats-btn,
  #oversigtSide .overview-export-btn { width:100%; max-width:100%; }
}
.box:hover, .box:active { transform: translateY(-2px); box-shadow:0 16px 30px rgba(60, 92, 55, 0.28); }
.done { background: linear-gradient(145deg, #ab8f72 0%, #866e56 52%, #5e503f 100%); box-shadow:0 12px 24px rgba(94, 80, 63, 0.24); }
.box.done::before { content:'✓'; color:#ffffff; font-size:26px; font-weight:900; opacity:1; text-shadow:0 2px 6px rgba(0,0,0,0.18); }
.box-content { position: relative; z-index: 1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.box-badges-top {
  position:absolute; top:9px; left:50%; transform:translateX(-50%); z-index:2; display:flex; align-items:center; justify-content:center; max-width:calc(100% - 72px);
}
.box-badges-bottom {
  position:absolute; left:10px; right:10px; bottom:10px; z-index:2; display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:nowrap;
}
.box-badge {
  min-height:24px; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.94); color:#2f5b2f; font-size:13px; line-height:1.05;
  font-weight:700; letter-spacing:0.01em; display:inline-flex; align-items:center; justify-content:center; text-align:center;
  box-shadow:0 5px 14px rgba(0,0,0,0.11); white-space:nowrap; max-width:100%;
}
.box-badges-top .box-badge {
  padding:5px 14px; background:rgba(255,255,255,0.96); box-shadow:0 6px 14px rgba(0,0,0,0.12);
}
.box-badges-top .box-badge.fullpas {
  background:linear-gradient(180deg, #fff4cf, #f2d679); color:#6b4a00;
}
.box-badges-top .box-badge.selvpas {
  background:linear-gradient(180deg, #f7f7f7, #b7bec8); color:#33414f;
}
.box-badges-bottom .box-badge {
  background:transparent; color:#ffffff; box-shadow:none; border-radius:0; padding:0; min-height:auto;
  font-weight:700; letter-spacing:0.02em; text-shadow:0 1px 2px rgba(0,0,0,0.30), 0 0 8px rgba(0,0,0,0.08);
}
.box-badge-sep {
  color:rgba(255,255,255,0.82); font-size:12px; line-height:1; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,0.24);
}
.box-number { font-size:24px; line-height:1.1; }
.box-name { font-size:30px; line-height:1.08; max-width:100%; word-break:break-word; }
input {
  font-size:34px; width:190px; text-align:center; padding:16px 12px; border-radius:18px; border:2px solid #d8c7a1;
  background:#fffdf8; color:#2d2417; box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);
}
button {
  font-size:28px; padding:18px 22px; margin:8px; border:none; border-radius:18px; cursor:pointer;
  background:linear-gradient(180deg, #fffdf8, #f4ebd9); color:#3b2b1e; box-shadow:0 8px 20px rgba(69, 52, 29, 0.14);
  min-height:72px; transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}
button:hover, button:active { filter: brightness(0.99); transform: translateY(-1px); box-shadow:0 10px 22px rgba(69, 52, 29, 0.16); }
.bigbtn { font-size:32px; padding:18px 28px; min-width:88px; }
.smallbtn { font-size:18px; min-height:auto; padding:10px 14px; margin:0; }
.summary-btn-wrap { padding:8px 10px 14px 10px; }
.summary-btn-wrap button { min-width:320px; }
.front-legend, .panel, .report-box, .overview-box {
  max-width: 1180px; margin: 18px auto; background: rgba(255,255,255,0.92); backdrop-filter: blur(6px); border-radius: 28px;
  padding: 28px 24px; box-shadow: 0 14px 34px rgba(89, 66, 39, 0.14); border:1px solid rgba(115, 82, 42, 0.08);
}
.front-legend { max-width:980px; text-align:left; }
.legend-row { display:flex; align-items:center; gap:14px; margin:12px 0; font-size:24px; }
.legend-color { width:30px; height:30px; border-radius:10px; flex:0 0 30px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); }
.legend-color.green { background:#4CAF50; } .legend-color.blue { background:#2196F3; }
.legend-note, .calendar-hint, .export-note, .auth-help { font-size:18px; color:#6d5b47; margin-top:10px; }
.date-wrap, .month-nav, .feed-controls, .primary-actions, .calendar-actions { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.date-badge { display:inline-block; padding:14px 22px; border-radius:999px; background:#edf2fb; font-size:28px; font-weight:bold; box-shadow: inset 0 0 0 1px rgba(33, 80, 130, 0.08); }
.date-badge.today { background:#ffec99; color:#5c4300; box-shadow:0 0 0 4px rgba(255, 193, 7, 0.35); }
.today-note { display:none; font-size:22px; font-weight:bold; color:#9a6506; }
.today-note.show { display:inline-block; }
button.date-button { padding:0; margin:0; border:none; background:transparent; box-shadow:none; min-height:auto; }
button.date-button:hover { filter:none; transform:none; box-shadow:none; }
.feed-step-group { display:flex; align-items:center; gap:10px; }
.feed-step-group button { min-width:72px; }
.summary-grid, .setup-grid, .setup-menu-grid, .setup-weight-grid { display:grid; gap:16px; margin-top:16px; }
.summary-grid { grid-template-columns:repeat(2, minmax(260px, 1fr)); }
.setup-grid { grid-template-columns:repeat(2, minmax(280px, 1fr)); }
.setup-weight-grid { grid-template-columns:repeat(2, minmax(260px, 1fr)); }
.setup-menu-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)); max-width:900px; margin:18px auto 0 auto; }
.setup-card, .summary-card, .user-row {
  background:linear-gradient(180deg, #ffffff, #f9f2e2); border-radius:22px; padding:20px 22px; box-shadow:0 8px 20px rgba(69, 52, 29, 0.10); text-align:left;
}
.setup-card.compact { text-align:center; }
.setup-card label { display:block; font-size:22px; font-weight:bold; color:#4c3a28; margin-bottom:10px; }
.setup-input { width:100%; max-width:100%; box-sizing:border-box; }
.horse-name-input { font-size:24px; line-height:1.2; }
.setup-name-row { display:grid; grid-template-columns:1fr; gap:14px; align-items:center; }
.setup-option-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:flex-end; margin-top:12px; }
.setup-inline-check { display:flex; align-items:center; gap:10px; justify-content:flex-end; font-size:18px; color:#5b4a38; font-weight:bold; }
.setup-inline-check input[type="checkbox"] { width:26px; height:26px; accent-color:#5E503F; }
input[type="checkbox"] { accent-color:#5E503F; }
/* "Indstil bokse" – mindre, pænere og venstrestillet */
#setupNamesSide .setup-card { text-align:left; }
#setupNamesSide .setup-card label { font-size:17px; margin-bottom:8px; text-align:left; }
#setupNamesSide .horse-name-input { font-size:18px; line-height:1.2; min-height:48px; text-align:left; }
#setupNamesSide .horse-name-input::placeholder { text-align:left; }
#setupNamesSide .setup-name-row { gap:10px; }
#setupNamesSide .setup-option-row { justify-content:flex-start; gap:8px 10px; margin-top:10px; }
#setupNamesSide .setup-inline-check { justify-content:flex-start; font-size:14px; gap:7px; padding:7px 12px !important; }
#setupNamesSide .setup-inline-check input[type="checkbox"] { width:18px; height:18px; }
#setupNamesSide .horse-color-row { margin-top:10px; padding-top:10px; border-top:1px solid rgba(94,80,63,0.10); }
#setupNamesSide .horse-color-title { font-size:13px; font-weight:900; color:#7A6753; margin:0 0 8px 0; text-align:left; }
#setupNamesSide .horse-color-options { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-start; }
#setupNamesSide .horse-color-check { display:inline-flex; align-items:center; gap:6px; padding:6px 9px !important; border-radius:999px; background:rgba(255,255,255,0.72); border:1px solid rgba(94,80,63,0.12); font-size:12px !important; font-weight:800; color:#5E503F; }
#setupNamesSide .horse-color-check input[type="checkbox"] { width:16px; height:16px; margin:0; }
#setupNamesSide .horse-color-swatch { width:15px; height:15px; border-radius:50%; border:1px solid rgba(94,80,63,0.22); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.25); }
#setupNamesSide .horse-color-swatch.white { background:#FBF8F2; }
#setupNamesSide .horse-color-swatch.redbrown { background:#9B4F32; }
#setupNamesSide .horse-color-swatch.lightbrown { background:#C6AC8F; }
#setupNamesSide .horse-color-swatch.brown { background:#5E503F; }
#setupNamesSide .horse-color-swatch.black { background:#1D1A17; }
#setupNamesSide .horse-color-swatch.pinto { background:radial-gradient(ellipse 50% 42% at 70% 32%, #FBF8F2 0 60%, transparent 62%), radial-gradient(ellipse 44% 38% at 28% 76%, #FBF8F2 0 58%, transparent 60%), #6B4A34; }
#setupNamesSide .horse-color-swatch.brownwhite { background:radial-gradient(ellipse 54% 44% at 72% 34%, #FBF8F2 0 60%, transparent 62%), #8A5A3C; }
#setupNamesSide .horse-color-swatch.twocolor { background:radial-gradient(ellipse 54% 44% at 72% 34%, #FBF8F2 0 60%, transparent 62%), #1D1A17; }
#setupNamesSide .horse-color-swatch.skimmel { background:#B9B4AC; }
#setupNamesSide .horse-color-swatch.appaloosa { background:#C9C3B8; background-image:radial-gradient(#4a463f 1.6px, transparent 1.7px); background-size:5px 5px; }
.userbar { max-width:1366px; margin:0 auto 10px auto; padding:10px 22px 0 22px; display:none; position:sticky; top:0; z-index:1200; }
.userbar::before { content:""; position:absolute; inset:0; z-index:-1; background:rgba(247,243,236,0.82); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.userbar-inner { position:relative; }.userbar-inner { display:flex; justify-content:space-between; align-items:center; gap:12px; background: rgba(255,255,255,0.86); border:1px solid rgba(115,82,42,0.10); border-radius:18px; padding:10px 14px; box-shadow:0 8px 20px rgba(69,52,29,0.08); }
.userbar-text { font-size:18px; color:#4c3a28; text-align:left; }
.userbar-left { display:flex; align-items:center; gap:12px; min-width:0; }
.userbar-logo { height:34px; width:auto; display:block; flex:0 0 auto; }
.user-menu { position:relative; flex:0 0 auto; }
.user-menu-toggle {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.92) !important;
  color:#6b5745 !important;
  border:1px solid rgba(115,82,42,0.18) !important;
  border-radius:12px !important;
  padding:8px 14px !important;
  font-size:15px !important; font-weight:600 !important;
  letter-spacing:.2px;
  box-shadow:0 2px 6px rgba(69,52,29,0.06) !important;
  transition:background .15s ease, border-color .15s ease;
}
.user-menu-toggle:hover, .user-menu-toggle:focus {
  background:#fffdf8 !important; border-color:rgba(115,82,42,0.32) !important; outline:none;
}
.user-menu-toggle .menu-caret { font-size:11px; line-height:1; opacity:.6; transition:transform .18s ease; }
.user-menu.open .user-menu-toggle .menu-caret { transform:rotate(180deg); }
.user-menu-dropdown {
  display:none; position:absolute; z-index:2500; right:0; top:calc(100% + 8px);
  min-width:250px; overflow:hidden; border-radius:14px;
  background:rgba(255,253,248,0.98);
  border:1px solid rgba(115,82,42,0.14);
  box-shadow:0 10px 30px rgba(63,53,43,.14);
  text-align:left; padding:6px;
}
.user-menu.open .user-menu-dropdown { display:block; }
.user-menu-item {
  width:100%; border:0; border-radius:9px; margin:0; padding:10px 12px;
  display:flex; align-items:center; gap:10px; justify-content:flex-start;
  background:transparent; color:#6b5745; font-size:15px; font-weight:500;
  letter-spacing:0; min-height:auto !important;
  box-shadow:none; cursor:pointer; text-align:left;
  transition:background .12s ease, color .12s ease;
}
.user-menu-item:hover,.user-menu-item:focus { background:rgba(115,82,42,.07); color:#4c3a28; outline:none; }
.user-menu-separator { height:1px; background:rgba(115,82,42,.12); margin:6px 8px; }
.user-menu-logout { color:#8a6a52; background:transparent; letter-spacing:.3px; justify-content:flex-start; font-weight:600; }
.user-menu-logout:hover,.user-menu-logout:focus { background:rgba(138,106,82,.09); color:#6b4a34; }
.user-list { display:flex; flex-direction:column; gap:12px; margin-top:14px; }
.user-row { display:flex; justify-content:space-between; align-items:center; gap:12px; border-radius:18px; padding:14px 16px; box-shadow:0 6px 16px rgba(69,52,29,0.08); }
.user-row-main { display:flex; flex-direction:column; gap:4px; }
.user-row-email { font-size:20px; font-weight:bold; color:#2e2519; word-break:break-word; }
.user-row-sub { font-size:16px; color:#6a5a49; }
.user-row-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.user-pill { display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; border-radius:999px; background:#edf2fb; color:#334d7b; font-size:14px; font-weight:bold; }
.admin-toggle { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:12px; background:#f4efe6; color:#3f2e1f; font-size:14px; font-weight:bold; }
.admin-toggle input { width:18px; height:18px; margin:0; padding:0; border-radius:4px; accent-color:#5E503F; }
.admin-toggle.disabled { opacity:0.68; }
.danger-btn { background: linear-gradient(180deg, #fff5f4, #ffdeda); color:#8d2c22; }
.hidden { display:none !important; }
.save-status { min-height:30px; margin-top:10px; font-size:20px; font-weight:bold; color:#2e7d32; opacity:0; transition: opacity .2s ease; }
.save-status.show { opacity:1; }
.auth-screen { position:fixed; inset:0; z-index:5000; display:none; align-items:center; justify-content:center; padding:18px; background:linear-gradient(180deg, rgba(30,22,14,0.28) 0%, rgba(30,22,14,0.34) 100%), url('stald-bg-hay.webp') center center / cover fixed no-repeat; background-color:#E7D9BE; overflow-y:auto; }
.auth-screen.show { display:flex; }
.auth-card { width:min(94vw, 520px); background:#fffdf8; border-radius:24px; padding:22px; box-shadow:0 18px 40px rgba(0,0,0,0.24); text-align:left; }
.auth-row { margin-top:14px; } .auth-row label { display:block; font-size:18px; font-weight:bold; margin-bottom:8px; color:#4b3a29; }
.calendar-modal { position: fixed; inset:0; display:none; align-items:center; justify-content:center; background: rgba(41,30,16,0.45); z-index:2000; padding:18px; }
.calendar-modal.show { display:flex; }
.calendar-dialog { width:min(96vw, 820px); background:#fffdf8; border-radius:28px; padding:22px; box-shadow:0 20px 40px rgba(0,0,0,0.25); }
.calendar-topbar, .calendar-nav { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:16px; }
.calendar-title, .month-label { font-size:30px; font-weight:bold; min-width:280px; text-transform:capitalize; }
.calendar-weekdays, .calendar-grid { display:grid; grid-template-columns:repeat(7, 1fr); gap:10px; }
.calendar-weekday { font-size:20px; font-weight:bold; color:#6f6256; padding:8px 0; }
.calendar-empty, .calendar-day { aspect-ratio:1 / 1; }
.calendar-day { margin:0; padding:0; border-radius:20px; background:#f6efe4; font-size:30px; font-weight:bold; box-shadow:none; }
.calendar-day.selected { background:#2196F3; color:white; }
.calendar-day.today { background:#fff6cc; color:#5c4300; box-shadow:0 0 0 4px rgba(255,193,7,0.45) inset; }
.calendar-day.selected.today { background:#2196F3; color:#fff; box-shadow:0 0 0 4px rgba(255,193,7,0.55) inset; }
@media (max-width: 1180px) { .grid { grid-template-columns:repeat(4,1fr); } }
@media (max-width: 900px) { h1 { font-size:36px; } .grid { grid-template-columns:repeat(3,1fr); } .box { font-size:26px; min-height:114px; } .box-name { font-size:28px; } }
@media (max-width: 700px) {
  .grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .box { font-size:24px; min-height:116px; padding:26px 10px; }
  .summary-grid, .setup-grid, .setup-weight-grid, .setup-menu-grid { grid-template-columns:1fr; }
  .box-name { font-size:26px; }
  .userbar-inner, .user-row { flex-direction:column; align-items:stretch; }
  .userbar-inner { flex-direction:row; align-items:center; gap:8px; padding:8px 10px; }
  .userbar-left { align-self:flex-start; }
  .userbar-logo { height:28px; }
  /* Hjælp- og Menu-knap side om side i samme bredde på telefon */
  .user-menu { display:flex; gap:8px; width:100%; }
  .user-menu .help-btn, .user-menu .user-menu-toggle { flex:1 1 0; margin-right:0 !important; justify-content:center; }
  .user-menu-dropdown { left:0; right:0; }
}
@media (max-width: 460px) {
  .box-badge { font-size:11px; padding:3px 7px; }
  .box-badges-top { max-width:calc(100% - 56px); }
  .box-badges-bottom { gap:6px; left:8px; right:8px; bottom:8px; }
  .box-badge-sep { font-size:10px; }
  .app-shell { padding:0 10px; }
  .box-number { font-size:20px; }
  .box-name { font-size:22px; }
  .setup-option-row, .setup-inline-check { justify-content:flex-start; }
}

.box-date-hint { text-align:center; margin-top:0; margin-bottom:12px; }

@media (max-width: 700px) and (orientation: portrait) {
  #boksSide .panel { overflow:hidden; }

  #boksSide .date-wrap {
    display:grid !important;
    grid-template-columns:52px minmax(0, 1fr) 52px !important;
    grid-template-areas:
      "prev date next"
      "today today today";
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 20px auto !important;
    overflow:hidden;
  }
  #boksSide .date-wrap > :nth-child(1) { grid-area:prev; }
  #boksSide .date-wrap > :nth-child(2) { grid-area:date; }
  #boksSide .date-wrap > :nth-child(3) { grid-area:today; }
  #boksSide .date-wrap > :nth-child(4) { grid-area:next; }
  #boksSide .date-wrap > button.bigbtn {
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    font-size:28px !important;
    overflow:hidden;
  }
  #boksSide .date-button { display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; }
  #boksSide .date-badge {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding:12px 10px !important;
    font-size:22px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #boksSide .today-note { justify-self:center; text-align:center; margin:2px 0 0 0 !important; }
  #boksSide .box-date-hint { margin-bottom:10px; font-size:17px; }

  #boksSide .feed-controls {
    display:grid !important;
    grid-template-columns:68px minmax(0, 1fr) 68px !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
  }
  #boksSide .feed-step-group {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }
  #boksSide .feed-step-group button {
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    font-size:22px !important;
  }
  #boksSide #wrap,
  #boksSide #ho {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    font-size:28px !important;
    padding:12px 8px !important;
  }

  .calendar-modal { padding:10px !important; }
  .calendar-dialog {
    width:min(94vw, 420px) !important;
    max-width:94vw !important;
    padding:14px !important;
    border-radius:22px !important;
  }
  .calendar-topbar, .calendar-nav { margin-bottom:10px !important; gap:8px !important; }
  .calendar-title { font-size:22px !important; min-width:0 !important; }
  .calendar-nav .bigbtn, .calendar-actions .bigbtn { font-size:22px !important; min-width:46px !important; min-height:54px !important; padding:12px 14px !important; }
  .calendar-weekdays, .calendar-grid { gap:6px !important; }
  .calendar-weekday { font-size:14px !important; padding:4px 0 !important; }
  .calendar-day { font-size:22px !important; border-radius:14px !important; min-height:42px !important; }
  .calendar-actions { gap:8px !important; }
}

@media (max-width: 460px) and (orientation: portrait) {
  #boksSide .date-wrap { grid-template-columns:48px minmax(0, 1fr) 48px !important; gap:8px !important; }
  #boksSide .date-wrap > button.bigbtn {
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    font-size:25px !important;
  }
  #boksSide .date-badge { font-size:19px !important; padding:12px 8px !important; }
  #boksSide .box-date-hint { font-size:16px !important; }
  #boksSide .feed-controls { grid-template-columns:62px minmax(0, 1fr) 62px !important; gap:8px !important; }
  #boksSide .feed-step-group button { height:48px !important; min-height:48px !important; font-size:20px !important; }
  #boksSide #wrap,
  #boksSide #ho { font-size:24px !important; padding:10px 6px !important; }

  .calendar-modal { padding:8px !important; }
  .calendar-dialog {
    width:min(96vw, 360px) !important;
    max-width:96vw !important;
    padding:12px !important;
    border-radius:18px !important;
  }
  .calendar-title { font-size:19px !important; }
  .calendar-topbar .smallbtn { font-size:15px !important; padding:8px 10px !important; }
  .calendar-nav .bigbtn, .calendar-actions .bigbtn { font-size:20px !important; min-width:40px !important; min-height:48px !important; padding:10px 12px !important; }
  .calendar-weekday { font-size:12px !important; }
  .calendar-weekdays, .calendar-grid { gap:5px !important; }
  .calendar-day { font-size:19px !important; border-radius:12px !important; min-height:38px !important; }
}



/* --- Tilpasset boksvisning + ens knapstørrelser på tværs af menuer --- */
.feed-slider-row { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; }
.feed-slider { flex:1 1 auto; width:100%; margin:0; accent-color:#2f7d32; }
.feed-slider-value {
  flex:0 0 96px; min-width:96px; text-align:right; font-size:24px; font-weight:700; color:#3f2e1f;
  padding:12px 14px; border-radius:16px; background:#f7f1e6; box-shadow:inset 0 0 0 1px rgba(115,82,42,0.08);
}
.feed-group { display:flex; flex-direction:column; gap:12px; }
#boksSide .date-wrap { justify-content:center; margin-bottom:22px; }
#boksSide .primary-actions { margin-top:26px; gap:10px; }

/* Ens størrelse som Gem / Gem som fast */
#boksSide .save-entry-btn,
#boksSide .save-default-btn,
#boksSide .back-btn,
#forsideKnapper button,
#setupSide .setup-menu-grid .bigbtn,
#setupSide .primary-actions button,
#setupNamesSide .primary-actions button,
#setupFeedSide .primary-actions button,
#setupBoxesSide .primary-actions button,
#setupRegistrationSide .primary-actions button,
#brugereSide .primary-actions button,
#oversigtSide .primary-actions button {
  font-size:22.4px;
  padding:14px 18px;
  min-height:57.6px;
  transform:none;
}
#forsideKnapper button { min-width:0 !important; }
#setupSide .setup-menu-grid .bigbtn { min-width:0 !important; width:100%; }
#boksSide .save-default-btn {
  background:linear-gradient(180deg, #f7fff4, #e4f4d9); color:#2f5d1f;
}
#boksSide .auto-trigger-btn { min-width:0; }

@media (max-width: 700px) and (orientation: portrait) {
  #boksSide .date-wrap {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 20px auto !important;
    overflow:hidden;
  }
  #boksSide .date-button {
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 auto !important;
    justify-content:center !important;
  }
  #boksSide .date-badge {
    display:inline-block !important;
    width:min(82vw, 280px) !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding:12px 10px !important;
    font-size:22px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
  }
  #boksSide .feed-slider-row { gap:10px !important; }
  #boksSide .feed-slider-value {
    flex:0 0 86px !important; min-width:86px !important; font-size:20px !important; padding:10px 10px !important;
  }
  #boksSide .primary-actions { margin-top:34px !important; gap:8px !important; }
  #boksSide .save-entry-btn,
  #boksSide .save-default-btn,
  #boksSide .back-btn,
  #forsideKnapper button,
  #setupSide .setup-menu-grid .bigbtn,
  #setupSide .primary-actions button,
  #setupNamesSide .primary-actions button,
  #setupFeedSide .primary-actions button,
  #setupBoxesSide .primary-actions button,
  #setupRegistrationSide .primary-actions button,
  #brugereSide .primary-actions button,
  #oversigtSide .primary-actions button {
    font-size:20px !important;
    min-height:54px !important;
    padding:12px 16px !important;
    margin-top:8px !important;
  }
}

@media (max-width: 460px) and (orientation: portrait) {
  #boksSide .date-wrap {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
  }
  #boksSide .date-button { margin:0 auto !important; }
  #boksSide .date-badge { width:min(82vw, 260px) !important; font-size:19px !important; padding:12px 8px !important; }
  #boksSide .primary-actions,
  #setupSide .primary-actions,
  #setupNamesSide .primary-actions,
  #setupFeedSide .primary-actions,
  #setupBoxesSide .primary-actions,
  #setupRegistrationSide .primary-actions,
  #brugereSide .primary-actions,
  #oversigtSide .primary-actions { flex-direction:column !important; }
  #boksSide .save-entry-btn,
  #boksSide .save-default-btn,
  #boksSide .back-btn,
  #forsideKnapper button,
  #setupSide .setup-menu-grid .bigbtn,
  #setupSide .primary-actions button,
  #setupNamesSide .primary-actions button,
  #setupFeedSide .primary-actions button,
  #setupBoxesSide .primary-actions button,
  #setupRegistrationSide .primary-actions button,
  #brugereSide .primary-actions button,
  #oversigtSide .primary-actions button {
    width:100% !important;
  }
}



/* ===== EDITORIAL STABLE THEME OVERRIDE V4 ===== */
:root {
  --ed-black: #0A0908;
  --ed-walnut: #5E503F;
  --ed-olive: #776552;
  --ed-khaki: #C6AC8F;
  --ed-dun: #DED1B6;
  --ed-cream: #F8F4EC;
  --ed-paper: #FBF8F1;
  --ed-card: #F3ECE0;
  --ed-card-2: #EEE3D2;
  --ed-line: rgba(94,80,63,0.14);
  --ed-line-strong: rgba(94,80,63,0.25);
  --ed-text: #4F4336;
  --ed-soft: #786B5D;
  --ed-white: #FFFDF8;
  --ed-shadow: 0 18px 38px rgba(94,80,63,0.10);
  --ed-shadow-soft: 0 10px 24px rgba(94,80,63,0.06);
}

html, body {
  background: var(--ed-cream) !important;
  color: var(--ed-text) !important;
}
body {
  font-family: Arial, Helvetica, sans-serif !important;
  color: var(--ed-text) !important;
  padding-bottom: 36px !important;
}

h1, h2, h3, .stats-title, .calendar-title, .auto-fill-title, .period-fill-title, .stats-chart-title, .overview-row-title, .label {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 500 !important;
}

h1 {
  color: var(--ed-white) !important;
  font-size: clamp(34px, 3.8vw, 58px) !important;
  line-height: 1.04 !important;
  margin: 0 !important;
  max-width: 540px;
}
.hero-pro {
  font-size: 0.42em;
  font-weight: 700;
  vertical-align: super;
  margin-left: 0.12em;
  letter-spacing: 0.02em;
  color: rgba(255,252,247,0.92) !important;
  text-transform: uppercase;
}
.app-footer {
  margin: 34px auto 22px;
  padding: 0 22px;
  max-width: 1240px;
  text-align: center;
  font-size: 13px;
  color: rgba(94,80,63,0.6);
  letter-spacing: 0.01em;
}

h2 { color: var(--ed-walnut) !important; font-size: clamp(28px, 3vw, 46px) !important; line-height: 1.08 !important; }
h3 { color: var(--ed-walnut) !important; font-size: clamp(22px, 2vw, 30px) !important; }
p, .muted, .sub, .legend-note, .calendar-hint, .month-days-hint, .export-note, .auth-help, .overview-row-sub, .user-row-sub, .userbar-text, .stats-chart-sub { color: var(--ed-soft) !important; }

.app-shell, .hero, .userbar { max-width: 1240px !important; padding-left: 28px !important; padding-right: 28px !important; }
.hero { padding-top: 28px !important; padding-bottom: 10px !important; }

.hero-card {
  min-height: 210px !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #23402E 0%, #2C4B37 55%, #4A6350 100%) !important;
  box-shadow: 0 16px 34px rgba(35,64,46,0.16) !important;
}
.hero-card::after { background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0)) !important; }
.hero-inner {
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) minmax(240px, 0.9fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: inherit !important;
}
.hero-copy {
  text-align: center !important;
  max-width: none !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 22px 34px 24px 34px !important;
}
.hero-copy::before {
  content: '';
  display: none;
}
.hero-subcopy {
  max-width: none;
  width: 100%;
  margin-top: 10px;
  font-family: 'Inter', 'Segoe UI', system-ui, Arial, sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 1.4;
  color: rgba(255,252,247,0.82) !important;
  white-space: nowrap;
  text-align: center;
}
.hero-media {
  position: relative;
  display: block;
  min-height: 100%;
  background: linear-gradient(90deg, #f2eee7 0%, #eee8de 50%, #e8dfd1 100%) !important;
}

.front-stage-heading {
  text-align: center;
  max-width: 860px;
  margin: 6px auto 16px auto;
  padding: 6px 18px 0 18px;
}
.front-stage-heading h2 {
  font-size: clamp(26px, 3vw, 42px) !important;
  margin: 4px 0 6px 0 !important;
  letter-spacing: 0 !important;
  color: #4A3B2A !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(255,253,248,0.85), 0 2px 10px rgba(255,253,248,0.55);
}
.front-stage-heading p {
  max-width: 680px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7;
  color: #5A4A38 !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(255,253,248,0.8);
}
body:not(.show-front-stage) .front-stage,
body:not(.show-front-stage) .front-stage-heading { display: none !important; }

#forside { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; max-width: 1240px !important; padding: 12px 0 30px 0 !important; }
.box {
  min-height: 228px !important;
  border-radius: 28px !important;
  padding: 22px 22px 24px 22px !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  text-align: left !important;
  /* Standard (ingen registrering i dag) = lys creme som Min Hest-felterne */
  background: linear-gradient(145deg, #FBF9F4 0%, #F5F1E8 56%, #EFEADF 100%) !important;
  color: #5E503F !important;
  border: 1px solid rgba(35,64,46,0.08) !important;
  box-shadow: 0 8px 20px rgba(60,92,55,0.10) !important;
}
.box::before { top: 15px !important; left: 18px !important; font-size: 25px !important; opacity: 0.72 !important; }
.box-photo { top: 15px !important; left: 18px !important; }
.box::after { width: 118px !important; height: 118px !important; right: -28px !important; bottom: -28px !important; background: rgba(255,255,255,0.17) !important; }
.box:hover, .box.note-preview-active { transform: translateY(-4px) !important; box-shadow: 0 22px 40px rgba(94,80,63,0.16) !important; }
/* Registreret i dag = mørk farve, som legenden */
.box.done, .blue, .box.blue {
  background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0)), linear-gradient(145deg, #9a7c54 0%, #735b41 52%, #4a3e30 100%) !important;
  color: var(--ed-white) !important;
}
/* Lys-variant bevares til legende-prikken */
.green, .box.green {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0)), linear-gradient(145deg, #e4d9c1 0%, #cdbb98 58%, #bba585 100%) !important;
  color: #5E503F !important;
}
.box-content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
.box-number { font-size: 13px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; opacity: 0.94; }
.box-name { font-family: Georgia, 'Times New Roman', serif !important; font-size: clamp(24px, 2.1vw, 32px) !important; line-height: 1.06 !important; font-weight: 500 !important; }
.box-badges-top {
  position: absolute !important;
  top: 58px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  z-index: 2 !important;
  pointer-events: none;
}
.box-badges-bottom {
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
  z-index: 2 !important;
  pointer-events: none;
}
.box-badge-sep { display: none !important; }
.box-badge {
  border-radius: 999px !important;
  padding: 7px 12px !important;
  background: rgba(255,255,255,0.20) !important;
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.box-badges-top .box-badge { background: rgba(255,255,255,0.32) !important; font-weight: 700 !important; }
.box-badges-bottom .box-badge { background: rgba(255,248,238,0.62) !important; color: #5E503F !important; font-weight: 700 !important; }
.box-bedding-alert { top: 14px !important; right: 44px !important; }
.box-note-alert { top: 14px !important; right: 14px !important; background: linear-gradient(180deg, #f3e7d0, #c6ac8f) !important; color: var(--ed-walnut) !important; }

.front-stage {
  display: grid;
  grid-template-columns: minmax(290px, 0.92fr) minmax(300px, 1.08fr);
  gap: 28px;
  align-items: start;
  margin: 6px auto 56px auto;
}
#forsideKnapper, .front-legend {
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(255,253,248,0.98), rgba(242,235,222,0.98)) !important;
  border: 1px solid var(--ed-line) !important;
  border-radius: 28px !important;
  box-shadow: 0 12px 28px rgba(94,80,63,0.08) !important;
}
#forsideKnapper { padding: 28px !important; text-align: left !important; }
#forsideKnapper::before {
  content: 'Kom godt i gang';
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 34px;
  line-height: 1.1;
  color: var(--ed-walnut);
  margin-bottom: 18px;
}
.summary-btn-wrap { padding: 0 !important; }
.summary-btn-wrap button, #forsideKnapper button { width: 100% !important; margin: 0 0 14px 0 !important; }
.front-legend { padding: 28px !important; max-width: none !important; text-align: left !important; }
.front-legend h3 { font-size: 34px !important; margin: 0 0 14px 0 !important; }
.legend-row { display: flex !important; align-items: center !important; gap: 12px !important; margin: 12px 0 !important; font-size: 16px; }
.legend-color { width: 18px !important; height: 18px !important; min-width: 18px !important; border-radius: 999px !important; border: 1px solid var(--ed-line-strong) !important; }

.auth-screen { background:linear-gradient(180deg, rgba(30,22,14,0.28) 0%, rgba(30,22,14,0.34) 100%), url('stald-bg-hay.webp') center center / cover fixed no-repeat !important; background-color:#E7D9BE !important; }
.auth-card,
.panel,
.setup-card,
.overview-box,
.summary-card,
.overview-row-card,
.stats-dialog,
.calendar-dialog,
.auto-fill-dialog,
.period-fill-dialog,
.report-box,
.stats-chart-card,
.idle-warning-card,
.note-box,
.user-row,
.summary-grid > div,
.stats-summary-grid > div,
.calendar-topbar,
.stats-topbar,
.userbar-inner,
.month-days-wrap {
  background: linear-gradient(180deg, rgba(255,253,248,0.98), rgba(242,235,222,0.98)) !important;
  border: 1px solid var(--ed-line) !important;
  color: var(--ed-text) !important;
  box-shadow: var(--ed-shadow-soft) !important;
}
.auth-card, .panel, .stats-dialog, .calendar-dialog, .auto-fill-dialog, .period-fill-dialog { border-radius: 30px !important; }
.auth-card { padding: 28px !important; }
.userbar { margin: 0 auto 12px auto !important; padding-top: 4px !important; padding-bottom: 2px !important; }
.userbar-inner { border-radius: 18px !important; padding: 12px 14px !important; }
.panel { max-width: 1180px !important; margin: 0 auto 30px auto !important; padding: 34px 28px 28px 28px !important; }
.setup-menu-grid, .setup-grid, .setup-weight-grid, .summary-grid, .stats-summary-grid, .stats-chart-grid { gap: 20px !important; }
.setup-card, .overview-box, .summary-card, .overview-row-card, .stats-chart-card, .user-row, .report-box, .note-box { border-radius: 24px !important; padding: 22px !important; }
.setup-inline-check { background: rgba(255,255,255,0.52) !important; border: 1px solid var(--ed-line) !important; border-radius: 999px !important; padding: 10px 12px !important; }

button,
.primary-actions button,
.smallbtn,
.bigbtn,
.note-save-btn,
.save-entry-btn,
.save-default-btn,
.overview-export-btn,
.overview-stats-btn,
.stats-btn,
.auto-trigger-btn,
.period-fill-btn,
.summary-btn-wrap button,
.setup-menu-grid button,
.back-btn {
  background: linear-gradient(180deg, #6F5E4B 0%, #5E503F 100%) !important;
  color: var(--ed-white) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: 0 10px 20px rgba(94,80,63,0.12) !important;
  border-radius: 4px !important;
  min-height: 50px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
}
button:hover,
.primary-actions button:hover,
.smallbtn:hover,
.bigbtn:hover,
.note-save-btn:hover,
.save-entry-btn:hover,
.save-default-btn:hover,
.overview-export-btn:hover,
.overview-stats-btn:hover,
.stats-btn:hover,
.auto-trigger-btn:hover,
.period-fill-btn:hover,
.summary-btn-wrap button:hover,
.setup-menu-grid button:hover,
.back-btn:hover {
  background: linear-gradient(180deg, #BEA17F 0%, #C6AC8F 100%) !important;
  color: #3F352B !important;
}
.smallbtn { min-height: 44px !important; padding: 10px 14px !important; }
/* Datofelt i toppen: ingen brun knap-baggrund, kun en fin tynd kant om datoen */
button.date-button:not(.calendar-day),
button.date-button:not(.calendar-day):hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
  min-height: auto !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
.date-badge {
  background: var(--ed-white) !important;
  border: 1px solid var(--ed-line-strong) !important;
  box-shadow: none !important;
  color: #5B4F42 !important;
}
.date-badge.today {
  border-color: rgba(198,172,143,0.85) !important;
}
.arrow-only-btn,
.month-nav .bigbtn,
.calendar-nav .bigbtn,
.stats-pager .bigbtn,
.month-nav button,
.calendar-nav button,
.stats-pager button {
  width: 54px !important; min-width: 54px !important; height: 54px !important; min-height: 54px !important;
  padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.arrow-inline-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; }
.arrow-glyph {
  display: inline-block !important; color: #FFFDF8 !important; font-size: 24px !important; line-height: 1 !important;
  font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important;
}
.arrow-inline-btn .arrow-glyph { font-size: 22px !important; }

input,
select,
textarea,
.setup-input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
  background: linear-gradient(180deg, #FFFDF9, #F8F3E9) !important;
  border: 1px solid rgba(94,80,63,0.18) !important;
  border-radius: 18px !important;
  color: var(--ed-text) !important;
  box-shadow: inset 0 2px 6px rgba(94,80,63,0.04) !important;
}
input:focus,
select:focus,
textarea:focus,
.setup-input:focus {
  outline: none !important;
  border-color: rgba(94,80,63,0.42) !important;
  box-shadow: 0 0 0 4px rgba(198,172,143,0.22), inset 0 2px 6px rgba(94,80,63,0.04) !important;
}
.feed-group {
  padding: 18px 18px 10px 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,253,248,0.88), rgba(240,232,219,0.88)) !important;
  border: 1px solid var(--ed-line) !important;
}
.feed-slider-value,
.user-pill,
.overview-pill,
.auto-status,
.stats-range-label,
.month-label,
.stats-year-value {
  background: linear-gradient(180deg, #faf5ea, #eee3d4) !important; color: #66584A !important; box-shadow: inset 0 0 0 1px rgba(94,80,63,0.08) !important;
}
.overview-pill.wrap { background: linear-gradient(180deg, #E7D7C0, #D8C1A2) !important; color: #594836 !important; }
.overview-pill.ho, .overview-pill.ho-bale, .overview-pill.wrap-bale { background: linear-gradient(180deg, #F0E4D2, #DED1B6) !important; color: #5E503F !important; }
.value, .total, .stats-bar-value, .stats-bar-label, a { color: var(--ed-walnut) !important; }
a:hover { color: #7F6D59 !important; }
.calendar-day, .month-day-dot, .stats-bar-col {
  background: linear-gradient(180deg, #FBF8F2, #EEE5D8) !important; color: #605244 !important; border-color: rgba(94,80,63,0.10) !important; box-shadow: 0 4px 10px rgba(94,80,63,0.06) !important;
}
.calendar-day.today, .month-day-dot.today, .date-button.today { background: linear-gradient(180deg, #E9D6BA, #C6AC8F) !important; color: #4C4034 !important; }
.calendar-day.selected, .month-day-dot.selected, .date-button.selected { background: linear-gradient(180deg, #7A6753, #5E503F) !important; color: var(--ed-white) !important; }
.calendar-day.done, .date-button.done { background: linear-gradient(180deg, #E3D8C5, #D2C2A7) !important; color: #5B4F42 !important; }
/* Månedsoversigt – fire tydelige tilstande i jordfarve-temaet */
.month-day-dot.done { background: linear-gradient(180deg, #7A6753, #5E503F) !important; color: var(--ed-white) !important; border-color: rgba(94,80,63,0.20) !important; }
.month-day-dot.zero { background: linear-gradient(180deg, #C9B79C, #A6896A) !important; color: #3F352B !important; border-color: rgba(94,80,63,0.18) !important; }
.month-day-dot.missing { background: linear-gradient(180deg, #FBF8F2, #EEE5D8) !important; color: #8A7B6A !important; border-color: rgba(94,80,63,0.12) !important; }
.month-day-dot.future { background: linear-gradient(180deg, #F2EFEA, #E4DED5) !important; color: #B3A593 !important; border-color: rgba(94,80,63,0.08) !important; }
/* Legende-prikker matcher dagene præcist */
.month-days-legend-swatch.done { background: #23402E !important; }
.month-days-legend-swatch.zero { background: #4A6350 !important; }
.month-days-legend-swatch.missing { background: #c8ad90 !important; border: 1px solid rgba(94,80,63,0.25) !important; }
.month-days-legend-swatch.future { background: #E4DED5 !important; border: 1px solid rgba(94,80,63,0.15) !important; }
.stats-bar { background: linear-gradient(180deg, #C6AC8F, #90785E) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.30), 0 6px 14px rgba(94,80,63,0.10) !important; }
hr { border-top: 1px solid rgba(94,80,63,0.10) !important; }

@media (max-width: 1080px) {
  #forside { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .hero-inner, .front-stage { grid-template-columns: 1fr !important; }
  .hero-card { min-height: 220px !important; }
  .hero-media { min-height: 120px !important; }
}
@media (max-width: 700px) {
  .hero, .app-shell, .userbar { padding-left: 18px !important; padding-right: 18px !important; }
  #forside { grid-template-columns: 1fr !important; gap: 18px !important; }
  .hero-copy { padding: 24px 22px !important; }
  .hero-subcopy { font-size: 13px !important; line-height: 1.5 !important; white-space: normal !important; }
  .box { min-height: 196px !important; }
  .box-badges-top { top: 56px !important; }
  .front-stage-heading h2 { font-size: clamp(24px, 8vw, 34px) !important; }
  .panel, .auth-card, .stats-dialog, .calendar-dialog, .auto-fill-dialog, .period-fill-dialog, .setup-card, .overview-box, .summary-card, .overview-row-card, .stats-chart-card, .note-box { border-radius: 24px !important; }
  .primary-actions button, .summary-btn-wrap button, .setup-menu-grid button { width: 100% !important; }
}
/* ===== /EDITORIAL STABLE THEME OVERRIDE V4 ===== */


/* ===== Header-billede i hero-feltet ===== */
.hero-media {
  position: relative !important;
  display: block !important;
  min-height: 100% !important;
  background-image:
    linear-gradient(90deg, rgba(94,80,63,0.18) 0%, rgba(94,80,63,0.05) 20%, rgba(94,80,63,0.03) 42%, rgba(94,80,63,0.14) 100%),
    linear-gradient(180deg, rgba(255,249,240,0.07) 0%, rgba(166,142,116,0.04) 46%, rgba(94,80,63,0.12) 100%),
    url('assets/img-6bcd27b2.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

.hero-media::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 30%, rgba(255,240,214,0.14) 0%, rgba(255,240,214,0.04) 22%, rgba(255,240,214,0) 46%),
    linear-gradient(90deg, rgba(255,252,247,0.18) 0%, rgba(255,252,247,0.05) 18%, rgba(255,252,247,0) 42%);
  pointer-events: none;
}

.hero-media::after {
  content: '';
  position: absolute;
  inset: 14px 16px;
  border-radius: 26px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.24);
  pointer-events: none;
}
.hero-media-label {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 20px;
  z-index: 3;
  color: rgba(255,252,247,0.96);
  font-family: 'Cormorant Garamond', 'Palatino Linotype', Georgia, serif;
  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 600;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 8px rgba(40,28,16,0.55);
  pointer-events: none;
}

@media (max-width: 1080px) {
  .hero-media {
    min-height: 180px !important;
    background-position: center 34% !important;
  }
}

@media (max-width: 700px) {
  .hero-media {
    min-height: 150px !important;
    background-position: center 30% !important;
  }
}

/* ===== Knap-typografi – mindre gothic, mere rolig ===== */
#forsideKnapper button,
#setupSide .setup-menu-grid .bigbtn,
#setupSide .primary-actions button,
#setupNamesSide .primary-actions button,
#setupFeedSide .primary-actions button,
#setupBoxesSide .primary-actions button,
#setupRegistrationSide .primary-actions button,
#setupEmailSide .primary-actions button,
#brugereSide .primary-actions button,
#oversigtSide .primary-actions button,
#boksSide .primary-actions button,
#setupSide .bigbtn,
#setupNamesSide button,
#setupFeedSide button,
#setupBoxesSide button,
#setupRegistrationSide button,
#setupEmailSide button,
#brugereSide button,
#oversigtSide button,
#boksSide .back-btn {
  font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border-radius: 16px !important;
  min-height: 52px !important;
  padding: 11px 18px !important;
}

#forsideKnapper button,
#setupSide .setup-menu-grid .bigbtn {
  font-size: 21px !important;
  padding: 14px 20px !important;
}

#setupSide .primary-actions button,
#setupNamesSide .primary-actions button,
#setupFeedSide .primary-actions button,
#setupBoxesSide .primary-actions button,
#setupRegistrationSide .primary-actions button,
#setupEmailSide .primary-actions button,
#brugereSide .primary-actions button,
#oversigtSide .primary-actions button,
#boksSide .primary-actions button,
#boksSide .back-btn {
  font-size: 17px !important;
}

@media (max-width: 700px) {
  #forsideKnapper button,
  #setupSide .setup-menu-grid .bigbtn {
    font-size: 19px !important;
    min-height: 50px !important;
    padding: 12px 16px !important;
  }

  #setupSide .primary-actions button,
  #setupNamesSide .primary-actions button,
  #setupFeedSide .primary-actions button,
  #setupBoxesSide .primary-actions button,
  #setupRegistrationSide .primary-actions button,
  #setupEmailSide .primary-actions button,
  #brugereSide .primary-actions button,
  #oversigtSide .primary-actions button,
  #boksSide .primary-actions button,
  #boksSide .back-btn {
    font-size: 16px !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
  }
}



/* Foldkort og fold-editor */
.paddock-map-section{margin-top:48px;padding-top:30px;border-top:1px solid var(--ed-line)}.paddock-name-field{display:block;margin-top:16px}.paddock-name-field span{display:block;font-weight:700;margin-bottom:6px}.paddock-name-field input{width:100%;max-width:340px;box-sizing:border-box;padding:11px 12px;border-radius:14px;border:1px solid rgba(94,80,63,0.18);background:#fffdf8;color:#3f352b;font-size:16px}.paddock-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start}.paddock-map-wrap{position:relative;width:100%;max-width:980px;margin:18px auto;border-radius:14px;overflow:hidden;background:transparent;border:0;box-shadow:0 14px 28px rgba(63,53,43,.16);line-height:0}.paddock-map-image{display:block;width:100%;height:auto;background:transparent}.paddock-map-svg{position:absolute;inset:0;width:100%;height:100%}.paddock-area{fill:rgba(98,171,81,.20);stroke:rgba(28,83,40,.78);stroke-width:4;cursor:pointer;transition:fill .15s ease,stroke .15s ease,filter .15s ease}.paddock-area:hover,.paddock-area:focus{fill:rgba(255,221,86,.34);stroke:rgba(124,90,16,.98);filter:drop-shadow(0 2px 6px rgba(0,0,0,.28));outline:none}.paddock-area.has-horses{fill:rgba(57,154,75,.28)}.paddock-area.empty{fill:rgba(185,185,185,.12)}.paddock-area.selected{fill:rgba(74,126,232,.34);stroke:rgba(27,76,177,1);filter:drop-shadow(0 2px 7px rgba(27,76,177,.35))}.paddock-area.edit-target{fill:rgba(74,126,232,.22)!important;stroke:#1b4cb1!important}.paddock-map-wrap.editing{outline:3px solid rgba(27,76,177,.32);outline-offset:4px}.paddock-map-wrap.editing .paddock-area{pointer-events:none}.paddock-svg-label{pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.paddock-svg-label text{font-family:Arial,Helvetica,sans-serif;text-anchor:middle;fill:#fff;paint-order:stroke;stroke:rgba(35,50,28,.4);stroke-width:3;stroke-linejoin:round}.paddock-svg-name{font-size:21px;font-weight:700}.paddock-svg-sub{font-size:18px;font-weight:500}.paddock-detail-card{background:linear-gradient(180deg,#fffdf8,#f3eadc);border:1px solid rgba(94,80,63,.18);border-radius:20px;box-shadow:0 10px 24px rgba(63,53,43,.12);padding:16px;text-align:left}.paddock-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.paddock-editor-title{font-size:24px;font-weight:900;color:#3f352b;line-height:1.15}.paddock-editor-sub{font-size:13px;color:#7f715f;margin-top:4px}.paddock-horse-list{display:grid;gap:9px;margin-top:12px}.paddock-horse-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#fffaf1,#efe2cf);border:1px solid rgba(94,80,63,.15);box-shadow:0 4px 10px rgba(63,53,43,.08)}.paddock-horse-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7b6854;color:#fff;font-weight:900;flex:0 0 auto}.paddock-horse-main strong{display:block;color:#3f352b}.paddock-horse-main span{display:block;color:#82725f;font-size:12px;margin-top:2px}.paddock-detail-list{margin:10px 0 0;padding-left:18px}.paddock-detail-empty{color:#7f715f;font-style:italic}.paddock-check-list{max-height:520px;overflow:auto;display:grid;gap:10px;padding-right:8px}.paddock-check{display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:12px!important;text-align:left!important;justify-content:start!important;padding:12px 16px!important;min-height:48px;border-radius:14px;background:linear-gradient(135deg,#fffdf8,#f2e7d7);border:1px solid rgba(94,80,63,.13);box-shadow:0 4px 12px rgba(63,53,43,.08)}.paddock-check input{margin:0!important;justify-self:center!important;align-self:center!important;transform:scale(1.15)}.paddock-check span{display:block!important;text-align:left!important;width:100%!important}.paddock-check strong{display:block!important;text-align:left!important;font-size:16px!important;line-height:1.2!important;color:#4a4035!important;word-break:normal!important}.paddock-check .muted{display:block!important;text-align:left!important;margin-top:3px;font-size:12px!important;line-height:1.2!important;color:#7f715f}.paddock-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px;text-align:left}.paddock-summary-card{background:rgba(255,255,255,.72);border:1px solid rgba(94,80,63,.14);border-radius:16px;padding:12px}.paddock-summary-card strong{display:block;margin-bottom:4px}.paddock-editor-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.paddock-editor-tools button{border:0;border-radius:999px;padding:9px 12px;background:#6f5f4d;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(63,53,43,.18)}.paddock-editor-tools button.secondary{background:#d8c8ae;color:#3f352b}.paddock-editor-tools button.danger{background:#9f4e3f;color:#fff}.paddock-editor-note{padding:10px 12px;border-radius:14px;background:#fff7df;border:1px solid rgba(169,126,33,.25);color:#66502a;font-size:13px;line-height:1.35}.paddock-point-list{font-size:12px;color:#7f715f;margin-top:8px;word-break:break-word}.paddock-edit-point{fill:#fff;stroke:#1b4cb1;stroke-width:4}.paddock-editor-col{align-self:start}.paddock-editor-col .paddock-detail-card{position:sticky;top:16px;max-height:calc(100vh - 40px);overflow:auto}.paddock-editor-divider{border:0;border-top:1px solid rgba(94,80,63,.16);margin:14px 0}.paddock-map-chooser{display:grid;gap:6px}.paddock-map-chooser select{width:100%;max-width:340px;box-sizing:border-box;padding:11px 12px;border-radius:14px;border:1px solid rgba(94,80,63,.18);background:#fffdf8;color:#3f352b;font-size:16px}.paddock-upload-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:9px 14px;background:#3f7a4a;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(63,53,43,.18)}.paddock-recall-bar{margin:14px 0 4px;text-align:center}.paddock-recall-bar button{border:0;border-radius:999px;padding:10px 16px;background:#d8c8ae;color:#3f352b;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(63,53,43,.14)}@media(max-width:900px){.paddock-map-layout{grid-template-columns:1fr}.paddock-editor-col .paddock-detail-card{position:static;max-height:none}}


/* Care menu + reset box */
.reset-box-section{margin-top:18px!important;text-align:left!important}.reset-box-section h3{margin:0 0 8px;color:#3f352b;font-size:24px}.reset-box-grid{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,260px) 1fr 1fr;gap:14px;align-items:end}.reset-confirm-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fffdf8;border:1px solid rgba(94,80,63,.14);font-weight:800;color:#4a4035}.reset-confirm-check input{width:18px;height:18px}.reset-box-actions{justify-content:flex-start!important;margin-top:12px!important}.reset-box-actions button.danger{background:#9f4e3f!important;color:#fff!important}.reset-box-actions button.secondary{background:#d8c8ae!important;color:#3f352b!important}.reset-box-actions button:disabled{opacity:.45!important;cursor:not-allowed!important}.care-menu-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:28px!important;padding:18px 4px 10px!important}.care-menu-card{position:relative!important;min-height:228px!important;border-radius:28px!important;padding:0!important;display:block!important;text-align:center!important;overflow:hidden!important;isolation:isolate!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:var(--ed-shadow)!important;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)),linear-gradient(145deg,#9a7c54 0%,#735b41 52%,#4a3e30 100%)!important;color:var(--ed-white)!important;cursor:pointer!important}.care-menu-card::before{display:none!important}.care-menu-card::after{content:""!important;position:absolute!important;width:118px!important;height:118px!important;right:-28px!important;bottom:-28px!important;border-radius:50%!important;background:rgba(255,255,255,.17)!important;z-index:0!important}.care-menu-title{position:absolute!important;z-index:2!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0 24%!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(18px,1.35vw,24px)!important;line-height:1.12!important;font-weight:500!important;color:var(--ed-white)!important;text-align:center!important}.care-table th,.care-table td{text-align:center!important;vertical-align:middle!important}.care-input,.care-small-input,.care-textarea{text-align:center!important}.feed-table th:first-child,.feed-table td:first-child{width:30px!important;min-width:30px!important;max-width:34px!important;text-align:center!important;padding-left:2px!important;padding-right:2px!important}.feed-table td:first-child input[type="checkbox"]{display:block!important;margin:0 auto!important;width:15px!important;height:15px!important}.feed-table th:last-child,.feed-table td:last-child{width:34%!important;min-width:300px!important}@media(max-width:980px){.reset-box-grid{grid-template-columns:1fr}.care-menu-grid{grid-template-columns:1fr!important}}

/* Udlukningsplan kædelink mellem rækker */
.turnout-link-row td{padding:0!important;height:0!important;border:0!important;position:relative!important;background:transparent!important}.turnout-link-btn{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:28px;height:24px;border:0;border-radius:999px;background:#d8c8ae;color:#3f352b;box-shadow:0 4px 10px rgba(63,53,43,.18);font-size:15px;line-height:24px;cursor:pointer;opacity:0;pointer-events:none;z-index:4}.turnout-link-row:hover .turnout-link-btn,.turnout-table tr:hover + .turnout-link-row .turnout-link-btn{opacity:1;pointer-events:auto}.turnout-linked-order{background:#fff7df!important;border-color:#c8a95f!important;font-weight:900!important}

/* Udlukningsplan: lille kædelink uden ekstra tabelrækker */
.turnout-link-row{display:none!important}.turnout-order-cell{position:relative!important}.turnout-chain-btn{position:absolute;left:50%;top:-13px;transform:translateX(-50%);width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#d8c8ae!important;color:#3f352b!important;box-shadow:0 3px 8px rgba(63,53,43,.18)!important;font-size:12px!important;line-height:22px!important;cursor:pointer!important;opacity:0;pointer-events:none;z-index:5}.turnout-table tr:hover .turnout-chain-btn,.turnout-chain-btn:focus{opacity:1;pointer-events:auto}.turnout-linked-order{background:#fffaf1!important}.turnout-linked-order .care-small-input{border-color:#c8a95f!important;background:#fff7df!important;font-weight:900!important}

/* Fix Udlukningsplan table layout after chain link */
#turnoutPrintArea .print-only-title{display:none!important}.turnout-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:14px!important}.turnout-table th,.turnout-table td{padding:8px 9px!important;text-align:center!important;vertical-align:middle!important;box-sizing:border-box!important}.turnout-table th:nth-child(1),.turnout-table td:nth-child(1){width:120px!important}.turnout-table th:nth-child(2),.turnout-table td:nth-child(2){width:120px!important}.turnout-table th:nth-child(3),.turnout-table td:nth-child(3){width:28%!important}.turnout-table th:nth-child(4),.turnout-table td:nth-child(4){width:auto!important}.turnout-table .care-small-input{width:76px!important;max-width:76px!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:6px 8px!important;border-radius:12px!important;font-size:16px!important;text-align:center!important;display:inline-block!important;box-sizing:border-box!important}.turnout-table .care-textarea{width:100%!important;max-width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:12px!important;font-size:14px!important;text-align:center!important;resize:vertical!important;box-sizing:border-box!important}.turnout-order-cell{position:relative!important}.turnout-chain-btn{position:absolute!important;left:50%!important;top:-13px!important;transform:translateX(-50%)!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#d8c8ae!important;color:#3f352b!important;box-shadow:0 3px 8px rgba(63,53,43,.18)!important;font-size:12px!important;line-height:22px!important;cursor:pointer!important;opacity:0;pointer-events:none;z-index:5}.turnout-table tr:hover .turnout-chain-btn,.turnout-chain-btn:focus{opacity:1;pointer-events:auto}.turnout-linked-order{background:#fffaf1!important}.turnout-linked-order .care-small-input{border-color:#c8a95f!important;background:#fff7df!important;font-weight:900!important}@media(max-width:760px){.turnout-table{font-size:12px!important}.turnout-table th:nth-child(1),.turnout-table td:nth-child(1){width:82px!important}.turnout-table th:nth-child(2),.turnout-table td:nth-child(2){width:82px!important}.turnout-table .care-small-input{width:58px!important;max-width:58px!important;font-size:14px!important}}


/* Udlukningsplan: adskil heste og placer kædelink pænt */
.turnout-table{border-collapse:separate!important;border-spacing:0 8px!important;background:transparent!important}.turnout-table thead tr{background:transparent!important}.turnout-table tbody tr{background:#fffdf8!important;box-shadow:0 2px 7px rgba(63,53,43,.06)!important}.turnout-table tbody td{border-top:1px solid rgba(94,80,63,.14)!important;border-bottom:1px solid rgba(94,80,63,.14)!important}.turnout-table tbody td:first-child{border-left:1px solid rgba(94,80,63,.14)!important;border-radius:14px 0 0 14px!important}.turnout-table tbody td:last-child{border-right:1px solid rgba(94,80,63,.14)!important;border-radius:0 14px 14px 0!important}.turnout-order-cell{position:relative!important}.turnout-chain-btn{position:absolute!important;left:50%!important;top:-21px!important;transform:translateX(-50%)!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;border:1px solid rgba(94,80,63,.16)!important;border-radius:50%!important;background:#d8c8ae!important;color:#3f352b!important;box-shadow:0 2px 6px rgba(63,53,43,.16)!important;font-size:11px!important;line-height:18px!important;cursor:pointer!important;opacity:0;pointer-events:none;z-index:10}.turnout-table tbody tr:hover .turnout-chain-btn,.turnout-chain-btn:focus{opacity:1!important;pointer-events:auto!important}.turnout-linked-order{background:#fff7df!important}.turnout-linked-order td{border-color:#c8a95f!important}.turnout-linked-order .care-small-input{border-color:#c8a95f!important;background:#fff7df!important;font-weight:900!important}@media print{.turnout-chain-btn{display:none!important}.turnout-table{border-collapse:collapse!important;border-spacing:0!important}.turnout-table tbody tr{box-shadow:none!important}.turnout-table tbody td{border:1px solid #333!important;border-radius:0!important}}


/* Udlukningsplan: grupper linkede bokse i samme visuelle kasse */
.turnout-table{width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important}.turnout-table th,.turnout-table td{padding:8px 9px!important;text-align:center!important;vertical-align:middle!important;box-sizing:border-box!important}.turnout-table tbody tr td{background:#fffdf8!important;border-top:8px solid #fbf8f2!important;border-bottom:1px solid rgba(94,80,63,.14)!important}.turnout-table tbody tr td:first-child{border-left:1px solid rgba(94,80,63,.14)!important;border-radius:14px 0 0 14px!important}.turnout-table tbody tr td:last-child{border-right:1px solid rgba(94,80,63,.14)!important;border-radius:0 14px 14px 0!important}.turnout-table tbody tr.turnout-group-start td{border-bottom:0!important;border-radius:14px 14px 0 0!important}.turnout-table tbody tr.turnout-group-middle td,.turnout-table tbody tr.turnout-group-end td{border-top:0!important}.turnout-table tbody tr.turnout-group-middle td{border-bottom:0!important;border-radius:0!important}.turnout-table tbody tr.turnout-group-end td{border-bottom:1px solid rgba(94,80,63,.14)!important;border-radius:0 0 14px 14px!important}.turnout-table tbody tr.turnout-group-start td:first-child,.turnout-table tbody tr.turnout-group-middle td:first-child,.turnout-table tbody tr.turnout-group-end td:first-child{border-left:1px solid rgba(94,80,63,.14)!important}.turnout-table tbody tr.turnout-group-start td:last-child,.turnout-table tbody tr.turnout-group-middle td:last-child,.turnout-table tbody tr.turnout-group-end td:last-child{border-right:1px solid rgba(94,80,63,.14)!important}.turnout-order-cell{position:relative!important}.turnout-chain-btn,.turnout-unlink-btn{position:absolute!important;left:50%!important;top:-10px!important;transform:translateX(-50%)!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;border:1px solid rgba(94,80,63,.16)!important;border-radius:50%!important;background:#d8c8ae!important;color:#3f352b!important;box-shadow:0 2px 6px rgba(63,53,43,.16)!important;font-size:11px!important;line-height:18px!important;cursor:pointer!important;opacity:0;pointer-events:none;z-index:10}.turnout-unlink-btn{background:#f0ded0!important;color:#8c3b32!important}.turnout-table tbody tr:hover .turnout-chain-btn,.turnout-table tbody tr:hover .turnout-unlink-btn,.turnout-chain-btn:focus,.turnout-unlink-btn:focus{opacity:1!important;pointer-events:auto!important}.turnout-table .care-small-input{width:76px!important;max-width:76px!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:6px 8px!important;border-radius:12px!important;font-size:16px!important;text-align:center!important;display:inline-block!important;box-sizing:border-box!important}.turnout-table .care-textarea{width:100%!important;max-width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:12px!important;font-size:14px!important;text-align:center!important;resize:vertical!important;box-sizing:border-box!important}.turnout-group-start .care-small-input,.turnout-group-middle .care-small-input,.turnout-group-end .care-small-input{border-color:#c8a95f!important;background:#fff7df!important;font-weight:900!important}@media(max-width:760px){.turnout-table th:nth-child(1),.turnout-table td:nth-child(1){width:82px!important}.turnout-table th:nth-child(2),.turnout-table td:nth-child(2){width:82px!important}.turnout-table .care-small-input{width:58px!important;max-width:58px!important;font-size:14px!important}}


/* Final: neutral linked rows + centered link/unlink on divider */
.turnout-linked-order,.turnout-group-start,.turnout-group-middle,.turnout-group-end{background:transparent!important}.turnout-linked-order td,.turnout-group-start td,.turnout-group-middle td,.turnout-group-end td{background:#fffdf8!important;border-color:rgba(94,80,63,.14)!important}.turnout-linked-order .care-small-input,.turnout-group-start .care-small-input,.turnout-group-middle .care-small-input,.turnout-group-end .care-small-input{background:#fff!important;border-color:rgba(94,80,63,.18)!important;font-weight:400!important}.turnout-chain-btn,.turnout-unlink-btn{top:-14px!important;left:50%!important;transform:translateX(-50%)!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;line-height:18px!important;font-size:11px!important;padding:0!important}.turnout-unlink-btn{background:#d8c8ae!important;color:#3f352b!important}.turnout-table tbody tr:hover .turnout-chain-btn,.turnout-table tbody tr:hover .turnout-unlink-btn,.turnout-chain-btn:focus,.turnout-unlink-btn:focus{opacity:1!important;pointer-events:auto!important}.turnout-table tbody tr.turnout-group-start td{border-bottom:0!important}.turnout-table tbody tr.turnout-group-middle td{border-top:0!important;border-bottom:0!important}.turnout-table tbody tr.turnout-group-end td{border-top:0!important;border-bottom:1px solid rgba(94,80,63,.14)!important}@media print{.turnout-chain-btn,.turnout-unlink-btn{display:none!important}}


/* Udlukningsplan: tydelig tekst i hestenavn og bemærkninger */
.turnout-table th:nth-child(3),.turnout-table th:nth-child(4),.turnout-table td:nth-child(3),.turnout-table td:nth-child(4){font-weight:800!important;color:#3f352b!important}.turnout-table td:nth-child(4) .care-textarea{font-weight:800!important;color:#3f352b!important}.turnout-table td:nth-child(3){font-size:15px!important}.turnout-table td:nth-child(4){font-size:15px!important}


/* Finjustering: mindre datofelt og skjul hjælpeinfo under reset/fold-afsnit */
.reset-box-section .calendar-hint{display:none!important}.reset-box-section input[type="date"],#tenantStartDate{font-size:22px!important;line-height:1.15!important;height:54px!important;min-height:54px!important;padding:8px 12px!important;letter-spacing:.02em!important}.reset-box-section .setup-card.compact{padding:18px!important}.reset-box-section .setup-card.compact span{font-size:16px!important;margin-bottom:7px!important;display:block!important}@media(max-width:760px){.reset-box-section input[type="date"],#tenantStartDate{font-size:18px!important;height:48px!important;min-height:48px!important}}


/* Foderplan: kompakt skærmvisning og A4-print */
.feed-table{table-layout:fixed!important;width:100%!important;font-size:12px!important}.feed-table th,.feed-table td{padding:4px 4px!important;line-height:1.15!important}.feed-table th:first-child,.feed-table td:first-child{width:3.5%!important;min-width:28px!important;max-width:32px!important}.feed-table th:nth-child(2),.feed-table td:nth-child(2){width:5%!important}.feed-table th:nth-child(3),.feed-table td:nth-child(3){width:15%!important}.feed-table th:nth-child(4),.feed-table td:nth-child(4),.feed-table th:nth-child(5),.feed-table td:nth-child(5),.feed-table th:nth-child(6),.feed-table td:nth-child(6),.feed-table th:nth-child(7),.feed-table td:nth-child(7),.feed-table th:nth-child(8),.feed-table td:nth-child(8),.feed-table th:nth-child(9),.feed-table td:nth-child(9){width:7.5%!important}.feed-table th:last-child,.feed-table td:last-child{width:31.5%!important;min-width:0!important}.feed-table .care-input,.feed-table .care-textarea{min-width:0!important;width:100%!important;min-height:28px!important;height:28px!important;padding:3px 5px!important;border-radius:7px!important;font-size:12px!important;line-height:1.1!important}.feed-table .care-textarea{height:30px!important;resize:vertical!important}.feed-table td:last-child .care-textarea{min-width:0!important;min-height:30px!important}.feed-table td:first-child input[type="checkbox"]{width:13px!important;height:13px!important}.care-table-wrap{overflow-x:visible!important}@media(max-width:900px){.feed-table{font-size:11px!important}.feed-table .care-input,.feed-table .care-textarea{font-size:11px!important;padding:2px 3px!important}.feed-table th,.feed-table td{padding:3px 2px!important}}


/* Foderplan: bemærkninger tydeligere og vertikalt centreret */
.feed-table td:last-child{vertical-align:middle!important;font-weight:800!important;color:#3f352b!important;line-height:1.25!important}.feed-table td:last-child .care-textarea{display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;color:#3f352b!important;line-height:1.25!important;padding-top:6px!important;padding-bottom:6px!important;min-height:34px!important;height:34px!important}.feed-table td:last-child textarea.care-textarea{font-weight:800!important;color:#3f352b!important}.feed-table td:last-child textarea.care-textarea::placeholder{font-weight:700!important;color:rgba(63,53,43,.45)!important}.feed-table th:last-child{font-weight:900!important;color:#3f352b!important}


/* Foderplan: bemærkning samme højde som øvrige felter og vertikalt centreret */
.feed-table .care-input,
.feed-table .care-textarea{height:28px!important;min-height:28px!important;max-height:28px!important;line-height:18px!important;padding:5px 5px!important;box-sizing:border-box!important}.feed-table td:last-child .care-textarea,
.feed-table td:last-child textarea.care-textarea{height:28px!important;min-height:28px!important;max-height:28px!important;line-height:18px!important;padding:5px 5px!important;box-sizing:border-box!important;overflow:hidden!important;resize:none!important;font-weight:800!important;color:#3f352b!important;text-align:center!important;vertical-align:middle!important}.feed-table td:last-child{vertical-align:middle!important}.feed-table td:last-child .care-textarea::-webkit-scrollbar{display:none!important}


/* Sticky kolonneoverskrifter i Foderplan og Udlukningsplan */
.care-table-wrap{overflow:visible!important}.feed-table thead th,.turnout-table thead th{position:sticky!important;top:0!important;z-index:30!important;background:#fbf8f2!important;box-shadow:0 2px 0 rgba(94,80,63,.14),0 8px 18px rgba(251,248,242,.96)!important}.feed-table thead th{border-bottom:1px solid rgba(94,80,63,.18)!important}.turnout-table thead th{border-bottom:1px solid rgba(94,80,63,.18)!important}@media print{.feed-table thead th,.turnout-table thead th{position:static!important;box-shadow:none!important}}


/* Fastlåste overskrifter ved scroll: bruger flydende kopi */
.care-floating-header{position:fixed;left:0;top:0;z-index:9999;display:none;background:#fbf8f2;border-collapse:collapse;table-layout:fixed;box-shadow:0 8px 18px rgba(63,53,43,.16);pointer-events:none}.care-floating-header.show{display:table}.care-floating-header th{background:#fbf8f2!important;color:#3f352b!important;font-weight:900!important;text-align:center!important;vertical-align:middle!important;border-bottom:1px solid rgba(94,80,63,.18)!important;padding:8px 9px!important;box-sizing:border-box!important}.care-floating-header.feed th{font-size:12px!important;padding:6px 4px!important}.care-floating-header.turnout th{font-size:14px!important}


/* Hotfix: skjul unødvendig fold-detaljeboks under Stald- og Foldkort */
#fullPasPaddockDetail{display:none!important;}

/* --- Top menu: let, lys stil (overstyrer globale knapregler) --- */
#topUserMenu .user-menu-toggle,
#topUserMenu .user-menu-item {
  text-transform:none !important;
  letter-spacing:0 !important;
  font-family:inherit !important;
  min-height:auto !important;
  border-radius:12px !important;
  box-shadow:none !important;
  transform:none !important;
}
#topUserMenu .user-menu-toggle {
  background:rgba(255,255,255,0.92) !important;
  color:#6b5745 !important;
  border:1px solid rgba(115,82,42,0.18) !important;
  padding:8px 14px !important;
  font-size:15px !important;
  font-weight:600 !important;
}
#topUserMenu .user-menu-toggle:hover,
#topUserMenu .user-menu-toggle:focus {
  background:#fffdf8 !important;
  color:#4c3a28 !important;
  border-color:rgba(115,82,42,0.32) !important;
}
#topUserMenu .user-menu-item {
  background:transparent !important;
  color:#6b5745 !important;
  border:0 !important;
  padding:10px 12px !important;
  font-size:15px !important;
  font-weight:500 !important;
  border-radius:9px !important;
}
#topUserMenu .user-menu-item:hover,
#topUserMenu .user-menu-item:focus {
  background:rgba(115,82,42,.07) !important;
  color:#4c3a28 !important;
}
#topUserMenu .user-menu-logout { color:#8a6a52 !important; font-weight:600 !important; }
#topUserMenu .user-menu-logout:hover,
#topUserMenu .user-menu-logout:focus { background:rgba(138,106,82,.09) !important; color:#6b4a34 !important; }

/* --- Boksvisning: finere overskrifter --- */
#boksSide #boksTitel {
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.15 !important;
  margin: 4px 0 10px 0 !important;
}
#boksSide .feed-group h3 {
  font-size: clamp(16px, 1.15vw, 19px) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin: 0 0 10px 0 !important;
}
@media (max-width: 720px) {
  #boksSide #boksTitel { font-size: 24px !important; }
  #boksSide .feed-group h3 { font-size: 16px !important; }
}

/* --- Priser og moms --- */
.price-form-card{text-align:left!important}
.price-form-title{font-size:20px!important;margin:0 0 12px 0!important;text-align:left!important}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
/* Faktura-vælgere: Boks bred, År/Måned smalle og rykket mod højre */
#invoicesSide .price-grid{grid-template-columns:minmax(0,2.4fr) minmax(0,0.8fr) minmax(0,0.9fr)!important;gap:16px!important}
.price-field{display:block;text-align:left}
.price-field>span{display:block;font-weight:600;margin-bottom:6px;color:#6b5745;font-size:14px}
.price-field input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:14px;border:1px solid rgba(94,80,63,.18);background:#fffdf8;color:#3f352b;font-size:16px}
.price-field select{width:100%;max-width:100%;box-sizing:border-box;padding:11px 12px;border-radius:14px;border:1px solid rgba(94,80,63,.18);background:#fffdf8;color:#3f352b;font-size:16px;text-overflow:ellipsis}
.price-field-wide{grid-column:1/-1}
.price-form-actions{justify-content:flex-start!important;margin-top:16px!important}
.price-history{margin-top:22px;text-align:left}
.price-history-list{display:grid;gap:12px;margin-top:12px}
.price-rate-card{border:1px solid rgba(94,80,63,.16);border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#fffdf8,#f7f1e8);box-shadow:0 4px 12px rgba(63,53,43,.07)}
.price-rate-card.is-current{border-color:rgba(63,122,74,.45);box-shadow:0 4px 14px rgba(63,122,74,.14)}
.price-rate-card.is-future{opacity:.9;border-style:dashed}
.price-rate-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.price-rate-date{font-weight:700;color:#4c3a28;font-size:16px}
.price-rate-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.3px}
.price-rate-badge.current{background:rgba(63,122,74,.14);color:#2f6b3c}
.price-rate-badge.future{background:rgba(169,126,33,.16);color:#7a5c17}
.price-rate-badge.past{background:rgba(94,80,63,.10);color:#7f715f}
.price-rate-vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 14px}
.price-rate-val{font-size:14px;color:#6b5745}
.price-rate-val strong{display:block;color:#3f352b;font-size:15px;margin-top:2px}
.price-rate-note{margin-top:10px;font-size:13px;color:#7f715f;font-style:italic}
.price-rate-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.price-rate-actions button{border:0;border-radius:999px;padding:7px 14px;font-size:13px!important;font-weight:600!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;min-height:auto!important;background:#d8c8ae;color:#3f352b;box-shadow:none!important}
.price-rate-actions button.danger{background:rgba(159,78,63,.14);color:#8c4133}
@media(max-width:720px){.price-grid{grid-template-columns:1fr}}

/* --- Lejere og fakturering --- */
.tenant-card{border:1px solid rgba(94,80,63,.16);border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#fffdf8,#f7f1e8);box-shadow:0 4px 12px rgba(63,53,43,.07)}
.tenant-card.inactive{opacity:.62}
.tenant-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tenant-name{font-weight:700;color:#3f352b;font-size:16px}
.tenant-sub{font-size:13px;color:#7f715f;margin-top:3px;line-height:1.45}
.invoice-editor{margin-top:16px}
.inv-meta{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(94,80,63,.14);margin-bottom:14px;text-align:left}
.inv-meta-block{font-size:14px;color:#6b5745;line-height:1.5}
.inv-meta-block strong{display:block;color:#3f352b;font-size:15px;margin-bottom:2px}
.inv-warn{padding:10px 14px;border-radius:14px;background:#fff7df;border:1px solid rgba(169,126,33,.28);color:#66502a;font-size:13px;line-height:1.4;margin-bottom:10px;text-align:left}
.inv-warn.error{background:rgba(159,78,63,.09);border-color:rgba(159,78,63,.3);color:#8c4133}
.inv-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(94,80,63,.14)}
.inv-table{width:100%;border-collapse:collapse;background:#fffdf8;min-width:680px}
.inv-table th{background:#efe4d2;color:#4c3a28;font-size:13px;font-weight:700;padding:10px 8px;text-align:left;border-bottom:1px solid rgba(94,80,63,.16)}
.inv-table td{padding:8px;border-bottom:1px solid rgba(94,80,63,.09);vertical-align:middle}
.inv-table tr:last-child td{border-bottom:0}
.inv-table input{width:100%;box-sizing:border-box;padding:8px 9px;border-radius:10px;border:1px solid rgba(94,80,63,.18);background:#fff;color:#3f352b;font-size:14px}
.inv-table input.num{text-align:right}
.inv-col-qty{width:110px}.inv-col-unit{width:80px}.inv-col-price{width:120px}.inv-col-sum{width:120px;text-align:right;font-weight:600;color:#3f352b;white-space:nowrap}
.inv-col-del{width:44px;text-align:center}
.inv-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(94,80,63,.10);color:#7f715f;margin-left:6px}
.inv-badge.auto{background:rgba(63,122,74,.13);color:#2f6b3c}
.inv-del-btn{border:0;background:transparent;color:#9f4e3f;cursor:pointer;font-size:16px;padding:4px 6px;min-height:auto!important;box-shadow:none!important}
.inv-add-row{margin:12px 0}
.inv-add-row button{border:0;border-radius:999px;padding:9px 16px;background:#d8c8ae;color:#3f352b;font-weight:600!important;font-size:14px!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;min-height:auto!important;box-shadow:none!important}
.inv-totals{margin-top:14px;margin-left:auto;max-width:340px;text-align:left}
.inv-total-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:15px;color:#6b5745}
.inv-total-row.grand{border-top:2px solid rgba(94,80,63,.22);margin-top:6px;padding-top:11px;font-size:19px;font-weight:700;color:#3f352b}
.inv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;justify-content:flex-start}
.inv-actions button{border:0;border-radius:999px;padding:11px 18px;font-size:15px!important;font-weight:600!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;min-height:auto!important;box-shadow:0 4px 10px rgba(63,53,43,.12)!important}
.inv-actions button.primary{background:linear-gradient(180deg,#6f5f4d,#5E503F);color:#fff}
.inv-actions button.secondary{background:#d8c8ae;color:#3f352b}
.inv-actions button:disabled{opacity:.45;cursor:not-allowed}
.inv-row{border:1px solid rgba(94,80,63,.16);border-radius:16px;padding:12px 14px;background:linear-gradient(180deg,#fffdf8,#f7f1e8);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.inv-row.credit{background:linear-gradient(180deg,#fdf6f4,#f6e9e6);border-color:rgba(159,78,63,.22)}
.inv-row-main{text-align:left;font-size:14px;color:#7f715f;line-height:1.5}
.inv-row-main strong{display:block;color:#3f352b;font-size:15px}
.inv-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
.inv-status.draft{background:rgba(94,80,63,.10);color:#7f715f}
.inv-status.issued{background:rgba(63,122,74,.14);color:#2f6b3c}
.inv-status.paid{background:rgba(27,76,177,.12);color:#1b4cb1}
.inv-status.cancelled{background:rgba(159,78,63,.12);color:#8c4133}
@media(max-width:720px){.inv-meta{flex-direction:column;gap:10px}.inv-totals{max-width:none}}

.vat-exempt-box{margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid rgba(94,80,63,.14);text-align:left}
.vat-exempt-title{font-weight:700;color:#4c3a28;font-size:15px;margin-bottom:6px}
.price-rate-flags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.price-flag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(27,76,177,.10);color:#1b4cb1}
.inv-col-vat{width:96px}
.inv-vat-note{font-size:12px;color:#7f715f;margin-top:6px;text-align:left;font-style:italic}

.logo-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logo-preview{width:110px;height:110px;border-radius:14px;border:1px dashed rgba(94,80,63,.28);background:#fffdf8;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}
.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}
.logo-empty{font-size:12px;color:#9a8d7d}
.logo-actions{display:flex;gap:8px;flex-wrap:wrap}
.logo-actions button{border:0;border-radius:999px;padding:9px 16px;background:#d8c8ae;color:#3f352b;font-weight:600!important;font-size:14px!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;min-height:auto!important;box-shadow:none!important}
.logo-actions button.secondary{background:rgba(159,78,63,.12);color:#8c4133}

/* ===== Fakturering: Flere bokse for samme lejer ===== */
.multi-tenant-invoice-option{grid-column:1/-1;margin-top:2px;padding:10px 12px;border-radius:16px;background:#fffaf1;border:1px solid rgba(94,80,63,.14);text-align:left}.multi-tenant-invoice-option label{display:flex;align-items:flex-start;gap:9px;font-weight:850;color:#3f352b}.multi-tenant-invoice-option input{width:18px;height:18px;margin-top:1px}.multi-tenant-invoice-option .hint{margin-top:4px;font-size:12px;color:#7f715f;line-height:1.35}.multi-invoice-note{margin:12px 0;padding:10px 12px;border-radius:16px;background:#fffaf1;border:1px solid rgba(94,80,63,.14);color:#5e503f;text-align:left;font-size:13px;line-height:1.45}.multi-invoice-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.multi-invoice-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#efe6d8;border:1px solid rgba(94,80,63,.14);font-size:12px;font-weight:850;color:#5e503f}



/* ===== Mobiloptimering v1 =====
   Tilføjet for at gøre hele systemet mere app-agtigt og mindre klodset på telefoner. */
@media (max-width: 980px){
  html,body{overflow-x:hidden!important}
  .app-shell,.hero,.userbar{padding-left:16px!important;padding-right:16px!important;max-width:100%!important;box-sizing:border-box!important}
  .hero{padding-top:12px!important;padding-bottom:6px!important}
  .hero-card{border-radius:22px!important;padding:16px!important}
  .hero-inner{gap:10px!important}
  .hero-copy{min-height:74px!important;max-width:none!important}
  h1{font-size:34px!important;line-height:1.05!important}
  h2{font-size:28px!important;line-height:1.15!important;margin-top:8px!important;margin-bottom:12px!important}
  h3{font-size:20px!important;line-height:1.2!important}
  .panel,.overview-box,.setup-card,.summary-card,.overview-row-card,.stats-chart-card,.user-row,.report-box,.note-box,.price-history,.invoice-editor,.tenant-card{border-radius:20px!important;padding:16px!important;box-sizing:border-box!important}
  .price-grid,.reset-box-grid,.paddock-map-layout{grid-template-columns:1fr!important;gap:10px!important}
  .calendar-hint,.legend-note,.auth-help,.user-row-sub,.tenant-sub,.inv-row-main{font-size:13px!important;line-height:1.35!important}
  .primary-actions{gap:8px!important;flex-wrap:wrap!important}
  button,.bigbtn,.smallbtn,.save-entry-btn,.save-default-btn,.back-btn,.primary-actions button,.price-rate-actions button,.inv-actions button{min-height:44px!important;padding:10px 14px!important;font-size:15px!important;border-radius:999px!important;line-height:1.15!important;text-transform:none!important;letter-spacing:0!important}
  input,select,textarea,.setup-input,.price-field input,.price-field select,.care-input,.care-small-input,.care-textarea{font-size:16px!important;min-height:44px!important;border-radius:12px!important;box-sizing:border-box!important}
  .price-field>span{font-size:13px!important;margin-bottom:5px!important}
  .userbar-inner{border-radius:16px!important;padding:10px 12px!important;align-items:stretch!important}
  .userbar-text{font-size:14px!important;line-height:1.3!important}
  #topUserMenu .user-menu-toggle{width:100%!important;justify-content:center!important}
  #topUserMenu .user-menu-dropdown{right:auto!important;left:0!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
}

@media (max-width: 720px){
  body{padding-bottom:80px!important;overflow-x:hidden!important}
  .app-shell,.hero,.userbar{padding-left:12px!important;padding-right:12px!important}
  .hero{padding-top:10px!important;padding-bottom:6px!important}
  .hero-card{border-radius:18px!important;padding:14px!important}
  .hero-inner{display:block!important}
  .hero-copy{min-height:auto!important;text-align:center!important;justify-content:center!important;display:block!important}
  .hero-subcopy{font-size:12px!important;line-height:1.35!important;margin:6px 0 0!important;white-space:normal!important}
  .hero-media{display:none!important}
  h1{font-size:29px!important}
  h2{font-size:23px!important}
  h3{font-size:18px!important}

  /* Forside: mere kompakt boksgrid */
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px 0!important;width:100%!important;box-sizing:border-box!important}
  .box{min-height:96px!important;padding:12px 8px!important;border-radius:18px!important;font-size:17px!important;box-shadow:0 8px 17px rgba(63,53,43,.12)!important}
  .box-content{gap:3px!important;padding:0 5px!important}
  .box-number{font-size:16px!important;line-height:1.1!important}
  .box-name{font-size:13px!important;line-height:1.15!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .box-badges-top,.box-badges-bottom{gap:3px!important;left:6px!important;right:6px!important}
  .box-badge{font-size:9px!important;padding:2px 5px!important;line-height:1.1!important}
  .box-note-alert{width:22px!important;height:22px!important;font-size:14px!important;right:6px!important;top:6px!important}
  .box-bedding-alert{left:7px!important;bottom:7px!important;transform:scale(.82)!important;transform-origin:left bottom!important}
  #forsideKnapper .primary-actions,#forsideKnapper{margin-top:8px!important}
  #forsideKnapper .bigbtn{width:100%!important;margin:4px 0!important}
  #farveForklaring{font-size:12px!important}

  /* Boksside: app-agtig registrering */
  #boksSide .panel{padding-bottom:6px!important}
  #boksTitel{font-size:27px!important;margin-bottom:12px!important}
  .date-wrap{margin:6px 0 12px!important}
  .date-button{min-height:44px!important;padding:8px 14px!important}
  .date-badge{font-size:15px!important}
  .feed-group{border-radius:16px!important;padding:15px!important;margin:12px 0 0!important}
  .feed-group h3{margin:0 0 10px!important;text-align:left!important}
  .feed-slider-row{gap:10px!important}
  .feed-slider-value{min-width:56px!important;font-size:16px!important}
  #boksSide>.panel>.primary-actions{position:sticky!important;bottom:0!important;z-index:60!important;background:rgba(255,253,248,.96)!important;backdrop-filter:blur(10px)!important;border-top:1px solid rgba(35,64,46,.12)!important;margin:12px -14px 0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  #boksSide>.panel>.primary-actions .save-entry-btn{grid-column:1/-1!important;background:#23402E!important;color:#F5F1E8!important;font-size:16px!important}
  #boksSide>.panel>.primary-actions button{width:100%!important;margin:0!important}
  .report-box,.note-box{margin-top:10px!important}
  .bedding-request-box h3,.month-days-box h3,.note-box h3{font-size:17px!important;margin-bottom:8px!important}
  .month-nav{gap:8px!important;align-items:center!important}
  .month-label,.calendar-title{font-size:20px!important;min-width:0!important;flex:1!important;text-align:center!important}
  .bottom-back-row{display:none!important}

  /* Setup, brugere og formularer */
  .setup-card,.overview-box,.price-history,.invoice-editor{padding:14px!important;border-radius:18px!important}
  .setup-card label{font-size:17px!important;margin-bottom:7px!important}
  .setup-inline-check{font-size:15px!important;gap:8px!important;align-items:center!important}
  .setup-inline-check input[type="checkbox"]{width:20px!important;height:20px!important}
  .user-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
  .user-row-email{font-size:17px!important;line-height:1.2!important}
  .user-row-actions{gap:7px!important;justify-content:flex-start!important}
  .user-pill{font-size:12px!important;padding:5px 8px!important}

  /* Modaler og dialoger */
  .auto-fill-dialog,.period-fill-dialog,#calendarModal,.stats-modal,.missing-modal{padding:10px!important;align-items:flex-end!important}
  .auto-fill-card,.period-fill-card,.modal-card,.stats-modal-card,.missing-modal-card{border-radius:20px 20px 0 0!important;max-height:88vh!important;overflow:auto!important;width:100%!important;box-sizing:border-box!important}

  /* Lister, tabeller og fakturering */
  .overview-list-grid,.summary-grid,.price-history-list{grid-template-columns:1fr!important;gap:10px!important}
  .overview-row-card,.inv-row,.tenant-card{padding:12px!important;border-radius:16px!important}
  .overview-row-values{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .overview-pill{font-size:12px!important;padding:7px 9px!important;text-align:center!important}
  .inv-meta{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .inv-lines,.care-table-wrap,.paddock-check-list{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .inv-lines table,.care-table{min-width:680px!important}
  .inv-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .inv-actions button{width:100%!important}
  .inv-totals{max-width:none!important;width:100%!important}
  .multi-tenant-invoice-option{width:100%!important;border-radius:12px!important;padding:8px 10px!important}
  .multi-tenant-invoice-option .hint{display:none!important}

  /* Pasningsplaner og folde */
  .care-menu-grid{grid-template-columns:1fr!important;gap:12px!important;padding:8px 0!important}
  .care-menu-card{min-height:118px!important;border-radius:20px!important}
  .care-menu-title{font-size:20px!important;padding:0 16%!important}
  .paddock-map-layout{grid-template-columns:1fr!important}
  .paddock-editor-col .paddock-detail-card{position:static!important;max-height:none!important}
}

@media (max-width: 420px){
  .grid{gap:8px!important}
  .box{min-height:88px!important;padding:10px 6px!important}
  .box-number{font-size:15px!important}.box-name{font-size:12px!important}
  #boksSide>.panel>.primary-actions{grid-template-columns:1fr!important}
  .overview-row-values{grid-template-columns:1fr!important}
}



/* ===== Forside-bokse: kompakt foto + pasning i højre hjørne ===== */
.box-photo{
  width:40px!important;
  height:40px!important;
  top:15px!important;
  left:18px!important;
  border-radius:50%!important;
  background-size:cover!important;
  background-position:center!important;
  border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:0 2px 5px rgba(0,0,0,.25)!important;
  z-index:2!important;
}
.box-badges-top{
  top:10px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  max-width:calc(100% - 68px)!important;
  justify-content:center!important;
  align-items:flex-start!important;
  z-index:3!important;
}
.box-badges-top .box-badge{
  min-height:auto!important;
  padding:5px 9px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  box-shadow:0 4px 10px rgba(0,0,0,.12)!important;
}
.box.has-photo .box-content{
  padding-top:8px!important;
}
@media(max-width:720px){
  .box-photo{
    width:36px!important;
    height:36px!important;
    top:9px!important;
    left:9px!important;
  }
  .box-badges-top{
    top:7px!important;
    right:7px!important;
    left:auto!important;
    transform:none!important;
    max-width:calc(100% - 54px)!important;
  }
  .box-badges-top .box-badge{
    padding:4px 7px!important;
    font-size:9px!important;
    letter-spacing:.04em!important;
  }
  .box.has-photo .box-content{
    padding-top:4px!important;
  }
}
@media(max-width:420px){
  .box-photo{
    width:34px!important;
    height:34px!important;
    top:8px!important;
    left:8px!important;
  }
  .box-badges-top{
    top:7px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    max-width:calc(100% - 50px)!important;
  }
  .box-badges-top .box-badge{
    font-size:8px!important;
    padding:4px 6px!important;
  }
}



/* ===== Mobil: hestebillede fader ind i boks-knappen ===== */
@media (max-width:720px){
  .box.has-photo::before{
    display:none!important;
  }
  .box.has-photo .box-photo{
    top:0!important;
    left:22%!important;
    width:56%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:cover!important;
    background-position:center center!important;
    opacity:.62!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 10%, #000 28%, #000 72%, rgba(0,0,0,.12) 90%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 10%, #000 28%, #000 72%, rgba(0,0,0,.12) 90%, transparent 100%)!important;
  }
  .box.has-photo .box-content,
  .box.has-photo .box-badges-top,
  .box.has-photo .box-badges-bottom,
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    position:relative!important;
    z-index:2!important;
  }
  .box.has-photo .box-content{
    text-shadow:0 1px 3px rgba(0,0,0,.22)!important;
  }
}
@media (max-width:420px){
  .box.has-photo::before{
    top:8px!important;
    left:8px!important;
    width:34px!important;
    height:34px!important;
  }
  .box.has-photo .box-photo{
    left:20%!important;
    width:60%!important;
    opacity:.58!important;
  }
}



/* ===== Mobil: mindre fade-billede uden at flytte badges/layout ===== */
@media (max-width:720px){
  .box.has-photo::before{
    display:block!important;
    top:9px!important;
    left:9px!important;
    width:36px!important;
    height:36px!important;
    opacity:.94!important;
    z-index:4!important;
  }
  .box.has-photo .box-photo{
    top:9%!important;
    left:30%!important;
    width:40%!important;
    height:82%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:cover!important;
    background-position:center center!important;
    opacity:.52!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.10) 14%, #000 34%, #000 66%, rgba(0,0,0,.10) 86%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.10) 14%, #000 34%, #000 66%, rgba(0,0,0,.10) 86%, transparent 100%)!important;
  }
  .box.has-photo .box-content{
    position:relative!important;
    z-index:2!important;
    padding-top:4px!important;
    text-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  }
  .box.has-photo .box-badges-top{
    position:absolute!important;
    top:7px!important;
    right:7px!important;
    left:auto!important;
    transform:none!important;
    z-index:5!important;
    max-width:calc(100% - 54px)!important;
  }
  .box.has-photo .box-badges-bottom{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:7px!important;
    z-index:5!important;
  }
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    z-index:6!important;
  }
}
@media (max-width:420px){
  .box.has-photo::before{
    top:8px!important;
    left:8px!important;
    width:34px!important;
    height:34px!important;
  }
  .box.has-photo .box-photo{
    top:10%!important;
    left:31%!important;
    width:38%!important;
    height:80%!important;
    opacity:.50!important;
  }
  .box.has-photo .box-badges-top{
    top:7px!important;
    right:7px!important;
    max-width:calc(100% - 50px)!important;
  }
}



/* ===== Mobil: skarpere fade-billede, stadig uden layoutskub ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:7%!important;
    left:24%!important;
    width:52%!important;
    height:86%!important;
    opacity:.56!important;
    background-size:cover!important;
    background-position:center center!important;
    transform:none!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 12%, #000 30%, #000 70%, rgba(0,0,0,.12) 88%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 12%, #000 30%, #000 70%, rgba(0,0,0,.12) 88%, transparent 100%)!important;
  }
  .box.has-photo .box-badges-top{
    position:absolute!important;
    top:7px!important;
    right:7px!important;
    left:auto!important;
    transform:none!important;
    z-index:5!important;
    max-width:calc(100% - 54px)!important;
  }
  .box.has-photo .box-badges-bottom{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:7px!important;
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    top:8%!important;
    left:23%!important;
    width:54%!important;
    height:84%!important;
    opacity:.54!important;
  }
}



/* ===== Mobil: hestebillede top-til-bund og mere zoomet ud ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:20%!important;
    width:60%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.58!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.14) 10%, #000 27%, #000 73%, rgba(0,0,0,.14) 90%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.14) 10%, #000 27%, #000 73%, rgba(0,0,0,.14) 90%, transparent 100%)!important;
  }
  .box.has-photo::before{
    display:block!important;
    z-index:4!important;
  }
  .box.has-photo .box-badges-top{
    z-index:5!important;
  }
  .box.has-photo .box-badges-bottom{
    z-index:5!important;
  }
  .box.has-photo .box-content{
    z-index:2!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:18%!important;
    width:64%!important;
    height:100%!important;
    background-size:contain!important;
    opacity:.56!important;
  }
}



/* ===== Mobil: klarere hestebillede i midten, stadig fade i siderne ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:17%!important;
    width:66%!important;
    height:100%!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.86!important;
    filter:saturate(1.08) contrast(1.06)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 8%, rgba(0,0,0,.72) 20%, #000 34%, #000 66%, rgba(0,0,0,.72) 80%, rgba(0,0,0,.20) 92%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 8%, rgba(0,0,0,.72) 20%, #000 34%, #000 66%, rgba(0,0,0,.72) 80%, rgba(0,0,0,.20) 92%, transparent 100%)!important;
  }
  .box.has-photo .box-content{
    z-index:2!important;
    text-shadow:0 1px 3px rgba(0,0,0,.20)!important;
  }
  .box.has-photo::before,
  .box.has-photo .box-badges-top,
  .box.has-photo .box-badges-bottom,
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:15%!important;
    width:70%!important;
    opacity:.84!important;
  }
}



/* ===== Mobil: cirkulær fade omkring hestens hoved ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:17%!important;
    width:66%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.92!important;
    filter:saturate(1.08) contrast(1.07)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:radial-gradient(circle at center center, #000 0%, #000 42%, rgba(0,0,0,.72) 56%, rgba(0,0,0,.28) 72%, transparent 86%)!important;
    mask-image:radial-gradient(circle at center center, #000 0%, #000 42%, rgba(0,0,0,.72) 56%, rgba(0,0,0,.28) 72%, transparent 86%)!important;
  }
  .box.has-photo::before{
    display:block!important;
    z-index:4!important;
  }
  .box.has-photo .box-content{
    position:relative!important;
    z-index:2!important;
    text-shadow:0 1px 3px rgba(0,0,0,.20)!important;
  }
  .box.has-photo .box-badges-top,
  .box.has-photo .box-badges-bottom,
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:15%!important;
    width:70%!important;
    opacity:.90!important;
    -webkit-mask-image:radial-gradient(circle at center center, #000 0%, #000 40%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.25) 72%, transparent 87%)!important;
    mask-image:radial-gradient(circle at center center, #000 0%, #000 40%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.25) 72%, transparent 87%)!important;
  }
}



/* ===== Mobil: tydelig cirkel-fade ind i knappen ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:14%!important;
    width:72%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.94!important;
    filter:saturate(1.08) contrast(1.07)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:radial-gradient(ellipse at center center, #000 0%, #000 30%, rgba(0,0,0,.82) 40%, rgba(0,0,0,.45) 52%, rgba(0,0,0,.15) 61%, transparent 70%)!important;
    mask-image:radial-gradient(ellipse at center center, #000 0%, #000 30%, rgba(0,0,0,.82) 40%, rgba(0,0,0,.45) 52%, rgba(0,0,0,.15) 61%, transparent 70%)!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
  }
  .box.has-photo::before{
    display:block!important;
    z-index:4!important;
  }
  .box.has-photo .box-content{
    position:relative!important;
    z-index:2!important;
    text-shadow:0 1px 3px rgba(0,0,0,.20)!important;
  }
  .box.has-photo .box-badges-top,
  .box.has-photo .box-badges-bottom,
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:12%!important;
    width:76%!important;
    opacity:.93!important;
    -webkit-mask-image:radial-gradient(ellipse at center center, #000 0%, #000 28%, rgba(0,0,0,.80) 39%, rgba(0,0,0,.42) 51%, rgba(0,0,0,.14) 61%, transparent 71%)!important;
    mask-image:radial-gradient(ellipse at center center, #000 0%, #000 28%, rgba(0,0,0,.80) 39%, rgba(0,0,0,.42) 51%, rgba(0,0,0,.14) 61%, transparent 71%)!important;
  }
}



/* ===== Mobil: sidefade sidste 10%, mindre fade top/bund ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:14%!important;
    width:72%!important;
    height:100%!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.94!important;
    filter:saturate(1.08) contrast(1.07)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 3%, rgba(0,0,0,.62) 6%, #000 10%, #000 90%, rgba(0,0,0,.62) 94%, rgba(0,0,0,.18) 97%, transparent 100%),
      linear-gradient(180deg, transparent 0%, rgba(0,0,0,.45) 2%, #000 5%, #000 95%, rgba(0,0,0,.45) 98%, transparent 100%)!important;
    mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 3%, rgba(0,0,0,.62) 6%, #000 10%, #000 90%, rgba(0,0,0,.62) 94%, rgba(0,0,0,.18) 97%, transparent 100%),
      linear-gradient(180deg, transparent 0%, rgba(0,0,0,.45) 2%, #000 5%, #000 95%, rgba(0,0,0,.45) 98%, transparent 100%)!important;
    -webkit-mask-size:100% 100%,100% 100%!important;
    mask-size:100% 100%,100% 100%!important;
    -webkit-mask-repeat:no-repeat,no-repeat!important;
    mask-repeat:no-repeat,no-repeat!important;
    -webkit-mask-composite:source-in!important;
    mask-composite:intersect!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:12%!important;
    width:76%!important;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 3%, rgba(0,0,0,.62) 6%, #000 10%, #000 90%, rgba(0,0,0,.62) 94%, rgba(0,0,0,.18) 97%, transparent 100%),
      linear-gradient(180deg, transparent 0%, rgba(0,0,0,.45) 2%, #000 5%, #000 95%, rgba(0,0,0,.45) 98%, transparent 100%)!important;
    mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 3%, rgba(0,0,0,.62) 6%, #000 10%, #000 90%, rgba(0,0,0,.62) 94%, rgba(0,0,0,.18) 97%, transparent 100%),
      linear-gradient(180deg, transparent 0%, rgba(0,0,0,.45) 2%, #000 5%, #000 95%, rgba(0,0,0,.45) 98%, transparent 100%)!important;
  }
}



/* ===== Mobil: reel sidefade med enkel oval maske ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:14%!important;
    width:72%!important;
    height:100%!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.94!important;
    filter:saturate(1.08) contrast(1.07)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:radial-gradient(ellipse 50% 100% at center center, #000 0%, #000 82%, rgba(0,0,0,.78) 88%, rgba(0,0,0,.35) 94%, transparent 100%)!important;
    mask-image:radial-gradient(ellipse 50% 100% at center center, #000 0%, #000 82%, rgba(0,0,0,.78) 88%, rgba(0,0,0,.35) 94%, transparent 100%)!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
  }
  .box.has-photo::before{
    display:block!important;
    z-index:4!important;
  }
  .box.has-photo .box-content{
    position:relative!important;
    z-index:2!important;
    text-shadow:0 1px 3px rgba(0,0,0,.20)!important;
  }
  .box.has-photo .box-badges-top,
  .box.has-photo .box-badges-bottom,
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:12%!important;
    width:76%!important;
    -webkit-mask-image:radial-gradient(ellipse 50% 100% at center center, #000 0%, #000 82%, rgba(0,0,0,.78) 88%, rgba(0,0,0,.35) 94%, transparent 100%)!important;
    mask-image:radial-gradient(ellipse 50% 100% at center center, #000 0%, #000 82%, rgba(0,0,0,.78) 88%, rgba(0,0,0,.35) 94%, transparent 100%)!important;
  }
}



/* ===== Mobil: start forfra - knapfarve/billede/knapfarve i tredjedele ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:33%!important;
    width:34%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.95!important;
    filter:saturate(1.08) contrast(1.06)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 6%, rgba(0,0,0,.64) 12%, #000 22%, #000 78%, rgba(0,0,0,.64) 88%, rgba(0,0,0,.18) 94%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 6%, rgba(0,0,0,.64) 12%, #000 22%, #000 78%, rgba(0,0,0,.64) 88%, rgba(0,0,0,.18) 94%, transparent 100%)!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
  }
  .box.has-photo::before{
    display:block!important;
    z-index:4!important;
  }
  .box.has-photo .box-content{
    position:relative!important;
    z-index:2!important;
    text-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  }
  .box.has-photo .box-badges-top,
  .box.has-photo .box-badges-bottom,
  .box.has-photo .box-note-alert,
  .box.has-photo .box-bedding-alert{
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:32%!important;
    width:36%!important;
    opacity:.95!important;
  }
}



/* ===== Mobil: lidt blødere fade ind i hestebilledet ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.10) 6%, rgba(0,0,0,.34) 13%, rgba(0,0,0,.68) 21%, #000 30%, #000 70%, rgba(0,0,0,.68) 79%, rgba(0,0,0,.34) 87%, rgba(0,0,0,.10) 94%, transparent 100%)!important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.10) 6%, rgba(0,0,0,.34) 13%, rgba(0,0,0,.68) 21%, #000 30%, #000 70%, rgba(0,0,0,.68) 79%, rgba(0,0,0,.34) 87%, rgba(0,0,0,.10) 94%, transparent 100%)!important;
  }
}



/* ===== Mobil: mere intens sidefade så billedkant skjules ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 5%,
      rgba(0,0,0,.06) 10%,
      rgba(0,0,0,.22) 16%,
      rgba(0,0,0,.52) 24%,
      rgba(0,0,0,.82) 31%,
      #000 38%,
      #000 62%,
      rgba(0,0,0,.82) 69%,
      rgba(0,0,0,.52) 76%,
      rgba(0,0,0,.22) 84%,
      rgba(0,0,0,.06) 90%,
      transparent 95%,
      transparent 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 5%,
      rgba(0,0,0,.06) 10%,
      rgba(0,0,0,.22) 16%,
      rgba(0,0,0,.52) 24%,
      rgba(0,0,0,.82) 31%,
      #000 38%,
      #000 62%,
      rgba(0,0,0,.82) 69%,
      rgba(0,0,0,.52) 76%,
      rgba(0,0,0,.22) 84%,
      rgba(0,0,0,.06) 90%,
      transparent 95%,
      transparent 100%)!important;
  }
}



/* ===== PC: gendan hestebilledets gamle størrelse på forsiden ===== */
@media (min-width:721px){
  .box-photo{
    width:80px!important;
    height:80px!important;
    top:15px!important;
    left:18px!important;
    border-radius:50%!important;
    background-size:cover!important;
    background-position:center!important;
    border:2px solid rgba(255,255,255,.75)!important;
    box-shadow:0 2px 5px rgba(0,0,0,.25)!important;
    z-index:2!important;
  }
  .box.has-photo::before{
    display:none!important;
  }
  .box.has-photo .box-content{
    padding-top:0!important;
  }
}



/* ===== Mobil portrait: ryd op i Indstil bokse ===== */
@media (max-width:720px) and (orientation:portrait){
  #setupNamesSide .panel{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #setupNamesSide .calendar-hint{
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  #setupNamesSide .overview-box{
    padding:8px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #setupNamesSide #setupListe{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #setupNamesSide .setup-card{
    padding:13px!important;
    border-radius:18px!important;
    text-align:left!important;
    background:linear-gradient(180deg,#fffdf8,#f4ebde)!important;
    border:1px solid rgba(94,80,63,.14)!important;
    box-shadow:0 7px 18px rgba(63,53,43,.08)!important;
  }
  #setupNamesSide .setup-card>label:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:-3px 0 9px!important;
    font-size:18px!important;
    line-height:1.15!important;
    color:#3f352b!important;
  }
  #setupNamesSide .setup-name-row{
    display:block!important;
    margin-bottom:10px!important;
  }
  #setupNamesSide .horse-name-input{
    width:100%!important;
    min-height:44px!important;
    font-size:16px!important;
    border-radius:13px!important;
    padding:10px 12px!important;
    text-align:left!important;
  }
  #setupNamesSide .setup-option-group{
    margin-top:9px!important;
    padding-top:9px!important;
    border-top:1px solid rgba(94,80,63,.10)!important;
  }
  #setupNamesSide .setup-option-heading,
  #setupNamesSide .horse-color-title{
    margin:0 0 7px!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#7f715f!important;
    font-weight:900!important;
    text-align:left!important;
  }
  #setupNamesSide .setup-option-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #setupNamesSide .setup-inline-check{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:42px!important;
    padding:8px 10px!important;
    margin:0!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(94,80,63,.13)!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#4c3a28!important;
  }
  #setupNamesSide .setup-inline-check input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  #setupNamesSide .horse-color-row,
  #setupNamesSide .horse-photo-row{
    margin-top:10px!important;
    padding-top:9px!important;
    border-top:1px solid rgba(94,80,63,.10)!important;
  }
  #setupNamesSide .horse-color-options{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    gap:7px!important;
    padding:1px 1px 6px!important;
    justify-content:flex-start!important;
    scrollbar-width:thin!important;
  }
  #setupNamesSide .horse-color-check{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    max-width:none!important;
  }
  #setupNamesSide .horse-color-check input[type="checkbox"]{
    width:15px!important;
    height:15px!important;
  }
  #setupNamesSide .horse-color-swatch{
    width:14px!important;
    height:14px!important;
    flex:0 0 auto!important;
  }
  #setupNamesSide .horse-photo-controls{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
    align-items:center!important;
  }
  #setupNamesSide .horse-photo-preview{
    width:42px!important;
    height:42px!important;
    grid-row:span 2!important;
  }
  #setupNamesSide .horse-photo-btn,
  #setupNamesSide .horse-photo-remove{
    min-height:40px!important;
    width:100%!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:13px!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  #setupNamesSide .horse-photo-controls:not(:has(.horse-photo-preview)){
    grid-template-columns:1fr!important;
  }
  #setupNamesSide .primary-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:40!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:12px -10px 0!important;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(248,244,236,.96)!important;
    backdrop-filter:blur(10px)!important;
    border-top:1px solid rgba(94,80,63,.12)!important;
  }
  #setupNamesSide .primary-actions button{
    width:100%!important;
    margin:0!important;
  }
}
@media (max-width:390px) and (orientation:portrait){
  #setupNamesSide .setup-option-row{
    grid-template-columns:1fr!important;
  }
  #setupNamesSide .setup-inline-check{
    min-height:38px!important;
    font-size:13px!important;
  }
  #setupNamesSide .horse-color-check{
    font-size:10px!important;
  }
}



/* ===== Mobil portrait: smallere hestebillede i forsideknapper ===== */
@media (max-width:720px) and (orientation:portrait){
  .box.has-photo .box-photo{
    left:36%!important;
    width:28%!important;
    height:100%!important;
    top:0!important;
    bottom:0!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.95!important;
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 4%,
      rgba(0,0,0,.08) 10%,
      rgba(0,0,0,.34) 18%,
      rgba(0,0,0,.70) 28%,
      #000 38%,
      #000 62%,
      rgba(0,0,0,.70) 72%,
      rgba(0,0,0,.34) 82%,
      rgba(0,0,0,.08) 90%,
      transparent 96%,
      transparent 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 4%,
      rgba(0,0,0,.08) 10%,
      rgba(0,0,0,.34) 18%,
      rgba(0,0,0,.70) 28%,
      #000 38%,
      #000 62%,
      rgba(0,0,0,.70) 72%,
      rgba(0,0,0,.34) 82%,
      rgba(0,0,0,.08) 90%,
      transparent 96%,
      transparent 100%)!important;
  }
}
@media (max-width:420px) and (orientation:portrait){
  .box.has-photo .box-photo{
    left:35%!important;
    width:30%!important;
  }
}



/* ===== Mobil portrait: stop vandret overflow og smallere layout ===== */
@media (max-width:720px) and (orientation:portrait){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  *{
    max-width:100%;
    box-sizing:border-box!important;
  }
  .hero,
  .app-shell,
  .userbar{
    width:100%!important;
    max-width:100%!important;
    padding-left:8px!important;
    padding-right:8px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .panel,
  .overview-box,
  .setup-card,
  .report-box,
  .note-box,
  .summary-card,
  .overview-row-card,
  .price-history,
  .invoice-editor,
  .tenant-card,
  .user-row{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Forside: 2 kolonner der altid holder sig indenfor skærmen */
  #forside.grid,
  .grid{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .box{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .box-name,
  .box-number{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Hestebilledet på mobil gøres smallere, så billedfeltet ikke opleves bredere end knappen */
  .box.has-photo .box-photo{
    left:38%!important;
    width:24%!important;
    height:100%!important;
    top:0!important;
    bottom:0!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.95!important;
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 4%,
      rgba(0,0,0,.08) 10%,
      rgba(0,0,0,.34) 18%,
      rgba(0,0,0,.70) 28%,
      #000 40%,
      #000 60%,
      rgba(0,0,0,.70) 72%,
      rgba(0,0,0,.34) 82%,
      rgba(0,0,0,.08) 90%,
      transparent 96%,
      transparent 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 4%,
      rgba(0,0,0,.08) 10%,
      rgba(0,0,0,.34) 18%,
      rgba(0,0,0,.70) 28%,
      #000 40%,
      #000 60%,
      rgba(0,0,0,.70) 72%,
      rgba(0,0,0,.34) 82%,
      rgba(0,0,0,.08) 90%,
      transparent 96%,
      transparent 100%)!important;
  }

  /* Indstil bokse: fjern de typiske kilder til vandret scroll */
  #setupNamesSide,
  #setupNamesSide .panel,
  #setupNamesSide .overview-box,
  #setupNamesSide #setupListe,
  #setupNamesSide .setup-card{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  #setupNamesSide .panel{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #setupNamesSide .overview-box{
    padding-left:0!important;
    padding-right:0!important;
  }
  #setupNamesSide .setup-card{
    padding:12px!important;
  }
  #setupNamesSide .setup-option-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
  }
  #setupNamesSide .setup-inline-check{
    min-width:0!important;
    width:100%!important;
    padding:8px 8px!important;
    font-size:13px!important;
    white-space:normal!important;
  }
  #setupNamesSide .horse-color-options{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  #setupNamesSide .horse-photo-controls{
    grid-template-columns:42px minmax(0,1fr)!important;
    width:100%!important;
  }
  #setupNamesSide .horse-photo-btn,
  #setupNamesSide .horse-photo-remove{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

@media (max-width:390px) and (orientation:portrait){
  .hero,
  .app-shell,
  .userbar{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .grid{
    gap:7px!important;
  }
  .box.has-photo .box-photo{
    left:39%!important;
    width:22%!important;
  }
  #setupNamesSide .setup-option-row{
    grid-template-columns:1fr!important;
  }
}



/* ===== Mobil portrait: ret tekst/flueben i Registreringssetup ===== */
@media (max-width:720px) and (orientation:portrait){
  #setupRegistrationSide .panel{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #setupRegistrationSide .calendar-hint{
    font-size:12px!important;
    line-height:1.35!important;
    text-align:center!important;
    margin:0 auto 12px!important;
    max-width:30rem!important;
  }
  #setupRegistrationSide .overview-box{
    padding:10px!important;
    border-radius:18px!important;
  }
  #setupRegistrationSide .setup-card{
    padding:14px!important;
    border-radius:18px!important;
    text-align:left!important;
    margin-top:12px!important;
  }
  #setupRegistrationSide .setup-card:first-child{
    margin-top:0!important;
  }
  #setupRegistrationSide .setup-inline-check{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:start!important;
    justify-content:start!important;
    column-gap:10px!important;
    width:100%!important;
    min-height:auto!important;
    padding:10px 12px!important;
    margin:0!important;
    border-radius:16px!important;
    text-align:left!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(94,80,63,.12)!important;
  }
  #setupRegistrationSide .setup-inline-check input[type="checkbox"]{
    grid-column:1!important;
    width:18px!important;
    height:18px!important;
    margin:1px 0 0 0!important;
    justify-self:start!important;
    align-self:start!important;
  }
  #setupRegistrationSide .setup-inline-check span{
    grid-column:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    text-align:left!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:900!important;
    color:#3f352b!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  #setupRegistrationSide .setup-card>.calendar-hint{
    text-align:left!important;
    margin:10px 0 0!important;
    font-size:12px!important;
    line-height:1.35!important;
    max-width:none!important;
  }
  #setupRegistrationSide .save-status{
    text-align:left!important;
    margin-top:6px!important;
  }
  #setupRegistrationSide .primary-actions{
    margin-top:12px!important;
  }
  #setupRegistrationSide .primary-actions button{
    width:100%!important;
    margin:0!important;
  }
}
@media (max-width:390px) and (orientation:portrait){
  #setupRegistrationSide .setup-inline-check{
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:9px 10px!important;
  }
  #setupRegistrationSide .setup-inline-check span{
    font-size:13px!important;
  }
}



/* ===== Forside: gendan den pæne hestebillede-knap ===== */
@media (max-width:720px){
  .box.has-photo .box-photo{
    top:0!important;
    bottom:0!important;
    left:33%!important;
    width:34%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    opacity:.95!important;
    filter:saturate(1.08) contrast(1.06)!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 5%,
      rgba(0,0,0,.06) 10%,
      rgba(0,0,0,.22) 16%,
      rgba(0,0,0,.52) 24%,
      rgba(0,0,0,.82) 31%,
      #000 38%,
      #000 62%,
      rgba(0,0,0,.82) 69%,
      rgba(0,0,0,.52) 76%,
      rgba(0,0,0,.22) 84%,
      rgba(0,0,0,.06) 90%,
      transparent 95%,
      transparent 100%)!important;
    mask-image:linear-gradient(90deg,
      transparent 0%,
      transparent 5%,
      rgba(0,0,0,.06) 10%,
      rgba(0,0,0,.22) 16%,
      rgba(0,0,0,.52) 24%,
      rgba(0,0,0,.82) 31%,
      #000 38%,
      #000 62%,
      rgba(0,0,0,.82) 69%,
      rgba(0,0,0,.52) 76%,
      rgba(0,0,0,.22) 84%,
      rgba(0,0,0,.06) 90%,
      transparent 95%,
      transparent 100%)!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
  }
  .box.has-photo::before{
    display:block!important;
    top:9px!important;
    left:9px!important;
    width:36px!important;
    height:36px!important;
    opacity:.94!important;
    z-index:4!important;
  }
  .box.has-photo .box-content{
    position:relative!important;
    z-index:2!important;
    padding-top:4px!important;
    text-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  }
  .box.has-photo .box-badges-top{
    position:absolute!important;
    top:7px!important;
    right:7px!important;
    left:auto!important;
    transform:none!important;
    z-index:5!important;
    max-width:calc(100% - 54px)!important;
  }
  .box.has-photo .box-badges-bottom{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:7px!important;
    z-index:5!important;
  }
}
@media (max-width:420px){
  .box.has-photo .box-photo{
    left:32%!important;
    width:36%!important;
  }
  .box.has-photo::before{
    top:8px!important;
    left:8px!important;
    width:34px!important;
    height:34px!important;
  }
  .box.has-photo .box-badges-top{
    top:7px!important;
    right:7px!important;
    max-width:calc(100% - 50px)!important;
  }
}
@media (min-width:721px){
  .box-photo{
    width:80px!important;
    height:80px!important;
    top:15px!important;
    left:18px!important;
    border-radius:50%!important;
    background-size:cover!important;
    background-position:center!important;
    border:2px solid rgba(255,255,255,.75)!important;
    box-shadow:0 2px 5px rgba(0,0,0,.25)!important;
    z-index:2!important;
    opacity:1!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .box.has-photo::before{
    display:none!important;
  }
}



/* ===== Forside mobil portrait: én flot boks-knap pr. række ===== */
@media (max-width:720px) and (orientation:portrait){
  #forside.grid,
  .grid#forside{
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #forside .box{
    width:100%!important;
    min-height:128px!important;
    padding:16px 14px!important;
    border-radius:22px!important;
  }
  #forside .box-name{
    font-size:clamp(20px,6vw,28px)!important;
    line-height:1.08!important;
    -webkit-line-clamp:2!important;
  }
  #forside .box-number{
    font-size:13px!important;
  }
  #forside .box.has-photo .box-photo{
    left:33%!important;
    width:34%!important;
    height:100%!important;
    top:0!important;
    bottom:0!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
  }
  #forside .box.has-photo::before{
    top:10px!important;
    left:10px!important;
    width:38px!important;
    height:38px!important;
  }
  #forside .box.has-photo .box-badges-top{
    top:9px!important;
    right:9px!important;
    max-width:calc(100% - 62px)!important;
  }
  #forside .box.has-photo .box-badges-bottom{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
  }
}
@media (max-width:420px) and (orientation:portrait){
  #forside .box{
    min-height:118px!important;
    padding:14px 12px!important;
  }
  #forside .box.has-photo .box-photo{
    left:32%!important;
    width:36%!important;
  }
}



/* ===== Mobil: lavere top-header/hero ===== */
@media (max-width:720px) and (orientation:portrait){
  .hero{
    padding-top:8px!important;
    padding-bottom:4px!important;
  }
  .hero-card{
    min-height:132px!important;
    max-height:148px!important;
    border-radius:22px!important;
    padding:0!important;
  }
  .hero-inner{
    min-height:132px!important;
    height:132px!important;
    display:block!important;
  }
  .hero-copy{
    min-height:132px!important;
    height:132px!important;
    padding:16px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
  }
  .hero-copy::before{
    font-size:18px!important;
    line-height:1!important;
    margin-bottom:0!important;
    transform:rotate(-5deg)!important;
  }
  h1{
    font-size:27px!important;
    line-height:.98!important;
    margin:0!important;
  }
  .hero-subcopy{
    max-width:260px!important;
    margin:4px auto 0!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .hero-media{
    display:none!important;
  }
  .front-stage-heading{
    margin-top:12px!important;
    margin-bottom:12px!important;
  }
  .front-stage-heading h2{
    font-size:clamp(25px, 7.5vw, 34px)!important;
    line-height:1.05!important;
    margin-bottom:8px!important;
  }
  .front-stage-heading p{
    font-size:14px!important;
    line-height:1.45!important;
    margin-top:0!important;
  }
}
@media (max-width:390px) and (orientation:portrait){
  .hero-card{
    min-height:118px!important;
    max-height:132px!important;
  }
  .hero-inner,
  .hero-copy{
    min-height:118px!important;
    height:118px!important;
  }
  .hero-copy{
    padding:13px 15px!important;
  }
  .hero-copy::before{
    font-size:16px!important;
  }
  h1{
    font-size:24px!important;
  }
  .hero-subcopy{
    font-size:11px!important;
    line-height:1.22!important;
    max-width:240px!important;
  }
}



/* ===== Mobil: større Stald System PRO, mindre 'Sådan kommer du i gang' ===== */
@media (max-width:720px) and (orientation:portrait){
  .hero-copy h1,
  .hero h1{
    font-size:33px!important;
    line-height:.96!important;
    margin:0!important;
  }
  .hero-copy::before{
    font-size:18px!important;
    margin-bottom:1px!important;
  }
  .hero-subcopy{
    font-size:11.5px!important;
    line-height:1.22!important;
    max-width:255px!important;
    margin-top:4px!important;
  }
  .front-stage-heading h2{
    font-size:clamp(21px,6.2vw,28px)!important;
    line-height:1.08!important;
    margin-bottom:6px!important;
  }
  .front-stage-heading p{
    font-size:13px!important;
    line-height:1.34!important;
    max-width:290px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .front-stage-heading{
    margin-top:10px!important;
    margin-bottom:10px!important;
  }
}
@media (max-width:390px) and (orientation:portrait){
  .hero-copy h1,
  .hero h1{
    font-size:30px!important;
  }
  .hero-subcopy{
    font-size:11px!important;
    max-width:235px!important;
  }
  .front-stage-heading h2{
    font-size:22px!important;
  }
  .front-stage-heading p{
    font-size:12.5px!important;
  }
}

/* ===== Backup & nulstil – egne, dæmpede stilarter =====
   Siden brugte foer .setup-card.compact, som tvinger text-align:center
   og 22px fede labels. Derfor saa alt stort og klodset ud.
   Her er alt scoped til #backupSide, saa resten af systemet er uroert. */
#backupSide .bk-panel { text-align:left; }
#backupSide h2 { font-size:24px; font-weight:600; margin:0 0 4px; text-align:left; }
#backupSide .bk-intro { font-size:14px; color:#7a6a58; margin:0 0 22px; }
#backupSide .bk-sec { padding:16px 0; border-top:1px solid rgba(94,80,63,0.14); }
#backupSide .bk-sec:first-of-type { border-top:0; padding-top:0; }
#backupSide .bk-sec h3 { font-size:15px; font-weight:600; color:#4c3a28; margin:0 0 4px; text-align:left; }
#backupSide .bk-note { font-size:13px; line-height:1.5; color:#7a6a58; margin:0 0 12px; max-width:62ch; }
#backupSide .bk-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
/* Sitet har en naegen 'button'-regel med !important paa ALT
   (baggrund, 50px hoejde, 12px VERSALER, 0.22em bogstavafstand).
   Den rammer ogsaa disse knapper, uanset hvor specifik min vaelger er.
   Derfor skal hver enkelt egenskab overskrives med !important. */
#backupSide .bk-btn {
  font-size:13px !important;
  font-weight:500 !important;
  padding:6px 13px !important;
  border-radius:7px !important;
  border:1px solid rgba(94,80,63,0.28) !important;
  background:#fffdf8 !important;
  color:#4c3a28 !important;
  cursor:pointer !important;
  min-height:0 !important;
  height:auto !important;
  box-shadow:none !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  width:auto !important;
}
#backupSide .bk-btn:hover { background:#f4ece0 !important; }
#backupSide .bk-btn-danger { border-color:rgba(165,52,42,0.38) !important; color:#a5342a !important; }
#backupSide .bk-btn-danger:hover { background:#fbeceb !important; }
/* Samme problem som knapperne: en naegen 'input'-regel saetter
   34px skrift, 190px bredde og centreret tekst, og en senere regel
   tvinger 18px hjoerner med !important. Overskrives eksplicit. */
#backupSide .bk-input, #backupSide .bk-file {
  font-size:13px !important;
  padding:6px 10px !important;
  border-radius:7px !important;
  border:1px solid rgba(94,80,63,0.22) !important;
  background:#fffdf8 !important;
  color:#4c3a28 !important;
  min-height:0 !important;
  height:auto !important;
  box-shadow:none !important;
  text-align:left !important;
  width:auto !important;
}
#backupSide .bk-input { width:165px !important; }
#backupSide .bk-file { max-width:100%; }
#backupSide .bk-status {
  font-size:13px; font-weight:400; min-height:0; margin-top:8px; color:#2e7d32;
  opacity:0; transition:opacity .2s ease;
}
#backupSide .bk-status.show { opacity:1; }
#backupSide .bk-status:empty { margin-top:0; }
#backupSide .bk-list { font-size:13px; color:#5b4a38; }
#backupSide .bk-item {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:8px 0; border-bottom:1px solid rgba(94,80,63,0.1);
}
#backupSide .bk-item:last-child { border-bottom:0; }
#backupSide .bk-item-txt { font-size:13px; color:#5b4a38; }
#backupSide .bk-item-txt b { font-weight:600; color:#4c3a28; }
#backupSide .bk-item-act { display:flex; gap:4px; flex-shrink:0; }
#backupSide .bk-mini {
  font-size:12px !important;
  font-weight:400 !important;
  padding:3px 9px !important;
  border-radius:6px !important;
  min-height:0 !important;
  height:auto !important;
  border:1px solid rgba(94,80,63,0.2) !important;
  background:#fffdf8 !important;
  color:#4c3a28 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  width:auto !important;
}
#backupSide .bk-mini:hover { background:#f4ece0 !important; }
#backupSide .bk-mini-danger { color:#a5342a !important; border-color:rgba(165,52,42,0.28) !important; }
#backupSide .bk-danger h3 { color:#a5342a; }
#backupSide .bk-back { margin-top:20px; padding-top:16px; border-top:1px solid rgba(94,80,63,0.14); }

/* ===== Momsfritagelse: checkbokse med lang tekst =====
   .setup-inline-check er lavet til EN kort linje: align-items:center
   og border-radius:999px (pille). Her wrapper teksten til flere linjer,
   og saa centreres feltet lodret midt i den hoeje raekke - langt fra
   teksten. Pilleformen goer det vaerre.
   Scoped til .vat-exempt-box, saa alle andre checkbokse er uroerte. */
.vat-exempt-box .setup-inline-check {
  align-items:flex-start !important;
  border-radius:12px !important;
  padding:11px 13px !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  text-align:left !important;
  gap:10px !important;
}
.vat-exempt-box .setup-inline-check input[type="checkbox"] {
  flex:0 0 auto !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  position:relative !important;
  top:1px !important;
}
.vat-exempt-box .setup-inline-check span {
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* === AVDEO FIX 2026-07-17: hide intro bar off front page START === */
body:not(.show-front-stage) #frontIntroBox,
body:not(.show-front-stage) .front-stage-heading{
  display:none !important;
}
/* === AVDEO FIX 2026-07-17: hide intro bar off front page END === */


/* Udlukningsplan: boksfelt skal kunne rumme staldopdelte boksnavne */
.turnout-table {
  table-layout: fixed !important;
}
.turnout-table th:nth-child(2),
.turnout-table td:nth-child(2) {
  width: 30% !important;
  min-width: 220px !important;
}
.turnout-table select.care-small-input {
  width: 100% !important;
  min-width: 220px !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.turnout-table select.care-small-input option,
.turnout-table select.care-small-input optgroup {
  text-align: left !important;
}
@media (max-width: 900px) {
  .turnout-table {
    min-width: 820px !important;
  }
}


/* Foderplan: følg staldopdeling og giv boksnavne god plads */
.feed-table {
  table-layout: fixed !important;
}
.feed-table .feed-stable-row td {
  background: #d9c6a8 !important;
  color: #3f352b !important;
  font-weight: 900 !important;
  text-align: left !important;
  font-size: 18px !important;
  padding: 10px 14px !important;
}
.feed-table .feed-box-label {
  text-align: left !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.feed-table th:nth-child(2),
.feed-table td:nth-child(2) {
  min-width: 180px !important;
}
@media (max-width: 900px) {
  .feed-table {
    min-width: 980px !important;
  }
}


/* Ens font på alle menuknapper som de nederste menuknapper på forsiden */
:root {
  --menu-button-font-family: Georgia, 'Times New Roman', serif;
  --menu-button-font-weight: 500;
  --menu-button-letter-spacing: 0;
}
#forsideKnapper button,
#setupSide .setup-menu-grid button,
#setupSide .setup-menu-grid .bigbtn,
#billingMenuSide button,
#billingMenuSide .bigbtn,
#billingMenuSide .billing-button-stack button,
#fullPasPlanSide .care-menu-grid button,
#fullPasPlanSide .care-menu-grid .bigbtn,
.group-menu button,
.setup-menu-grid button,
.care-menu-grid button,
.billing-button-stack button {
  font-family: var(--menu-button-font-family) !important;
  font-weight: var(--menu-button-font-weight) !important;
  letter-spacing: var(--menu-button-letter-spacing) !important;
  text-transform: none !important;
}


/* Ensartet knaptypografi: tilbageknapper + Setup-menuknapper matcher forsidemenuen */
:root {
  --front-menu-button-font-family: Georgia, 'Times New Roman', serif;
  --front-menu-button-font-size: 22.4px;
  --front-menu-button-font-weight: 500;
  --front-menu-button-letter-spacing: 0;
  --front-menu-button-text-transform: none;
  --front-menu-button-line-height: 1.15;
  --front-menu-button-padding: 14px 18px;
  --front-menu-button-min-height: 57.6px;
}

/* Kildeknapperne på forsiden + alle Setup-menuknapper */
#forsideKnapper button,
#setupSide .setup-menu-grid button,
#setupSide .setup-menu-grid .bigbtn,
.setup-menu-grid button,
.setup-menu-grid .bigbtn {
  font-family: var(--front-menu-button-font-family) !important;
  font-size: var(--front-menu-button-font-size) !important;
  font-weight: var(--front-menu-button-font-weight) !important;
  letter-spacing: var(--front-menu-button-letter-spacing) !important;
  text-transform: var(--front-menu-button-text-transform) !important;
  line-height: var(--front-menu-button-line-height) !important;
}

#setupSide .setup-menu-grid button,
#setupSide .setup-menu-grid .bigbtn,
.setup-menu-grid button,
.setup-menu-grid .bigbtn {
  padding: var(--front-menu-button-padding) !important;
  min-height: var(--front-menu-button-min-height) !important;
}

/* Alle kendte tilbageknapper på hele sitet */
button[onclick*="goBack"],
button[onclick*="renderCareMenu"],
button[onclick*="visBillingMenu"],
button[onclick*="visSetup"],
button[onclick*="visForside"],
.back-btn,
.bk-back button,
.group-back-bar button,
.primary-actions button[onclick*="goBack"],
.primary-actions button[onclick*="renderCareMenu"] {
  font-family: var(--front-menu-button-font-family) !important;
  font-size: var(--front-menu-button-font-size) !important;
  font-weight: var(--front-menu-button-font-weight) !important;
  letter-spacing: var(--front-menu-button-letter-spacing) !important;
  text-transform: var(--front-menu-button-text-transform) !important;
  line-height: var(--front-menu-button-line-height) !important;
  padding: var(--front-menu-button-padding) !important;
  min-height: var(--front-menu-button-min-height) !important;
}

/* Mobil: behold samme relative størrelse som forsidemenuens mobile knapper */
@media (max-width: 700px) and (orientation: portrait) {
  #forsideKnapper button,
  #setupSide .setup-menu-grid button,
  #setupSide .setup-menu-grid .bigbtn,
  .setup-menu-grid button,
  .setup-menu-grid .bigbtn,
  button[onclick*="goBack"],
  button[onclick*="renderCareMenu"],
  button[onclick*="visBillingMenu"],
  button[onclick*="visSetup"],
  button[onclick*="visForside"],
  .back-btn,
  .bk-back button,
  .group-back-bar button,
  .primary-actions button[onclick*="goBack"],
  .primary-actions button[onclick*="renderCareMenu"] {
    font-family: var(--front-menu-button-font-family) !important;
    font-size: 20px !important;
    font-weight: var(--front-menu-button-font-weight) !important;
    letter-spacing: var(--front-menu-button-letter-spacing) !important;
    text-transform: var(--front-menu-button-text-transform) !important;
    line-height: var(--front-menu-button-line-height) !important;
    padding: 12px 16px !important;
    min-height: 54px !important;
  }
}


/* FINAL: Forsideknap-font på Setup-menu, tilbageknapper og Stalde/Bokse-knapper */
:root {
  --front-bottom-button-font-family: Arial, Helvetica, sans-serif;
  --front-bottom-button-font-size: 18px;
  --front-bottom-button-font-weight: 400;
  --front-bottom-button-letter-spacing: 0;
  --front-bottom-button-text-transform: none;
  --front-bottom-button-line-height: 1.2;
}

/* Referenceknapperne fra forsiden */
#forsideKnapper button {
  font-family: var(--front-bottom-button-font-family) !important;
  font-size: var(--front-bottom-button-font-size) !important;
  font-weight: var(--front-bottom-button-font-weight) !important;
  letter-spacing: var(--front-bottom-button-letter-spacing) !important;
  text-transform: var(--front-bottom-button-text-transform) !important;
  line-height: var(--front-bottom-button-line-height) !important;
}

/* Alle menuknapper under Setup, inkl. billedets Stalde og Bokse / Stald-designer / osv. */
#setupSide .setup-menu-grid button,
#setupSide .setup-menu-grid .bigbtn,
.setup-menu-grid button,
.setup-menu-grid .bigbtn,
button[onclick="visGroupStaldeOgBokse()"],
button[onclick="visGroupStaldDesigner()"],
button[onclick="visGroupFakturering()"],
button[onclick="visSetupProducts()"],
button[onclick="visGroupBrugeropsaetning()"],
button[onclick="visGroupIndstillinger()"] {
  font-family: var(--front-bottom-button-font-family) !important;
  font-size: var(--front-bottom-button-font-size) !important;
  font-weight: var(--front-bottom-button-font-weight) !important;
  letter-spacing: var(--front-bottom-button-letter-spacing) !important;
  text-transform: var(--front-bottom-button-text-transform) !important;
  line-height: var(--front-bottom-button-line-height) !important;
}

/* Tilbageknapper på hele sitet */
button[onclick*="goBack"],
button[onclick*="renderCareMenu"],
button[onclick*="visForside"],
button[onclick*="visSetup"],
button[onclick*="visBillingMenu"],
.back-btn,
.bk-back button,
.group-back-bar button,
.primary-actions button[onclick*="goBack"],
.primary-actions button[onclick*="renderCareMenu"] {
  font-family: var(--front-bottom-button-font-family) !important;
  font-size: var(--front-bottom-button-font-size) !important;
  font-weight: var(--front-bottom-button-font-weight) !important;
  letter-spacing: var(--front-bottom-button-letter-spacing) !important;
  text-transform: var(--front-bottom-button-text-transform) !important;
  line-height: var(--front-bottom-button-line-height) !important;
}

/* Stalde og Bokse-siden: begge brune knapper ved Antal bokse + Gem indstillinger + Tilbage */
#setupBoxesSide button,
#setupStablesSide button,
#setupNamesSide button,
#setupFeedSide button,
#setupRegistrationSide button,
body.setup-group-view #setupBoxesSide button,
body.setup-group-view #setupStablesSide button,
body.setup-group-view .group-back-bar button {
  font-family: var(--front-bottom-button-font-family) !important;
  font-size: var(--front-bottom-button-font-size) !important;
  font-weight: var(--front-bottom-button-font-weight) !important;
  letter-spacing: var(--front-bottom-button-letter-spacing) !important;
  text-transform: var(--front-bottom-button-text-transform) !important;
  line-height: var(--front-bottom-button-line-height) !important;
}

@media (max-width: 700px) and (orientation: portrait) {
  #forsideKnapper button,
  #setupSide .setup-menu-grid button,
  #setupSide .setup-menu-grid .bigbtn,
  .setup-menu-grid button,
  .setup-menu-grid .bigbtn,
  button[onclick*="goBack"],
  button[onclick*="renderCareMenu"],
  button[onclick*="visForside"],
  button[onclick*="visSetup"],
  button[onclick*="visBillingMenu"],
  .back-btn,
  .bk-back button,
  .group-back-bar button,
  #setupBoxesSide button,
  #setupStablesSide button,
  #setupNamesSide button,
  #setupFeedSide button,
  #setupRegistrationSide button,
  body.setup-group-view #setupBoxesSide button,
  body.setup-group-view #setupStablesSide button,
  body.setup-group-view .group-back-bar button {
    font-family: var(--front-bottom-button-font-family) !important;
    font-size: 18px !important;
    font-weight: var(--front-bottom-button-font-weight) !important;
    letter-spacing: var(--front-bottom-button-letter-spacing) !important;
    text-transform: var(--front-bottom-button-text-transform) !important;
    line-height: var(--front-bottom-button-line-height) !important;
  }
}


/* FINAL OVERRIDE 2: Brug samme font som forsidemenuens nederste knapper på specifikke setup/tilbage-knapper */
:root {
  --front-nav-font-family-final: Arial, Helvetica, sans-serif;
  --front-nav-font-size-final: 18px;
  --front-nav-font-weight-final: 400;
  --front-nav-letter-spacing-final: 0;
  --front-nav-text-transform-final: none;
  --front-nav-line-height-final: 1.2;
}

/* Forsidens referenceknapper */
#forsideKnapper button,
#forsideKnapper button span,
#forsideKnapper button * {
  font-family: var(--front-nav-font-family-final) !important;
  font-size: var(--front-nav-font-size-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

/* Setup-forsiden: Stalde og Bokse, Stald-designer, Lejere og faktureringsdata, Varekartotek, Brugeropsætning, Indstillinger + Tilbage */
#setupSide button,
#setupSide button span,
#setupSide button * {
  font-family: var(--front-nav-font-family-final) !important;
  font-size: var(--front-nav-font-size-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

/* Stalde og Bokse-siden: nederste Gem indstillinger + Tilbage samt knapper ved Antal bokse */
#setupBoxesSide button,
#setupBoxesSide button span,
#setupBoxesSide button *,
#setupStablesSide button,
#setupStablesSide button span,
#setupStablesSide button *,
#setupNamesSide button,
#setupNamesSide button span,
#setupNamesSide button *,
body.setup-group-view #setupBoxesSide button,
body.setup-group-view #setupBoxesSide button span,
body.setup-group-view #setupBoxesSide button *,
body.setup-group-view #setupStablesSide button,
body.setup-group-view #setupStablesSide button span,
body.setup-group-view #setupStablesSide button *,
body.setup-group-view #setupNamesSide button,
body.setup-group-view #setupNamesSide button span,
body.setup-group-view #setupNamesSide button * {
  font-family: var(--front-nav-font-family-final) !important;
  font-size: var(--front-nav-font-size-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

/* Lejere og faktureringsdata-siden: Gem wrap og hø + Tilbage + relaterede fakturerings-setup knapper */
#setupFeedSide button,
#setupFeedSide button span,
#setupFeedSide button *,
#setupTenantsSide button,
#setupTenantsSide button span,
#setupTenantsSide button *,
#setupPricesSide button,
#setupPricesSide button span,
#setupPricesSide button *,
body.setup-group-view #setupFeedSide button,
body.setup-group-view #setupFeedSide button span,
body.setup-group-view #setupFeedSide button *,
body.setup-group-view #setupTenantsSide button,
body.setup-group-view #setupTenantsSide button span,
body.setup-group-view #setupTenantsSide button *,
body.setup-group-view #setupPricesSide button,
body.setup-group-view #setupPricesSide button span,
body.setup-group-view #setupPricesSide button * {
  font-family: var(--front-nav-font-family-final) !important;
  font-size: var(--front-nav-font-size-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

/* Alle kendte Tilbage-knapper, inkl. gruppe-topbaren */
button[onclick*="goBack"],
button[onclick*="goBack"] span,
button[onclick*="goBack"] *,
button[onclick*="renderCareMenu"],
button[onclick*="renderCareMenu"] span,
button[onclick*="renderCareMenu"] *,
button[onclick*="visSetup"],
button[onclick*="visSetup"] span,
button[onclick*="visSetup"] *,
button[onclick*="visBillingMenu"],
button[onclick*="visBillingMenu"] span,
button[onclick*="visBillingMenu"] *,
button[onclick*="visForside"],
button[onclick*="visForside"] span,
button[onclick*="visForside"] *,
.back-btn,
.back-btn span,
.back-btn *,
.bk-back button,
.bk-back button span,
.bk-back button *,
.group-back-bar button,
.group-back-bar button span,
.group-back-bar button * {
  font-family: var(--front-nav-font-family-final) !important;
  font-size: var(--front-nav-font-size-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

/* Ekstra specifikke gem-knapper, så de vinder over gamle Palatino/Georgia-regler */
button[onclick*="gemSetup"],
button[onclick*="gemSetup"] span,
button[onclick*="gemSetup"] *,
button[onclick*="saveCarePlans"],
button[onclick*="saveCarePlans"] span,
button[onclick*="saveCarePlans"] *,
button[onclick*="gemBilling"],
button[onclick*="gemBilling"] span,
button[onclick*="gemBilling"] * {
  font-family: var(--front-nav-font-family-final) !important;
  font-size: var(--front-nav-font-size-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

@media (max-width: 700px) and (orientation: portrait) {
  #forsideKnapper button,
  #setupSide button,
  #setupBoxesSide button,
  #setupStablesSide button,
  #setupNamesSide button,
  #setupFeedSide button,
  #setupTenantsSide button,
  #setupPricesSide button,
  body.setup-group-view #setupBoxesSide button,
  body.setup-group-view #setupStablesSide button,
  body.setup-group-view #setupNamesSide button,
  body.setup-group-view #setupFeedSide button,
  body.setup-group-view #setupTenantsSide button,
  body.setup-group-view #setupPricesSide button,
  button[onclick*="goBack"],
  button[onclick*="renderCareMenu"],
  button[onclick*="visSetup"],
  button[onclick*="visBillingMenu"],
  button[onclick*="visForside"],
  button[onclick*="gemSetup"],
  button[onclick*="gemBilling"],
  .back-btn,
  .bk-back button,
  .group-back-bar button {
    font-family: var(--front-nav-font-family-final) !important;
    font-size: var(--front-nav-font-size-final) !important;
    font-weight: var(--front-nav-font-weight-final) !important;
    letter-spacing: var(--front-nav-letter-spacing-final) !important;
    text-transform: var(--front-nav-text-transform-final) !important;
    line-height: var(--front-nav-line-height-final) !important;
  }
}


/* FINAL OVERRIDE 3: Eksport-mail knapper + pasningsplan-menu font */
:root {
  --front-nav-font-family-final: Arial, Helvetica, sans-serif;
  --front-nav-font-weight-final: 400;
  --front-nav-letter-spacing-final: 0;
  --front-nav-text-transform-final: none;
  --front-nav-line-height-final: 1.2;
}

/* Eksport-mail: Gem eksport-mail og Tilbage */
#setupEmailSide button,
#setupEmailSide button span,
#setupEmailSide button *,
body.setup-group-view #setupEmailSide button,
body.setup-group-view #setupEmailSide button span,
body.setup-group-view #setupEmailSide button * {
  font-family: var(--front-nav-font-family-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
  line-height: var(--front-nav-line-height-final) !important;
}

/* Pasningsplan menu: Foderplan, Udlukningsplan, Stald- og Foldkort - kun skrifttype/vægt/caps, ikke størrelse */
#fullPasPlanSide .care-menu-grid button,
#fullPasPlanSide .care-menu-grid button span,
#fullPasPlanSide .care-menu-grid button *,
#fullPasPlanSide .care-menu-card,
#fullPasPlanSide .care-menu-card span,
#fullPasPlanSide .care-menu-card *,
#fullPasPlanSide .care-menu-title {
  font-family: var(--front-nav-font-family-final) !important;
  font-weight: var(--front-nav-font-weight-final) !important;
  letter-spacing: var(--front-nav-letter-spacing-final) !important;
  text-transform: var(--front-nav-text-transform-final) !important;
}


/* Staldkort: mindre hvid kant omkring tekst på tilføjede bokse */
.stable-map-wrap .stable-box-num,
.stable-map-wrap .stable-box-name,
.stable-map-wrap .stable-room-label,
#stableMapWrap .stable-box-num,
#stableMapWrap .stable-box-name,
#stableMapWrap .stable-room-label,
#careStableMapWrap .stable-box-num,
#careStableMapWrap .stable-box-name,
#careStableMapWrap .stable-room-label {
  paint-order: stroke fill !important;
  stroke: rgba(255,255,255,0.72) !important;
  stroke-width: 1.1px !important;
  stroke-linejoin: round !important;
}

/* Hvis browseren bruger tekstskygge i stedet for SVG-stroke, reduceres den også */
.stable-map-wrap svg text,
#stableMapWrap svg text,
#careStableMapWrap svg text {
  text-shadow: 0 0 1px rgba(255,255,255,0.55) !important;
}

/* ===== Aktivitetslog ===== */
.log-filter-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:10px;
  align-items:end;
}
.log-filter-field{ display:flex; flex-direction:column; gap:3px; text-align:left; }
.log-filter-field > span{ font-size:0.78rem; font-weight:600; opacity:0.85; }
.log-filter-field .setup-input{
  font-size:0.9rem;
  padding:7px 10px;
  height:auto;
}
/* Dæmp de indbyggede dato- og dropdown-felter, så de matcher resten */
.log-filter-field input[type="date"]{
  font-family:inherit;
  color:inherit;
  min-height:36px;
}
.log-filter-field input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:0.55;
  cursor:pointer;
}
.log-filter-field input[type="date"]:hover::-webkit-calendar-picker-indicator{
  opacity:0.85;
}
.log-filter-field select.setup-input{
  min-height:36px;
  cursor:pointer;
}
.log-filter-actions{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.log-filter-actions button{
  font-size:0.85rem;
  padding:7px 14px;
}
.log-filter-actions .secondary{ opacity:0.85; }

.log-table-wrap{ overflow-x:auto; }
.log-table{ width:100%; border-collapse:collapse; font-size:0.9rem; }
.log-table th, .log-table td{
  padding:7px 10px;
  border-bottom:1px solid rgba(0,0,0,0.08);
  text-align:left;
  white-space:nowrap;
}
.log-table thead th{
  position:sticky; top:0;
  background:rgba(0,0,0,0.04);
  font-weight:700;
}
.log-table tbody tr:hover{ background:rgba(0,0,0,0.03); }
.log-auto{ font-style:italic; opacity:0.7; }

/* Paginering */
.log-pager{
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin-top:14px; flex-wrap:wrap;
}
.log-pager button{ font-size:0.85rem; padding:6px 14px; }
.log-pager button:disabled{ opacity:0.4; cursor:default; }
.log-pager-info{ font-size:0.85rem; opacity:0.8; }

/* Type-mærkat i den samlede log */
.log-type{ font-size:0.82rem; white-space:nowrap; }
.log-type-auto{ color:#8a5a00; }
.log-type-reg{ color:#3a5f8a; }
.log-row-auto{ background:rgba(180,140,40,0.06); }
.log-row-auto:hover{ background:rgba(180,140,40,0.12); }


/* ===== Fakturering: enkelt layout for fakturalinjer =====
   Gør fakturalinjerne mindre "boblede" og mere tabel-/regnearksagtige.
   Kun kosmetisk CSS - ingen ændring i faktura-logik. */
#invoicesSide .multi-invoice-note {
  border-radius: 10px !important;
  background: #fffdf8 !important;
  border: 1px solid rgba(94,80,63,.14) !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
}
#invoicesSide .multi-invoice-pills {
  gap: 6px !important;
  margin-top: 10px !important;
}
#invoicesSide .multi-invoice-pill {
  border-radius: 6px !important;
  padding: 4px 8px !important;
  background: #efe6d8 !important;
  box-shadow: none !important;
}

#invoicesSide .inv-table-wrap {
  border-radius: 8px !important;
  border: 1px solid rgba(94,80,63,.18) !important;
  background: #fffdf8 !important;
  box-shadow: none !important;
  overflow-x: auto !important;
}
#invoicesSide .inv-table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fffdf8 !important;
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}
#invoicesSide .inv-table th {
  background: #e9dfcd !important;
  color: #4c3a28 !important;
  border-bottom: 1px solid rgba(94,80,63,.22) !important;
  padding: 9px 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  white-space: nowrap !important;
}
#invoicesSide .inv-table td {
  background: #fffdf8 !important;
  border-bottom: 1px solid rgba(94,80,63,.10) !important;
  padding: 7px 8px !important;
  vertical-align: middle !important;
}
#invoicesSide .inv-table tbody tr:nth-child(even) td {
  background: #fbf7ef !important;
}
#invoicesSide .inv-table tbody tr:hover td {
  background: #f7efe2 !important;
}

/* Felter i fakturalinjer: firkantede, lave og rolige */
#invoicesSide .inv-table input {
  width: 100% !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 5px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(94,80,63,.18) !important;
  background: #fffaf2 !important;
  box-shadow: none !important;
  color: #3f352b !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}
#invoicesSide .inv-table input:focus {
  border-color: rgba(94,80,63,.42) !important;
  box-shadow: 0 0 0 2px rgba(198,172,143,.20) !important;
}
#invoicesSide .inv-table input.num {
  text-align: right !important;
}

/* Beskrivelse skal ikke ligne en stor pille */
#invoicesSide .inv-table td:nth-child(2) input {
  text-align: left !important;
}

/* Auto-badge: lille tekstmærke under/ved linjen */
#invoicesSide .inv-badge.auto,
#invoicesSide .inv-badge {
  border-radius: 4px !important;
  padding: 2px 6px !important;
  margin-left: 6px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Beløbskolonner: tydelige, men ikke boblede */
#invoicesSide .inv-col-sum {
  text-align: right !important;
  font-weight: 800 !important;
  color: #3f352b !important;
  white-space: nowrap !important;
  font-size: 14px !important;
}

/* Slet-knap: mindre og fladere */
#invoicesSide .inv-col-del {
  width: 46px !important;
  text-align: center !important;
}
#invoicesSide .inv-del-btn {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 6px !important;
  background: #5E503F !important;
  color: #fffdf8 !important;
  font-size: 18px !important;
  line-height: 34px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#invoicesSide .inv-del-btn:hover {
  background: #8c4133 !important;
  color: #fffdf8 !important;
}

/* Tilføj-linje-knap: mere diskret */
#invoicesSide .inv-add-row {
  margin: 12px 0 4px !important;
  text-align: center !important;
}
#invoicesSide .inv-add-row button {
  border-radius: 8px !important;
  min-height: 42px !important;
  padding: 9px 14px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

/* Små skærme: bevar tabelscroll, men undgå store bobler */
@media (max-width: 720px) {
  #invoicesSide .inv-table-wrap {
    border-radius: 8px !important;
  }
  #invoicesSide .inv-table th,
  #invoicesSide .inv-table td {
    padding: 6px 6px !important;
  }
  #invoicesSide .inv-table input {
    min-height: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
    border-radius: 5px !important;
  }
  #invoicesSide .inv-del-btn {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
}
/* ===== /Fakturering: enkelt layout for fakturalinjer ===== */


/* ===== Fakturering: firkantede felter v3 =====
   Retter inputfelterne tilbage til et mere enkelt, kantet tabel-look. */
#invoicesSide .inv-table input,
#invoicesSide .inv-table input[type="text"],
#invoicesSide .inv-table input[type="number"] {
  border-radius: 3px !important;
  background: #ffffff !important;
  border: 1px solid rgba(94,80,63,.20) !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 4px 7px !important;
}

#invoicesSide .inv-table input:focus,
#invoicesSide .inv-table input[type="text"]:focus,
#invoicesSide .inv-table input[type="number"]:focus {
  border-color: rgba(94,80,63,.50) !important;
  box-shadow: inset 0 0 0 1px rgba(94,80,63,.12) !important;
  background: #fffdf8 !important;
}

/* Beskrivelsesfeltet skal heller ikke ligne en pille */
#invoicesSide .inv-table td:nth-child(2) input {
  border-radius: 3px !important;
  text-align: left !important;
}

/* Antal/enhed/pris/moms: samme kantede look */
#invoicesSide .inv-table td:nth-child(1) input,
#invoicesSide .inv-table td:nth-child(3) input,
#invoicesSide .inv-table td:nth-child(4) input,
#invoicesSide .inv-table td:nth-child(5) input,
#invoicesSide .inv-table td:nth-child(6) input {
  border-radius: 3px !important;
}

/* Bevar auto til højre, men gør mærket meget diskret */
#invoicesSide .inv-table td:nth-child(2) .inv-badge,
#invoicesSide .inv-table td:nth-child(2) .inv-badge.auto {
  background: transparent !important;
  border: 0 !important;
  color: rgba(94,80,63,.48) !important;
  font-size: 10px !important;
  padding: 0 !important;
  right: 10px !important;
}

/* Slet-knappen forbliver diskret */
#invoicesSide .inv-del-btn {
  background: transparent !important;
  color: rgba(94,80,63,.42) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 720px) {
  #invoicesSide .inv-table input,
  #invoicesSide .inv-table input[type="text"],
  #invoicesSide .inv-table input[type="number"] {
    border-radius: 3px !important;
    min-height: 31px !important;
    height: 31px !important;
  }
}
/* ===== /Fakturering: firkantede felter v3 ===== */


/* ===== Fakturering: auto helt til højre v4 =====
   Bevarer v3-layoutet, men flytter auto-mærket ud til højre i beskrivelseskolonnen. */
#invoicesSide .inv-table td:nth-child(2) {
  position: relative !important;
  padding-right: 66px !important;
}

#invoicesSide .inv-table td:nth-child(2) input {
  width: calc(100% - 58px) !important;
  max-width: calc(100% - 58px) !important;
  margin-right: 58px !important;
  box-sizing: border-box !important;
}

#invoicesSide .inv-table td:nth-child(2) > .inv-badge,
#invoicesSide .inv-table td:nth-child(2) > .inv-badge.auto,
#invoicesSide .inv-table td:nth-child(2) span.inv-badge,
#invoicesSide .inv-table td:nth-child(2) span.inv-badge.auto {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: rgba(94,80,63,.50) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  text-align: right !important;
  text-transform: lowercase !important;
  pointer-events: none !important;
}

@media (max-width: 720px) {
  #invoicesSide .inv-table td:nth-child(2) {
    padding-right: 58px !important;
  }
  #invoicesSide .inv-table td:nth-child(2) input {
    width: calc(100% - 50px) !important;
    max-width: calc(100% - 50px) !important;
    margin-right: 50px !important;
  }
  #invoicesSide .inv-table td:nth-child(2) > .inv-badge,
  #invoicesSide .inv-table td:nth-child(2) > .inv-badge.auto,
  #invoicesSide .inv-table td:nth-child(2) span.inv-badge,
  #invoicesSide .inv-table td:nth-child(2) span.inv-badge.auto {
    right: 7px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    font-size: 9px !important;
  }
}
/* ===== /Fakturering: auto helt til højre v4 ===== */


/* ===== Fakturering: kolonnebredder v5 =====
   Bevarer v4, men justerer bredden på Beskrivelse, Antal og Moms. */
#invoicesSide .inv-table {
  table-layout: fixed !important;
}

/* Kolonnebredder */
#invoicesSide .inv-table th:nth-child(1),
#invoicesSide .inv-table td:nth-child(1) {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
}

/* Beskrivelse: cirka dobbelt bredde */
#invoicesSide .inv-table th:nth-child(2),
#invoicesSide .inv-table td:nth-child(2) {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
}

/* Antal: ca. 40% kortere */
#invoicesSide .inv-table th:nth-child(3),
#invoicesSide .inv-table td:nth-child(3) {
  width: 66px !important;
  min-width: 66px !important;
  max-width: 66px !important;
}

#invoicesSide .inv-table th:nth-child(4),
#invoicesSide .inv-table td:nth-child(4) {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
}

#invoicesSide .inv-table th:nth-child(5),
#invoicesSide .inv-table td:nth-child(5) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

/* Moms: ca. 20% kortere */
#invoicesSide .inv-table th:nth-child(6),
#invoicesSide .inv-table td:nth-child(6) {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
}

#invoicesSide .inv-table th:nth-child(7),
#invoicesSide .inv-table td:nth-child(7),
#invoicesSide .inv-table th:nth-child(8),
#invoicesSide .inv-table td:nth-child(8) {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

#invoicesSide .inv-table th:nth-child(9),
#invoicesSide .inv-table td:nth-child(9) {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
}

/* Inputfelter følger de nye kolonner */
#invoicesSide .inv-table td:nth-child(1) input {
  max-width: 90px !important;
}

/* Beskrivelse skal bruge hele den nye brede kolonne, men stadig give plads til auto til højre */
#invoicesSide .inv-table td:nth-child(2) {
  position: relative !important;
  padding-right: 64px !important;
}
#invoicesSide .inv-table td:nth-child(2) input {
  width: calc(100% - 54px) !important;
  max-width: calc(100% - 54px) !important;
  margin-right: 54px !important;
}
#invoicesSide .inv-table td:nth-child(2) > .inv-badge,
#invoicesSide .inv-table td:nth-child(2) > .inv-badge.auto,
#invoicesSide .inv-table td:nth-child(2) span.inv-badge,
#invoicesSide .inv-table td:nth-child(2) span.inv-badge.auto {
  right: 10px !important;
  left: auto !important;
}

/* Antal-feltet gøres fysisk kortere */
#invoicesSide .inv-table td:nth-child(3) input {
  width: 58px !important;
  max-width: 58px !important;
}

/* Moms-feltet gøres fysisk kortere */
#invoicesSide .inv-table td:nth-child(6) input {
  width: 68px !important;
  max-width: 68px !important;
}

@media (max-width: 720px) {
  #invoicesSide .inv-table th:nth-child(2),
  #invoicesSide .inv-table td:nth-child(2) {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
  }
  #invoicesSide .inv-table th:nth-child(3),
  #invoicesSide .inv-table td:nth-child(3) {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
  }
  #invoicesSide .inv-table td:nth-child(3) input {
    width: 54px !important;
    max-width: 54px !important;
  }
  #invoicesSide .inv-table th:nth-child(6),
  #invoicesSide .inv-table td:nth-child(6) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }
  #invoicesSide .inv-table td:nth-child(6) input {
    width: 62px !important;
    max-width: 62px !important;
  }
}
/* ===== /Fakturering: kolonnebredder v5 ===== */


/* ===== Staldkort typografi - finere bokstekster ===== */
.stable-map-wrap .stable-box-num,
#stableMapWrap .stable-box-num,
#careStableMapWrap .stable-box-num {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 650 !important;
  letter-spacing: .045em !important;
  text-transform: none !important;
  fill: #6A5C4B !important;
  paint-order: stroke fill !important;
  stroke: rgba(255,255,255,.36) !important;
  stroke-width: .45px !important;
  stroke-linejoin: round !important;
  text-shadow: none !important;
}
.stable-map-wrap .stable-box-name,
#stableMapWrap .stable-box-name,
#careStableMapWrap .stable-box-name {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: 12.2px !important;
  font-weight: 520 !important;
  letter-spacing: .005em !important;
  fill: #3F352B !important;
  paint-order: stroke fill !important;
  stroke: rgba(255,255,255,.32) !important;
  stroke-width: .38px !important;
  stroke-linejoin: round !important;
  text-shadow: none !important;
}

/* ================= BESKEDSERVICE / BROADCAST-BJÆLKE 2026-07-20 =================
   Bjælken laves mage til "Logget ind som"-bjælken (.userbar): samme baggrund,
   ramme, radius og skrifttype - blot lidt større tekst. Blinkende udråbstegn. */
.broadcast-bar {
  max-width:1366px;
  margin:0 auto 10px auto;
  padding:0 22px;
}
.broadcast-inner {
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  background: rgba(255,255,255,0.86);
  border:1px solid rgba(115,82,42,0.10);
  border-radius:18px;
  padding:10px 16px;
  box-shadow:0 8px 20px rgba(69,52,29,0.08);
  color:#4c3a28;
}
.broadcast-icon {
  flex:0 0 auto;
  width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:16px;
  line-height:1;
  color:#FFFDF8;
  background:linear-gradient(180deg,#D9A63E,#B3892F);
  box-shadow:0 2px 5px rgba(94,80,63,0.30);
  animation:broadcastBlink 1.1s ease-in-out infinite;
}
.broadcast-text {
  font-size:20px;
  font-weight:600;
  line-height:1.35;
  color:#4c3a28;
  text-align:left;
  white-space:pre-wrap;
  word-break:break-word;
}
@keyframes broadcastBlink { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.35;transform:scale(0.9)} }
@media (prefers-reduced-motion: reduce) {
  .broadcast-icon { animation:none; }
}
/* Forhaandsvisning i admin-panelet: ingen ydre margin, saa den sidder pænt i kortet. */
.broadcast-preview { max-width:none; margin:0; padding:0; }
.broadcast-preview .broadcast-text { font-size:20px; }
.message-preview-label { font-size:13px; color:var(--ed-soft,#786B5D); margin-bottom:6px; text-align:left; }
.message-preview-wrap { text-align:left; margin-top:14px; }

/* Flad, kompakt beskedformular - undgaar de store "bobler" fra setup-card. */
.message-admin { text-align:left; padding:18px; }
.msg-field { display:flex; flex-direction:column; gap:5px; margin-bottom:14px; }
.msg-field > label { font-size:13px; font-weight:700; color:var(--ed-walnut,#5E503F); letter-spacing:.2px; }
.msg-field .setup-input { width:100%; box-sizing:border-box; }
/* Selve beskedteksten skal vaere behagelig at laese/skrive - ikke for lille. */
.message-admin textarea.setup-input { resize:vertical; min-height:80px; line-height:1.45; font-size:17px; }
/* Datofelterne skal ikke have kaempe placeholder/tekst - hold dem normale. */
.message-admin .msg-date-input { font-size:15px; }
.msg-field-row { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
.msg-check { display:flex; align-items:center; gap:9px; font-size:15px; font-weight:600; color:var(--ed-text,#4F4336); margin:4px 0 2px; cursor:pointer; }
.msg-check input { width:18px; height:18px; flex:0 0 auto; }
.msg-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
@media (max-width:640px){ .msg-field-row { grid-template-columns:1fr; } }

/* ===== Beskeder – forfinet kort-layout (Dashboard-stil) 2026 ===== */
.msg-page .msg-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; margin-top:6px; }
@media (max-width:820px){ .msg-page .msg-grid { grid-template-columns:1fr; } }
.msg-card {
  background:var(--ed-white,#FFFDF8);
  border:1px solid var(--ed-line,rgba(94,80,63,0.14));
  border-radius:20px;
  padding:20px 20px 22px;
  box-shadow:var(--ed-shadow,0 18px 38px rgba(94,80,63,0.10));
  display:flex; flex-direction:column;
}
.msg-card-head { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; }
.msg-card-ico { flex:0 0 auto; width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:rgba(198,161,91,0.12); }
.msg-card-ico svg { width:22px; height:22px; }
.msg-card-title { font-size:16px; font-weight:800; color:var(--ed-walnut,#5E503F); letter-spacing:.2px; }
.msg-card-sub { font-size:12.5px; color:var(--ed-soft,#786B5D); margin-top:2px; }
.msg-card .msg-field { margin-bottom:0; }
.msg-card textarea.setup-input { resize:vertical; min-height:120px; line-height:1.5; font-size:16px; border-radius:14px; }
.msg-card .setup-input { width:100%; box-sizing:border-box; }
.msg-card .msg-field-row { margin-bottom:4px; }

/* Pænt toggle i stedet for firkantet checkbox */
.msg-toggle { display:flex; align-items:center; gap:12px; margin-top:16px; cursor:pointer; user-select:none; }
.msg-toggle input { position:absolute; opacity:0; width:0; height:0; }
.msg-toggle-track { position:relative; width:46px; height:26px; border-radius:999px; background:var(--ed-dun,#DED1B6); transition:background .2s ease; flex:0 0 auto; }
.msg-toggle-thumb { position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(63,53,43,.28); transition:transform .2s ease; }
.msg-toggle input:checked + .msg-toggle-track { background:#8a9a5b; }
.msg-toggle input:checked + .msg-toggle-track .msg-toggle-thumb { transform:translateX(20px); }
.msg-toggle-label { font-size:15px; font-weight:600; color:var(--ed-text,#4F4336); }
.msg-toggle input:focus-visible + .msg-toggle-track { outline:2px solid var(--ed-khaki,#C6AC8F); outline-offset:2px; }

.msg-card .msg-actions { margin-top:18px; }
.msg-meta { font-size:12.5px; color:var(--ed-soft,#786B5D); margin-top:10px; }

.msg-page .message-preview-wrap { margin-top:20px; max-width:760px; }
.msg-page .message-preview-label { font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--ed-khaki,#C6AC8F); margin-bottom:8px; }

/* Skriftstørrelser: match Dashboard i stedet for de store standard-inputs.
   Uden dette arver felterne den generelle .setup-input (22px), som gør især
   dato-felterne alt for store. */
.msg-page > .calendar-hint { font-size:14px !important; line-height:1.5 !important; text-align:left !important; max-width:820px; margin:0 0 22px 0 !important; }
.msg-card .setup-input { font-size:15px !important; min-height:0 !important; padding:11px 13px !important; }
.msg-card textarea.setup-input { font-size:15px !important; min-height:120px !important; }
.msg-card .msg-date-input { font-size:15px !important; height:auto !important; min-height:0 !important; letter-spacing:0 !important; padding:11px 13px !important; }
.msg-card .msg-field > label { font-size:13px !important; font-weight:700 !important; }
@media (max-width:760px){
  .msg-card .setup-input, .msg-card .msg-date-input, .msg-card textarea.setup-input { font-size:15px !important; }
}
/* ===== /Beskeder forfinet ===== */
/* ================= /BESKEDSERVICE 2026-07-20 ================= */

/* ===== Flyt hest / Buffer-boks ===== */
.setup-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.box-move-btn { border:0; border-radius:999px; padding:6px 12px; background:#6f5f4d; color:#fff; font-weight:800; font-size:13px; cursor:pointer; box-shadow:0 4px 10px rgba(63,53,43,.16); }
.box-move-btn:hover { background:#5c4e3f; }
.buffer-panel { background:linear-gradient(180deg,#fff7df,#f6eccf); border:1px solid rgba(169,126,33,.28); border-radius:20px; padding:16px 18px; margin-bottom:16px; box-shadow:0 8px 20px rgba(120,92,20,.10); }
.buffer-head { display:flex; flex-direction:column; gap:2px; margin-bottom:12px; }
.buffer-title { font-size:19px; font-weight:900; color:#5c4a20; }
.buffer-sub { font-size:13px; color:#836b32; }
.buffer-list { display:grid; gap:10px; }
.buffer-card { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; background:rgba(255,255,255,.75); border:1px solid rgba(94,80,63,.14); border-radius:16px; padding:12px 14px; }
.buffer-card-main { display:flex; flex-direction:column; gap:2px; min-width:160px; }
.buffer-card-main strong { color:#3f352b; font-size:16px; }
.buffer-card-main span { color:#82725f; font-size:12px; }
.buffer-card-main .buffer-from { color:#a07b2f; font-weight:700; }
.buffer-card-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.buffer-card-actions select { min-width:180px; }
.buffer-card-actions button { border:0; border-radius:999px; padding:9px 16px; background:#3f7a4a; color:#fff; font-weight:800; cursor:pointer; box-shadow:0 4px 10px rgba(63,53,43,.16); }
.buffer-card-actions button:hover { background:#356540; }
@media (max-width: 700px) and (orientation: portrait) {
  .buffer-card { flex-direction:column; align-items:stretch; }
  .buffer-card-actions { justify-content:stretch; }
  .buffer-card-actions select, .buffer-card-actions button { width:100%; min-width:0; }
}

/* ===== Hestesiden ===== */
.horse-flags { display:flex; flex-wrap:wrap; gap:14px; margin:10px 2px; }
.horse-flags label { display:flex; align-items:center; gap:6px; font-size:15px; color:#4c3a28; font-weight:600; }
#horseEditorModal .stats-dialog { max-width:520px; }
#horseEditorModal .paddock-name-field { margin-bottom:10px; }

/* ===== Hestesiden: liste + editor ===== */
.horse-list { display:flex; flex-direction:column; gap:10px; }
.horse-row { display:flex; align-items:center; gap:14px; background:linear-gradient(180deg,#ffffff,#f9f2e2); border-radius:16px; padding:12px 14px; box-shadow:0 4px 12px rgba(69,52,29,.07); }
.horse-row-left { display:flex; flex-direction:column; align-items:center; gap:4px; min-width:56px; }
.horse-avatar-img { width:48px; height:48px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px rgba(115,82,42,.15); }
.horse-avatar-fallback { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:26px; background:rgba(115,82,42,.10); }
.horse-avatar-fallback.big { width:96px; height:96px; font-size:52px; }
.horse-row-id { font-size:12px; font-weight:800; color:#9a7b3f; }
.horse-row-body { flex:1; min-width:0; }
.horse-row-name { font-size:18px; font-weight:800; color:#4c3a28; }
.horse-inactive-tag { font-size:12px; font-weight:700; color:#b23; background:rgba(187,34,34,.10); border-radius:8px; padding:2px 7px; margin-left:6px; }
.horse-row-meta { font-size:14px; color:#6d5b47; margin-top:2px; }
.horse-row-actions { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.horse-photo-edit { display:flex; flex-direction:column; align-items:center; gap:10px; margin-bottom:12px; }
.horse-photo-preview { width:96px; height:96px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px rgba(115,82,42,.18); }
.horse-photo-btn { display:inline-flex; align-items:center; gap:6px; background:#6f5f4d; color:#fff; font-weight:700; border-radius:999px; padding:8px 14px; cursor:pointer; font-size:14px; }
.horse-photo-btn:hover { background:#5c4e3f; }

/* ===== Boks-tilknytning på Indstil bokse ===== */
.box-assign-panel { background:rgba(255,255,255,0.55); border:1px solid rgba(115,82,42,0.14); border-radius:16px; padding:16px 18px; margin-bottom:16px; }
.box-assign-head { display:flex; flex-direction:column; gap:2px; margin-bottom:12px; }
.box-assign-title { font-size:17px; font-weight:800; color:#5E503F; }
.box-assign-sub { font-size:13px; color:#8a7862; }
.box-assign-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:8px; }
.box-assign-row { display:flex; align-items:center; gap:10px; background:rgba(255,255,255,0.65); border:1px solid rgba(115,82,42,0.10); border-radius:12px; padding:8px 10px; }
.box-assign-boxlabel { font-weight:800; color:#5E503F; min-width:66px; }
.box-assign-row select { flex:1; }

/* Farvet heste-ikon på hestesiden (samme maske som boksknappen) */
.horse-color-icon { width:48px; height:48px; background:var(--horse-icon-color,#FBF8F2); -webkit-mask:url("assets/img-74d652e9.png") center/contain no-repeat; mask:url("assets/img-74d652e9.png") center/contain no-repeat; filter:drop-shadow(0 0 0.6px rgba(63,53,43,0.55)) drop-shadow(0 1px 0 rgba(255,255,255,0.5)) drop-shadow(0 2px 4px rgba(0,0,0,0.18)); }
.horse-color-icon.big { width:96px; height:96px; }
/* Rund baggrundsskive bag ikonet, så lyse/tofarvede pelse ikke drukner i den lyse baggrund */
.horse-icon-disc { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 42%, #b9a888, #a08d6f); box-shadow:inset 0 0 0 1px rgba(63,53,43,0.18), 0 1px 3px rgba(0,0,0,0.10); }
.horse-icon-disc.big { width:96px; height:96px; }
.horse-icon-disc .horse-color-icon { width:40px; height:40px; }
.horse-icon-disc.big .horse-color-icon { width:80px; height:80px; }

/* Tofarvede/mønstrede pelse på hestesidens ikon (samme mønstre som forsiden) */
.horse-color-icon[data-horse-icon-color="pinto"] {
  background:
    radial-gradient(ellipse 55% 40% at 72% 30%, #FBF8F2 0 60%, transparent 62%),
    radial-gradient(ellipse 45% 35% at 30% 78%, #FBF8F2 0 58%, transparent 60%),
    radial-gradient(ellipse 30% 26% at 60% 92%, #FBF8F2 0 60%, transparent 62%),
    #6B4A34 !important;
}
.horse-color-icon[data-horse-icon-color="brownwhite"] {
  background:
    radial-gradient(ellipse 58% 44% at 74% 34%, #FBF8F2 0 60%, transparent 62%),
    radial-gradient(ellipse 48% 40% at 26% 82%, #FBF8F2 0 58%, transparent 60%),
    #8A5A3C !important;
}
.horse-color-icon[data-horse-icon-color="twocolor"] {
  background:
    radial-gradient(ellipse 58% 44% at 74% 34%, #FBF8F2 0 60%, transparent 62%),
    radial-gradient(ellipse 48% 40% at 26% 82%, #FBF8F2 0 58%, transparent 60%),
    #1D1A17 !important;
}
.horse-color-icon[data-horse-icon-color="skimmel"] { background:#B9B4AC !important; }
.horse-color-icon[data-horse-icon-color="appaloosa"] { background:#C9C3B8 !important; background-image:radial-gradient(#4a463f 1.4px, transparent 1.5px) !important; background-size:6px 6px !important; }

/* ===== Faktura: vare-autocomplete ===== */
.inv-suggest { position:absolute; z-index:9999; display:none; max-height:280px; overflow-y:auto; background:#fffdf8; border:1px solid rgba(115,82,42,0.22); border-radius:12px; box-shadow:0 10px 26px rgba(89,66,39,0.18); padding:4px; }
.inv-suggest-item { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:8px; cursor:pointer; }
.inv-suggest-item:hover { background:rgba(115,82,42,0.10); }
.inv-suggest-num { font-weight:800; color:#5E503F; min-width:56px; font-size:13px; }
.inv-suggest-name { flex:1; color:#4c3a28; font-size:14px; }
.inv-suggest-price { color:#6d5b47; font-size:13px; white-space:nowrap; }

/* Centrér Fuldpas/Selvpas i toppen af boksknappen (autoritativ, vinder over ældre højre-regler) */
#forside .box .box-badges-top,
#forside .box.has-photo .box-badges-top {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  justify-content:center !important;
}

/* Alias-mærke i hestelisten */
.horse-alias-tag { font-size:13px; font-weight:700; color:#6f5f4a; background:rgba(115,82,42,0.10); border-radius:8px; padding:2px 8px; margin-left:6px; }

/* Faktura-tabel på én side: faste kolonnebredder, beskrivelse bred, tal smalle */
#invoicesSide .inv-table{table-layout:fixed!important;width:100%!important;min-width:0!important;box-sizing:border-box}
#invoicesSide .inv-table th,#invoicesSide .inv-table td{padding:6px 5px!important;font-size:12px!important;white-space:normal!important;overflow:hidden}
#invoicesSide .inv-table .inv-col-num{width:9%!important}
#invoicesSide .inv-table th:nth-child(2),#invoicesSide .inv-table td:nth-child(2){width:26%!important}
#invoicesSide .inv-table .inv-col-qty{width:6%!important}
#invoicesSide .inv-table .inv-col-unit{width:7%!important}
#invoicesSide .inv-table .inv-col-price{width:12%!important}
#invoicesSide .inv-table .inv-col-vat{width:8%!important}
#invoicesSide .inv-table .inv-col-sum{width:14%!important}
#invoicesSide .inv-table .inv-col-del{width:4%!important}
#invoicesSide .inv-table input{padding:6px 6px!important;font-size:12px!important;box-sizing:border-box}
#invoicesSide .inv-table-wrap{max-width:100%!important;overflow-x:visible!important}

/* Beskrivelse-celle: input + "auto" side om side, tæt og inden for rammen */
#invoicesSide .inv-desc-cell{display:flex;align-items:center;gap:5px;min-width:0}
#invoicesSide .inv-desc-cell input{flex:1 1 auto;min-width:0;width:auto!important}
#invoicesSide .inv-desc-cell .inv-badge.auto{flex:0 0 auto;margin:0;font-size:10px;opacity:.6;padding:2px 5px!important}

/* ===== Hjælp-knap og vejledning ===== */
.help-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:rgba(255,255,255,0.92) !important;
  color:#6b5745 !important;
  border:1px solid rgba(115,82,42,0.18) !important;
  border-radius:12px !important;
  padding:8px 14px !important;
  font-size:15px !important; font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  box-shadow:0 2px 6px rgba(69,52,29,0.06) !important;
  transition:background .15s ease, border-color .15s ease;
  margin-right:8px;
}
/* Ikonet må ikke gøre knappen højere end "Menu" */
.help-btn .help-ico{ width:26px !important; height:26px !important; flex:0 0 16px !important; }
.help-btn .help-ico svg{ width:26px !important; height:26px !important; }
/* Hjælp-knappen skal se præcis ud som "Menu"-knappen */
.help-btn, .smallbtn.help-btn, #topHelpBtn{
  color:#6b5745 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:15px !important;
  font-weight:600 !important;
}
.help-btn:hover, .help-btn:focus{ background:#fffdf8 !important; border-color:rgba(115,82,42,0.32) !important; outline:none; color:#4c3a28 !important; }
.hjaelp-modal{position:fixed;inset:0;background:rgba(45,34,20,0.55);backdrop-filter:blur(3px);z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}
.hjaelp-modal.show{display:flex}
.hjaelp-dialog{background:#fffdf8;border-radius:22px;max-width:680px;width:100%;box-shadow:0 20px 50px rgba(45,34,20,0.35);margin:20px auto}
.hjaelp-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(115,82,42,0.14);position:sticky;top:0;background:#fffdf8;border-radius:22px 22px 0 0}
.hjaelp-top h2{margin:0;font-size:24px;color:#4c3a28}
.hjaelp-body{padding:20px 24px 28px}
.hjaelp-hint{font-size:15px;color:#8a7862;margin-bottom:14px;text-align:center}
.hjaelp-item{background:linear-gradient(180deg,#ffffff,#f9f2e2);border:1px solid rgba(115,82,42,0.12);border-radius:16px;margin-bottom:12px;overflow:hidden}
.hjaelp-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;cursor:pointer;padding:16px 18px;text-align:left;font-size:19px;font-weight:800;color:#5E503F}
.hjaelp-head:hover{background:rgba(115,82,42,0.05)}
.hjaelp-head-txt{flex:1}
.hjaelp-pil{transition:transform .2s ease;font-size:16px;color:#9a7b3f}
.hjaelp-item.open .hjaelp-pil{transform:rotate(180deg)}
.hjaelp-tekst{display:none;padding:0 18px 18px}
.hjaelp-item.open .hjaelp-tekst{display:block}
.hjaelp-tekst p{margin:0 0 10px;font-size:17px;line-height:1.55;color:#3f352b}
.hjaelp-tekst p:last-child{margin-bottom:0}
.hjaelp-tekst b{color:#4c3a28}
.hjaelp-slut{text-align:center;font-size:17px;color:#6d5b47;margin-top:16px}
@media(max-width:600px){.hjaelp-top h2{font-size:20px}.hjaelp-head{font-size:17px}.hjaelp-tekst p{font-size:16px}}

/* ===== Faktura: note om gemte varer ===== */
.inv-extra-note{margin-top:10px;font-size:13px;color:#8a7862;text-align:center}

/* ===== Salgsstatistik ===== */
.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:8px}
.sales-card{background:linear-gradient(180deg,#ffffff,#f9f2e2);border:1px solid rgba(115,82,42,0.12);border-radius:14px;padding:14px 16px}
.sales-card.total{background:linear-gradient(180deg,#efe4d2,#e6d8bf)}
.sales-card-label{font-size:13px;color:#8a7862;margin-bottom:4px}
.sales-card-val{font-size:20px;font-weight:800;color:#4c3a28}
.sales-h3{margin:22px 0 10px;font-size:18px;color:#5E503F}
.sales-table td.num,.sales-table th.num{text-align:right;white-space:nowrap}
.sales-total-row td{border-top:2px solid rgba(115,82,42,0.25);background:rgba(115,82,42,0.05)}

/* ===== Webshop-vare editor ===== */
.ws-img-title{font-weight:800;color:#5E503F;margin:10px 0 6px}
.ws-img-row{display:flex;flex-wrap:wrap;gap:10px}
.ws-img-item{position:relative;width:90px;height:90px;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.ws-img-item img{width:100%;height:100%;object-fit:cover}
.ws-img-item button{position:absolute;top:3px;right:3px;padding:2px 6px}

/* ===== Webshop ===== */
.shop-boxpick{margin-bottom:14px}
.shop-box-single{background:rgba(115,82,42,0.08);border-radius:12px;padding:10px 14px;font-size:15px;color:#4c3a28}
.shop-box-label{display:block;font-weight:700;color:#5E503F;margin-bottom:6px}
.shop-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.shop-cat-tab{background:#efe4d2;color:#5E503F;border:none;border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:14px}
.shop-cat-tab.active{background:#6f5f4d;color:#fff}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.shop-card{background:linear-gradient(180deg,#ffffff,#f9f2e2);border:1px solid rgba(115,82,42,0.12);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}
.shop-card-img{width:100%;height:130px;object-fit:cover;border-radius:10px}
.shop-card-noimg{width:100%;height:130px;display:flex;align-items:center;justify-content:center;font-size:44px;background:rgba(115,82,42,0.06);border-radius:10px}
.shop-card-name{font-weight:800;color:#4c3a28;font-size:15px;line-height:1.3}
.shop-card-price{color:#6d5b47;font-size:14px}
.shop-card-add{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px}
.shop-add-btn{width:100%;background:#6f5f4d;color:#fff;border:none;border-radius:10px;padding:9px;font-weight:700;cursor:pointer}
.shop-add-btn:hover{background:#5c4e3f}
.shop-qty-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(115,82,42,0.25);background:#fffdf8;font-size:18px;font-weight:800;cursor:pointer;color:#5E503F}
.shop-qty{font-weight:800;font-size:16px;min-width:24px;text-align:center}
.shop-cart-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#4c3a28;color:#fff;padding:12px 18px;border-radius:14px;margin:16px auto;max-width:1180px;box-shadow:0 -4px 16px rgba(0,0,0,0.15)}
.shop-cart-info{font-weight:700}
.shop-cart-bar button{background:#fff;color:#4c3a28;border:none;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer}
.shop-kurv-box{background:rgba(115,82,42,0.08);border-radius:10px;padding:8px 12px;margin-bottom:12px}
.shop-kurv-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(115,82,42,0.10)}
.shop-kurv-qty{display:flex;align-items:center;gap:8px}
.shop-kurv-total{text-align:right;font-size:18px;margin-top:12px}

/* ===== Webshop: vare-detalje ===== */
.shop-card-tap{cursor:pointer}
.vare-dialog{max-width:520px}
.vare-detalje{padding:4px 2px}
.vare-main-img{width:100%;max-height:320px;object-fit:contain;border-radius:14px;background:#fff}
.vare-main-noimg{width:100%;height:220px;display:flex;align-items:center;justify-content:center;font-size:64px;background:rgba(115,82,42,0.06);border-radius:14px}
.vare-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.vare-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.6;border:2px solid transparent}
.vare-thumb.active{opacity:1;border-color:#6f5f4d}
.vare-info{margin-top:14px}
.vare-pris{font-size:24px;font-weight:800;color:#4c3a28}
.vare-enhed{font-size:15px;font-weight:600;color:#8a7862}
.vare-nr{font-size:13px;color:#8a7862;margin-top:4px}
.vare-add{margin-top:16px;display:flex;align-items:center;gap:12px}
.shop-kurv-boksvalg{margin-top:14px;padding-top:12px;border-top:1px solid rgba(115,82,42,0.12)}

/* Vare-beskrivelse i detaljevinduet */
.vare-beskrivelse{margin-top:12px;font-size:15px;line-height:1.55;color:#3f352b}

/* Inkl. moms-mærke i webshoppen */
.shop-inkl{font-size:11px;color:#8a7862;font-weight:600}

/* Kategori-overskrift i menuen (fx "Salg") */
.user-menu-heading{ padding:10px 12px 4px; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#a08d6f; border-top:1px solid rgba(115,82,42,0.12); margin-top:4px; }
.user-menu-heading.hidden{ display:none; }

/* =====================================================================
   TEMA: "Voigt Ekvipage" — skovgrøn + guld (fra forretningsplanen).
   Ændrer kun farver på knapper, kort, badges, faner og accenter.
   Markbaggrunden og alle placeringer/funktioner er urørte.
   ===================================================================== */
:root{
  --ve-green:#23402E;        /* dyb skovgrøn (knapper, mørke kort) */
  --ve-green-2:#2C4B37;      /* lidt lysere grøn */
  --ve-green-hover:#1B3324;  /* mørkere ved hover */
  --ve-sage:#4A6350;         /* salviegrøn (sekundært) */
  --ve-gold:#C6A15B;         /* guldbrun/messing accent */
  --ve-gold-2:#B8924A;       /* mørkere guld */
  --ve-cream:#F5F1E8;        /* cremehvid kort */
  --ve-ink:#233028;          /* mørk tekst på lyse flader */
}

/* --- Primære knapper: skovgrøn med lys tekst --- */
button:not(.smallbtn):not(.date-button):not(.shop-qty-btn):not(.shop-add-btn):not(.month-day-dot):not(.hjaelp-head):not(.missing-day-dot){
  background:linear-gradient(180deg, var(--ve-green-2), var(--ve-green)) !important;
  color:#F5F1E8 !important;
  box-shadow:0 8px 20px rgba(35,64,46,0.22) !important;
}
button:not(.smallbtn):not(.date-button):not(.shop-qty-btn):not(.shop-add-btn):not(.month-day-dot):not(.hjaelp-head):not(.missing-day-dot):hover{
  background:linear-gradient(180deg, var(--ve-green), var(--ve-green-hover)) !important;
}
/* Sekundære knapper: lys med grøn kant */
button.secondary{
  background:var(--ve-cream) !important; color:var(--ve-green) !important;
  box-shadow:inset 0 0 0 1px rgba(35,64,46,0.22) !important;
}
/* Fare-/slette-knapper beholder rød-brun, men dæmpet */
button.danger, .danger-btn{ background:linear-gradient(180deg,#8a3b32,#6f2f28) !important; color:#fff !important; }

/* smallbtn (menu, hjælp, små handlinger): lys pille med grøn tekst */
.smallbtn{ background:rgba(255,255,255,0.92) !important; color:var(--ve-green) !important; }

/* --- Menu-knap og hjælp: grøn tekst, guld ved hover-kant --- */
.user-menu-toggle{ color:var(--ve-green) !important; }
.user-menu-item{ color:var(--ve-ink) !important; }
.user-menu-item:hover{ background:rgba(35,64,46,0.08) !important; }
.user-menu-heading{ color:var(--ve-gold-2) !important; }

/* --- Accent-farve: guld til overskrifter, badges, aktive faner, tal --- */
h2, h3, .stats-title, .price-form-title{ color:var(--ve-green) !important; }
.sales-card-val, .stat-number, .overview-total{ color:var(--ve-gold-2) !important; }
.sales-card.total{ background:linear-gradient(180deg, var(--ve-green-2), var(--ve-green)) !important; }
.sales-card.total .sales-card-label, .sales-card.total .sales-card-val{ color:#F5F1E8 !important; }

/* Shop kategori-faner: aktiv = grøn */
.shop-cat-tab{ background:var(--ve-cream) !important; color:var(--ve-green) !important; }
.shop-cat-tab.active{ background:var(--ve-green) !important; color:#F5F1E8 !important; }
.shop-add-btn{ background:var(--ve-green) !important; }
.shop-add-btn:hover{ background:var(--ve-green-hover) !important; }
.shop-cart-bar{ background:var(--ve-green) !important; }
.shop-cart-bar button{ background:var(--ve-gold) !important; color:var(--ve-green) !important; }

/* Fuldpas/Selvpas og andre badges: guld accent */
.box-badge.fullpas{ background:linear-gradient(180deg, var(--ve-gold), var(--ve-gold-2)) !important; color:#3a2c12 !important; }

/* Modal-topbjælker og separatorer i grøn */
.stats-topbar{ border-bottom-color:rgba(35,64,46,0.16) !important; }

/* Aktive/valgte tilstande og links i grøn */
a{ color:var(--ve-green) !important; }

/* --- Header/hero i skovgrøn (som forretningsplanens forside) --- */
.hero-card, .hero-card.hero-card{
  background:linear-gradient(135deg, #23402E 0%, #2C4B37 55%, #4A6350 100%) !important;
  color:#F5F1E8 !important;
}
.hero-card h1, .hero-card .hero-copy, .hero-card p, .hero-card sup{ color:#F5F1E8 !important; }

/* --- Registrerede boks-knapper i skovgrøn --- */
.box.done, .box.blue, .box.done.done{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)), linear-gradient(145deg, #2C4B37 0%, #23402E 55%, #1B3324 100%) !important;
  color:#F5F1E8 !important;
  border-color:rgba(255,255,255,0.14) !important;
}
.box.done::before{ color:#F5F1E8 !important; }

/* --- Kalender-dage i temaet: lyse når ikke registreret, grønne når registreret --- */
.month-day-dot.missing{
  background:linear-gradient(145deg, #b69879 0%, #c8ad90 56%, #decdb4 100%) !important;
  color:#3f2e1f !important;
}
.month-day-dot.future{
  background:linear-gradient(180deg, #ece4d4, #ddd0ba) !important;
  color:#8a7a63 !important;
}
.month-day-dot.done{
  background:linear-gradient(145deg, #2C4B37 0%, #23402E 55%, #1B3324 100%) !important;
  color:#F5F1E8 !important;
}
.month-day-dot.zero{
  background:linear-gradient(145deg, #4A6350 0%, #3a5140 100%) !important;
  color:#F5F1E8 !important;
}

/* =====================================================================
   MOBIL: boks-badge-placering.
   Fuldpas/Selvpas længst til højre; strøelse + udråbstegn ved siden af
   hinanden ind mod midten i toppen.
   ===================================================================== */
@media (max-width: 720px){
  /* Pas-badge (Fuldpas/Selvpas) i toppen til højre på mobil */
  #forside .box .box-badges-top,
  #forside .box.has-photo .box-badges-top{
    top:12px !important;
    left:auto !important;
    right:12px !important;
    transform:none !important;
    justify-content:flex-end !important;
    max-width:55% !important;
  }
}

/* =====================================================================
   Strøelse- og note-ringene: lige store, blinker i takt, side om side
   i højre side. Placering: top-højre på PC, hævet/midtpå på telefon.
   ===================================================================== */
@keyframes boxRingBlink{0%,100%{opacity:1}50%{opacity:0.32}}

/* Fælles udseende (gælder overalt): samme størrelse, synkron blink, side om side */
#forside .box .box-bedding-alert,
#forside .box .box-note-alert,
#forside .box.has-photo .box-bedding-alert,
#forside .box.has-photo .box-note-alert{
  position:absolute !important;
  bottom:auto !important;
  left:auto !important;
  width:26px !important;
  height:26px !important;
  transform-origin:center !important;
  animation:boxRingBlink 1.2s ease-in-out infinite !important;
  z-index:3 !important;
}
/* PC: top højre hjørne */
#forside .box .box-bedding-alert,
#forside .box.has-photo .box-bedding-alert{ top:12px !important; right:44px !important; transform:none !important; }
#forside .box .box-note-alert,
#forside .box.has-photo .box-note-alert{ top:12px !important; right:12px !important; transform:none !important; }

/* Telefon: hævet til 40% af højden, lodret centreret om det punkt */
@media (max-width: 720px){
  #forside .box .box-bedding-alert,
  #forside .box .box-note-alert,
  #forside .box.has-photo .box-bedding-alert,
  #forside .box.has-photo .box-note-alert{
    top:40% !important;
    transform:translateY(-50%) !important;
  }
  #forside .box .box-note-alert,
  #forside .box.has-photo .box-note-alert{ right:12px !important; }
  #forside .box .box-bedding-alert,
  #forside .box.has-photo .box-bedding-alert{ right:44px !important; }
}

/* 2) Shop "Læg i kurv": kompakt, cremefarvet som forsidens baggrund, grøn tekst,
      samme skrifttype/størrelse som menupunkterne i dropdown. */
.shop-add-btn, .shop-add-btn:not(.x){
  width:auto !important;
  background:#F5F1E8 !important;
  color:#23402E !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  padding:8px 14px !important;
  min-height:auto !important;
  border-radius:10px !important;
  border:1px solid rgba(35,64,46,0.18) !important;
  box-shadow:none !important;
}
.shop-add-btn:hover{
  background:#efe7d6 !important;
  color:#1B3324 !important;
}
/* 1) Frem/tilbage-pile i statistik & måneds-navigation: skovgrøn som toppen */
.stats-year-nav .bigbtn,
.stats-pager .bigbtn,
.stats-pager button,
.month-nav .bigbtn,
.month-days-box .month-nav button,
#oversigtSide .month-nav .bigbtn,
#boksSide .month-days-box .month-nav button{
  background:linear-gradient(180deg, #2C4B37, #23402E) !important;
  color:#F5F1E8 !important;
  box-shadow:0 8px 20px rgba(35,64,46,0.22) !important;
}

/* 3) Transparent kasse bag måned/år-tallet i statistik (også nye ID'er) */
.stats-year-value,
.stats-month-value,
#salesYearLabel,
#statsMonthLabel,
.stats-period-value,
.month-label{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =====================================================================
   Pasningsplaner-menu: kort i forretningsplanens stil
   (grønt kort, guld cirkel-ikon, guld overlinje, hvid overskrift).
   ===================================================================== */
#fullPasPlanSide .care-menu-grid,
.care-menu-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:22px !important;
  padding:18px 4px 10px !important;
}
#fullPasPlanSide .care-menu-card,
.care-menu-grid .care-menu-card{
  position:relative !important;
  min-height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
  gap:6px !important;
  padding:26px 24px 28px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg, #2C4B37 0%, #23402E 60%, #1B3324 100%) !important;
  border:1px solid rgba(198,161,91,0.35) !important;
  box-shadow:0 14px 30px rgba(35,64,46,0.22) !important;
  color:#F5F1E8 !important;
  cursor:pointer !important;
}
#fullPasPlanSide .care-menu-card::after,
.care-menu-grid .care-menu-card::after{ display:none !important; }

/* Guld cirkel-ikon */
#fullPasPlanSide .care-menu-icon,
.care-menu-grid .care-menu-icon{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:64px !important; height:64px !important; border-radius:50% !important;
  background:linear-gradient(145deg, #C6A15B, #B8924A) !important;
  font-size:30px !important; margin-bottom:12px !important;
  box-shadow:0 6px 14px rgba(27,51,36,0.30) !important;
  position:relative !important; inset:auto !important;
}
#fullPasPlanSide .care-menu-icon svg,
.care-menu-grid .care-menu-icon svg{
  width:26px !important; height:26px !important; display:block !important;
}
/* Guld overlinje-label */
#fullPasPlanSide .care-menu-overline,
.care-menu-grid .care-menu-overline{
  position:relative !important; inset:auto !important;
  color:#C6A15B !important; font-weight:800 !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  font-size:12px !important;
}
/* Hvid overskrift */
#fullPasPlanSide .care-menu-title,
.care-menu-grid .care-menu-title{
  position:relative !important; inset:auto !important;
  display:block !important; padding:0 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(20px,1.6vw,26px) !important; font-weight:700 !important;
  color:#FFFFFF !important; text-align:left !important; line-height:1.15 !important;
}

/* =====================================================================
   Guld menu-ikoner (simple SVG) i dropdown, bund-menu og setup-menu.
   ===================================================================== */
.menu-ico{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; vertical-align:middle; }
/* Dropdown-menupunkter: lille ikon foran teksten */
.user-menu-item .menu-ico{ width:20px; height:20px; margin-right:2px; }
.user-menu-item .menu-ico svg{ width:20px; height:20px; }
/* Store menuknapper (bund-menu, setup, fakturering): lidt større ikon */
.bigbtn.has-menu-ico{ display:inline-flex; align-items:center; gap:12px; justify-content:center; }
.bigbtn .menu-ico{ width:26px; height:26px; }
.bigbtn .menu-ico svg{ width:26px; height:26px; }

/* =====================================================================
   Hjælp-menu: pæne runde kort, ingen grønne kasser bag knapperne.
   ===================================================================== */
/* Accordion-knappen skal IKKE have temaets grønne knap-baggrund */
.hjaelp-head,
.hjaelp-head:hover,
.hjaelp-head:focus{
  background:transparent !important;
  color:#23402E !important;
  box-shadow:none !important;
  border:0 !important;
  min-height:auto !important;
  border-radius:16px !important;
}
.hjaelp-head:hover{ background:rgba(35,64,46,0.05) !important; }
/* Luk-knappen i toppen forbliver lille/neutral */
.hjaelp-top .smallbtn{ background:#F5F1E8 !important; color:#23402E !important; }

/* Kortene: bløde, runde, cremefarvede med guld-kant (PDF-stil) */
.hjaelp-item{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.30) !important;
  border-radius:18px !important;
  box-shadow:0 8px 20px rgba(35,64,46,0.08) !important;
  margin-bottom:14px !important;
  overflow:hidden !important;
}
.hjaelp-item.open{
  border-color:rgba(198,161,91,0.55) !important;
  box-shadow:0 12px 26px rgba(35,64,46,0.12) !important;
}
/* Pil i guld */
.hjaelp-pil{ color:#C6A15B !important; }
/* Guld spørgsmålstegn-ikon i hjælp-knappen */
.help-ico svg{ width:18px !important; height:18px !important; }
/* Samme lille guld-ikon i hjælp-menuens overskrift */
.hjaelp-top h2{ display:flex !important; align-items:center !important; gap:10px !important; }
.hjaelp-top h2 .help-ico{ width:22px !important; height:22px !important; }
.hjaelp-top h2 .help-ico svg{ width:22px !important; height:22px !important; }

/* =====================================================================
   "Farver på boksene"-forklaring: swatch-farver matcher boksknapperne,
   og kassen får samme runde, cremefarvede look som pasningsplan-kortene.
   ===================================================================== */
/* Swatch: uregistreret = varm brun (som en tom boks), registreret = grøn */
.legend-color.unreg{
  background:linear-gradient(145deg, #b69879 0%, #c8ad90 56%, #decdb4 100%) !important;
}
.legend-color.reg{
  background:linear-gradient(145deg, #2C4B37 0%, #23402E 55%, #1B3324 100%) !important;
}
/* Selve forklarings-kassen: blød, rund, creme med guld-kant */
#farveForklaring.front-legend{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.30) !important;
  border-radius:22px !important;
  box-shadow:0 10px 24px rgba(35,64,46,0.08) !important;
}
#farveForklaring.front-legend h3{ color:#23402E !important; }

/* =====================================================================
   Hjælp-menuen: samme skrift og ikoner som dropdown-menuen.
   ===================================================================== */
.hjaelp-head{
  font-family:Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  color:#6b5745 !important;
  padding:10px 12px !important;
  border-radius:9px !important;
  gap:10px !important;
}
.hjaelp-head:hover,.hjaelp-head:focus{
  background:rgba(115,82,42,.07) !important;
  color:#4c3a28 !important;
}
.hjaelp-head-txt{
  display:flex !important; align-items:center !important; gap:10px !important;
  font-family:Arial, sans-serif !important;
  font-size:15px !important; font-weight:500 !important;
}
.hjaelp-head-label{ font-family:Arial, sans-serif !important; font-size:15px !important; font-weight:500 !important; }
/* Ikoner samme størrelse som i dropdown */
.hjaelp-head .menu-ico{ width:20px !important; height:20px !important; flex:0 0 20px !important; }
.hjaelp-head .menu-ico svg{ width:20px !important; height:20px !important; }
/* Kortene lidt lettere, så de ligner dropdown-panelet */
.hjaelp-item{
  border-radius:9px !important;
  margin-bottom:4px !important;
  box-shadow:none !important;
  background:rgba(255,253,248,0.98) !important;
  border:1px solid rgba(115,82,42,0.14) !important;
}
.hjaelp-item.open{
  border-color:rgba(198,161,91,0.45) !important;
  box-shadow:0 6px 16px rgba(35,64,46,0.08) !important;
}
.hjaelp-dialog{ border-radius:14px !important; }

/* Hjælp-panelet: samme kompakte rytme som dropdown-menuen */
.hjaelp-body{ padding:10px 12px 16px !important; }
.hjaelp-item{ border:1px solid rgba(115,82,42,0.12) !important; background:transparent !important; }
.hjaelp-item.open{ background:rgba(255,253,248,0.98) !important; }
.hjaelp-top h2{ font-size:17px !important; font-family:Arial, sans-serif !important; font-weight:700 !important; }
.hjaelp-hint{ font-size:13px !important; }

/* =====================================================================
   Endelig: "Hjælp" og "Menu" skal se 100% ens ud (farve, størrelse, case).
   ===================================================================== */
#topHelpBtn, #topHelpBtn.smallbtn, #topHelpBtn.help-btn,
#topUserMenu .user-menu-toggle{
  color:#6b5745 !important;
  font-family:Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  line-height:1.2 !important;
  padding:8px 14px !important;
  min-height:auto !important;
  border-radius:12px !important;
  background:rgba(255,255,255,0.92) !important;
  border:1px solid rgba(115,82,42,0.18) !important;
}
#topHelpBtn:hover, #topHelpBtn:focus,
#topUserMenu .user-menu-toggle:hover, #topUserMenu .user-menu-toggle:focus{
  background:#fffdf8 !important; color:#4c3a28 !important;
  border-color:rgba(115,82,42,0.32) !important;
}

/* De to topknapper skal stå på samme linje, uanset indhold */
#topUserMenu{ display:flex !important; align-items:center !important; gap:8px !important; }
#topHelpBtn, #topUserMenuToggle{
  vertical-align:middle !important;
  align-self:center !important;
  margin-top:0 !important; margin-bottom:0 !important;
  margin-right:0 !important;
}
/* Ikon og tekst centreres inde i knapperne */
#topHelpBtn .help-ico, #topUserMenuToggle .menu-caret{ align-self:center !important; }

/* =====================================================================
   STATISTIK-REDESIGN i forretningsplanens stil.
   Gælder: Samlet overblik, Statistikker og Min statistik (bokssiden).
   Mørkegrønne nøgletalskort med guldtal, guld sektions-labels,
   lyse graf-kort og cremefarvede tabeller.
   ===================================================================== */

/* --- Nøgletalskort: mørkegrøn med guld tal --- */
.stats-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:18px !important;
  margin-bottom:22px !important;
}
.summary-card{
  background:linear-gradient(145deg,#2C4B37 0%, #23402E 60%, #1B3324 100%) !important;
  border:1px solid rgba(198,161,91,0.22) !important;
  border-radius:18px !important;
  padding:22px 20px !important;
  box-shadow:0 12px 26px rgba(35,64,46,0.18) !important;
  text-align:center !important;
}
.summary-card::after{ display:none !important; }
.summary-card .label{
  color:#F5F1E8 !important; opacity:.85 !important;
  font-size:13px !important; font-weight:700 !important;
  letter-spacing:.10em !important; text-transform:uppercase !important;
  order:2 !important; margin-top:8px !important;
}
.summary-card .value{
  color:#FFFFFF !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(26px,2.6vw,38px) !important; font-weight:700 !important;
  line-height:1.05 !important; order:1 !important;
}
.summary-card .sub{
  color:rgba(245,241,232,.72) !important; font-size:12.5px !important;
  order:3 !important; margin-top:6px !important;
}
.summary-card{ display:flex !important; flex-direction:column !important; align-items:center !important; }
/* Fremhævet kort (fx halmpiller-tælleren) — guld ramme og guld tal, som i PDF'en */
.summary-card.summary-card-accent{
  border:2px solid #C6A15B !important;
}
.summary-card.summary-card-accent .value{ color:#E0BE79 !important; }

/* --- Sektions-labels i guld versaler (som "ØKONOMI"/"INDTÆGTER") --- */
.stats-chart-title,
.stats-period-name{
  color:#B8924A !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  margin-bottom:14px !important;
}

/* --- Graf-kort: lyse, bløde, med guld-kant --- */
.stats-chart-card{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.28) !important;
  border-radius:20px !important;
  box-shadow:0 10px 24px rgba(35,64,46,0.08) !important;
  padding:22px !important;
}
.stats-chart-sub{ color:#8a7862 !important; font-size:12.5px !important; }

/* --- Søjler i graferne: skovgrøn (som PDF'ens diagrammer) --- */
.stats-bar,
.stats-chart-card .bar,
.stats-chart-card .chart-bar{
  background:linear-gradient(180deg,#2C4B37,#23402E) !important;
  box-shadow:none !important;
}

/* --- Periode-overskrift --- */
.stats-period-heading{
  display:flex !important; align-items:baseline !important; gap:12px !important;
  border-bottom:1px solid rgba(198,161,91,0.28) !important;
  padding-bottom:8px !important; margin-bottom:16px !important;
}
.stats-period-range{ color:#6d5b47 !important; font-size:13px !important; }

/* --- Tabeller i statistik: creme med grøn hovedrække (som PDF'en) --- */
.sales-table thead th,
.inv-table.sales-table thead th{
  background:#23402E !important; color:#F5F1E8 !important;
  font-size:12.5px !important; letter-spacing:.08em !important;
  text-transform:uppercase !important; font-weight:800 !important;
}
.sales-table tbody tr:nth-child(even){ background:rgba(245,241,232,.55) !important; }
.sales-table tbody td{ border-color:rgba(198,161,91,0.18) !important; }

/* --- Overskrifter på statistiksiderne --- */
#oversigtSide h2, #salesSide h2, #boksSide .stats-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#23402E !important;
}

/* =====================================================================
   RETTELSER: grønne nøgletalskort (slår .stats-summary-grid > div),
   ingen bjælke bag titlen, ikon ved overskriften.
   ===================================================================== */
/* Kortene skal være skovgrønne — højere specificitet end grid-reglen */
.stats-summary-grid > .summary-card,
.stats-summary-grid > div.summary-card,
#boksSide .stats-summary-grid > div,
#oversigtSide .stats-summary-grid > div{
  background:linear-gradient(145deg,#2C4B37 0%, #23402E 60%, #1B3324 100%) !important;
  border:1px solid rgba(198,161,91,0.22) !important;
  color:#F5F1E8 !important;
}
.stats-summary-grid > .summary-card.summary-card-accent,
#boksSide .stats-summary-grid > div.summary-card-accent,
#oversigtSide .stats-summary-grid > div.summary-card-accent{
  border:2px solid #C6A15B !important;
}
.stats-summary-grid > div .label{ color:#F5F1E8 !important; opacity:.85 !important; }
.stats-summary-grid > div .value{ color:#FFFFFF !important; }
.stats-summary-grid > div.summary-card-accent .value{ color:#E0BE79 !important; }

/* Fjern bjælken bag "Min statistik"/"Samlet statistik" + Luk-knappen */
#boksSide .stats-topbar,
#oversigtSide .stats-topbar,
.stats-topbar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding-left:0 !important; padding-right:0 !important;
}
/* Titlen med ikon */
.stats-title{
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  color:#23402E !important;
}
.stats-title .menu-ico{ width:22px !important; height:22px !important; flex:0 0 22px !important; }
.stats-title .menu-ico svg{ width:22px !important; height:22px !important; }

/* =====================================================================
   PDF-look, runde 2: kantede kort/grafer, ingen kasse bag måneds-label,
   guld småtekst i de grønne nøgletalskort.
   ===================================================================== */

/* 1) Ingen kasse bag "jul-dec" og lignende måneds-labels */
.stats-range-label,
.stats-period-range,
.month-label,
.stats-year-value{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  color:#5b4a38 !important;
  padding:4px 6px !important;
}

/* 2) Kantede kasser (som PDF'ens kort og tabeller) */
.summary-card,
.stats-summary-grid > div,
.stats-chart-card,
.overview-box,
.report-box,
.panel,
.front-legend,
#farveForklaring.front-legend,
.hjaelp-item,
.hjaelp-dialog,
.stats-dialog{
  border-radius:6px !important;
}
.care-menu-grid .care-menu-card,
#fullPasPlanSide .care-menu-card{ border-radius:8px !important; }
.care-menu-grid .care-menu-icon,
#fullPasPlanSide .care-menu-icon{ border-radius:8px !important; }

/* 3) Kantede grafer: firkantede søjler og ingen bokse bag søjlerne */
.stats-bar-col{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
}
.stats-bar,
.stats-chart-card .bar,
.stats-chart-card .chart-bar{
  border-radius:0 !important;
  background:#23402E !important;
  box-shadow:none !important;
}
.stats-bar-value, .stats-bar-label{ color:#5b4a38 !important; }

/* 4) Småteksten i de grønne nøgletalskort i guld */
.stats-summary-grid > div .label,
.summary-card .label{
  color:#C6A15B !important;
  opacity:1 !important;
}
.stats-summary-grid > div .sub,
.summary-card .sub{
  color:#FFFFFF !important;
}

/* =====================================================================
   SAMLET OVERBLIK: PDF-look hele vejen.
   ===================================================================== */
/* Nøgletalskortene (wrap / hø / total) skal være skovgrønne */
.summary-grid > .summary-card,
.summary-card.wrap,
.summary-card.ho,
.summary-card.total,
#oversigtSide .summary-card.wrap,
#oversigtSide .summary-card.ho,
#oversigtSide .summary-card.total{
  background:linear-gradient(145deg,#2C4B37 0%, #23402E 60%, #1B3324 100%) !important;
  border:1px solid rgba(198,161,91,0.22) !important;
  border-radius:6px !important;
  color:#F5F1E8 !important;
}
/* Tal hvidt, label guld, undertekst hvid */
#oversigtSide .summary-card .value,
.summary-card.wrap .value, .summary-card.ho .value, .summary-card.total .value{
  color:#FFFFFF !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
}
#oversigtSide .summary-card .label,
.summary-card.wrap .label, .summary-card.ho .label, .summary-card.total .label{
  color:#C6A15B !important; opacity:1 !important;
  font-family:Arial, sans-serif !important;
  font-size:12.5px !important; font-weight:800 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
}
#oversigtSide .summary-card .sub,
.summary-card.wrap .sub, .summary-card.ho .sub, .summary-card.total .sub{
  color:#FFFFFF !important;
}
/* Ikon-cirkel i guld, som PDF'ens runde ikoner */
.summary-icon{
  width:38px !important; height:38px !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#C6A15B,#B8924A) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:none !important;
}
.summary-icon .menu-ico{ width:20px !important; height:20px !important; }
.summary-icon .menu-ico svg{ width:20px !important; height:20px !important; stroke:#23402E !important; }
.summary-head{ display:flex !important; align-items:center !important; gap:10px !important; }
.summary-head.center{ justify-content:center !important; }

/* Sidens overskrift: serif + guld ikon, som PDF-kapiteloverskrifter */
#oversigtSide h2{
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:12px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  color:#23402E !important;
}
#oversigtSide h2 .menu-ico{ width:26px !important; height:26px !important; }
#oversigtSide h2 .menu-ico svg{ width:26px !important; height:26px !important; }

/* Boks-rækkerne: kantede og lettere, som PDF'ens tabelrækker */
.overview-row-card{
  border-radius:4px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.20) !important;
  box-shadow:none !important;
}
/* Wrap/hø-pillerne bliver til kantede etiketter i grønt */
.overview-pill{
  border-radius:3px !important;
  background:#23402E !important;
  color:#F5F1E8 !important;
  box-shadow:none !important;
  font-family:Arial, sans-serif !important;
  font-size:12.5px !important; font-weight:700 !important;
  letter-spacing:.04em !important;
}
.overview-pill.wrap, .overview-pill.ho,
.overview-pill.ho-bale, .overview-pill.wrap-bale{
  background:#23402E !important; color:#F5F1E8 !important;
}
/* Stald-overskrift i rækkelisten */
.overview-stable-title{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#23402E !important;
}
.overview-stable-count{ color:#B8924A !important; font-weight:800 !important; letter-spacing:.08em !important; text-transform:uppercase !important; font-size:12px !important; }
/* Ikon i stald-overskriften på overblikket */
.overview-stable-title{ display:flex !important; align-items:center !important; gap:9px !important; }
.overview-stable-title .menu-ico{ width:20px !important; height:20px !important; flex:0 0 20px !important; }
.overview-stable-title .menu-ico svg{ width:20px !important; height:20px !important; }

/* =====================================================================
   RETTELSER: afstand, knap-ikoner, hø i guld, staldbjælke i lysegrøn.
   ===================================================================== */

/* 1) Mere luft fra den store grønne bjælke ned til eksport-knappen */
#oversigtSide .summary-card.total{ margin-bottom:28px !important; }
.overview-export-btn{ margin-top:14px !important; }

/* 2) De grønne knapper i bunden: samme skrift og ikoner som resten */
.overview-export-btn,
.overview-stats-btn,
.save-default-btn.overview-stats-btn,
.primary-actions button,
.back-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:10px !important;
  font-family:Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  border-radius:6px !important;
}
.overview-export-btn .menu-ico,
.overview-stats-btn .menu-ico{ width:18px !important; height:18px !important; flex:0 0 18px !important; }
.overview-export-btn .menu-ico svg,
.overview-stats-btn .menu-ico svg{ width:18px !important; height:18px !important; }

/* 3) Hø i guld (#C9A24B) i graferne og på overblikket */
.stats-bar.ho,
.stats-bar.ho-bale{
  background:#C9A24B !important;
}
.overview-pill.ho,
.overview-pill.ho-bale{
  background:#C9A24B !important;
  color:#3a2c12 !important;
}
/* Hø-kortet på Samlet overblik får guld tal, så det matcher grafen */
#oversigtSide .summary-card.ho .value{ color:#E6C071 !important; }

/* 4) Staldbjælken styres i stald-background.css (den fil vinder) */

/* Dage i "Tjek måneden for huller": lyse som de uregistrerede bokse */
.missing-day-dot{
  background:linear-gradient(145deg, #b69879 0%, #c8ad90 56%, #decdb4 100%) !important;
  color:#3f2e1f !important;
  border:1px solid rgba(94,80,63,0.18) !important;
  border-radius:6px !important;
}
.missing-day-dot:hover{
  background:linear-gradient(145deg, #2C4B37 0%, #23402E 55%, #1B3324 100%) !important;
  color:#F5F1E8 !important;
}

/* =====================================================================
   "TJEK MÅNEDEN FOR HULLER" i forretningsplanens stil.
   ===================================================================== */
/* Dialogen: lys, kantet, luftig */
#missingModal .stats-dialog{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.28) !important;
  border-radius:6px !important;
  padding:26px 26px 30px !important;
}
/* Titel i serif med guld ikon */
#missingModal .stats-title{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(20px,2vw,28px) !important;
  color:#23402E !important;
}
/* Nøgletalskort øverst */
.missing-kpi{ margin:18px 0 22px !important; }

/* Guld sektions-label, som PDF'ens "DE VIGTIGSTE POSTER" */
.missing-section-label{
  color:#B8924A !important;
  font-family:Arial, sans-serif !important;
  font-size:12.5px !important; font-weight:800 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
  margin:6px 0 12px !important; text-align:left !important;
}

/* Stald-overskrift: grøn bjælke som tabelhoved i PDF'en */
.missing-stable-head{
  display:flex !important; align-items:center !important; gap:9px !important;
  background:#23402E !important;
  color:#F5F1E8 !important;
  font-family:Arial, sans-serif !important;
  font-size:12.5px !important; font-weight:800 !important;
  letter-spacing:.12em !important; text-transform:uppercase !important;
  padding:9px 12px !important;
  border-radius:4px !important;
  border:0 !important;
  margin:18px 0 0 !important;
}
.missing-stable-head .menu-ico{ width:18px !important; height:18px !important; flex:0 0 18px !important; }
.missing-stable-head .menu-ico svg{ width:18px !important; height:18px !important; }

/* Boks-rækker som tabelrækker */
.missing-list{ display:block !important; }
.missing-row{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.20) !important;
  border-top:0 !important;
  border-radius:0 !important;
  padding:12px 14px !important;
  text-align:left !important;
}
.missing-row:nth-child(even){ background:rgba(245,241,232,.55) !important; }
.missing-row-head{
  display:flex !important; align-items:baseline !important;
  justify-content:space-between !important; gap:12px !important;
}
.missing-row-title{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:17px !important; font-weight:700 !important; color:#23402E !important;
}
.missing-row-count{
  color:#B8924A !important; font-weight:800 !important;
  font-size:12px !important; letter-spacing:.08em !important; text-transform:uppercase !important;
}
.missing-days-label{
  color:#8a7862 !important; font-size:12.5px !important;
  margin:8px 0 6px !important;
}
.missing-days{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; }

/* Måneds-navigation strammet op */
#missingModal .stats-year-nav{ margin:6px 0 4px !important; }
#missingMonthValue{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:22px !important; color:#23402E !important;
}

/* =====================================================================
   PLAN-SIDER (Foderplan, Udlukningsplan, Stald- og Foldkort)
   i forretningsplanens stil.
   ===================================================================== */
/* Sideoverskrift: guld overline + serif titel, som PDF-kapitler */
.care-section-head{ text-align:left !important; margin-bottom:20px !important; }
.care-overline{
  color:#B8924A !important;
  font-family:Arial, sans-serif !important;
  font-size:12.5px !important; font-weight:800 !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  margin-bottom:6px !important;
}
.care-section-head h3{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(22px,2.2vw,32px) !important;
  font-weight:700 !important;
  color:#23402E !important;
  margin:0 !important;
}

/* Kort-sektioner: lyse, kantede felter med guld-kant */
.care-map-section{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.26) !important;
  border-radius:6px !important;
  padding:22px !important;
  margin-top:22px !important;
  box-shadow:0 8px 20px rgba(35,64,46,0.06) !important;
}
/* Underoverskrift (Staldkort / Foldkort) som guld sektions-label */
.stable-map-title{
  display:flex !important; align-items:center !important; gap:9px !important;
  color:#B8924A !important;
  font-family:Arial, sans-serif !important;
  font-size:12.5px !important; font-weight:800 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
  margin:0 0 14px !important;
  text-align:left !important;
}
.stable-map-title .menu-ico{ width:18px !important; height:18px !important; flex:0 0 18px !important; }
.stable-map-title .menu-ico svg{ width:18px !important; height:18px !important; }

/* Kortene selv: kantede rammer */
.stable-map-wrap, .paddock-map-wrap{ border-radius:4px !important; }

/* Tabeller på planerne følger PDF-tabellen */
.care-table thead th{
  background:#23402E !important; color:#F5F1E8 !important;
  font-family:Arial, sans-serif !important;
  font-size:11.5px !important; font-weight:600 !important;
  letter-spacing:.02em !important; text-transform:uppercase !important;
  white-space:nowrap !important;
  padding:8px 10px !important;
  line-height:1.25 !important;
}
.care-table tbody tr:nth-child(even){ background:rgba(245,241,232,.55) !important; }
.care-table td, .care-table th{ border-color:rgba(198,161,91,0.18) !important; }
.care-table-wrap{ border-radius:4px !important; overflow:hidden !important; }

/* Staldrække i planerne: lysegrøn som staldbjælken på forsiden */
.feed-table .feed-stable-row td,
.care-table .feed-stable-row td{
  background:#6E8B5B !important;
  color:#FFFFFF !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
  font-size:16px !important;
  letter-spacing:.01em !important;
}

/* =====================================================================
   Plan-tabeller: læsbare overskrifter, ren grøn bjælke, guld staldrække.
   ===================================================================== */
/* 1) ALLE kolonneoverskrifter skal være lyse på den grønne bjælke
      (også sidste kolonne, der tidligere blev tvunget mørkebrun) */
.care-table thead th,
.feed-table thead th,
.feed-table th:last-child,
.care-table th:last-child{
  color:#F5F1E8 !important;
  font-weight:600 !important;
  background:#23402E !important;
}

/* 2) Ingen hvide skygger/afrundinger i den grønne overskriftsbjælke */
.care-table thead,
.feed-table thead{ background:#23402E !important; }
.care-table thead th,
.feed-table thead th{
  box-shadow:none !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:1px solid rgba(245,241,232,0.18) !important;
  border-top:0 !important;
  border-bottom:0 !important;
  background-image:none !important;
}
.care-table thead th:last-child,
.feed-table thead th:last-child{ border-right:0 !important; }

/* 3) Staldrækken i guld */
.feed-table .feed-stable-row td,
.care-table .feed-stable-row td{
  background:#C9A24B !important;
  color:#3a2c12 !important;
  box-shadow:none !important;
}

/* =====================================================================
   HESTE-SIDEN i forretningsplanens stil.
   ===================================================================== */
/* Overskrift: serif + guld ikon */
#horsesSide h2{
  display:flex !important; align-items:center !important; gap:12px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  color:#23402E !important;
}
#horsesSide h2 .menu-ico{ width:26px !important; height:26px !important; flex:0 0 26px !important; }
#horsesSide h2 .menu-ico svg{ width:26px !important; height:26px !important; }

/* Panelet kantet */
#horsesSide .panel{ border-radius:6px !important; }
#horsesSide .overview-box{ border-radius:4px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }

/* Hesterækker som tabelrækker i PDF'en */
.horse-list{ display:block !important; }
.horse-row{
  display:flex !important; align-items:center !important; gap:14px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.20) !important;
  border-top:0 !important;
  border-radius:0 !important;
  padding:12px 14px !important;
  box-shadow:none !important;
  text-align:left !important;
}
.horse-row:first-child{ border-top:1px solid rgba(198,161,91,0.20) !important; }
.horse-row:nth-child(even){ background:rgba(245,241,232,.55) !important; }

/* Navn i serif, meta i dæmpet, id i guld */
.horse-row-name{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:18px !important; font-weight:700 !important; color:#23402E !important;
}
.horse-row-meta{ color:#7f715f !important; font-size:12.5px !important; }
.horse-row-id{
  color:#B8924A !important; font-weight:800 !important;
  font-size:11.5px !important; letter-spacing:.06em !important;
}
/* Alias- og status-mærker */
.horse-alias-tag{
  background:#C9A24B !important; color:#3a2c12 !important;
  border-radius:3px !important; padding:2px 7px !important;
  font-family:Arial, sans-serif !important;
  font-size:11px !important; font-weight:800 !important;
  letter-spacing:.06em !important; text-transform:uppercase !important;
}
.horse-inactive-tag{
  background:#9f4e3f !important; color:#fff !important;
  border-radius:3px !important; padding:2px 7px !important;
  font-size:11px !important; font-weight:800 !important;
  letter-spacing:.06em !important; text-transform:uppercase !important;
}
/* Handlingsknapper: små, kantede, med guld ikon */
.horse-row-actions .smallbtn{
  display:inline-flex !important; align-items:center !important; gap:7px !important;
  background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.18) !important;
  border-radius:4px !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important; font-weight:600 !important;
  letter-spacing:0 !important; text-transform:none !important;
  padding:7px 11px !important;
}
.horse-row-actions .menu-ico{ width:24px !important; height:24px !important; flex:0 0 15px !important; }
.horse-row-actions .menu-ico svg{ width:24px !important; height:24px !important; }

/* "Opret ny hest"-knappen */
#horsesSide .primary-actions button{
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  font-family:Arial, sans-serif !important;
  font-size:15px !important; font-weight:600 !important;
  letter-spacing:0 !important; text-transform:none !important;
  border-radius:6px !important;
}
#horsesSide .primary-actions .menu-ico{ width:17px !important; height:17px !important; flex:0 0 17px !important; }
#horsesSide .primary-actions .menu-ico svg{ width:17px !important; height:17px !important; }

/* =====================================================================
   STALDE OG BOKSE (Antal bokse / Stalde / Bokse og stalde)
   i forretningsplanens stil.
   ===================================================================== */
#setupBoxesSide h2, #setupStablesSide h2, #setupNamesSide h2{
  display:flex !important; align-items:center !important; gap:12px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  color:#23402E !important;
}
#setupBoxesSide h2 .menu-ico, #setupStablesSide h2 .menu-ico, #setupNamesSide h2 .menu-ico{
  width:26px !important; height:26px !important; flex:0 0 26px !important;
}
#setupBoxesSide h2 .menu-ico svg, #setupStablesSide h2 .menu-ico svg, #setupNamesSide h2 .menu-ico svg{
  width:26px !important; height:26px !important;
}
#setupBoxesSide .panel, #setupStablesSide .panel, #setupNamesSide .panel{ border-radius:6px !important; }
#setupBoxesSide .overview-box, #setupStablesSide .overview-box, #setupNamesSide .overview-box{
  border-radius:4px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Stald-rækker som tabelrækker */
.stable-admin-list{ display:block !important; }
.stable-admin-row{
  display:flex !important; align-items:center !important; gap:12px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.20) !important;
  border-top:0 !important;
  border-radius:0 !important;
  padding:12px 14px !important;
  box-shadow:none !important;
}
.stable-admin-row:first-child{ border-top:1px solid rgba(198,161,91,0.20) !important; }
.stable-admin-row:nth-child(even){ background:rgba(245,241,232,.55) !important; }
.stable-admin-row .setup-input{ border-radius:4px !important; }
.stable-remove-btn{
  display:inline-flex !important; align-items:center !important; gap:7px !important;
  background:#F5F1E8 !important; color:#9f4e3f !important;
  border:1px solid rgba(159,78,63,0.28) !important;
  border-radius:4px !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important; font-weight:600 !important;
  letter-spacing:0 !important; text-transform:none !important;
  padding:7px 11px !important;
  box-shadow:none !important;
}
.stable-remove-btn .menu-ico{ width:24px !important; height:24px !important; flex:0 0 15px !important; }
.stable-remove-btn .menu-ico svg{ width:24px !important; height:24px !important; }

/* Boks-tildelingskort og setup-felter kantede */
.box-assign-panel, .setup-card, .setup-card.compact{
  border-radius:4px !important;
}
.setup-grid .setup-card{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.20) !important;
  box-shadow:none !important;
}
.setup-input{ border-radius:4px !important; }

/* Knapperne på siderne */
#setupBoxesSide .primary-actions button,
#setupStablesSide .primary-actions button,
#setupNamesSide .primary-actions button{
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  font-family:Arial, sans-serif !important;
  font-size:15px !important; font-weight:600 !important;
  letter-spacing:0 !important; text-transform:none !important;
  border-radius:6px !important;
}
#setupBoxesSide .primary-actions .menu-ico,
#setupStablesSide .primary-actions .menu-ico,
#setupNamesSide .primary-actions .menu-ico{
  width:17px !important; height:17px !important; flex:0 0 17px !important;
}
#setupBoxesSide .primary-actions .menu-ico svg,
#setupStablesSide .primary-actions .menu-ico svg,
#setupNamesSide .primary-actions .menu-ico svg{ width:17px !important; height:17px !important; }

/* =====================================================================
   "Tilknyt hest til boks" i forretningsplanens stil.
   ===================================================================== */
.box-assign-panel{
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.26) !important;
  border-radius:6px !important;
  padding:22px !important;
  box-shadow:0 8px 20px rgba(35,64,46,0.06) !important;
  margin-bottom:20px !important;
}
/* Overskrift: guld overline + serif titel, venstrestillet som PDF'en */
.box-assign-head{
  display:block !important;
  text-align:left !important;
  border-bottom:1px solid rgba(198,161,91,0.26) !important;
  padding-bottom:14px !important;
  margin-bottom:16px !important;
}
.box-assign-overline{
  color:#B8924A !important;
  font-family:Arial, sans-serif !important;
  font-size:12px !important; font-weight:800 !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  margin-bottom:5px !important;
}
.box-assign-title{
  display:flex !important; align-items:center !important; gap:10px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(19px,1.8vw,25px) !important;
  font-weight:700 !important;
  color:#23402E !important;
}
.box-assign-title .menu-ico{ width:22px !important; height:22px !important; flex:0 0 22px !important; }
.box-assign-title .menu-ico svg{ width:22px !important; height:22px !important; }
.box-assign-sub{
  display:block !important;
  color:#7f715f !important;
  font-size:13px !important;
  margin-top:5px !important;
}

/* Rækkerne: kantede felter i et roligt gitter */
.box-assign-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:8px !important;
}
.box-assign-row{
  display:flex !important; align-items:center !important; gap:10px !important;
  background:rgba(245,241,232,.55) !important;
  border:1px solid rgba(198,161,91,0.18) !important;
  border-radius:4px !important;
  padding:8px 10px !important;
  box-shadow:none !important;
}
/* Boks-etiketten som en fast, smal kolonne */
.box-assign-boxlabel{
  flex:0 0 72px !important;
  font-family:Arial, sans-serif !important;
  font-size:12px !important; font-weight:800 !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  color:#23402E !important;
  text-align:left !important;
}
.box-assign-row .setup-input{
  flex:1 1 auto !important;
  border-radius:3px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(94,80,63,0.18) !important;
  font-size:14px !important;
  padding:7px 9px !important;
  min-width:0 !important;
}

/* =====================================================================
   "Bokse og stalde": kompakte rækker i stedet for høje kort.
   ===================================================================== */
#setupListe.setup-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
  gap:8px !important;
}
/* Kortet bliver til én lav række: etiket | dropdown | nummer */
#setupListe .setup-card{
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) 62px !important;
  align-items:center !important;
  gap:8px !important;
  background:rgba(245,241,232,.55) !important;
  border:1px solid rgba(198,161,91,0.18) !important;
  border-radius:4px !important;
  padding:7px 9px !important;
  box-shadow:none !important;
  min-height:0 !important;
}
/* "Boks N" som fast, smal etiket til venstre */
#setupListe .setup-card-head{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  min-width:0 !important;
}
#setupListe .setup-card-head label{
  font-family:Arial, sans-serif !important;
  font-size:12px !important; font-weight:800 !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  color:#23402E !important;
  margin:0 !important;
}
/* Feltgruppen og rækken "opløses", så select+input bliver kolonner i kortet */
#setupListe .setup-option-group{
  display:contents !important;
}
/* "STALD"-overskriften er overflødig i rækken */
#setupListe .setup-option-heading{ display:none !important; }
#setupListe .setup-stable-row{
  display:contents !important;
}
/* Dropdown fylder sin kolonne, lokalnummer er smalt */
#setupListe .setup-stable-row select.setup-input,
#setupListe select.setup-input{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  border-radius:3px !important;
  background:#FFFDF8 !important;
  font-size:14px !important;
  padding:6px 8px !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
}
#setupListe .setup-stable-row input.setup-input,
#setupListe input.setup-input{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  border-radius:3px !important;
  background:#FFFDF8 !important;
  font-size:14px !important;
  padding:6px 4px !important;
  text-align:center !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
}

/* Neutralisér ældre høje-felt-regler i denne sektion (også på mobil) */
#setupNamesSide #setupListe .setup-option-group{
  margin-top:0 !important; padding-top:0 !important; border-top:0 !important;
}
#setupNamesSide #setupListe .setup-input,
#setupNamesSide #setupListe select.setup-input,
#setupNamesSide #setupListe input.setup-input{
  min-height:0 !important;
  border-radius:3px !important;
  padding:6px 8px !important;
  font-size:14px !important;
}
#setupNamesSide #setupListe .setup-option-heading{ display:none !important; }
/* På smalle skærme: én kolonne, men stadig én linje pr. boks */
@media (max-width:720px){
  #setupListe.setup-grid{ grid-template-columns:1fr !important; }
  #setupListe .setup-card{ grid-template-columns:58px minmax(0,1fr) 56px !important; }
}

/* =====================================================================
   Generel ikon-styling: alle menu-ico virker overalt hvor de er sat ind.
   ===================================================================== */
.menu-ico{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; vertical-align:middle; }
.menu-ico svg{ width:18px; height:18px; display:block; }
/* Overskrifter */
h2 .menu-ico, h3 .menu-ico{ width:24px; height:24px; flex:0 0 24px; }
h2 .menu-ico svg, h3 .menu-ico svg{ width:24px; height:24px; }
h2, h3{ display:flex; align-items:center; gap:10px; }
h2.no-ico, h3.no-ico{ display:block; }
/* Knapper: ikon + tekst på linje, venstrestillet */
button .menu-ico{ width:17px; height:17px; flex:0 0 17px; }
button .menu-ico svg{ width:17px; height:17px; }
button:has(.menu-ico){ display:inline-flex; align-items:center; justify-content:flex-start; gap:9px; text-align:left; }
.smallbtn .menu-ico{ width:15px; height:15px; flex:0 0 15px; }
.smallbtn .menu-ico svg{ width:15px; height:15px; }
/* Setup-menuens store knapper */
.setup-menu-grid .bigbtn .menu-ico{ width:22px; height:22px; flex:0 0 22px; }
.setup-menu-grid .bigbtn .menu-ico svg{ width:22px; height:22px; }

/* =====================================================================
   Venstrestil ikon + tekst på de brede knapper (forside, setup, menu).
   ===================================================================== */
#forsideKnapper .bigbtn,
.setup-menu-grid .bigbtn,
.billing-button-stack .bigbtn,
.overview-stats-btn,
.overview-export-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  text-align:left !important;
  padding-left:22px !important;
}
/* Dropdown-menupunkter er allerede venstrestillede - hold dem sådan */
.user-menu-item{
  justify-content:flex-start !important;
  text-align:left !important;
}
/* Ensartet tekststart i dropdown: ikonet får fast bredde, teksten flugter */
.user-menu-item .menu-ico{ width:20px !important; height:20px !important; flex:0 0 20px !important; margin-right:0 !important; }
.user-menu-item{ gap:12px !important; }

/* =====================================================================
   "Sådan kommer du i gang" (over boksene): centreret, plain skrifttype.
   ===================================================================== */
.front-stage-heading{ text-align:center !important; }
.front-stage-heading h2{
  display:block !important;
  text-align:center !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:700 !important;
  padding-left:0 !important;
}
.front-stage-heading p{
  text-align:center !important;
  font-family:Arial, Helvetica, sans-serif !important;
  padding-left:0 !important;
}

/* "Kom godt i gang" (over de grønne menuknapper): plain skrifttype, venstrestillet */
.front-menu-title{
  display:block !important;
  text-align:left !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-weight:700 !important;
  padding-left:22px !important;   /* flugter med knappernes tekst */
}

/* =====================================================================
   UGEPLAN (vagtplan) — matcher temaet, responsiv på mobil.
   ===================================================================== */
/* Uge-navigation med pile */
.wp-nav{
  display:flex; align-items:center; justify-content:center; gap:16px;
  margin:6px 0 4px;
}
.wp-nav-arrow{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:6px !important;
  background:linear-gradient(180deg,#2C4B37,#23402E) !important;
  color:#F5F1E8 !important; border:0 !important;
  font-size:18px; cursor:pointer;
}
.wp-nav-arrow:hover{ background:linear-gradient(180deg,#23402E,#1B3324) !important; }
.wp-nav-center{ text-align:center; min-width:180px; }
.wp-week-num{
  font-family:Georgia,'Times New Roman',serif; font-size:24px; font-weight:700; color:#23402E;
}
.wp-week-range{ color:#8a7862; font-size:13px; margin-top:2px; }
.wp-today-row{ display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:14px; }
.wp-today-btn{
  background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.2) !important;
  border-radius:5px !important;
  font-size:13px !important; font-weight:600 !important;
  padding:6px 14px !important; letter-spacing:0 !important; text-transform:none !important;
}

/* Tabel */
.wp-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(198,161,91,0.28);
  border-radius:6px;
  background:#FFFDF8;
}
.wp-table{ border-collapse:collapse; width:100%; min-width:760px; table-layout:fixed; }
.wp-table th, .wp-table td{ border:1px solid rgba(198,161,91,0.28); vertical-align:middle; }
/* Hjørne + dag-hoveder */
.wp-table thead th{
  background:#23402E; color:#F5F1E8;
  padding:8px 6px; text-align:center;
}
.wp-corner{
  text-align:left !important;
  font-family:Georgia,'Times New Roman',serif; font-weight:700; font-size:14px;
  width:104px;
}
.wp-dayname{ font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.wp-daydate{ font-size:12px; color:#C6A15B; margin-top:2px; font-weight:700; }
.wp-dayhead.wp-today{ background:#2C4B37; box-shadow:inset 0 -3px 0 #C6A15B; }
/* Række-etiket */
.wp-rowlabel{
  background:#6E8B5B; color:#fff;
  font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  padding:8px 8px; text-align:left; width:104px;
}
/* Celler */
.wp-cell{ padding:0; background:#FFFDF8; height:52px; }
.wp-cell.wp-today{ background:#FBF7EE; }
.wp-table tbody tr:nth-child(even) .wp-cell{ background:rgba(245,241,232,.5); }
.wp-table tbody tr:nth-child(even) .wp-cell.wp-today{ background:#F6EFE0; }
.wp-input{
  width:100%; border:0 !important; background:transparent !important;
  resize:none; overflow:hidden;
  font-family:Arial,Helvetica,sans-serif; font-size:15px; color:#23402E;
  padding:9px 8px; line-height:1.25; text-align:center;
  min-height:0; box-sizing:border-box; display:block;
}
.wp-input:focus{ outline:2px solid rgba(198,161,91,0.5) !important; outline-offset:-2px; background:#fff !important; }
.wp-readonly{
  padding:9px 8px; font-size:15px; color:#23402E; text-align:center;
  min-height:0; line-height:1.25; word-break:break-word;
}
.wp-hint{ color:#8a7862; font-size:12.5px; margin-top:12px; text-align:center; }

/* Mobil: lidt kompaktere, tabellen scroller vandret */
@media (max-width:720px){
  .wp-week-num{ font-size:20px; }
  .wp-nav-arrow{ width:40px; height:40px; }
  .wp-table{ min-width:680px; }
  .wp-corner, .wp-rowlabel{ width:84px; }
  .wp-input, .wp-readonly{ font-size:14px; padding:7px 5px; }
  .wp-dayname{ font-size:11px; }
}

/* =====================================================================
   OPRETTELSES-WIZARD
   ===================================================================== */
.wizard-menu-btn .menu-ico svg{ stroke:#C6A15B; }

/* Trin-indikator */
.wz-steps{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin:6px 0 20px;
}
.wz-step{
  display:flex; align-items:center; gap:8px;
  flex:1 1 0; min-width:120px;
  padding:10px 12px; border-radius:6px;
  background:rgba(245,241,232,.55); border:1px solid rgba(198,161,91,0.2);
}
.wz-step-num{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%; flex:0 0 26px;
  background:#D9CEB1; color:#5e503f; font-weight:800; font-size:14px;
}
.wz-step-label{ font-weight:700; color:#8a7862; font-size:14px; }
.wz-step.active{ background:linear-gradient(145deg,#2C4B37,#23402E); border-color:#C6A15B; }
.wz-step.active .wz-step-num{ background:#C6A15B; color:#23402E; }
.wz-step.active .wz-step-label{ color:#F5F1E8; }
.wz-step.done .wz-step-num{ background:#6E8B5B; color:#fff; }
.wz-step.done .wz-step-label{ color:#23402E; }

/* Panel */
.wz-panel{
  background:#FFFDF8; border:1px solid rgba(198,161,91,0.26);
  border-radius:6px; padding:22px; margin-bottom:14px;
}
.wz-panel-overline{
  color:#B8924A; font-family:Arial,Helvetica,sans-serif;
  font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  margin-bottom:14px;
}

/* Felt-gitter med hjælpetekster */
.wz-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px;
}
.wz-field{ display:flex; flex-direction:column; gap:5px; text-align:left; }
.wz-field-wide{ margin-top:16px; }
.wz-label{ font-weight:700; color:#23402E; font-size:14px; }
.wz-field .setup-input{ border-radius:4px; }
.wz-help{ color:#8a7862; font-size:12px; line-height:1.35; }
.wz-help-block{ margin:10px 0 4px; }
.wz-flags + .wz-help-block{ text-align:center; }

/* Flueben / pasningstype */
.wz-flags-title{ font-weight:700; color:#23402E; font-size:14px; margin:18px 0 8px; text-align:center; }
.wz-flags{ display:flex; flex-wrap:wrap; gap:16px 24px; justify-content:center; }
.wz-check{ display:flex; align-items:center; gap:8px; font-size:14px; color:#23402E; }
.wz-check input{ width:17px; height:17px; }

/* Boks-vælger */
.wz-boxpick{ max-width:420px; }

/* Bruger-liste */
.wz-inline-actions{ margin-top:12px; }
.wz-user-list{ margin-top:8px; display:flex; flex-direction:column; gap:6px; }
.wz-user-row{
  display:flex !important; align-items:center; gap:12px;
  padding:10px 12px; border-radius:4px;
  background:rgba(245,241,232,.55); border:1px solid rgba(198,161,91,0.18);
  text-align:left;
}
.wz-user-row input{ width:17px; height:17px; flex:0 0 17px; margin:0; }
.wz-user-email{ font-weight:600; color:#23402E; flex:1 1 auto; text-align:left; }
.wz-user-role{ color:#8a7862; font-size:12px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; flex:0 0 auto; white-space:nowrap; }

/* Knapper */
.wz-footer{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin-top:4px; }
.wz-btn{
  font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:600;
  border-radius:6px; padding:11px 18px; cursor:pointer; border:1px solid transparent;
  letter-spacing:0; text-transform:none;
}
.wz-btn-primary{ background:linear-gradient(180deg,#2C4B37,#23402E); color:#F5F1E8; }
.wz-btn-primary:hover{ background:linear-gradient(180deg,#23402E,#1B3324); }
.wz-btn-secondary{ background:#F5F1E8; color:#23402E; border-color:rgba(35,64,46,0.2); }
.wz-btn-ghost{ background:transparent; color:#6d5b47; border-color:rgba(115,82,42,0.22); }
.wz-btn-skip{ background:transparent; color:#8a7862; border-color:transparent; text-decoration:underline; }
.wz-btn-ghost:hover,.wz-btn-secondary:hover{ background:#fffdf8; }

/* Afslutning */
.wz-done{ text-align:center; padding:20px 10px; }
.wz-done-icon{ display:flex; justify-content:center; margin-bottom:10px; }
.wz-done-icon svg{ width:56px; height:56px; }
.wz-done-title{ font-family:Georgia,'Times New Roman',serif; color:#23402E; font-size:24px; margin:0 0 8px; }
.wz-done-text{ color:#5e503f; font-size:15px; margin:4px 0; }

/* Mobil */
@media (max-width:720px){
  .wz-steps{ gap:6px; }
  .wz-step{ min-width:0; flex:1 1 22%; flex-direction:column; text-align:center; padding:8px 4px; gap:4px; }
  .wz-step-label{ font-size:11px; }
  .wz-grid{ grid-template-columns:1fr; gap:14px; }
  .wz-panel{ padding:16px; }
  .wz-footer{ flex-direction:column-reverse; align-items:stretch; }
  .wz-footer .wz-btn{ width:100%; text-align:center; }
  .wz-boxpick{ max-width:100%; }
}

/* Wizard: hestebillede-område centreret øverst i trin 1 */
.wz-photo{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 0 18px; }
.wz-photo .horse-photo-preview{ width:96px; height:96px; border-radius:8px; object-fit:cover; border:1px solid rgba(198,161,91,0.4); }
.wz-photo .horse-icon-disc.big{ margin:0 auto; }

/* Wizard: normal skriftstørrelse i felterne (ikke de store dialog-inputs) */
#createWizardSide .setup-input,
#createWizardSide input.setup-input,
#createWizardSide select.setup-input,
#createWizardSide textarea.setup-input,
.wz-field .setup-input{
  font-size:15px !important;
  min-height:42px !important;
  padding:9px 11px !important;
  border-radius:4px !important;
  line-height:1.3 !important;
}
#createWizardSide .setup-input::placeholder{ font-size:15px !important; opacity:.6; }

/* =====================================================================
   Registreringssetup: kompakt, overskueligt layout.
   ===================================================================== */
/* Sektionen samlet i et lille gitter (side om side på PC, stablet på mobil) */
#setupRegistrationSide .overview-box{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:12px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
/* Hvert felt strammere og mindre */
#setupRegistrationSide .setup-card{
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:6px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.24) !important;
  box-shadow:none !important;
}
/* Checkbox-rækken: mindre skrift og kompakt afkryds */
#setupRegistrationSide .setup-inline-check{
  gap:10px !important;
  align-items:center !important;
  margin:0 !important;
}
#setupRegistrationSide .setup-inline-check span{
  font-size:15px !important;
  font-weight:700 !important;
  color:#23402E !important;
}
#setupRegistrationSide .setup-inline-check input[type="checkbox"]{
  width:20px !important; height:20px !important; min-height:0 !important;
  flex:0 0 20px !important;
  border-radius:4px !important;
  transform:none !important;
}
/* Hjælpetekst mindre og tættere på */
#setupRegistrationSide .setup-card .calendar-hint{
  font-size:12.5px !important;
  line-height:1.4 !important;
  margin-top:6px !important;
  color:#8a7862 !important;
}
/* Overskrift og intro strammere */
#setupRegistrationSide .panel > .calendar-hint{
  margin-bottom:14px !important;
}

/* =====================================================================
   Eksport oplysninger: to felter side om side (stablet på mobil).
   ===================================================================== */
#setupEmailSide .overview-box.export-info-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:12px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#setupEmailSide .setup-card,
#setupEmailSide .setup-card.compact{
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:6px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.24) !important;
  box-shadow:none !important;
  max-width:none !important;
  display:flex; flex-direction:column;
}
#setupEmailSide .setup-card label{
  font-size:14px !important; font-weight:700 !important;
  color:#23402E !important; text-align:left !important;
  display:block !important; margin-bottom:6px !important;
}
#setupEmailSide .setup-input{
  font-size:15px !important; min-height:42px !important;
  padding:9px 11px !important; border-radius:4px !important;
}
#setupEmailSide .setup-card .legend-note{
  font-size:12.5px !important; line-height:1.4 !important;
  margin-top:8px !important; color:#8a7862 !important; text-align:left !important;
}
.export-card-actions{ margin-top:12px; }
.export-card-actions button{
  font-size:14px !important; padding:8px 14px !important; border-radius:6px !important;
}
#setupEmailSide .panel > .calendar-hint{ margin-bottom:14px !important; }

/* Webshop-indstilling: samme kompakte look som registreringssetup */
#setupShopSide .overview-box{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
#setupShopSide .setup-card{
  margin:0 !important; padding:14px 16px !important; border-radius:6px !important;
  background:#FFFDF8 !important; border:1px solid rgba(198,161,91,0.24) !important; box-shadow:none !important;
  max-width:520px !important;
}
#setupShopSide .setup-inline-check{ gap:10px !important; align-items:center !important; margin:0 !important; }
#setupShopSide .setup-inline-check span{ font-size:15px !important; font-weight:700 !important; color:#23402E !important; }
#setupShopSide .setup-inline-check input[type="checkbox"]{ width:20px !important; height:20px !important; min-height:0 !important; flex:0 0 20px !important; border-radius:4px !important; }
#setupShopSide .setup-card .calendar-hint{ font-size:12.5px !important; line-height:1.4 !important; margin-top:6px !important; color:#8a7862 !important; }
#setupShopSide .panel > .calendar-hint{ margin-bottom:14px !important; }

/* =====================================================================
   UNDERVISNINGSMODUL — kalender og slots
   ===================================================================== */
.t-create-bar{ display:flex; justify-content:center; align-items:center; gap:10px; margin:6px 0 14px; flex-wrap:wrap; }
/* Værktøjer-dropdown på undervisningssiden */
.t-tools-menu{ position:relative; display:inline-block; }
.t-tools-toggle{ display:inline-flex; align-items:center; gap:8px; }
.t-tools-caret{ font-size:11px; transition:transform .18s ease; }
.t-tools-toggle[aria-expanded="true"] .t-tools-caret{ transform:rotate(180deg); }
.t-tools-dropdown{
  position:absolute; top:calc(100% + 8px); right:0; z-index:60;
  min-width:250px; background:#FFFDF8; border:1px solid rgba(35,64,46,0.14);
  border-radius:14px; box-shadow:0 14px 32px rgba(35,64,46,0.18);
  padding:6px; display:none; flex-direction:column; gap:2px;
}
.t-tools-dropdown.open{ display:flex; }
#teachingSide .t-create-bar .t-tools-dropdown .t-tools-item,
.t-tools-dropdown .t-tools-item{
  display:flex !important; align-items:center !important; gap:10px !important; width:100% !important;
  background:#FFFDF8 !important; background-image:none !important; border:0 !important; border-radius:10px !important;
  padding:11px 12px !important; font-family:'Inter',sans-serif !important; font-size:14px !important; font-weight:600 !important;
  color:#23402E !important; cursor:pointer !important; text-align:left !important; box-shadow:none !important;
  text-transform:none !important; letter-spacing:0 !important; min-height:0 !important; justify-content:flex-start !important;
}
#teachingSide .t-create-bar .t-tools-dropdown .t-tools-item:hover,
.t-tools-dropdown .t-tools-item:hover{ background:#F1ECE0 !important; color:#23402E !important; box-shadow:none !important; }
.t-tools-ico{ flex:0 0 auto; width:20px; text-align:center; font-size:15px; }
@media (max-width:720px){
  .t-create-bar{ flex-direction:column; align-items:stretch; }
  .t-create-bar > .wz-btn-primary{ width:100%; }
  .t-tools-menu{ width:100%; }
  .t-tools-toggle{ width:100%; justify-content:center; }
  .t-tools-dropdown{ left:0; right:0; min-width:0; }
}
.t-create-panel{ background:#FFFDF8; border:1px solid rgba(198,161,91,0.28); border-radius:8px; padding:20px; margin-bottom:18px; }
.t-empty{ text-align:center; color:#8a7862; padding:18px; font-size:14px; }

.t-day{ background:#FFFDF8; border:1px solid rgba(198,161,91,0.28); border-radius:8px; margin-bottom:16px; overflow:hidden; }
.t-day-head{ display:grid; grid-template-columns:auto minmax(0,1fr) 120px 190px 150px auto; align-items:center; gap:14px; padding:12px 16px; background:linear-gradient(180deg,#2C4B37,#23402E); color:#F5F1E8; }
.t-day-datecol{ min-width:0; display:flex; flex-direction:column; gap:3px; text-align:left; }
.t-day-date{ font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:700; text-transform:capitalize; line-height:1.2; }
.t-day-teacher{ font-size:13px; color:#EDE7D6; font-weight:600; }
.t-daytype{ color:#E6C071; font-weight:700; font-size:14px; text-align:center; white-space:nowrap; }
.t-daytime{ color:#F5F1E8; font-weight:700; font-size:12.5px; background:rgba(255,255,255,0.12); padding:3px 10px; border-radius:20px; white-space:nowrap; text-align:center; justify-self:start; }
.t-daycat-cell{ display:flex; justify-content:center; align-items:center; }
.t-day-breaker{ display:none; }
.t-day-head .danger-btn{ flex:0 0 auto; }

/* Browser: dato/tid/kategori på øverste linje, underviser nedenunder. */
@media (min-width:721px){
  .t-day-head .t-day-caret{ align-self:center; }
}

.t-slots{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; padding:14px 16px; }
.t-slot{ border:1px solid rgba(198,161,91,0.3); border-radius:6px; padding:10px 12px; background:#fff; display:flex; flex-direction:column; gap:6px; }
.t-slot-time{ font-weight:800; color:#23402E; font-size:15px; }
.t-slot-label{ font-size:12.5px; color:#6d6257; min-height:17px; }
.t-slot-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:2px; justify-content:center; align-items:center; }
.t-slot-mine{ border-color:#6E8B5B; background:#F4F8EF; }
.t-slot-full{ background:#F6EFE0; }
.t-slot-pause{ background:#EFEAE0; border-style:dashed; opacity:.85; }
.t-slot-pause .t-slot-label{ font-style:italic; color:#8a7862; font-weight:700; }

/* Browser: vis slots som rækker i en liste i stedet for kort i gitter. */
@media (min-width:721px){
  .t-slots{ display:flex; flex-direction:column; gap:0; padding:6px 16px 14px; }
  .t-slot{
    flex-direction:row; align-items:center; gap:16px;
    border:0; border-bottom:1px solid rgba(198,161,91,0.22); border-radius:0;
    padding:10px 6px; background:transparent;
  }
  .t-slot:last-child{ border-bottom:0; }
  .t-slot-time{ flex:0 0 120px; font-size:14px; }
  .t-slot-label{ flex:0 0 auto; min-height:0; }
  .t-slot-people{ flex:1 1 auto; flex-direction:row; flex-wrap:wrap; gap:6px 14px; margin-top:0; }
  .t-slot-actions{ flex:0 0 auto; margin-left:auto; margin-top:0; justify-content:flex-end; }
  /* fyld tomrummet så handlinger skubbes til højre, når der ikke er deltagere */
  .t-slot > .t-slot-label{ flex:1 1 auto; }
  .t-slot-mine{ background:#F4F8EF; }
  .t-slot-full{ background:#FaF6EC; }
  .t-slot-pause{ background:#F1ECE2; border-style:solid; }
  .t-slot-mine, .t-slot-full, .t-slot-pause{ border-radius:6px; padding-left:12px; padding-right:12px; }
}
.t-join{ background:linear-gradient(180deg,#2C4B37,#23402E) !important; color:#F5F1E8 !important; border:0 !important; }
.t-tag{ font-size:12px; font-weight:700; padding:3px 8px; border-radius:4px; }
.t-tag-mine{ background:#6E8B5B; color:#fff; }
.t-tag-full{ background:#D9CEB1; color:#5e503f; }

@media (max-width:720px){
  .t-slots{ grid-template-columns:1fr; }
  .t-day-date{ font-size:16px; }
  .t-day-meta{ font-size:12px; gap:5px 8px; }
}

/* Undervisnings-indstillinger: samme kompakte look som registreringssetup */
#setupTeachingSide .overview-box{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:12px !important;
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
#setupTeachingSide .setup-card{
  margin:0 !important; padding:14px 16px !important; border-radius:6px !important;
  background:#FFFDF8 !important; border:1px solid rgba(198,161,91,0.24) !important; box-shadow:none !important;
  max-width:none !important;
}
#setupTeachingSide .setup-inline-check{ gap:10px !important; align-items:center !important; margin:0 !important; }
#setupTeachingSide .setup-inline-check span{ font-size:15px !important; font-weight:700 !important; color:#23402E !important; }
#setupTeachingSide .setup-inline-check input[type="checkbox"]{ width:20px !important; height:20px !important; min-height:0 !important; flex:0 0 20px !important; border-radius:4px !important; }
#setupTeachingSide .wz-label{ font-size:14px !important; font-weight:700 !important; color:#23402E !important; }
#setupTeachingSide .setup-input{ font-size:15px !important; min-height:42px !important; padding:9px 11px !important; border-radius:4px !important; }
#setupTeachingSide .setup-card .calendar-hint{ font-size:12.5px !important; line-height:1.4 !important; margin-top:6px !important; color:#8a7862 !important; }
#setupTeachingSide .panel > .calendar-hint{ margin-bottom:14px !important; }

/* Undervisning: deltager-visning og tilmeldingsdialog */
.t-slot-people{ display:flex; flex-direction:column; gap:5px; margin-top:2px; }
.t-person{ display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; font-size:12.5px; padding:4px 6px; background:#F4F8EF; border-radius:4px; }
.t-person-name{ font-weight:700; color:#23402E; }
.t-person-horse{ color:#6d5b47; }
.t-person-phone{ color:#8a7862; }
.stats-modal-inner{
  background:#FFFDF8;
  border:1px solid rgba(198,161,91,0.3);
  border-radius:14px;
  box-shadow:0 18px 50px rgba(41,30,16,0.35);
  width:100%;
  max-width:440px;
  max-height:88vh;
  overflow:auto;
  box-sizing:border-box;
  padding:16px 18px;
}
.stats-modal-inner .stats-topbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:4px; }
.stats-modal-inner .stats-title{ font-family:Georgia,'Times New Roman',serif; font-size:19px; font-weight:700; color:#23402E; }
.t-signup-inner{ max-width:440px; }
.t-signup-body{ display:flex; flex-direction:column; gap:12px; padding:16px 4px; }
.t-signup-body .wz-field{ display:flex; flex-direction:column; gap:5px; }
.t-signup-body .wz-label{ font-size:14px; font-weight:700; color:#23402E; }
.t-signup-body .setup-input{ font-size:16px !important; min-height:44px !important; padding:10px 12px !important; border-radius:6px !important; box-sizing:border-box; width:100%; }
.stats-modal-inner .wz-footer{ display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }

@media (max-width:720px){
  .stats-modal-inner{
    max-width:100% !important;
    border-radius:20px 20px 0 0 !important;
    max-height:90vh !important;
    padding:16px !important;
  }
  .stats-modal-inner .wz-footer{ flex-direction:column-reverse; }
  .stats-modal-inner .wz-footer .wz-btn{ width:100%; text-align:center; }
}

/* Bruger-liste: navnelinje */
.user-row-name{ color:#6d5b47; font-size:12.5px; }

/* =====================================================================
   Boks-side: Strøelse/halmpiller og Feriepasning — kompakt look
   (matcher felterne under indstillinger).
   ===================================================================== */
.report-box.bedding-request-box,
.report-box.vacation-care-box{
  padding:14px 16px !important;
  border-radius:6px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.24) !important;
  box-shadow:none !important;
}
.report-box.bedding-request-box h3,
.report-box.vacation-care-box h3{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:#23402E !important;
  margin:0 0 10px !important;
  display:flex; align-items:center; gap:8px;
}
.report-box.bedding-request-box h3 .menu-ico svg,
.report-box.vacation-care-box h3 .menu-ico svg{ width:18px; height:18px; }
.report-box.bedding-request-box .setup-inline-check,
.report-box.vacation-care-box .setup-inline-check{
  gap:10px !important; align-items:center !important; margin:0 !important;
  font-size:15px !important; font-weight:700 !important; color:#23402E !important;
}
.report-box.bedding-request-box .setup-inline-check input[type="checkbox"],
.report-box.vacation-care-box .setup-inline-check input[type="checkbox"]{
  width:20px !important; height:20px !important; min-height:0 !important; flex:0 0 20px !important; border-radius:4px !important;
}
.report-box.bedding-request-box .legend-note,
.report-box.vacation-care-box .legend-note{
  font-size:12.5px !important; line-height:1.4 !important; margin-top:8px !important;
  color:#8a7862 !important; text-align:left !important;
}

/* =====================================================================
   Heste-liste: inaktive heste samlet i en foldbar gruppe nederst.
   ===================================================================== */
.horse-inactive-group{
  margin-top:18px;
  border:1px solid rgba(198,161,91,0.28);
  border-radius:8px;
  background:#F6EFE0;
  overflow:hidden;
}
.horse-inactive-summary{
  cursor:pointer;
  padding:13px 16px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  font-size:14px;
  color:#5e503f;
  list-style:none;
  display:flex;
  align-items:center;
  gap:8px;
  user-select:none;
}
.horse-inactive-summary::-webkit-details-marker{ display:none; }
.horse-inactive-summary::before{
  content:"▸";
  color:#B8924A;
  font-size:12px;
  transition:transform .15s ease;
}
.horse-inactive-group[open] .horse-inactive-summary::before{ transform:rotate(90deg); }
.horse-inactive-summary:hover{ background:#efe6d3; }
.horse-list-inactive{ padding:6px 10px 12px; }
.horse-list-inactive .horse-row{ opacity:.82; }

/* =====================================================================
   Brugere: kun opret-felterne gøres mindre. Rækkerne er urørte.
   ===================================================================== */
#usersSide .setup-input{ font-size:15px !important; min-height:42px !important; padding:9px 11px !important; }

/* Undervisning: kategorier */
.t-cat-group{ margin-bottom:22px; }
.t-cat-header{
  font-family:Georgia,'Times New Roman',serif;
  font-size:20px; font-weight:700; color:#23402E;
  padding:8px 2px; margin-bottom:10px;
  border-bottom:2px solid #C6A15B;
  display:flex; align-items:center; gap:8px;
}
.t-cat-header-none{ color:#8a7862; border-bottom-color:#D9CEB1; }
.t-daycat{ color:#23402E; background:#E9DFC6; font-weight:700; padding:2px 9px; border-radius:20px; font-size:11.5px; }
.t-cat-list{ display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.t-cat-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 12px; background:#FFFDF8; border:1px solid rgba(198,161,91,0.24); border-radius:6px; }
.t-cat-name{ font-weight:700; color:#23402E; }
.t-cat-add{ display:flex; gap:8px; align-items:center; margin-top:6px; }
.t-cat-add .setup-input{ flex:1 1 auto; }
.t-cat-price{ font-size:13px; color:#7A5B22; font-weight:600; white-space:nowrap; margin-left:auto; }
.t-cat-row .smallbtn{ flex:0 0 auto; }
.t-cat-row-edit{ flex-wrap:wrap; }
.t-cat-vat{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#23402E; white-space:nowrap; }
.t-cat-vat input{ width:16px; height:16px; accent-color:#23402E; }
.t-cat-add-priced{ flex-wrap:wrap; }
.t-cat-add-priced #tc_new_cat{ flex:2 1 200px; }
.t-cat-add-priced #tc_new_price{ flex:1 1 140px; }

/* Faste månedshold */
.t-team-list{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.t-team-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; background:#FFFDF8; border:1px solid rgba(198,161,91,0.24); border-radius:8px; flex-wrap:wrap; }
.t-team-main{ min-width:0; flex:1 1 auto; }
.t-team-name{ font-weight:700; color:#23402E; font-size:15px; }
.t-team-meta{ font-size:12.5px; color:#7a6958; margin-top:2px; }
.t-team-actions{ display:flex; gap:6px; flex:0 0 auto; flex-wrap:wrap; }
.t-team-create{ margin-top:8px; padding:16px; border:1px dashed rgba(198,161,91,0.4); border-radius:8px; background:#FCFAF4; }
.t-team-create-title{ font-weight:700; color:#23402E; margin-bottom:10px; font-size:14px; }
.t-team-form-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.t-team-form-grid .wz-field{ min-width:0; }
.t-team-vatfield{ justify-content:flex-end; }
.t-team-edit{ width:100%; }
.t-team-members{ margin:-2px 0 8px; padding:14px; background:#FCFAF4; border:1px solid rgba(198,161,91,0.28); border-radius:8px; }
.t-member-head{ font-weight:700; color:#23402E; margin-bottom:10px; font-size:13.5px; }
.t-member-list{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.t-member-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; background:#FFFDF8; border:1px solid rgba(198,161,91,0.2); border-radius:6px; }
.t-member-name{ font-weight:600; color:#23402E; }
.t-member-add{ display:flex; gap:8px; align-items:center; }
.t-member-add .setup-input{ flex:1 1 auto; }
@media (max-width:720px){ .t-member-add{ flex-direction:column; align-items:stretch; } }

/* Faste hold – selvtilmelding (alle brugere) */
.t-signup-teams{ margin:6px 0 22px; text-align:left; }
.t-signup-teams > .calendar-hint{
  font-size:12.5px !important; line-height:1.45 !important; color:#8a7862 !important;
  margin-top:10px !important; max-width:80ch; margin-left:auto !important; margin-right:auto !important;
  text-align:center !important;
}
.t-signup-team-list{ display:block; }
/* Holdkort genbruger .t-day/.t-day-head, så de ligner dagskort. Kun små tilføjelser: */
#teachingSide .t-signup-day .t-day-head{ cursor:default !important; }
#teachingSide .t-signup-day .t-day-head:hover{ filter:none !important; }
#teachingSide .t-signup-day-mine{ border-color:#23402E !important; }
/* Pladser-status vist i "type"-kolonnen som et lille badge */
#teachingSide .t-signup-spots{
  font-weight:700 !important; color:#2f7d32 !important; background:#e6f0e6 !important;
  border-radius:20px !important; padding:4px 11px !important; font-size:11.5px !important;
  justify-self:center !important; white-space:nowrap !important;
}
#teachingSide .t-signup-spots.t-full{ color:#9f4e3f !important; background:#f6e2dd !important; }
#teachingSide .t-signup-spots.t-mine{ color:#23402E !important; background:#e2ede2 !important; }
/* "Meld dig på" som en grøn primær-knap i samme størrelse som dagskort-knapperne */
#teachingSide .t-join-btn{
  background:linear-gradient(180deg,#2C4B37,#23402E) !important; color:#F5F1E8 !important; border:0 !important;
}
@media (max-width:720px){
  #teachingSide .t-signup-spots{ justify-self:start !important; }
}

/* Undervisningsfakturering – liste */
.tb-monthlabel{ font-family:'Cormorant Garamond',Georgia,serif; font-size:24px; color:#23402E; margin:4px 0 14px; }
.tb-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.tb-table{ width:100%; border-collapse:separate; border-spacing:0 8px; }
.tb-table thead th{ text-align:left; font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#9a8d7d; padding:4px 12px 8px; border-bottom:1px solid rgba(35,64,46,0.14); white-space:nowrap; }
.tb-table tbody td{ background:#F7F3EA; border-top:1px solid rgba(35,64,46,0.08); border-bottom:1px solid rgba(35,64,46,0.08); padding:12px; font-family:'Inter',sans-serif; font-size:13.5px; color:#233028; vertical-align:middle; }
.tb-table tbody td:first-child{ border-left:1px solid rgba(35,64,46,0.08); border-radius:12px 0 0 12px; }
.tb-table tbody td:last-child{ border-right:1px solid rgba(35,64,46,0.08); border-radius:0 12px 12px 0; }
.tb-name{ font-weight:700; color:#23402E; }
.tb-email{ font-weight:400; font-size:12px; color:#9a8d7d; margin-top:2px; }
.tb-num{ text-align:right; white-space:nowrap; }
.tb-amount{ font-weight:700; color:#23402E; }
.tb-pills{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.tb-pill{ display:inline-flex; align-items:center; border-radius:8px; padding:5px 11px; font-size:12.5px; font-weight:600; margin:0; line-height:1.2; }
.tb-pill-team{ background:#EDE3CC; color:#7A5B22; }
.tb-pill-loose{ background:#E4EBE4; color:#2f5540; }
.tb-pill-x{ display:inline-block; margin:0 2px; padding:1px 7px; border-radius:20px; background:rgba(35,64,46,0.14); color:#23402E; font-size:11.5px; font-weight:700; }

/* Segmenteret pr. undervisningstype */
.tb-cats{ display:flex; flex-direction:column; gap:10px; }
.tb-cat{ background:#F4F7F3; border:1px solid rgba(35,64,46,0.10); border-radius:12px; padding:10px 12px; }
.tb-cat-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.tb-cat-name{ font-family:'Inter',sans-serif; font-size:13.5px; font-weight:700; color:#23402E; }
.tb-vat0{ display:inline-block; margin-left:6px; padding:1px 7px; border-radius:20px; background:#EDE3CC; color:#7A5B22; font-size:10.5px; font-weight:700; letter-spacing:0.02em; }
.tb-cat-sum{ font-family:'Inter',sans-serif; font-size:12.5px; font-weight:700; color:#2f5540; white-space:nowrap; }
.tb-cat-rows{ margin-top:7px; display:flex; flex-direction:column; gap:3px; }
.tb-cat-row{ display:grid; grid-template-columns:56px 44px 1fr 1fr; gap:8px; align-items:baseline; font-size:12.5px; color:#4a5a4f; }
.tb-cr-date{ color:#8a9a8f; font-weight:600; }
.tb-cr-qty{ color:#23402E; font-weight:700; }
.tb-cr-price{ text-align:right; color:#7a8a7f; }
.tb-cr-sum{ text-align:right; color:#23402E; font-weight:600; }
.tb-cancel{ display:inline-block; min-width:22px; text-align:center; background:#f6e2dd; color:#9f4e3f; border-radius:6px; padding:2px 8px; font-weight:700; }
.tb-muted{ color:#9a8d7d; }
.tb-actions-col{ white-space:nowrap; }
.tb-table tfoot td{ padding:8px 12px; font-family:'Inter',sans-serif; font-size:13px; }
.tb-total-row td{ border-top:2px solid rgba(35,64,46,0.2); font-weight:700; color:#23402E; }
.tb-total-sub td{ color:#5b6a5f; }
.tb-total-grand td{ font-weight:700; color:#23402E; font-size:15px; }
@media (max-width:720px){
  .tb-table{ min-width:640px; }
}
@media (max-width:720px){
  .t-cat-add{ flex-direction:column; align-items:stretch; }
  .t-cat-add-priced #tc_new_cat, .t-cat-add-priced #tc_new_price{ flex:1 1 auto; }
  .t-team-form-grid{ grid-template-columns:1fr; }
  .t-team-row{ flex-direction:column; align-items:stretch; }
  .t-team-actions{ justify-content:flex-start; }
}

/* Undervisning: dage foldes sammen til den grønne bjælke; kun én åben ad gangen */
.t-day-head{ cursor:pointer; user-select:none; }
.t-day-caret{
  flex:0 0 auto;
  color:#E6C071;
  font-size:13px;
  transition:transform .18s ease;
  margin-right:2px;
  align-self:flex-start;
  margin-top:4px;
}
.t-day-open .t-day-caret{ transform:rotate(90deg); }
.t-day-head .danger-btn{ white-space:nowrap; justify-self:end; }

@media (max-width:720px){
  /* Mobil: dato+underviser+slet øverst, info-pastiller pænt under. */
  .t-day-head{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:11px 13px; }
  .t-day-caret{ align-self:flex-start; margin-top:4px; order:0; }
  .t-day-datecol{ flex:1 1 auto; min-width:0; order:1; }
  .t-day-head .danger-btn{ order:2; font-size:12px; padding:5px 9px; align-self:flex-start; }
  /* Ny linje: tid, kategori og type samlet under dato-blokken */
  .t-day-breaker{ display:block; flex-basis:100%; height:0; order:3; }
  .t-daytime{ order:4; }
  .t-daycat-cell{ order:5; justify-content:flex-start; }
  .t-daytype{ order:6; text-align:left; }
  .t-day-head .t-daytime,
  .t-day-head .t-daycat-cell,
  .t-day-head .t-daytype{ flex:0 0 auto; }
}
.t-day-body{ display:none; }
.t-day-open .t-day-body{ display:block; }
.t-day-head:hover{ filter:brightness(1.06); }

/* =====================================================================
   Forsidelogo: tilpasningsværktøj
   ===================================================================== */
.flogo-stage{ margin-bottom:14px; }
.flogo-box{
  position:relative;
  width:100%;
  max-width:600px;
  margin:0 auto;
  aspect-ratio:1000 / 320;
  border:2px dashed rgba(198,161,91,0.5);
  border-radius:10px;
  background:#F5F1E8;
  overflow:hidden;
}
.flogo-canvas{ display:block; width:100%; height:100%; cursor:grab; touch-action:none; }
.flogo-canvas:active{ cursor:grabbing; }
.flogo-empty{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  color:#8a7862; font-size:14px; pointer-events:none;
}
.flogo-controls{ margin:10px auto 4px; max-width:600px; }
.flogo-slider-row{ display:flex; align-items:center; gap:12px; justify-content:center; }
.flogo-slider-row span{ font-size:13px; font-weight:700; color:#23402E; }
.flogo-slider-row input[type="range"]{ flex:1 1 auto; max-width:360px; }
.flogo-actions{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:10px; }
.flogo-pick{ cursor:pointer; display:inline-flex; align-items:center; }
@media (max-width:720px){
  .flogo-actions{ flex-direction:column; align-items:stretch; }
  .flogo-actions .wz-btn, .flogo-pick{ width:100%; text-align:center; justify-content:center; }
}

/* =====================================================================
   Forside: rund hjælpe-knap med spørgsmålstegn (erstatter intro-boks).
   ===================================================================== */
.front-help-btn{
  position:absolute;
  top:6px;
  right:8px;
  width:44px; height:44px;
  border-radius:50%;
  border:0;
  background:linear-gradient(180deg,#2C4B37,#23402E);
  box-shadow:0 4px 12px rgba(41,30,16,0.28);
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  z-index:40;
  transition:transform .12s ease, box-shadow .12s ease;
}
.front-help-btn:hover{ transform:scale(1.06); box-shadow:0 6px 16px rgba(41,30,16,0.34); }
.front-help-btn svg{ width:24px; height:24px; }
.front-help-popover{
  position:absolute;
  top:56px;
  right:8px;
  width:min(320px, calc(100% - 24px));
  background:#FFFDF8;
  border:1px solid rgba(198,161,91,0.35);
  border-radius:12px;
  box-shadow:0 12px 34px rgba(41,30,16,0.28);
  padding:16px 18px;
  z-index:41;
}
.front-help-title{ font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:700; color:#23402E; margin-bottom:6px; }
.front-help-text{ font-size:14px; line-height:1.5; color:#5e503f; }
/* Kun synlig på forsiden */
body:not(.show-front-stage) .front-help-btn,
body:not(.show-front-stage) .front-help-popover{ display:none !important; }
/* Ankeret skal være relativt så knappen placeres korrekt */
.app-shell{ position:relative; }

/* Undervisning: rediger-knap + handlingsgruppe i dag-hovedet */
.t-day-actions{ display:inline-flex; gap:6px; align-items:center; }
.t-edit-btn{ background:#EFE7D3 !important; color:#5b4b2e !important; border:1px solid rgba(198,161,91,0.5) !important; }
.t-edit-btn:hover{ background:#E7DcC0 !important; }
@media (max-width:720px){
  .t-day-actions{ flex-wrap:wrap; }
}

/* Stable One-logo i headeren (erstatter titel-teksten) */
.hero-logo{
  display:block;
  width:auto;
  max-width:min(440px, 100%);
  height:auto;
  max-height:112px;
  object-fit:contain;
  margin:0 auto;
}
@media (max-width:900px){
  .hero-logo{ max-height:84px; max-width:350px; }
}
@media (max-width:600px){
  .hero-logo{ max-height:72px; max-width:100%; margin:0 auto; }
}

/* =====================================================================
   Skrifttyper: Cormorant Garamond Semibold på udvalgte elementer
   ===================================================================== */
/* 1) Hestenavne på boksknapperne */
.box-name{
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight:600 !important;
}
/* 2) Teksten i top-headeren (feltet "Planer og Oversigtskort") */
.hero-media-label{
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight:600 !important;
  font-size:clamp(24px, 2.25vw, 33px) !important;
}
/* 3) Alle side- og sektionsoverskrifter */
.panel h1, .panel h2, .panel h3,
.overview-box h2, .overview-box h3,
.care-section-head h3,
.t-cat-header,
#teachingHost h2, #teachingHost h3,
.stats-title, .section-title{
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight:600 !important;
}

/* =====================================================================
   Velkomst-forside (før login) + brugeranmodninger
   ===================================================================== */
.welcome-wrap{
  width:min(96vw, 900px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:stretch;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,0.32);
}
.welcome-hero{
  background:linear-gradient(150deg,#23402E 0%,#2C4B37 55%,#3B5442 100%);
  padding:34px 32px;
  color:#F5F1E8;
  display:flex; flex-direction:column; justify-content:center;
}
.welcome-logo{ display:block; width:auto; max-width:270px; max-height:82px; object-fit:contain; margin:0 auto 20px; }
.welcome-tagline{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:600; font-size:27px; line-height:1.15; margin:0 0 8px; color:#F7F3E9; text-align:center;
  text-shadow:0 1px 6px rgba(0,0,0,0.28);
}
.welcome-sub{
  font-family:'Inter','Segoe UI',system-ui,Arial,sans-serif;
  font-size:13px; line-height:1.55; color:rgba(255,252,247,0.95); margin:0 auto 22px; max-width:400px; text-align:center;
  text-shadow:0 1px 4px rgba(0,0,0,0.22);
}
.welcome-features{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:15px; }
.welcome-features li{ display:flex; align-items:center; gap:13px; text-align:left; }
.wf-ico{ flex:0 0 auto; width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,0.09); display:flex; align-items:center; justify-content:center; }
.wf-ico svg{ width:19px; height:19px; }
.welcome-features li div{ display:flex; flex-direction:column; gap:2px; align-items:flex-start; text-align:left; }
.welcome-features strong{ font-family:'Inter','Segoe UI',sans-serif; font-size:14px; font-weight:600; color:#F7F3E9; text-align:left; }
.welcome-features li div span{ font-family:'Inter','Segoe UI',sans-serif; font-size:12.5px; color:rgba(255,252,247,0.7); line-height:1.4; text-align:left; }
.welcome-panel{ display:flex; align-items:center; justify-content:center; background:#FFFDF8; padding:34px 32px; }
.welcome-panel .auth-card{ width:100%; max-width:none; padding:0 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; border:0 !important; }
.welcome-panel .auth-card h2{ margin:0 0 6px; }
.welcome-panel .auth-card > p{ margin:0 0 6px; font-size:13.5px; color:#6d6257; }
.auth-switch{ margin-top:12px; font-size:13.5px; color:#5e503f; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; }
.linklike{ background:none; border:0; padding:0; color:#2C4B37; font-weight:700; text-decoration:underline; cursor:pointer; font-size:13.5px; }.linklike:hover{ color:#C6A15B; }

/* Notifikations-bjælke til admin */
.req-banner{
  display:flex; align-items:center; gap:12px;
  background:linear-gradient(180deg,#2C4B37,#23402E);
  color:#F5F1E8;
  border-radius:14px;
  padding:12px 18px;
  margin-bottom:14px;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(35,64,46,0.18);
  font-size:14.5px;
}
.req-banner:hover{ filter:brightness(1.06); }
.req-banner-dot{ flex:0 0 auto; min-width:24px; height:24px; padding:0 7px; border-radius:12px; background:#C6A15B; color:#23402E; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:13px; }
.req-banner-cta{ margin-left:auto; font-weight:700; color:#E6C071; white-space:nowrap; }

/* Rækker i anmodnings-modal */
.req-row{ display:flex; align-items:center; gap:12px; justify-content:space-between; padding:12px 14px; border:1px solid rgba(198,161,91,0.24); border-radius:10px; background:#FFFDF8; margin-bottom:8px; }
.req-row-main{ min-width:0; }
.req-row-name{ font-weight:700; color:#23402E; font-size:15px; }
.req-role-tag{ display:inline-block; background:#E9DFC6; color:#23402E; font-weight:700; font-size:11.5px; padding:1px 8px; border-radius:20px; margin-left:6px; }
.req-row-sub{ font-size:13px; color:#6d6257; }
.req-row-actions{ display:flex; gap:8px; flex:0 0 auto; }

@media (max-width:820px){
  .welcome-wrap{ grid-template-columns:1fr; width:min(96vw, 460px); }
  .auth-screen{ align-items:flex-start !important; padding:10px !important; }
  .welcome-hero{ padding:16px 20px 14px; }
  .welcome-panel{ padding:18px 20px; }
  /* På mobil skjules velkomst-teksten; logo + key-features vises i stedet */
  .welcome-tagline, .welcome-sub{ display:none !important; }
  .welcome-logo{ margin:0 auto 24px; max-height:60px; }
  /* Kompakte key-features så alt er på én skærm */
  .wf-hide-mobile{ display:none !important; }
  .welcome-features{ gap:11px; }
  .welcome-features li{ gap:11px; }
  .wf-ico{ width:30px; height:30px; border-radius:8px; }
  .wf-ico svg{ width:16px; height:16px; }
  .welcome-features strong{ font-size:13.5px; }
  .welcome-features li div span{ font-size:12px; line-height:1.35; }
  /* Kompakt login */
  .welcome-panel .auth-card h2{ font-size:28px !important; margin-bottom:2px !important; }
  .welcome-panel .auth-card > p{ font-size:12px !important; margin:0 0 2px !important; }
  .welcome-panel .auth-row{ margin-top:10px !important; }
  .welcome-panel .auth-row label{ font-size:12.5px !important; margin-bottom:4px !important; }
  .welcome-panel .setup-input{ font-size:13.5px !important; padding:8px 11px !important; min-height:0 !important; }
  .welcome-panel .primary-actions{ margin-top:12px !important; }
  .welcome-panel .primary-actions button{ padding:8px 16px !important; }
  .auth-switch{ margin-top:10px !important; gap:6px; }
  .req-row{ flex-direction:column; align-items:stretch; }
  .req-row-actions{ justify-content:stretch; }
  .req-row-actions .smallbtn{ flex:1 1 auto; justify-content:center; }
}

/* Velkomst: mindre og renere login-felter + Cormorant på overskrift */
.welcome-panel .auth-card h2{
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight:600 !important;
  font-size:34px !important;
  line-height:1.05;
  color:#23402E;
}
.welcome-panel .auth-card > p{ font-size:13px !important; color:#6d6257; margin:0 0 4px !important; }
.welcome-panel .auth-row{ margin-top:14px !important; }
.welcome-panel .auth-row label{ font-size:13.5px !important; font-weight:600 !important; margin-bottom:5px !important; color:#4b3a29; }
.welcome-panel .setup-input{
  font-size:14px !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  min-height:0 !important;
  height:auto !important;
}
.welcome-panel .primary-actions{ margin-top:16px !important; }
.welcome-panel .primary-actions button{ font-size:14px !important; padding:9px 18px !important; }

/* =====================================================================
   ENDELIG REGEL: Har en boks et hestefoto, skjules farveikonet ALTID
   (uanset skærmstørrelse/breakpoint). Placeret sidst så den vinder.
   ===================================================================== */
#forside .box.has-photo::before,
.box.has-photo::before{ display:none !important; }

/* Undervisning: hest-vælger og hest-tag på slots */
.t-slot-horse{ min-width:130px !important; max-width:170px; font-size:13px !important; min-height:34px !important; padding:5px 8px !important; border-radius:8px !important; }
.t-slot-horsetag{ display:inline-flex; align-items:center; gap:4px; background:#EFE7D3; color:#5b4b2e; border:1px solid rgba(198,161,91,0.5); border-radius:20px; padding:3px 10px; font-size:12.5px; font-weight:600; white-space:nowrap; }
@media (max-width:720px){
  .t-slot-horse{ min-width:110px !important; max-width:100%; }
}

/* Undervisning: hestestatistik-panel */
.t-stats-tabs{ display:flex; gap:6px; margin:8px 0; }
.t-stats-tab{ border:1px solid rgba(198,161,91,0.5); background:#FFFDF8; color:#5b4b2e; border-radius:20px; padding:5px 16px; font-size:13.5px; font-weight:600; cursor:pointer; }
.t-stats-tab.active{ background:#23402E; color:#F5F1E8; border-color:#23402E; }
.t-stats-nav{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.t-stats-range{ font-weight:700; color:#23402E; min-width:150px; text-align:center; }
.t-stats-body{ margin-top:4px; }
.t-stats-table{ width:100%; border-collapse:collapse; }
.t-stats-table th, .t-stats-table td{ padding:9px 12px; text-align:left; border-bottom:1px solid rgba(94,80,63,0.12); }
.t-stats-table th{ font-size:12.5px; text-transform:uppercase; letter-spacing:0.04em; color:#867866; font-weight:700; }
.t-stats-name{ font-weight:700; color:#23402E; }
.t-stats-num{ text-align:right !important; font-variant-numeric:tabular-nums; }
.t-stats-table tfoot td{ font-weight:800; color:#23402E; border-top:2px solid rgba(94,80,63,0.25); border-bottom:0; }
@media (max-width:720px){
  .t-stats-range{ min-width:0; flex:1 1 100%; order:-1; margin-bottom:4px; }
}

/* =====================================================================
   Plejeoversigt (care module)
   ===================================================================== */
.care-sub{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:20px; color:#23402E; margin:14px 0 8px; }
.care-upcoming{ background:#FBF7EE; border:1px solid rgba(198,161,91,0.28); border-radius:14px; padding:12px 14px; margin-top:12px; }
.care-up-row{ display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid rgba(94,80,63,0.1); flex-wrap:wrap; }
.care-up-row:last-child{ border-bottom:0; }
.care-up-horse{ font-weight:700; color:#23402E; min-width:110px; }
.care-up-type{ color:#5b4b2e; }
.care-up-date{ color:#867866; margin-left:auto; }

.care-horse-list{ margin-top:16px; display:flex; flex-direction:column; gap:14px; }
.care-horse-card{ border:1px solid rgba(94,80,63,0.16); border-radius:14px; overflow:hidden; background:#FFFDF8; }
.care-horse-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; background:linear-gradient(180deg,#F3ECDD,#EDE4D1); }
.care-horse-name{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:21px; color:#23402E; }
.care-empty{ padding:12px 14px; color:#867866; font-size:13.5px; }
.care-table{ width:100%; border-collapse:collapse; }
.care-table th,.care-table td{ padding:9px 14px; text-align:left; border-bottom:1px solid rgba(94,80,63,0.1); font-size:14px; }
.care-table th{ font-size:11.5px; text-transform:uppercase; letter-spacing:0.04em; color:#867866; font-weight:700; }
.care-table tr:last-child td{ border-bottom:0; }
.care-type{ font-weight:700; color:#23402E; }
.care-note{ font-weight:400; color:#867866; font-size:13px; }
.care-row-actions{ display:flex; gap:6px; justify-content:flex-end; }

.care-badge{ display:inline-block; padding:2px 9px; border-radius:20px; font-size:11.5px; font-weight:700; white-space:nowrap; }
.care-ok{ background:#E4E8DF; color:#3a5a3f; }
.care-soon{ background:#F4E9C9; color:#8a6d1f; }
.care-due{ background:#F3D9B0; color:#8a5a1f; }
.care-overdue{ background:#EBC3B8; color:#9f4e3f; }

.care-due-banner{ background:linear-gradient(180deg,#7a5b32,#5f4626); }
.care-due-banner .req-banner-dot{ background:#F3D9B0; color:#5f4626; }
.care-due-banner .req-banner-cta{ color:#F3D9B0; }

@media (max-width:720px){
  .care-row-actions{ flex-wrap:wrap; }
  .care-up-date{ margin-left:0; }
  .care-table th:nth-child(2), .care-table td:nth-child(2){ display:none; } /* skjul 'Seneste' på mobil */
}

/* =====================================================================
   MIN HEST – cockpit (elegant, sektionsopdelt; grøn/guld/creme)
   ===================================================================== */
.mh-wrap{ max-width:860px; margin:0 auto; padding:20px 22px 40px; color:#233028; }
.mh-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:2px solid rgba(35,64,46,0.12); }
.mh-overline{ font-family:'Inter','Segoe UI',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.18em; color:#C6A15B; }
.mh-title{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:36px !important; line-height:1.05; color:#23402E !important; margin:4px 0 4px; max-width:none !important; }
.mh-sub{ font-family:'Inter',sans-serif; font-size:13px; color:#5b6a5f; display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.mh-logo{ flex:0 0 auto; opacity:0.9; }
.mh-logo svg{ width:52px; height:52px; }
.mh-tag{ display:inline-block; background:#EAE3D2; color:#5b4b2e; border-radius:20px; padding:1px 9px; font-size:11px; font-weight:600; }

.mh-monthbar{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin:16px 0 6px; }
.mh-monthbar .mh-horse-select{ grid-column:1; justify-self:start; }
.mh-monthnav{ grid-column:2; display:flex; align-items:center; gap:14px; justify-self:center; }
@media (max-width:600px){ .mh-monthbar{ grid-template-columns:1fr; row-gap:10px; } .mh-monthbar .mh-horse-select{ justify-self:stretch; } .mh-monthnav{ grid-column:1; } }
#myHorseHost .mh-navbtn{ width:34px !important; height:34px !important; min-height:34px !important; border-radius:9px !important; border:1px solid rgba(35,64,46,0.22) !important; background:#FFFDF8 !important; color:#23402E !important; font-size:17px !important; padding:0 !important; cursor:pointer; line-height:1 !important; display:flex; align-items:center; justify-content:center; box-shadow:none !important; }
#myHorseHost .mh-navbtn:hover{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
.mh-monthlbl{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:22px; color:#23402E; min-width:150px; text-align:center; text-transform:capitalize; }
.mh-horse-select{ border:1px solid rgba(35,64,46,0.25); background:#FFFDF8; color:#23402E; border-radius:9px; padding:7px 12px; font-size:14px; font-weight:600; font-family:'Inter',sans-serif; }

.mh-section{ margin-top:18px; background:#FFFDF8; border:1px solid rgba(35,64,46,0.1); border-radius:16px; padding:18px 20px 20px; box-shadow:0 1px 2px rgba(35,64,46,0.04); }
.mh-sec-label{ font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.16em; color:#C6A15B; padding-bottom:8px; border-bottom:1px solid rgba(35,64,46,0.12); margin-bottom:14px; }
.mh-sec-label-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
#myHorseHost .mh-open-btn{ font-family:'Inter',sans-serif !important; font-size:11.5px !important; font-weight:600 !important; letter-spacing:0.03em !important; text-transform:uppercase !important; color:#867866 !important; background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.1) !important; border-radius:10px !important; padding:8px 14px !important; min-height:auto !important; cursor:pointer; box-shadow:none !important; line-height:1.1 !important; }
#myHorseHost .mh-open-btn:hover{ background:#EDE6D6 !important; color:#23402E !important; border-color:rgba(35,64,46,0.2) !important; }

.mh-stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.mh-stat{ background:#F5F1E8; border:1px solid rgba(35,64,46,0.1); border-radius:12px; padding:14px 14px 12px; }
.mh-stat-label{ font-family:'Inter',sans-serif; font-size:11.5px; font-weight:600; color:#867866; text-transform:uppercase; letter-spacing:0.03em; }
.mh-stat-value{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:26px; color:#23402E; line-height:1.1; margin-top:3px; }
.mh-stat-unit{ font-family:'Inter',sans-serif; font-size:11.5px; color:#9a8d7d; }

.mh-table{ width:100%; border-collapse:collapse; }
.mh-table th,.mh-table td{ padding:8px 10px; text-align:left; border-bottom:1px solid rgba(35,64,46,0.1); font-size:13.5px; font-family:'Inter',sans-serif; }
.mh-table th{ font-size:10.5px; text-transform:uppercase; letter-spacing:0.05em; color:#9a8d7d; font-weight:700; }
.mh-table tr:last-child td{ border-bottom:0; }
.mh-strong{ font-weight:700; color:#23402E; }
.mh-note{ font-weight:400; color:#9a8d7d; }
.mh-num{ text-align:right !important; font-variant-numeric:tabular-nums; }
.mh-table tfoot td{ font-weight:800; color:#23402E; border-top:2px solid rgba(35,64,46,0.2); border-bottom:0; padding-top:10px; }
.mh-empty{ color:#9a8d7d; font-size:13.5px; font-family:'Inter',sans-serif; padding:4px 0; }
.mh-stats-chart{ margin-top:16px; padding-top:14px; border-top:1px solid rgba(35,64,46,0.12); }
.mh-chart-head{ font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.16em; color:#C6A15B; margin-bottom:12px; }
.mh-stats-chart .stats-chart-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mh-stats-chart .stats-chart-card{ background:#F5F1E8; border:1px solid rgba(35,64,46,0.1); border-radius:12px; padding:14px 14px 12px; }
/* Lavere søjlediagrammer på Min Hest, så de ikke fylder så meget */
.mh-stats-chart .stats-bars{ min-height:150px !important; }
.mh-stats-chart .stats-bar-wrap{ height:100px !important; }
.mh-vac-check{ display:flex; align-items:center; gap:10px; font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:#23402E; cursor:pointer; margin-bottom:8px; }
.mh-vac-check input{ width:18px; height:18px; accent-color:#23402E; cursor:pointer; }
.mh-vac-status{ font-family:'Inter',sans-serif; font-size:13px; font-weight:600; margin-top:8px; min-height:18px; }

@media (max-width:720px){
  .mh-stats-chart .stats-chart-grid{ grid-template-columns:1fr; gap:14px; }
  .mh-stats-chart .stats-bars{ min-height:130px !important; }
  .mh-stats-chart .stats-bar-wrap{ height:90px !important; }
  .mh-wrap{ padding:16px 14px 34px; }
  .mh-title{ font-size:30px; }
  .mh-stat-grid{ grid-template-columns:repeat(2,1fr); }
  .mh-section{ padding:15px 15px 17px; }
  .mh-logo{ display:none; }
  .mh-table th:nth-child(2), .mh-table td:nth-child(2){ }
}

/* Min Hest: fakturaudkast */
.mh-draft-note{ margin-top:8px; font-family:'Inter',sans-serif; font-size:12px; color:#9a8d7d; font-style:italic; }
.mh-draft-table tfoot tr.mh-total-row td{ font-size:15px; color:#23402E; border-top:2px solid rgba(35,64,46,0.2); }
.mh-draft-table tfoot tr:not(.mh-total-row) td{ font-weight:600; color:#5b6a5f; border-bottom:0; border-top:0; padding-top:6px; padding-bottom:2px; }

/* Min Hest: plejeoversigt-popup — mere afdæmpet, i tråd med resten af siden */
#mhCareModal .stats-modal-inner,
#mhCareEditModal .stats-modal-inner{
  max-width:600px;
  border:1px solid rgba(35,64,46,0.12);
  border-radius:16px;
  box-shadow:0 16px 44px rgba(35,64,46,0.18);
  padding:22px 24px;
  color:#233028;
}
#mhCareModal .stats-topbar,
#mhCareEditModal .stats-topbar{ margin-bottom:6px; padding-bottom:12px; border-bottom:1px solid rgba(35,64,46,0.1); }
#mhCareModal .stats-title,
#mhCareEditModal .stats-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:25px !important; font-weight:600 !important; color:#23402E !important;
  min-width:0 !important; width:auto !important; text-align:left !important;
}
#mhCareModal .t-signup-body,
#mhCareEditModal .t-signup-body{ gap:12px; padding:14px 0 4px; }
#mhCareModal .t-signup-body .wz-label,
#mhCareEditModal .t-signup-body .wz-label{ font-size:11.5px; font-weight:600; color:#867866; text-transform:uppercase; letter-spacing:0.03em; }
#mhCareModal .t-signup-body .setup-input,
#mhCareEditModal .t-signup-body .setup-input{ font-size:14px !important; min-height:40px !important; padding:8px 11px !important; border-radius:8px !important; border:1px solid rgba(35,64,46,0.2) !important; background:#FFFDF8 !important; }

/* Alle knapper i popup: små, roflade, guldtekst — slår globale regler */
#mhCareModal button.smallbtn,
#mhCareEditModal button.smallbtn,
#mhCareModal .care-row-actions button,
#mhCareEditModal .care-row-actions button{
  font-family:'Inter',sans-serif !important;
  font-size:10.5px !important; font-weight:600 !important; letter-spacing:0.06em !important; text-transform:uppercase !important;
  min-height:28px !important; height:28px !important; padding:4px 12px !important;
  border-radius:8px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#B08D4B !important; border:1px solid rgba(176,141,75,0.35) !important;
}
#mhCareModal button.smallbtn:hover,
#mhCareEditModal button.smallbtn:hover,
#mhCareModal .care-row-actions button:hover,
#mhCareEditModal .care-row-actions button:hover{ background:#B08D4B !important; color:#FFFDF8 !important; border-color:#B08D4B !important; }
#mhCareModal .care-row-actions button.danger-btn{ color:#9f4e3f !important; border-color:rgba(159,78,63,0.32) !important; }
#mhCareModal .care-row-actions button.danger-btn:hover{ background:#9f4e3f !important; color:#FFFDF8 !important; border-color:#9f4e3f !important; }

/* Tilføj-knap: cremet, guld, kompakt (ikke stor grøn blok) */
#mhCareModal .t-create-bar .wz-btn,
#mhCareModal .t-create-bar .wz-btn-primary{
  font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:600 !important; letter-spacing:0.05em !important; text-transform:uppercase !important;
  padding:8px 15px !important; min-height:34px !important; height:auto !important; border-radius:9px !important;
  background:#F5F1E8 !important; color:#B08D4B !important; border:1px solid rgba(176,141,75,0.4) !important; box-shadow:none !important;
}
#mhCareModal .t-create-bar .wz-btn-primary:hover{ background:#B08D4B !important; color:#FFFDF8 !important; border-color:#B08D4B !important; }
#mhCareModal .t-create-bar{ margin-bottom:14px !important; }

/* Rediger-vindue: Gem/Annullér i samme rolige stil */
#mhCareEditModal .wz-footer .wz-btn{
  font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:600 !important;
  padding:9px 18px !important; min-height:38px !important; border-radius:9px !important; box-shadow:none !important; text-transform:none !important;
}
#mhCareEditModal .wz-footer .wz-btn-primary{ background:#23402E !important; color:#F5F1E8 !important; border:1px solid #23402E !important; }
#mhCareEditModal .wz-footer .wz-btn-ghost{ background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.15) !important; }

/* Tabel: rolig, luftig, guld-labels som resten af Min Hest */
#mhCareModal .care-row-actions{ display:flex; gap:8px; flex-wrap:nowrap; justify-content:flex-end; align-items:center; }

/* Ikon-knapper i rækkerne: kvadratiske, i tråd med sidens ikoner */
#mhCareModal .care-row-actions .mh-ico-btn{
  width:34px !important; height:34px !important; min-height:34px !important; padding:0 !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  border-radius:9px !important; cursor:pointer; box-shadow:none !important;
  background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.14) !important;
  transition:background .15s ease, border-color .15s ease, transform .1s ease;
}
#mhCareModal .care-row-actions .mh-ico-btn svg{ width:19px; height:19px; display:block; }
#mhCareModal .care-row-actions .mh-ico-btn:hover{ transform:translateY(-1px); }
#mhCareModal .care-row-actions .mh-ico-btn:active{ transform:translateY(0); }
/* Udført: mørkegrønt flueben */
#mhCareModal .care-row-actions .mh-ico-done{ color:#23402E !important; }
#mhCareModal .care-row-actions .mh-ico-done:hover{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
/* Rediger: guld tandhjul */
#mhCareModal .care-row-actions .mh-ico-edit{ color:#C6A15B !important; }
#mhCareModal .care-row-actions .mh-ico-edit:hover{ background:#C6A15B !important; color:#FFFDF8 !important; border-color:#C6A15B !important; }
/* Slet: mørkerødt kryds */
#mhCareModal .care-row-actions .mh-ico-del{ color:#8f3a2e !important; border-color:rgba(143,58,46,0.28) !important; }
#mhCareModal .care-row-actions .mh-ico-del:hover{ background:#8f3a2e !important; color:#FFFDF8 !important; border-color:#8f3a2e !important; }
#mhCareModal .mh-table{ width:100%; }
#mhCareModal .mh-table th{ font-size:10.5px !important; color:#C6A15B !important; font-weight:700 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; padding:6px 10px !important; white-space:nowrap; }
#mhCareModal .mh-table td{ font-size:13px !important; padding:10px 10px !important; vertical-align:middle; }
#mhCareModal .mh-table td.mh-strong{ color:#23402E !important; }

/* ============================================================
   BOKS-REGISTRERING — samme rolige kasse-layout som "Min Hest"
   Kun visuel reskin, scoped til #boksSide. Ingen HTML/JS ændret.
   ============================================================ */
#boksSide{ background:transparent; }
#boksSide > .panel{
  max-width:860px !important;
  margin:0 auto 30px !important;
  padding:20px 22px 34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#233028;
}

/* Titel + dato: header i Min Hest-stil */
#boksSide .box-date-hint{ text-align:left !important; color:#C6A15B !important; font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important; letter-spacing:0.18em !important; text-transform:uppercase !important; margin:0 0 2px !important; background:none !important; border:0 !important; padding:0 !important; }
#boksSide #boksTitel{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important; font-size:36px !important; line-height:1.05 !important;
  color:#23402E !important; margin:2px 0 14px !important; text-align:left !important;
  display:block !important; padding-bottom:16px !important; border-bottom:2px solid rgba(35,64,46,0.12) !important;
}
#boksSide .date-wrap{ display:flex !important; justify-content:center !important; margin:0 0 6px !important; }
#boksSide .date-button{ padding:0 !important; background:none !important; box-shadow:none !important; border:0 !important; min-height:auto !important; margin:0 auto !important; }
#boksSide .date-badge{
  background:#F5F1E8 !important; color:#23402E !important; font-family:'Inter',sans-serif !important;
  font-size:16px !important; font-weight:600 !important; padding:9px 20px !important;
  border-radius:10px !important; box-shadow:none !important; border:1px solid rgba(35,64,46,0.14) !important;
  letter-spacing:0.02em !important;
}
#boksSide .date-badge.today{ background:#EAE3D2 !important; color:#23402E !important; box-shadow:none !important; }

/* Alle sektions-kasser: cremet kort med bløde hjørner */
#boksSide .feed-group,
#boksSide .report-box,
#boksSide .note-box,
#boksSide .month-days-box{
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.1) !important;
  border-radius:16px !important;
  padding:18px 20px 20px !important;
  margin:16px 0 0 !important;
  box-shadow:0 1px 2px rgba(35,64,46,0.04) !important;
  text-align:left !important;
}
/* De to foder-kasser side om side hvis der er plads */
#boksSide .feed-group{ margin-top:16px !important; }

/* Overskrifter i kasserne -> guld versal-labels som mh-sec-label */
#boksSide .feed-group h3,
#boksSide .report-box h3,
#boksSide .note-box h3,
#boksSide .month-days-box h3{
  font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:0.16em !important;
  text-transform:uppercase !important; color:#C6A15B !important;
  margin:0 0 14px !important; padding:0 0 8px !important;
  border-bottom:1px solid rgba(35,64,46,0.12) !important;
  display:flex !important; align-items:center; gap:9px;
}
#boksSide h3 .menu-ico{ width:26px !important; height:26px !important; flex:0 0 16px !important; }
#boksSide h3 .menu-ico svg{ width:26px !important; height:26px !important; }

/* Slidere: dæmpet grøn */
#boksSide .feed-slider{ accent-color:#23402E !important; }
#boksSide .feed-slider-value{
  background:#F5F1E8 !important; color:#23402E !important;
  font-family:'Cormorant Garamond',Georgia,serif !important; font-weight:600 !important;
  border-radius:10px !important; border:1px solid rgba(35,64,46,0.1) !important;
  min-width:70px !important; text-align:center; padding:6px 10px !important;
}

/* Knapper: rolige, i tråd med resten */
#boksSide .primary-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px !important; }
#boksSide .save-entry-btn,
#boksSide .save-default-btn,
#boksSide .back-btn,
#boksSide .stats-btn,
#boksSide .note-save-btn{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  letter-spacing:0.02em !important; text-transform:none !important;
  border-radius:10px !important; padding:10px 16px !important; min-height:42px !important;
  box-shadow:none !important; border:1px solid rgba(35,64,46,0.16) !important;
  background:#F5F1E8 !important; color:#23402E !important;
}
#boksSide .save-entry-btn{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#boksSide .save-entry-btn:hover{ background:#1b3324 !important; }
#boksSide .save-default-btn:hover,
#boksSide .back-btn:hover,
#boksSide .stats-btn:hover,
#boksSide .note-save-btn:hover{ background:#EDE6D6 !important; }
#boksSide .save-entry-btn .menu-ico svg,
#boksSide .save-entry-btn .menu-ico svg *{ stroke:#C6A15B !important; }

/* Månedslinje centreret som mh-monthbar */
#boksSide .month-nav{ display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:14px; }
#boksSide .month-nav .bigbtn{
  width:34px !important; height:34px !important; min-height:34px !important; padding:0 !important;
  border-radius:9px !important; background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.18) !important; box-shadow:none !important;
  display:flex !important; align-items:center; justify-content:center;
}
#boksSide .month-nav .bigbtn:hover{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#boksSide #boxMonthLabel{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-weight:600 !important;
  font-size:22px !important; color:#23402E !important; min-width:150px; text-align:center; text-transform:capitalize;
}

/* Noter-felt */
#boksSide #specialNote{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.2) !important;
  border-radius:10px !important; font-size:14px !important; padding:10px 12px !important; color:#233028 !important;
}
#boksSide .stats-btn-row{ margin-top:16px !important; justify-content:flex-start !important; }
#boksSide .bottom-back-row{ justify-content:flex-start !important; }

/* Auto-status: ingen kasse bag statuslinjen — bare rolig tekst */
#boksSide #autoStatus,
#boksSide .auto-status{
  background:none !important; box-shadow:none !important; border:0 !important;
  padding:0 !important; margin-top:10px !important; text-align:center !important;
  font-family:'Inter',sans-serif !important; font-size:12.5px !important; color:#5b6a5f !important;
}
#boksSide .auto-status strong{ color:#23402E !important; }
#boksSide .auto-status.inactive strong{ color:#C6A15B !important; }

/* Strøelses-kassen: samme kort-look, ikke fremhævet boks */
#boksSide .report-box.bedding-request-box{ background:#FFFDF8 !important; }
#boksSide .legend-note,
#boksSide .calendar-hint{ color:#9a8d7d !important; font-size:12px !important; }

/* ============================================================
   AUTOMATISK UDFYLDNING + UDFYLD PERIODE
   Fuldstændig samme udtryk som pleje-popup ("Min Hest"-stil).
   ============================================================ */
#autoFillModal .auto-fill-dialog,
#periodFillModal .period-fill-dialog{
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  border-radius:16px !important;
  box-shadow:0 16px 44px rgba(35,64,46,0.18) !important;
  padding:22px 24px !important;
  max-width:600px !important;
  color:#233028 !important;
}
/* Titel: Cormorant, guld-grøn, venstrestillet */
#autoFillModal .auto-fill-title,
#periodFillModal .period-fill-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:25px !important; font-weight:600 !important; color:#23402E !important;
  text-align:left !important; margin:0 0 4px !important;
  display:flex !important; align-items:center; gap:10px;
  padding-bottom:12px !important; border-bottom:1px solid rgba(35,64,46,0.1) !important;
}
#autoFillModal .auto-fill-title .menu-ico,
#periodFillModal .period-fill-title .menu-ico{ width:20px !important; height:20px !important; flex:0 0 20px !important; }
#autoFillModal .auto-fill-title .menu-ico svg,
#periodFillModal .period-fill-title .menu-ico svg{ width:20px !important; height:20px !important; }
/* Hjælpetekst: dæmpet, venstrestillet */
#autoFillModal .calendar-hint,
#periodFillModal .calendar-hint{
  color:#9a8d7d !important; font-size:12px !important; text-align:left !important;
  max-width:none !important; margin:12px 0 4px !important; line-height:1.45 !important;
}
/* Felt-kort: cremet med guld versal-label */
#autoFillModal .setup-card,
#periodFillModal .setup-card{
  background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.1) !important;
  border-radius:12px !important; padding:12px 14px !important; box-shadow:none !important;
}
#autoFillModal .setup-card label,
#periodFillModal .setup-card label{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.08em !important; text-transform:uppercase !important; color:#C6A15B !important;
  text-align:left !important; margin:0 0 8px !important; display:block;
}
#autoFillModal .setup-card .setup-input,
#periodFillModal .setup-card .setup-input{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.2) !important;
  border-radius:8px !important; font-size:15px !important; font-weight:600 !important;
  color:#233028 !important; text-align:left !important; padding:9px 12px !important; min-height:42px !important;
}
#autoFillModal .auto-fill-grid,
#periodFillModal .period-fill-grid{ gap:12px !important; margin-top:14px; }
/* Checkbokse + hjælp */
#autoFillModal .auto-fill-check,
#periodFillModal .period-fill-check{ font-size:13px !important; color:#233028 !important; text-align:left; margin-top:12px; }
#autoFillModal .auto-fill-help,
#periodFillModal .period-fill-help{ color:#9a8d7d !important; font-size:12px !important; font-style:italic; text-align:left !important; margin-top:8px; }

/* Knapper: nøjagtig samme rolige stil som pleje-popup */
#autoFillModal .primary-actions,
#periodFillModal .primary-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; margin-top:18px !important; }
#autoFillModal .primary-actions button,
#periodFillModal .primary-actions button{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  letter-spacing:0.02em !important; text-transform:none !important;
  border-radius:10px !important; padding:10px 18px !important; min-height:42px !important;
  box-shadow:none !important; background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.16) !important; cursor:pointer;
}
#autoFillModal .primary-actions button:hover,
#periodFillModal .primary-actions button:hover{ background:#EDE6D6 !important; }
/* Primær (Gem) i mørkegrøn */
#autoFillModal .auto-fill-actions button:first-child,
#periodFillModal .primary-actions button:first-child{
  background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important;
}
#autoFillModal .auto-fill-actions button:first-child:hover,
#periodFillModal .primary-actions button:first-child:hover{ background:#1b3324 !important; }
#autoFillModal .auto-fill-actions button:first-child .menu-ico svg *,
#periodFillModal .primary-actions button:first-child .menu-ico svg *{ stroke:#C6A15B !important; }
/* Deaktiver auto: diskret rødlig */
#autoFillModal .auto-fill-actions button:last-child{
  background:#F5F1E8 !important; color:#9f4e3f !important; border-color:rgba(159,78,63,0.3) !important;
}
#autoFillModal .auto-fill-actions button:last-child:hover{ background:#9f4e3f !important; color:#FFFDF8 !important; border-color:#9f4e3f !important; }
/* Luk-knap-rækken venstrestillet, diskret */
#autoFillModal .auto-fill-secondary-actions{ margin-top:10px !important; }

/* ============================================================
   MIN STATISTIK ( #boxStatsModal ) — roligt "Min Hest"-udtryk
   Ren reskin, scoped. Ingen HTML/JS ændret.
   ============================================================ */
#boxStatsModal .stats-dialog{
  width:min(94vw, 720px) !important;
  max-height:88vh !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  border-radius:16px !important;
  box-shadow:0 16px 44px rgba(35,64,46,0.18) !important;
  padding:22px 24px !important;
  color:#233028;
}
/* Topbar + titel */
#boxStatsModal .stats-topbar{ margin-bottom:6px !important; padding-bottom:12px !important; border-bottom:1px solid rgba(35,64,46,0.1) !important; }
#boxStatsModal .stats-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:25px !important; font-weight:600 !important; color:#23402E !important;
  min-width:0 !important; width:auto !important; text-align:left !important;
  display:flex !important; align-items:center; gap:10px;
}
#boxStatsModal .stats-title .menu-ico{ width:20px !important; height:20px !important; flex:0 0 20px !important; }
#boxStatsModal .stats-title .menu-ico svg{ width:20px !important; height:20px !important; }
#boxStatsModal .smallbtn{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:600 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important; min-height:24px !important; height:24px !important;
  padding:5px 12px !important; border-radius:8px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.14) !important;
}
#boxStatsModal .smallbtn:hover{ background:#EDE6D6 !important; color:#23402E !important; }

/* År-navigation: kompakt, centreret, som månedslinjen */
#boxStatsModal .stats-year-nav{ margin:14px 0 !important; gap:14px !important; }
#boxStatsModal .stats-year-nav .bigbtn{
  width:34px !important; height:34px !important; min-height:34px !important; padding:0 !important;
  border-radius:9px !important; background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.18) !important; box-shadow:none !important;
  display:flex !important; align-items:center; justify-content:center;
}
#boxStatsModal .stats-year-nav .bigbtn:hover{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#boxStatsModal .stats-year-nav .bigbtn .arrow-glyph{ color:#23402E !important; }
#boxStatsModal .stats-year-nav .bigbtn:hover .arrow-glyph{ color:#F5F1E8 !important; }
#boxStatsModal .stats-year-value{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-weight:600 !important;
  font-size:22px !important; color:#23402E !important; min-width:110px !important;
}

/* Summary-kort: cremet flise som mh-stat (ikke store grønne blokke) */
#boxStatsModal .stats-summary-grid{ display:grid !important; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)) !important; gap:12px !important; margin-bottom:16px !important; }
#boxStatsModal .summary-card{
  background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.1) !important;
  border-radius:12px !important; padding:13px 14px 12px !important; box-shadow:none !important;
  text-align:left !important; align-items:flex-start !important; color:#233028 !important;
}
#boxStatsModal .summary-card.summary-card-accent{ border:1px solid #C6A15B !important; }
#boxStatsModal .summary-card .label{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:700 !important;
  letter-spacing:0.05em !important; text-transform:uppercase !important; color:#867866 !important; line-height:1.2 !important;
}
#boxStatsModal .summary-card .value{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-weight:600 !important;
  font-size:25px !important; color:#23402E !important; margin:3px 0 2px !important;
}
#boxStatsModal .summary-card .sub{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:500 !important;
  color:#9a8d7d !important; opacity:1 !important; line-height:1.3 !important;
}

/* Chart-kort: let, cremet, uden tunge gradienter/skygger */
#boxStatsModal .stats-chart-grid{ gap:14px !important; }
#boxStatsModal .stats-chart-card{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.1) !important;
  border-radius:14px !important; padding:16px 18px !important; box-shadow:none !important;
}
#boxStatsModal .stats-chart-title{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.14em !important; text-transform:uppercase !important; color:#C6A15B !important;
  text-align:left !important; margin:0 0 12px !important; padding-bottom:8px !important;
  border-bottom:1px solid rgba(35,64,46,0.1) !important;
}
#boxStatsModal .stats-chart-sub{ font-size:11.5px !important; color:#9a8d7d !important; text-align:left !important; margin-top:8px !important; }

/* Søjler: lavere og roligere, dæmpet grøn/guld */
#boxStatsModal .stats-bars{ min-height:180px !important; gap:10px !important; }
#boxStatsModal .stats-bar-wrap{ height:130px !important; }
#boxStatsModal .stats-bar{ border-radius:8px 8px 4px 4px !important; box-shadow:none !important; width:min(100%, 30px) !important; }
#boxStatsModal .stats-bar.wrap,
#boxStatsModal .stats-bar.ho,
#boxStatsModal .stats-bar.wrap-bale,
#boxStatsModal .stats-bar.ho-bale{ background:linear-gradient(180deg, #6f8a72, #3b5a43) !important; }
#boxStatsModal .stats-bar-label,
#boxStatsModal .stats-bar-value{ font-size:11px !important; color:#5b6a5f !important; }

/* Lejerskift-noter og tomtekst */
#boxStatsModal .stats-empty{ font-size:14px !important; color:#9a8d7d !important; padding:24px 14px !important; }
#boxStatsModal .stats-period-heading{ margin-bottom:10px !important; }
#boxStatsModal .stats-period-name{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:18px !important; color:#23402E !important; }
#boxStatsModal .stats-period-range{ font-size:11.5px !important; color:#9a8d7d !important; }
#boxStatsModal .stats-split-note{ font-size:12px !important; color:#9a8d7d !important; font-style:italic; margin-bottom:12px; }
#boxStatsModal .stats-period-divider{ border-top:1px solid rgba(35,64,46,0.12) !important; margin:18px 0 !important; }
#boxStatsModal .stats-pager{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:12px; }
#boxStatsModal .stats-range-label{ font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:600 !important; color:#5b6a5f !important; min-width:90px; text-align:center; }
#boxStatsModal .stats-pager .smallbtn[disabled]{ opacity:0.4 !important; cursor:default; }

/* ============================================================
   DATO-KALENDER ( #calendarModal ) — roligt "Min Hest"-udtryk
   Ren reskin, scoped. Ingen HTML/JS ændret.
   ============================================================ */
#calendarModal .calendar-dialog{
  width:min(94vw, 440px) !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  border-radius:16px !important;
  box-shadow:0 16px 44px rgba(35,64,46,0.18) !important;
  padding:20px 22px !important;
  color:#233028;
}
#calendarModal.calendar-modal .calendar-dialog{ border-radius:16px !important; }
/* Topbar + titel */
#calendarModal .calendar-topbar{ background:none !important; border:0 !important; border-bottom:1px solid rgba(35,64,46,0.1) !important; box-shadow:none !important; margin-bottom:8px !important; padding:0 0 12px !important; border-radius:0 !important; }
#calendarModal .calendar-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:22px !important; font-weight:600 !important; color:#23402E !important;
  min-width:0 !important; text-align:left !important; text-transform:none !important;
  background:none !important; border:0 !important; padding:0 !important; letter-spacing:0 !important;
}
#calendarModal .calendar-topbar .smallbtn{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:600 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important; min-height:24px !important; height:24px !important;
  padding:5px 12px !important; border-radius:8px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.14) !important;
}
#calendarModal .calendar-topbar .smallbtn:hover{ background:#EDE6D6 !important; color:#23402E !important; }
/* Måneds-navigation: centreret, små pileknapper */
#calendarModal .calendar-nav{ justify-content:center !important; gap:14px !important; margin-bottom:14px !important; }
#calendarModal .calendar-nav .bigbtn{
  width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; padding:0 !important;
  border-radius:9px !important; background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.18) !important;
  box-shadow:none !important; font-size:17px !important;
  display:flex !important; align-items:center; justify-content:center;
}
#calendarModal .calendar-nav .bigbtn:hover{ background:#23402E !important; border-color:#23402E !important; }
#calendarModal .calendar-nav .bigbtn .arrow-glyph{ color:#23402E !important; }
#calendarModal .calendar-nav .bigbtn:hover .arrow-glyph{ color:#F5F1E8 !important; }
#calendarModal .calendar-nav .month-label{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-weight:600 !important;
  font-size:20px !important; color:#23402E !important; min-width:150px !important; text-align:center; text-transform:capitalize;
}
/* Ugedage + dage: mindre og roligere */
#calendarModal .calendar-weekdays,
#calendarModal .calendar-grid{ gap:6px !important; }
#calendarModal .calendar-weekdays{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:700 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important; color:#C6A15B !important; margin-bottom:2px !important;
}
#calendarModal .calendar-weekdays > *{ text-align:center !important; color:#C6A15B !important; font-size:10.5px !important; }
#calendarModal .calendar-day{
  border-radius:10px !important; background:#F5F1E8 !important;
  font-family:'Inter',sans-serif !important; font-size:14px !important; font-weight:600 !important;
  color:#233028 !important; border:1px solid rgba(35,64,46,0.08) !important;
  box-shadow:none !important; min-height:0 !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  transition:background .12s ease, color .12s ease;
}
#calendarModal .calendar-weekdays,
#calendarModal .calendar-grid{ gap:6px !important; max-width:none; }
#calendarModal .calendar-day:hover{ background:#EDE6D6 !important; }
#calendarModal .calendar-day.selected{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#calendarModal .calendar-day.today{ background:#EAE3D2 !important; color:#5b4b2e !important; box-shadow:inset 0 0 0 1px #C6A15B !important; }
#calendarModal .calendar-day.selected.today{ background:#23402E !important; color:#F5F1E8 !important; box-shadow:inset 0 0 0 1px #C6A15B !important; }
/* Handlingsknapper i bunden */
#calendarModal .calendar-actions{ justify-content:center !important; gap:10px !important; margin-top:16px !important; }
#calendarModal .calendar-actions button{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  letter-spacing:0.02em !important; text-transform:none !important;
  border-radius:10px !important; padding:10px 16px !important; min-height:42px !important; min-width:0 !important;
  box-shadow:none !important; background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.16) !important;
}
#calendarModal .calendar-actions button:hover{ background:#EDE6D6 !important; }
#calendarModal .calendar-actions button:last-child{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#calendarModal .calendar-actions button:last-child:hover{ background:#1b3324 !important; }
#calendarModal .calendar-actions button:first-child .menu-ico svg *{ stroke:#C6A15B !important; }

/* ============================================================
   PASNINGSPLAN-MENU ( #fullPasPlanSide .care-menu-* )
   Roligt "Min Hest"-udtryk i stedet for store grønne blokke.
   ============================================================ */
#fullPasPlanSide .care-menu-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap:14px !important;
  padding:4px 0 6px !important;
  max-width:860px; margin:0 auto;
}
#fullPasPlanSide .care-menu-card{
  position:relative !important; min-height:0 !important;
  display:flex !important; flex-direction:column !important;
  align-items:flex-start !important; justify-content:flex-start !important;
  text-align:left !important; gap:4px !important;
  padding:18px 18px 20px !important; border-radius:16px !important; overflow:hidden !important;
  background:linear-gradient(145deg, #2C4B37 0%, #23402E 60%, #1B3324 100%) !important;
  border:1px solid rgba(198,161,91,0.3) !important;
  box-shadow:0 6px 16px rgba(35,64,46,0.14) !important;
  color:#F5F1E8 !important; cursor:pointer !important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .1s ease !important;
}
#fullPasPlanSide .care-menu-card:hover{
  border-color:rgba(198,161,91,0.55) !important;
  box-shadow:0 10px 24px rgba(35,64,46,0.2) !important;
  transform:translateY(-2px) !important;
}
#fullPasPlanSide .care-menu-card::after,
#fullPasPlanSide .care-menu-card::before{ display:none !important; content:none !important; }

/* Ikon: lille afrundet guld-firkant */
#fullPasPlanSide .care-menu-icon{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:40px !important; height:40px !important; border-radius:11px !important;
  background:linear-gradient(145deg, #C6A15B, #B8924A) !important; border:0 !important;
  box-shadow:0 4px 10px rgba(27,51,36,0.25) !important; margin:0 0 12px !important;
  position:relative !important; inset:auto !important;
}
#fullPasPlanSide .care-menu-icon svg{
  width:20px !important; height:20px !important; display:block !important;
  stroke:#23402E !important;
}
#fullPasPlanSide .care-menu-icon svg *{ stroke:#23402E !important; }

/* Guld versal-overline */
#fullPasPlanSide .care-menu-overline{
  position:relative !important; inset:auto !important;
  font-family:'Inter',sans-serif !important; color:#C6A15B !important; font-weight:700 !important;
  letter-spacing:0.14em !important; text-transform:uppercase !important; font-size:10.5px !important;
}
/* Titel: Cormorant, lys */
#fullPasPlanSide .care-menu-title{
  position:relative !important; inset:auto !important; z-index:auto !important;
  display:block !important; padding:0 !important; margin:0 !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:23px !important; font-weight:600 !important; line-height:1.1 !important;
  color:#F5F1E8 !important; text-align:left !important;
}

/* Pasningsplan-menu: header + panel i Min Hest-stil */
#fullPasPlanSide > .panel{
  max-width:860px !important; margin:0 auto 30px !important;
  padding:20px 22px 34px !important; background:transparent !important;
  border:0 !important; box-shadow:none !important; color:#233028;
}
#fullPasPlanSide > .panel > h2{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important; font-size:32px !important; line-height:1.05 !important;
  color:#23402E !important; text-align:left !important; margin:0 0 6px !important;
  display:flex !important; align-items:center; gap:12px;
  padding-bottom:0 !important; border:0 !important;
}
#fullPasPlanSide > .panel > h2 .menu-ico{ width:22px !important; height:22px !important; flex:0 0 22px !important; }
#fullPasPlanSide > .panel > h2 .menu-ico svg{ width:22px !important; height:22px !important; }
#fullPasPlanSide > .panel > .calendar-hint{
  color:#9a8d7d !important; font-size:12.5px !important; text-align:left !important;
  max-width:none !important; margin:0 0 4px !important; line-height:1.5 !important;
  background:none !important; border:0 !important; padding:0 !important;
}
/* Selve menu-området som en rolig kasse */
#fullPasPlanSide .overview-box{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
/* Tilbage-knap rolig */
#fullPasPlanSide #fullPasPlanActions button,
#fullPasPlanSide .primary-actions button{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  text-transform:none !important; letter-spacing:0.02em !important;
  border-radius:10px !important; padding:10px 16px !important; min-height:42px !important;
  box-shadow:none !important; background:#F5F1E8 !important; color:#23402E !important;
  border:1px solid rgba(35,64,46,0.16) !important;
}
#fullPasPlanSide #fullPasPlanActions button:hover,
#fullPasPlanSide .primary-actions button:hover{ background:#EDE6D6 !important; }

/* ============================================================
   WEBSHOP ( #shopSide ) — roligt "Min Hest"-udtryk
   + kategorier som dropdown med knap i "Åbn plejeoversigt"-stil
   ============================================================ */
#shopSide > .panel{
  max-width:860px !important; margin:0 auto 30px !important;
  padding:20px 22px 34px !important; background:transparent !important;
  border:0 !important; box-shadow:none !important; color:#233028;
}
#shopSide > .panel > h2{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important; font-size:32px !important; line-height:1.05 !important;
  color:#23402E !important; text-align:left !important; margin:0 0 6px !important;
  display:flex !important; align-items:center; gap:12px;
  padding-bottom:0 !important; border:0 !important;
}
#shopSide > .panel > h2 .menu-ico{ width:22px !important; height:22px !important; flex:0 0 22px !important; }
#shopSide > .panel > h2 .menu-ico svg{ width:22px !important; height:22px !important; }
#shopSide > .panel > .calendar-hint{
  color:#9a8d7d !important; font-size:12.5px !important; text-align:left !important;
  max-width:none !important; margin:0 0 16px !important; line-height:1.5 !important;
  background:none !important; border:0 !important; padding:0 !important;
}

/* ---- Kategori-dropdown ---- */
#shopSide .shop-cats{ display:block !important; margin-bottom:18px !important; }
.shop-cat-dd{ position:relative; display:inline-block; }
.shop-cat-trigger{
  display:inline-flex !important; align-items:center; gap:10px;
  font-family:'Inter',sans-serif !important; font-size:11.5px !important; font-weight:600 !important;
  letter-spacing:0.03em !important; text-transform:uppercase !important; color:#867866 !important;
  background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.1) !important;
  border-radius:10px !important; padding:9px 14px !important; min-height:auto !important;
  cursor:pointer; box-shadow:none !important; line-height:1.1 !important;
}
.shop-cat-trigger:hover{ background:#EDE6D6 !important; color:#23402E !important; border-color:rgba(35,64,46,0.2) !important; }
.shop-cat-trigger-label{ letter-spacing:0.03em; }
.shop-cat-caret{ font-size:11px; color:#C6A15B; transition:transform .15s ease; }
.shop-cat-dd.open .shop-cat-caret{ transform:rotate(180deg); }
#shopSide .shop-cat-menu{
  display:none; position:absolute; top:calc(100% + 6px); left:0; z-index:120;
  min-width:210px; max-width:280px; overflow:visible !important;
  background:#FFFDF8; border:1px solid rgba(35,64,46,0.14); border-radius:12px;
  box-shadow:0 12px 30px rgba(35,64,46,0.16); padding:5px;
}
#shopSide .shop-cat-dd.open .shop-cat-menu{ display:block; }
#shopSide .shop-cat-menu button.shop-cat-option{
  display:block !important; width:100% !important; text-align:left !important;
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  color:#233028 !important; background:#FFFDF8 !important;
  background-image:none !important; border:0 !important; box-shadow:none !important;
  border-radius:8px !important; padding:8px 12px !important;
  min-height:0 !important; height:auto !important; margin:1px 0 !important; cursor:pointer;
  text-transform:none !important; letter-spacing:0 !important; line-height:1.25 !important;
  white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}
#shopSide .shop-cat-menu button.shop-cat-option:hover{ background:#F5F1E8 !important; color:#23402E !important; }
#shopSide .shop-cat-menu button.shop-cat-option.active{ background:#23402E !important; color:#F5F1E8 !important; }

/* ---- Vare-kort ---- */
#shopSide .shop-grid{ grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)) !important; gap:14px !important; }
#shopSide .shop-card{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.1) !important;
  border-radius:16px !important; padding:12px !important; box-shadow:0 1px 2px rgba(35,64,46,0.04) !important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .1s ease;
}
#shopSide .shop-card:hover{ border-color:rgba(198,161,91,0.45) !important; box-shadow:0 6px 16px rgba(35,64,46,0.08) !important; transform:translateY(-2px); }
#shopSide .shop-card-img{ border-radius:11px !important; object-fit:contain !important; background:#FFFFFF !important; padding:6px !important; height:150px !important; }
#shopSide .shop-card-noimg{ background:#F5F1E8 !important; border-radius:11px !important; }
#shopSide .shop-card-name{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:18px !important; font-weight:600 !important; color:#23402E !important; line-height:1.15 !important; }
#shopSide .shop-card-price{ font-family:'Inter',sans-serif !important; font-size:12.5px !important; color:#5b6a5f !important; }
#shopSide .shop-inkl{ color:#9a8d7d !important; }
/* Knapper på kortet */
#shopSide .shop-add-btn{
  background:#F5F1E8 !important; color:#B08D4B !important; border:1px solid rgba(176,141,75,0.45) !important;
  border-radius:10px !important; font-family:'Inter',sans-serif !important; font-size:12.5px !important;
  font-weight:600 !important; text-transform:none !important; letter-spacing:0.02em !important;
  padding:9px !important; box-shadow:none !important;
}
#shopSide .shop-add-btn:hover{ background:#B08D4B !important; color:#FFFDF8 !important; border-color:#B08D4B !important; }
#shopSide .shop-qty-btn{
  width:34px !important; height:34px !important; border-radius:8px !important;
  border:1px solid rgba(35,64,46,0.2) !important; background:#F5F1E8 !important; color:#23402E !important;
  font-size:18px !important; font-weight:700 !important; box-shadow:none !important;
}
#shopSide .shop-qty-btn:hover{ background:#EDE6D6 !important; }
#shopSide .shop-qty{ font-family:'Inter',sans-serif !important; font-weight:700 !important; color:#23402E !important; }
/* Tilbage-knap */
#shopSide .primary-actions button{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  text-transform:none !important; letter-spacing:0.02em !important; border-radius:10px !important;
  padding:10px 16px !important; min-height:42px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important;
}
#shopSide .primary-actions button:hover{ background:#EDE6D6 !important; }

/* ============================================================
   WEBSHOP: produkt-popup ( #vareDetaljeModal ) — Min Hest-stil
   ============================================================ */
#vareDetaljeModal .stats-dialog,
#vareDetaljeModal .vare-dialog{
  max-width:520px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  border-radius:16px !important;
  box-shadow:0 16px 44px rgba(35,64,46,0.18) !important;
  padding:22px 24px !important;
  color:#233028;
}
#vareDetaljeModal .stats-topbar{ margin-bottom:6px !important; padding-bottom:12px !important; border-bottom:1px solid rgba(35,64,46,0.1) !important; }
#vareDetaljeModal .stats-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:25px !important; font-weight:600 !important; color:#23402E !important;
  min-width:0 !important; width:auto !important; text-align:left !important;
}
#vareDetaljeModal .smallbtn{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:600 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important; min-height:24px !important; height:24px !important;
  padding:5px 12px !important; border-radius:8px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.14) !important;
}
#vareDetaljeModal .smallbtn:hover{ background:#EDE6D6 !important; color:#23402E !important; }
/* Billede */
#vareDetaljeModal .vare-main-img{ border-radius:12px !important; background:#FFFFFF !important; border:1px solid rgba(35,64,46,0.08) !important; object-fit:contain !important; max-height:340px !important; padding:8px !important; }
#vareDetaljeModal .vare-main-noimg{ background:#F5F1E8 !important; border-radius:12px !important; }
#vareDetaljeModal .vare-thumb{ border-radius:9px !important; border:2px solid transparent !important; object-fit:contain !important; background:#FFFFFF !important; padding:3px !important; }
#vareDetaljeModal .vare-thumb.active{ border-color:#C6A15B !important; }
/* Info-tekst */
#vareDetaljeModal .vare-pris{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-size:26px !important; font-weight:600 !important; color:#23402E !important;
}
#vareDetaljeModal .vare-enhed{ font-family:'Inter',sans-serif !important; font-size:12.5px !important; font-weight:500 !important; color:#9a8d7d !important; }
#vareDetaljeModal .vare-nr{ font-size:11.5px !important; color:#9a8d7d !important; }
#vareDetaljeModal .vare-beskrivelse{ font-size:13.5px !important; line-height:1.55 !important; color:#5b6a5f !important; }
/* Knapper: Læg i kurv + mængde */
#vareDetaljeModal .shop-add-btn{
  background:#F5F1E8 !important; color:#B08D4B !important; border:1px solid rgba(176,141,75,0.45) !important;
  border-radius:10px !important; font-family:'Inter',sans-serif !important; font-size:13px !important;
  font-weight:600 !important; text-transform:none !important; letter-spacing:0.02em !important;
  padding:10px 18px !important; box-shadow:none !important; min-height:42px !important; width:auto !important;
}
#vareDetaljeModal .shop-add-btn:hover{ background:#B08D4B !important; color:#FFFDF8 !important; border-color:#B08D4B !important; }
#vareDetaljeModal .shop-qty-btn{
  width:36px !important; height:36px !important; border-radius:8px !important;
  border:1px solid rgba(35,64,46,0.2) !important; background:#F5F1E8 !important; color:#23402E !important;
  font-size:18px !important; font-weight:700 !important; box-shadow:none !important;
}
#vareDetaljeModal .shop-qty-btn:hover{ background:#EDE6D6 !important; }
#vareDetaljeModal .shop-qty{ font-family:'Inter',sans-serif !important; font-weight:700 !important; color:#23402E !important; font-size:16px !important; }

/* ============================================================
   WEBSHOP: kurv-popup ( #shopKurvModal ) — Min Hest-stil
   ============================================================ */
#shopKurvModal .stats-dialog{
  max-width:480px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  border-radius:16px !important;
  box-shadow:0 16px 44px rgba(35,64,46,0.18) !important;
  padding:22px 24px !important;
  color:#233028;
}
#shopKurvModal .stats-topbar{ margin-bottom:6px !important; padding-bottom:12px !important; border-bottom:1px solid rgba(35,64,46,0.1) !important; }
#shopKurvModal .stats-title{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:25px !important; font-weight:600 !important; color:#23402E !important;
  min-width:0 !important; width:auto !important; text-align:left !important;
  display:flex !important; align-items:center; gap:10px;
}
#shopKurvModal .stats-title .menu-ico{ width:20px !important; height:20px !important; flex:0 0 20px !important; }
#shopKurvModal .stats-title .menu-ico svg{ width:20px !important; height:20px !important; }
#shopKurvModal .smallbtn{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:600 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important; min-height:24px !important; height:24px !important;
  padding:5px 12px !important; border-radius:8px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.14) !important;
}
#shopKurvModal .smallbtn:hover{ background:#EDE6D6 !important; color:#23402E !important; }
/* Indhold-boks: ingen tung ramme */
#shopKurvModal .overview-box{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:12px 0 4px !important;
}
/* Kurv-linjer */
/* Kurv-linjer: fast gitter så mængde og pris flugter lodret ned gennem listen */
#shopKurvModal .shop-kurv-row{
  display:grid !important;
  grid-template-columns:1fr 120px 90px !important;
  align-items:center !important; gap:12px !important;
  padding:11px 0 !important; border-bottom:1px solid rgba(35,64,46,0.1) !important;
  font-family:'Inter',sans-serif !important; font-size:14px !important; color:#233028 !important;
}
#shopKurvModal .shop-kurv-row > span:first-child{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:17px !important; font-weight:600 !important; color:#23402E !important; text-align:left; }
#shopKurvModal .shop-kurv-row > span:last-child{ text-align:right; white-space:nowrap; }
#shopKurvModal .shop-kurv-qty{ display:flex !important; align-items:center !important; gap:10px !important; justify-content:center !important; }
#shopKurvModal .shop-kurv-qty > *{ display:inline-flex; align-items:center; justify-content:center; }
#shopKurvModal .shop-kurv-qty{ font-family:'Inter',sans-serif !important; font-size:15px !important; font-weight:700 !important; color:#23402E !important; }
#shopKurvModal .shop-qty-btn{
  width:26px !important; height:26px !important; min-width:26px !important; flex:0 0 32px !important;
  border-radius:8px !important; padding:0 !important; line-height:1 !important;
  border:1px solid rgba(35,64,46,0.2) !important; background:#F5F1E8 !important; color:#23402E !important;
  font-size:17px !important; font-weight:700 !important; box-shadow:none !important;
}
#shopKurvModal .shop-qty-btn:hover{ background:#EDE6D6 !important; }
#shopKurvModal .shop-kurv-num{ min-width:22px; text-align:center; font-family:'Inter',sans-serif; font-size:15px; font-weight:700; color:#23402E; }
/* Total */
#shopKurvModal .shop-kurv-total{
  text-align:right !important; font-family:'Inter',sans-serif !important; font-size:14px !important; color:#5b6a5f !important;
  margin-top:14px !important; padding-top:12px !important; border-top:2px solid rgba(35,64,46,0.14) !important;
}
#shopKurvModal .shop-kurv-total b{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:22px !important; font-weight:600 !important; color:#23402E !important; }
/* Boks-info / vælger */
#shopKurvModal .shop-kurv-boksvalg{ margin-top:14px !important; padding-top:14px !important; border-top:1px solid rgba(35,64,46,0.1) !important; }
#shopKurvModal .shop-kurv-box{
  background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.1) !important; border-radius:10px !important;
  padding:10px 14px !important; font-size:13px !important; color:#233028 !important;
}
#shopKurvModal .shop-box-label{ font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important; letter-spacing:0.06em !important; text-transform:uppercase !important; color:#C6A15B !important; margin-bottom:8px !important; }
#shopKurvModal .setup-input{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.2) !important; border-radius:8px !important;
  font-size:14px !important; padding:9px 12px !important; min-height:42px !important; color:#233028 !important;
}
#shopKurvModal .stats-empty{ font-size:14px !important; color:#9a8d7d !important; padding:24px 14px !important; }
/* Knapper */
#shopKurvModal .primary-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; margin-top:18px !important; }
#shopKurvModal .primary-actions button{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  text-transform:none !important; letter-spacing:0.02em !important; border-radius:10px !important;
  padding:10px 18px !important; min-height:42px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important;
}
#shopKurvModal .primary-actions button:hover{ background:#EDE6D6 !important; }
#shopKurvModal .primary-actions button:first-child{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#shopKurvModal .primary-actions button:first-child:hover{ background:#1b3324 !important; }

/* Sticky kurv-bjælke i bunden af shoppen */
#shopSide .shop-cart-bar{
  background:#23402E !important; color:#F5F1E8 !important;
  border-radius:12px !important; box-shadow:0 -4px 16px rgba(35,64,46,0.14) !important;
  border:1px solid rgba(198,161,91,0.25) !important;
}
#shopSide .shop-cart-info{ font-family:'Inter',sans-serif !important; font-size:13.5px !important; font-weight:600 !important; }
#shopSide .shop-cart-bar button{
  background:#F5F1E8 !important; color:#23402E !important; border:0 !important; border-radius:10px !important;
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  text-transform:none !important; letter-spacing:0.02em !important; padding:10px 16px !important; box-shadow:none !important;
}
#shopSide .shop-cart-bar button:hover{ background:#EDE6D6 !important; }

/* ============================================================
   UNDERVISNING ( #teachingSide ) — roligt "Min Hest"-udtryk
   Ren reskin, scoped. Ingen HTML/JS ændret.
   ============================================================ */
#teachingSide > .panel{
  max-width:860px !important; margin:0 auto 30px !important;
  padding:20px 22px 34px !important; background:transparent !important;
  border:0 !important; box-shadow:none !important; color:#233028;
}
/* Header: guld overline + Cormorant-titel */
#teachingSide .care-section-head{ text-align:left !important; margin-bottom:16px !important; padding-bottom:16px !important; border-bottom:2px solid rgba(35,64,46,0.12) !important; }
#teachingSide .care-overline{
  color:#C6A15B !important; font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:0.18em !important;
  text-transform:uppercase !important; margin-bottom:2px !important;
}
#teachingSide .care-section-head h3{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:34px !important; font-weight:600 !important; color:#23402E !important;
  margin:0 !important; line-height:1.05 !important; text-align:left !important;
}

/* Måned-navigation: centreret, små pileknapper som mh-monthbar */
#teachingSide .wp-nav{ display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; margin:14px 0 14px !important; }
#teachingSide .wp-nav-arrow{
  width:34px !important; height:34px !important; border-radius:9px !important;
  background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.18) !important;
  box-shadow:none !important; font-size:17px !important;
  display:inline-flex !important; align-items:center; justify-content:center;
}
#teachingSide .wp-nav-arrow:hover{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#teachingSide .wp-nav-arrow .arrow-glyph{ color:inherit !important; }
#teachingSide .wp-nav-center{ min-width:150px; }
#teachingSide .wp-week-num{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-size:22px !important; font-weight:600 !important; color:#23402E !important;
}
#teachingSide .wp-today-row{ margin-bottom:16px !important; }
#teachingSide .wp-today-btn{
  background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.14) !important;
  border-radius:10px !important; font-family:'Inter',sans-serif !important; font-size:11px !important;
  font-weight:600 !important; letter-spacing:0.06em !important; text-transform:uppercase !important;
  padding:7px 14px !important; box-shadow:none !important;
}
#teachingSide .wp-today-btn:hover{ background:#EDE6D6 !important; color:#23402E !important; }

/* Opret-bjælke: tre ens hvide knapper */
#teachingSide .t-create-bar{ justify-content:flex-start !important; gap:10px !important; flex-wrap:wrap; margin:0 0 18px !important; }
#teachingSide .t-create-bar .wz-btn{
  font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:600 !important;
  letter-spacing:0.02em !important; text-transform:none !important;
  border-radius:10px !important; padding:9px 15px !important; min-height:40px !important;
  box-shadow:0 2px 6px rgba(35,64,46,0.06) !important;
  background:#FFFFFF !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important;
}
#teachingSide .t-create-bar .wz-btn:hover{ background:#F5F1E8 !important; border-color:rgba(35,64,46,0.24) !important; }
#teachingSide .t-create-bar .wz-btn-primary{ background:#FFFFFF !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important; }
#teachingSide .t-create-bar .wz-btn-primary:hover{ background:#F5F1E8 !important; color:#23402E !important; border-color:rgba(35,64,46,0.24) !important; }

/* Kategori-grupper: guld versal-header */
#teachingSide .t-cat-group{ margin-bottom:20px !important; }
#teachingSide .t-cat-header{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.14em !important; text-transform:uppercase !important; color:#C6A15B !important;
  background:none !important; border:0 !important; padding:0 0 8px !important; margin-bottom:10px !important;
  border-bottom:1px solid rgba(35,64,46,0.12) !important;
}

/* Undervisningsdag-kort: fast hvid, mere fremstående mod den beige side */
#teachingSide .t-day{
  background:#FFFFFF !important; border:1px solid rgba(35,64,46,0.14) !important;
  border-radius:14px !important; margin-bottom:14px !important; overflow:hidden !important;
  box-shadow:0 6px 18px rgba(35,64,46,0.08) !important;
}
#teachingSide .t-day-head{
  background:#FFFFFF !important; color:#23402E !important;
  padding:14px 16px !important; gap:14px !important;
  border-bottom:1px solid rgba(35,64,46,0.08) !important;
}
#teachingSide .t-day-caret{ color:#C6A15B !important; }
#teachingSide .t-day-date{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-size:19px !important; font-weight:600 !important;
  color:#23402E !important; line-height:1.15 !important;
}
#teachingSide .t-day-teacher{ font-family:'Inter',sans-serif !important; font-size:11.5px !important; color:#867866 !important; }
#teachingSide .t-daytime{
  background:#FFFDF8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.14) !important;
  font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:600 !important;
  padding:4px 11px !important; border-radius:20px !important;
}
#teachingSide .t-daycat{
  background:#EAE3D2 !important; color:#5b4b2e !important; border:0 !important;
  font-size:11px !important; font-weight:600 !important; padding:3px 10px !important; border-radius:20px !important;
}
#teachingSide .t-daytype{ font-family:'Inter',sans-serif !important; font-size:12px !important; color:#5b6a5f !important; }
#teachingSide .t-day-breaker{ background:rgba(35,64,46,0.12) !important; }

/* Slot-kort */
#teachingSide .t-day-body{ background:#FFFFFF !important; padding:14px 16px !important; }
#teachingSide .t-slot{
  border:1px solid rgba(35,64,46,0.1) !important; border-radius:11px !important;
  background:#F5F1E8 !important; padding:11px 13px !important;
}
#teachingSide .t-slot-mine{ border-color:rgba(35,64,46,0.4) !important; background:#EAF0E2 !important; }
#teachingSide .t-slot-full{ opacity:0.75 !important; }
#teachingSide .t-slot-pause{ background:#F3EFE6 !important; }
#teachingSide .t-slot-time{ font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:12.5px !important; color:#23402E !important; }
#teachingSide .t-slot-label{ font-size:12px !important; color:#5b6a5f !important; }
#teachingSide .t-person-name{ color:#23402E !important; font-weight:600 !important; }
#teachingSide .t-person-phone{ color:#9a8d7d !important; }

/* Knapper i slots + dag-handlinger */
#teachingSide .smallbtn{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:600 !important;
  letter-spacing:0.04em !important; text-transform:uppercase !important;
  border-radius:8px !important; min-height:26px !important; height:auto !important; padding:6px 12px !important;
  box-shadow:none !important; background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important;
}
#teachingSide .smallbtn:hover{ background:#EDE6D6 !important; }
#teachingSide .smallbtn.t-join{ background:#B08D4B !important; color:#FFFDF8 !important; border-color:#B08D4B !important; }
#teachingSide .smallbtn.t-join:hover{ background:#9c7c3f !important; }
#teachingSide .smallbtn.danger-btn{ color:#9f4e3f !important; border-color:rgba(159,78,63,0.3) !important; background:#F5F1E8 !important; }
#teachingSide .smallbtn.danger-btn:hover{ background:#9f4e3f !important; color:#FFFDF8 !important; border-color:#9f4e3f !important; }
#teachingSide .t-tag-mine{ background:#EAF0E2 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.2) !important; border-radius:20px !important; font-size:11px !important; font-weight:600 !important; padding:4px 10px !important; }
#teachingSide .t-slot-horse{ border:1px solid rgba(35,64,46,0.2) !important; border-radius:8px !important; background:#FFFDF8 !important; font-size:13px !important; min-height:38px !important; }
#teachingSide .t-slot-horsetag{ background:#EAE3D2 !important; color:#5b4b2e !important; border-radius:20px !important; font-size:11.5px !important; padding:3px 10px !important; }

/* Tom-tekst + tilbage-knap */
#teachingSide .t-empty{ color:#9a8d7d !important; font-size:14px !important; padding:24px 14px !important; }
#teachingSide .primary-actions button{
  font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important;
  text-transform:none !important; letter-spacing:0.02em !important; border-radius:10px !important;
  padding:10px 16px !important; min-height:42px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important;
}
#teachingSide .primary-actions button:hover{ background:#EDE6D6 !important; }

/* ---- Undervisning: kategori- + hestestatistik-paneler i Min Hest-stil ---- */
#teachingSide .t-create-panel{
  background:#FFFFFF !important; border:1px solid rgba(35,64,46,0.14) !important;
  border-radius:14px !important; padding:20px 22px !important; margin-bottom:18px !important;
  box-shadow:0 6px 18px rgba(35,64,46,0.08) !important;
}
#teachingSide .t-create-panel .calendar-hint{
  color:#9a8d7d !important; font-size:12.5px !important; text-align:left !important;
  background:none !important; border:0 !important; padding:0 !important; line-height:1.5 !important;
}
/* Kategori-liste */
#teachingSide .t-cat-list{ gap:8px !important; margin-bottom:14px !important; }
#teachingSide .t-cat-row{
  background:#F5F1E8 !important; border:1px solid rgba(35,64,46,0.1) !important; border-radius:10px !important;
  padding:10px 14px !important;
}
#teachingSide .t-cat-name{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:17px !important; font-weight:600 !important; color:#23402E !important; }
#teachingSide .t-cat-add{ gap:10px !important; margin-top:10px !important; }
#teachingSide .t-cat-add .setup-input,
#teachingSide .t-create-panel .setup-input{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.2) !important; border-radius:8px !important;
  font-size:14px !important; padding:9px 12px !important; min-height:42px !important; color:#233028 !important;
}
/* Tilføj-knap + Luk (guld primær, creme ghost) */
#teachingSide .t-create-panel .wz-btn{
  font-family:'Inter',sans-serif !important; font-size:12.5px !important; font-weight:600 !important;
  text-transform:none !important; letter-spacing:0.02em !important; border-radius:10px !important;
  padding:9px 16px !important; min-height:40px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.16) !important;
}
#teachingSide .t-create-panel .wz-btn:hover{ background:#EDE6D6 !important; }
#teachingSide .t-create-panel .wz-btn-primary{ background:#B08D4B !important; color:#FFFDF8 !important; border:1px solid #B08D4B !important; }
#teachingSide .t-create-panel .wz-btn-primary:hover{ background:#9c7c3f !important; }

/* Opret/rediger-formular: felter og labels i samme rolige stil */
#teachingSide .t-create-panel .wz-grid{ gap:14px !important; }
#teachingSide .t-create-panel .wz-label{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important; color:#C6A15B !important;
}
#teachingSide .t-create-panel .wz-help{ color:#9a8d7d !important; font-size:11.5px !important; }
#teachingSide .t-create-panel .wz-field .setup-input,
#teachingSide .t-create-panel .wz-field select.setup-input{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.2) !important; border-radius:8px !important;
  font-size:14px !important; padding:9px 12px !important; min-height:42px !important; color:#233028 !important;
}
#teachingSide .t-create-panel .wz-footer{ border-top:1px solid rgba(35,64,46,0.1) !important; padding-top:14px !important; margin-top:14px !important; }

/* Hestestatistik: periode-faner */
#teachingSide .t-stats-tabs{ gap:8px !important; margin:12px 0 !important; }
#teachingSide .t-stats-tab{
  border:1px solid rgba(35,64,46,0.16) !important; background:#F5F1E8 !important; color:#867866 !important;
  border-radius:9px !important; padding:7px 16px !important; font-family:'Inter',sans-serif !important;
  font-size:12px !important; font-weight:600 !important; letter-spacing:0.03em !important; text-transform:uppercase !important;
}
#teachingSide .t-stats-tab.active{ background:#23402E !important; color:#F5F1E8 !important; border-color:#23402E !important; }
#teachingSide .t-stats-nav{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin:6px 0 14px !important; flex-wrap:wrap; }
#teachingSide .t-stats-range{ font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:600 !important; color:#23402E !important; min-width:120px; text-align:center; }
/* Statistik-tabel */
#teachingSide .t-stats-table{ width:100% !important; border-collapse:collapse !important; }
#teachingSide .t-stats-table th{
  font-family:'Inter',sans-serif !important; font-size:10.5px !important; font-weight:700 !important;
  letter-spacing:0.08em !important; text-transform:uppercase !important; color:#C6A15B !important;
  text-align:left !important; padding:8px 10px !important; border-bottom:1px solid rgba(35,64,46,0.12) !important;
}
#teachingSide .t-stats-table td{ font-size:13.5px !important; padding:10px !important; border-bottom:1px solid rgba(35,64,46,0.08) !important; color:#233028 !important; }
#teachingSide .t-stats-name{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:17px !important; font-weight:600 !important; color:#23402E !important; }
#teachingSide .t-stats-num{ text-align:right !important; font-variant-numeric:tabular-nums; }
#teachingSide .t-stats-table tfoot td{ font-weight:700 !important; color:#23402E !important; border-top:2px solid rgba(35,64,46,0.14) !important; border-bottom:0 !important; }
#teachingSide .t-stats-body .stats-empty{ color:#9a8d7d !important; font-size:14px !important; padding:22px 14px !important; }

/* ---- Hestestatistik: sammenlignende søjler ---- */
#teachingSide .t-stats-metrics{ display:flex; gap:8px; justify-content:center; margin:2px 0 14px; }
#teachingSide .t-stats-metric{
  background:#F5F1E8 !important; color:#867866 !important; border:1px solid rgba(35,64,46,0.14) !important;
  border-radius:8px !important; padding:6px 14px !important; font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:600 !important; letter-spacing:0.05em !important; text-transform:uppercase !important; cursor:pointer;
}
#teachingSide .t-stats-metric.active{ background:#C6A15B !important; color:#FFFDF8 !important; border-color:#C6A15B !important; }
#teachingSide .t-hbar-caption{ font-size:12px !important; color:#9a8d7d !important; margin-bottom:14px; line-height:1.45; }
#teachingSide .t-hbars{ display:flex; flex-direction:column; gap:11px; }
#teachingSide .t-hbar-row{
  display:grid; grid-template-columns:130px 1fr auto; align-items:center; gap:12px;
}
#teachingSide .t-hbar-name{
  font-family:'Cormorant Garamond',Georgia,serif !important; font-size:17px !important; font-weight:600 !important;
  color:#23402E !important; line-height:1.15; text-align:left;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#teachingSide .t-hbar-track{
  position:relative; height:22px; background:#F0EBE0; border-radius:11px; overflow:hidden;
  border:1px solid rgba(35,64,46,0.08);
}
#teachingSide .t-hbar-fill{
  height:100%; border-radius:11px;
  background:linear-gradient(90deg, #3b5a43, #23402E);
  transition:width .35s ease; min-width:6px;
}
#teachingSide .t-hbar-top .t-hbar-fill{ background:linear-gradient(90deg, #C6A15B, #B08D4B); }
#teachingSide .t-hbar-val{
  font-family:'Inter',sans-serif !important; font-size:12.5px !important; font-weight:600 !important;
  color:#5b6a5f !important; white-space:nowrap; text-align:right; min-width:74px;
}
#teachingSide .t-hbar-total{
  margin-top:16px; padding-top:12px; border-top:2px solid rgba(35,64,46,0.14);
  font-family:'Inter',sans-serif !important; font-size:13px !important; color:#5b6a5f !important; text-align:right;
}
#teachingSide .t-hbar-total b{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:18px !important; color:#23402E !important; }
@media (max-width:520px){
  #teachingSide .t-hbar-row{ grid-template-columns:96px 1fr auto; gap:8px; }
  #teachingSide .t-hbar-name{ font-size:15px !important; }
  #teachingSide .t-hbar-val{ min-width:0; font-size:11.5px !important; }
}

/* ============================================================
   FORSIDE — samme rolige udtryk som "Min Hest"/"Undervisning"
   Header, "Logget ind som"-bjælke og boksknapper.
   Grafik-inspiration fra forretningsplanen (grøn/guld, rene kort).
   ============================================================ */

/* "Logget ind som"-bjælken: rolig, afrundet som Min Hest (16px) */
.userbar-inner{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.12) !important;
  border-radius:16px !important; box-shadow:0 1px 2px rgba(35,64,46,0.05) !important;
  padding:10px 16px !important;
}
.userbar-text{ font-family:'Inter',sans-serif !important; font-size:14px !important; color:#5b6a5f !important; }
.userbar-text b, .userbar-text strong{ color:#23402E !important; }
/* Menu-/hjælpeknapper i bjælken: rolige creme-knapper */
#userBar .smallbtn{
  font-family:'Inter',sans-serif !important; font-size:12px !important; font-weight:600 !important;
  letter-spacing:0.02em !important; text-transform:none !important; border-radius:10px !important;
  min-height:36px !important; padding:7px 13px !important; box-shadow:none !important;
  background:#F5F1E8 !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.14) !important;
}
#userBar .smallbtn:hover{ background:#EDE6D6 !important; }
/* Dropdown-menu: afrundet, blød skygge som panelerne */
.user-menu-dropdown{
  border-radius:14px !important; border:1px solid rgba(35,64,46,0.12) !important;
  box-shadow:0 16px 40px rgba(35,64,46,0.16) !important; background:#FFFDF8 !important;
}
.user-menu-item{ font-family:'Inter',sans-serif !important; font-size:14px !important; color:#233028 !important; border-radius:9px !important; }
.user-menu-item:hover{ background:#F5F1E8 !important; }
.user-menu-heading{ color:#C6A15B !important; font-size:10.5px !important; font-weight:700 !important; letter-spacing:0.12em !important; text-transform:uppercase !important; }

/* Header-kort: behold original grafik, blot rolige 16px-hjørner som Min Hest */
.hero-card{ border-radius:16px !important; }
.hero-media{ border-radius:12px !important; }

/* Boksknapper: samme runding som stat-felterne på Min Hest (12px). Alt indhold/farver uændret. */
.box{ border-radius:12px !important; }
#forside .box{ border-radius:12px !important; }
#forside .box.done, #forside .box.blue{ border-radius:12px !important; }
@media (max-width:600px){ #forside .box{ border-radius:12px !important; } }

/* Banner-bjælker (anmodninger/pleje) også afrundet ens */
.req-banner{ border-radius:14px !important; }

/* ============================================================
   Hesteikon-baggrund: FARVET cirkel i hestens farve (samme størrelse
   som "eget billede"). Silhuetten beholder sin farve/mønster og
   adskilles fra cirklen med en hvid glorie, så tonerne står i kontrast.
   ============================================================ */
.box .box-icon-disc{
  position:absolute; top:15px; left:18px; width:80px; height:80px; border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.32), rgba(255,255,255,0) 58%),
    var(--horse-icon-color, #9a8d7d);
  border:2px solid rgba(255,255,255,0.85);
  box-shadow:0 2px 5px rgba(0,0,0,0.24), inset 0 0 0 1px rgba(0,0,0,0.05);
  z-index:1;
}
.box.done .box-icon-disc{ border-color:rgba(255,255,255,0.7); box-shadow:0 2px 6px rgba(0,0,0,0.28); }

/* Silhuetten (med hestens farve/mønster) centreres oven på cirklen.
   Hvid glorie rundt om, så den ikke smelter sammen med den ens-farvede cirkel. */
.box:not(.has-photo)::before{
  top:33px !important; left:36px !important;      /* centrerer 44px-ikonet i 80px-cirklen */
  width:44px !important; height:44px !important;
  opacity:1 !important;
  filter:
    drop-shadow(0 0 1.2px rgba(255,255,255,0.95))
    drop-shadow(0 0 1.2px rgba(255,255,255,0.95))
    drop-shadow(0 1px 2px rgba(0,0,0,0.28)) !important;
  z-index:2 !important;
}
/* Meget lyse heste på lys-tonet cirkel: skift glorien til mørk, så silhuetten stadig ses */
.box:not(.has-photo)[data-horse-icon-color="white"]::before,
.box:not(.has-photo)[data-horse-icon-color="skimmel"]::before,
.box:not(.has-photo)[data-horse-icon-color="cream"]::before,
.box:not(.has-photo)[data-horse-icon-color="palomino"]::before{
  filter:
    drop-shadow(0 0 1px rgba(60,50,40,0.85))
    drop-shadow(0 0 1px rgba(60,50,40,0.85))
    drop-shadow(0 1px 2px rgba(0,0,0,0.22)) !important;
}

/* === Hesteikon kontrast v3 ===
   Palette fra referencebilledet:
   #F9F8F2 råhvid, #C9B99E sand, #6D6A66 mørk brungrå,
   #BEAB97 varm taupe, #9F6B4F kobber, #965D3E dyb kobber.
   Mobil bruger samme farver som desktop. Mobilstørrelse v5: 20% mindre end v4. */
#forside .box .box-icon-disc,
.box .box-icon-disc{
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.34), rgba(255,255,255,0) 58%),
    var(--horse-icon-disc-bg, #C9B99E) !important;
}

/* CSS fallback hvis browseren midlertidigt har cachet app.js. */
#forside .box[data-horse-icon-color="white"] .box-icon-disc,
.box[data-horse-icon-color="white"] .box-icon-disc{ --horse-icon-disc-bg:#6D6A66; }
#forside .box[data-horse-icon-color="skimmel"] .box-icon-disc,
.box[data-horse-icon-color="skimmel"] .box-icon-disc{ --horse-icon-disc-bg:#9F6B4F; }
#forside .box[data-horse-icon-color="lightbrown"] .box-icon-disc,
.box[data-horse-icon-color="lightbrown"] .box-icon-disc{ --horse-icon-disc-bg:#6D6A66; }
#forside .box[data-horse-icon-color="brown"] .box-icon-disc,
.box[data-horse-icon-color="brown"] .box-icon-disc{ --horse-icon-disc-bg:#F9F8F2; }
#forside .box[data-horse-icon-color="redbrown"] .box-icon-disc,
.box[data-horse-icon-color="redbrown"] .box-icon-disc{ --horse-icon-disc-bg:#C9B99E; }
#forside .box[data-horse-icon-color="black"] .box-icon-disc,
.box[data-horse-icon-color="black"] .box-icon-disc{ --horse-icon-disc-bg:#F9F8F2; }
#forside .box[data-horse-icon-color="pinto"] .box-icon-disc,
.box[data-horse-icon-color="pinto"] .box-icon-disc,
#forside .box[data-horse-icon-color="brownwhite"] .box-icon-disc,
.box[data-horse-icon-color="brownwhite"] .box-icon-disc,
#forside .box[data-horse-icon-color="twocolor"] .box-icon-disc,
.box[data-horse-icon-color="twocolor"] .box-icon-disc{ --horse-icon-disc-bg:#BEAB97; }
#forside .box[data-horse-icon-color="appaloosa"] .box-icon-disc,
.box[data-horse-icon-color="appaloosa"] .box-icon-disc{ --horse-icon-disc-bg:#6D6A66; }

/* Mobil: samme farver som desktop, men 30% mindre end seneste version. */
@media (max-width:600px){
  #forside .box .box-icon-disc,
  .box .box-icon-disc{
    top:10px !important;
    left:12px !important;
    width:46px !important;
    height:46px !important;
    border-width:1px !important;
  }
  #forside .box:not(.has-photo)::before,
  .box:not(.has-photo)::before{
    top:20px !important;
    left:22px !important;
    width:26px !important;
    height:26px !important;
  }
}
@media (max-width:420px){
  #forside .box .box-icon-disc,
  .box .box-icon-disc{
    top:9px !important;
    left:10px !important;
    width:40px !important;
    height:40px !important;
  }
  #forside .box:not(.has-photo)::before,
  .box:not(.has-photo)::before{
    top:17px !important;
    left:18px !important;
    width:24px !important;
    height:24px !important;
  }
}

/* === Topknapper v1: Hjælp og Menu matcher boksknappernes lyse farve ===
   Ens størrelse og ca. 20% større end tidligere topknapper. */
#topUserMenu{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
#topHelpBtn,
#topHelpBtn.smallbtn,
#topHelpBtn.help-btn,
#topUserMenuToggle,
#topUserMenu .user-menu-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  width:124px !important;
  min-width:124px !important;
  height:44px !important;
  min-height:44px !important;
  box-sizing:border-box !important;
  padding:10px 16px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg, #F5F1E8 0%, #EFEADF 56%, #E8E2D4 100%) !important;
  color:#5E503F !important;
  border:1px solid rgba(35,64,46,0.10) !important;
  box-shadow:0 8px 18px rgba(69,52,29,0.10) !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:0 !important;
}
#topHelpBtn:hover,
#topHelpBtn:focus,
#topUserMenuToggle:hover,
#topUserMenuToggle:focus,
#topUserMenu .user-menu-toggle:hover,
#topUserMenu .user-menu-toggle:focus{
  background:linear-gradient(145deg, #FFFDF8 0%, #F5F1E8 58%, #EFEADF 100%) !important;
  color:#4C3A28 !important;
  border-color:rgba(94,80,63,0.24) !important;
  box-shadow:0 10px 22px rgba(69,52,29,0.14) !important;
  outline:none !important;
}
#topHelpBtn .menu-ico,
#topHelpBtn .help-ico,
#topUserMenuToggle .menu-ico,
#topUserMenu .user-menu-toggle .menu-ico{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
}
#topHelpBtn .menu-ico svg,
#topHelpBtn .help-ico svg,
#topUserMenuToggle .menu-ico svg,
#topUserMenu .user-menu-toggle .menu-ico svg{
  width:22px !important;
  height:22px !important;
}
#topUserMenuToggle .menu-caret,
#topUserMenu .user-menu-toggle .menu-caret{
  font-size:13px !important;
  line-height:1 !important;
  opacity:.72 !important;
  margin-left:-2px !important;
}
@media (max-width:720px){
  #topUserMenu{ gap:8px !important; }
  #topHelpBtn,
  #topHelpBtn.smallbtn,
  #topHelpBtn.help-btn,
  #topUserMenuToggle,
  #topUserMenu .user-menu-toggle{
    width:112px !important;
    min-width:112px !important;
    height:42px !important;
    min-height:42px !important;
    font-size:16px !important;
    padding:9px 13px !important;
  }
}

/* === Topknapper v2: kun knapfladen gøres lys som boksknapperne ===
   Skrift og ikoner tilbage til normal størrelse. */
#topHelpBtn,
#topHelpBtn.smallbtn,
#topHelpBtn.help-btn,
#topUserMenuToggle,
#topUserMenu .user-menu-toggle{
  background:linear-gradient(145deg, #F5F1E8 0%, #EFEADF 56%, #E8E2D4 100%) !important;
  color:#5E503F !important;
  border:1px solid rgba(35,64,46,0.10) !important;
  box-shadow:0 8px 18px rgba(69,52,29,0.10) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
#topHelpBtn:hover,
#topHelpBtn:focus,
#topUserMenuToggle:hover,
#topUserMenuToggle:focus,
#topUserMenu .user-menu-toggle:hover,
#topUserMenu .user-menu-toggle:focus{
  background:linear-gradient(145deg, #FFFDF8 0%, #F5F1E8 58%, #EFEADF 100%) !important;
  color:#4C3A28 !important;
  border-color:rgba(94,80,63,0.24) !important;
}
#topHelpBtn .menu-ico,
#topHelpBtn .help-ico,
#topUserMenuToggle .menu-ico,
#topUserMenu .user-menu-toggle .menu-ico{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
#topHelpBtn .menu-ico svg,
#topHelpBtn .help-ico svg,
#topUserMenuToggle .menu-ico svg,
#topUserMenu .user-menu-toggle .menu-ico svg{
  width:20px !important;
  height:20px !important;
}
#topUserMenuToggle .menu-caret,
#topUserMenu .user-menu-toggle .menu-caret{
  font-size:11px !important;
}
@media (max-width:720px){
  #topHelpBtn,
  #topHelpBtn.smallbtn,
  #topHelpBtn.help-btn,
  #topUserMenuToggle,
  #topUserMenu .user-menu-toggle{
    font-size:15px !important;
  }
}

/* === Undervisning topknapper v1: grøn flade med guldskrift === */
#teachingSide .t-create-bar .wz-btn,
#teachingSide .t-create-bar .wz-btn-primary,
#teachingSide .t-create-bar .wz-btn-ghost{
  background:linear-gradient(135deg, #2C4B37 0%, #23402E 58%, #1B3324 100%) !important;
  color:#C6A15B !important;
  border:1px solid rgba(198,161,91,0.42) !important;
  box-shadow:0 11px 24px rgba(35,64,46,0.18), inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
#teachingSide .t-create-bar .wz-btn:hover,
#teachingSide .t-create-bar .wz-btn:focus,
#teachingSide .t-create-bar .wz-btn-primary:hover,
#teachingSide .t-create-bar .wz-btn-primary:focus,
#teachingSide .t-create-bar .wz-btn-ghost:hover,
#teachingSide .t-create-bar .wz-btn-ghost:focus{
  background:linear-gradient(135deg, #355C42 0%, #2C4B37 58%, #23402E 100%) !important;
  color:#E0C174 !important;
  border-color:rgba(224,193,116,0.62) !important;
  box-shadow:0 13px 28px rgba(35,64,46,0.24), inset 0 0 0 1px rgba(255,255,255,0.08) !important;
  outline:none !important;
}
#teachingSide .t-create-bar .wz-btn svg,
#teachingSide .t-create-bar .wz-btn-primary svg,
#teachingSide .t-create-bar .wz-btn-ghost svg{
  stroke:#C6A15B !important;
}

/* === Undervisning topknapper v2: grønne knapper med hvid skrift === */
#teachingSide .t-create-bar .wz-btn,
#teachingSide .t-create-bar .wz-btn-primary,
#teachingSide .t-create-bar .wz-btn-ghost{
  color:#FFFDF8 !important;
}
#teachingSide .t-create-bar .wz-btn:hover,
#teachingSide .t-create-bar .wz-btn:focus,
#teachingSide .t-create-bar .wz-btn-primary:hover,
#teachingSide .t-create-bar .wz-btn-primary:focus,
#teachingSide .t-create-bar .wz-btn-ghost:hover,
#teachingSide .t-create-bar .wz-btn-ghost:focus{
  color:#FFFFFF !important;
}

/* === Heste side redesign v1 ===
   Samme rene, ikoniske udtryk som Min Hest og Undervisning.
   Hesteikon-cirkler bruger samme palette/kontrast som forsiden. */
#horsesSide > .panel{
  max-width:1180px !important;
  margin:18px auto 24px !important;
  border-radius:28px !important;
  background:rgba(255,253,248,0.78) !important;
  border:1px solid rgba(255,255,255,0.48) !important;
  box-shadow:0 18px 48px rgba(67,52,34,0.13) !important;
  backdrop-filter:saturate(1.06) blur(8px) !important;
  -webkit-backdrop-filter:saturate(1.06) blur(8px) !important;
  padding:28px 30px !important;
}
#horsesSide h2{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin:0 0 8px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(2.1rem, 4vw, 3.2rem) !important;
  line-height:1.04 !important;
  color:#23402E !important;
  letter-spacing:-.02em !important;
}
#horsesSide .calendar-hint{
  max-width:720px !important;
  margin:0 auto 20px !important;
  color:#7f715f !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
#horsesSide .primary-actions{
  justify-content:center !important;
  margin:16px 0 22px !important;
  gap:12px !important;
}
#horsesSide .primary-actions button{
  background:linear-gradient(135deg,#2C4B37 0%,#23402E 58%,#1B3324 100%) !important;
  color:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,0.42) !important;
  border-radius:16px !important;
  box-shadow:0 12px 28px rgba(35,64,46,0.20) !important;
  min-height:50px !important;
  padding:12px 22px !important;
  font-weight:700 !important;
}
#horsesSide .primary-actions button:hover,
#horsesSide .primary-actions button:focus{
  background:linear-gradient(135deg,#355C42 0%,#2C4B37 58%,#23402E 100%) !important;
  color:#FFFFFF !important;
  border-color:rgba(224,193,116,0.64) !important;
  outline:none !important;
}
#horsesSide .overview-box{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#horsesSide .horse-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr)) !important;
  gap:16px !important;
  margin-top:12px !important;
}
#horsesSide .horse-row,
#horsesSide .horse-row:nth-child(even),
#horsesSide .horse-row:first-child{
  position:relative !important;
  display:grid !important;
  grid-template-columns:78px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  min-height:112px !important;
  padding:18px 18px !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#FFFDF8 0%,#F5F1E8 62%,#EDE6D6 100%) !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  box-shadow:0 12px 28px rgba(63,53,43,0.10) !important;
  overflow:hidden !important;
}
#horsesSide .horse-row::after{
  content:"" !important;
  position:absolute !important;
  right:-34px !important;
  bottom:-42px !important;
  width:116px !important;
  height:116px !important;
  border-radius:50% !important;
  background:rgba(35,64,46,0.08) !important;
  pointer-events:none !important;
}
#horsesSide .horse-row-left{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
#horsesSide .horse-icon-disc{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.34), rgba(255,255,255,0) 58%),
    var(--horse-icon-disc-bg,#C9B99E) !important;
  border:2px solid rgba(255,255,255,0.82) !important;
  box-shadow:0 5px 14px rgba(63,53,43,0.18), inset 0 0 0 1px rgba(0,0,0,0.05) !important;
}
#horsesSide .horse-icon-disc .horse-color-icon{
  width:38px !important;
  height:38px !important;
  filter:
    drop-shadow(0 0 1.2px rgba(255,255,255,0.9))
    drop-shadow(0 1px 2px rgba(0,0,0,0.24)) !important;
}
#horsesSide .horse-avatar-img{
  width:64px !important;
  height:64px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:2px solid rgba(255,255,255,0.82) !important;
  box-shadow:0 5px 14px rgba(63,53,43,0.18) !important;
}
#horsesSide .horse-row-id{
  color:#C6A15B !important;
  background:#23402E !important;
  border-radius:999px !important;
  padding:2px 8px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  letter-spacing:.06em !important;
}
#horsesSide .horse-row-body{ position:relative !important; z-index:1 !important; min-width:0 !important; }
#horsesSide .horse-row-name{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  color:#23402E !important;
  margin-bottom:5px !important;
}
#horsesSide .horse-row-meta{
  font-size:13px !important;
  color:#6d6257 !important;
  line-height:1.38 !important;
}
#horsesSide .horse-alias-tag,
#horsesSide .horse-inactive-tag{
  display:inline-flex !important;
  align-items:center !important;
  vertical-align:middle !important;
  border-radius:999px !important;
  padding:3px 9px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
  margin-left:6px !important;
}
#horsesSide .horse-alias-tag{ background:#C6A15B !important; color:#23402E !important; }
#horsesSide .horse-inactive-tag{ background:#9f4e3f !important; color:#FFFDF8 !important; }
#horsesSide .horse-row-actions{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:116px !important;
}
#horsesSide .horse-row-actions .smallbtn{
  border-radius:14px !important;
  background:#FFFDF8 !important;
  color:#23402E !important;
  border:1px solid rgba(35,64,46,0.16) !important;
  box-shadow:0 5px 12px rgba(63,53,43,0.08) !important;
  padding:9px 12px !important;
  min-height:38px !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:700 !important;
}
#horsesSide .horse-row-actions .smallbtn:hover,
#horsesSide .horse-row-actions .smallbtn:focus{
  background:#F5F1E8 !important;
  border-color:rgba(35,64,46,0.28) !important;
  outline:none !important;
}
#horsesSide .horse-inactive-group{
  margin-top:22px !important;
  border-radius:22px !important;
  background:rgba(255,253,248,0.54) !important;
  border:1px solid rgba(94,80,63,0.12) !important;
  padding:12px !important;
}
#horsesSide .horse-inactive-summary{
  cursor:pointer !important;
  color:#23402E !important;
  font-weight:800 !important;
  padding:6px 8px 14px !important;
}
#horsesSide .horse-list-inactive .horse-row{ opacity:.76 !important; }
@media (max-width:760px){
  #horsesSide > .panel{ padding:20px 14px !important; border-radius:22px !important; }
  #horsesSide .horse-list{ grid-template-columns:1fr !important; gap:12px !important; }
  #horsesSide .horse-row,
  #horsesSide .horse-row:nth-child(even),
  #horsesSide .horse-row:first-child{
    grid-template-columns:64px 1fr !important;
    gap:12px !important;
    min-height:0 !important;
    padding:15px !important;
  }
  #horsesSide .horse-row-actions{
    grid-column:1 / -1 !important;
    flex-direction:row !important;
    min-width:0 !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  #horsesSide .horse-icon-disc,
  #horsesSide .horse-avatar-img{
    width:56px !important;
    height:56px !important;
    flex-basis:56px !important;
  }
  #horsesSide .horse-icon-disc .horse-color-icon{ width:34px !important; height:34px !important; }
  #horsesSide .horse-row-name{ font-size:22px !important; }
}

/* === Heste side redesign v2: samme stil som Min Hest og Undervisning ===
   Layout med rolig sideheader, stor serif-titel, tynd separator og brede hvide listelinjer. */
#horsesSide{
  max-width:1080px !important;
  margin:0 auto !important;
  padding:34px 18px 48px !important;
}
#horsesSide > .panel{
  max-width:1080px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#horsesSide h2{
  position:relative !important;
  display:block !important;
  text-align:left !important;
  margin:0 0 18px !important;
  padding:28px 0 24px !important;
  border-bottom:1px solid rgba(94,80,63,0.18) !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(2.45rem, 4.4vw, 3.65rem) !important;
  font-weight:500 !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  color:#23402E !important;
}
#horsesSide h2::before{
  content:"HESTE" !important;
  display:block !important;
  margin:0 0 3px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  color:#C6A15B !important;
}
#horsesSide h2 .menu-ico{ display:none !important; }
#horsesSide .calendar-hint{
  max-width:720px !important;
  margin:0 0 24px !important;
  text-align:left !important;
  font-size:16px !important;
  line-height:1.45 !important;
  color:#7f715f !important;
}
#horsesSide .primary-actions{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 28px !important;
  padding:0 !important;
}
#horsesSide .primary-actions button{
  min-height:48px !important;
  padding:13px 22px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#2C4B37 0%,#23402E 58%,#1B3324 100%) !important;
  color:#FFFDF8 !important;
  border:1px solid rgba(198,161,91,.36) !important;
  box-shadow:0 12px 26px rgba(35,64,46,.18) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
#horsesSide .primary-actions button:hover,
#horsesSide .primary-actions button:focus{
  background:linear-gradient(135deg,#355C42 0%,#2C4B37 58%,#23402E 100%) !important;
  color:#FFFFFF !important;
  border-color:rgba(224,193,116,.62) !important;
  outline:none !important;
}
#horsesSide .overview-box{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#horsesSide .horse-list{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  margin:0 !important;
}
#horsesSide .horse-row,
#horsesSide .horse-row:nth-child(even),
#horsesSide .horse-row:first-child{
  display:grid !important;
  grid-template-columns:86px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:20px !important;
  min-height:118px !important;
  padding:22px 24px !important;
  border-radius:16px !important;
  background:#FFFDF8 !important;
  border:1px solid rgba(94,80,63,.16) !important;
  border-top:1px solid rgba(94,80,63,.16) !important;
  box-shadow:0 16px 34px rgba(63,53,43,.10) !important;
  text-align:left !important;
  overflow:hidden !important;
}
#horsesSide .horse-row::after{ display:none !important; content:none !important; }
#horsesSide .horse-row-left{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
#horsesSide .horse-icon-disc,
#horsesSide .horse-avatar-img{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  border-radius:50% !important;
}
#horsesSide .horse-icon-disc{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.34), rgba(255,255,255,0) 58%),
    var(--horse-icon-disc-bg,#C9B99E) !important;
  border:2px solid rgba(255,255,255,.82) !important;
  box-shadow:0 5px 14px rgba(63,53,43,.18), inset 0 0 0 1px rgba(0,0,0,.05) !important;
}
#horsesSide .horse-icon-disc .horse-color-icon{
  width:38px !important;
  height:38px !important;
  filter:drop-shadow(0 0 1.2px rgba(255,255,255,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.24)) !important;
}
#horsesSide .horse-avatar-img{
  object-fit:cover !important;
  border:2px solid rgba(255,255,255,.82) !important;
  box-shadow:0 5px 14px rgba(63,53,43,.18) !important;
}
#horsesSide .horse-row-id{
  color:#C6A15B !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
}
#horsesSide .horse-row-body{ min-width:0 !important; }
#horsesSide .horse-row-name{
  margin:0 0 7px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:27px !important;
  font-weight:500 !important;
  line-height:1.04 !important;
  letter-spacing:-.02em !important;
  color:#23402E !important;
}
#horsesSide .horse-row-meta{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  color:#7f715f !important;
}
#horsesSide .horse-alias-tag,
#horsesSide .horse-inactive-tag{
  display:inline-flex !important;
  align-items:center !important;
  vertical-align:middle !important;
  margin-left:8px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.1em !important;
}
#horsesSide .horse-alias-tag{ background:#E7DDBF !important; color:#5E503F !important; }
#horsesSide .horse-inactive-tag{ background:#9f4e3f !important; color:#FFFDF8 !important; }
#horsesSide .horse-row-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
}
#horsesSide .horse-row-actions .smallbtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  background:#F5F1E8 !important;
  color:#23402E !important;
  border:1px solid rgba(94,80,63,.18) !important;
  box-shadow:none !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
#horsesSide .horse-row-actions .smallbtn:hover,
#horsesSide .horse-row-actions .smallbtn:focus{
  background:#EDE6D6 !important;
  color:#23402E !important;
  border-color:rgba(94,80,63,.28) !important;
  outline:none !important;
}
#horsesSide .horse-inactive-group{
  margin-top:30px !important;
  padding-top:0 !important;
  border:0 !important;
  background:transparent !important;
}
#horsesSide .horse-inactive-summary{
  cursor:pointer !important;
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  border-bottom:1px solid rgba(94,80,63,.16) !important;
  color:#C6A15B !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
#horsesSide .horse-list-inactive .horse-row{ opacity:.76 !important; }
@media (max-width:760px){
  #horsesSide{ padding:24px 12px 36px !important; }
  #horsesSide h2{ padding:20px 0 20px !important; }
  #horsesSide .primary-actions{ justify-content:flex-start !important; }
  #horsesSide .horse-row,
  #horsesSide .horse-row:nth-child(even),
  #horsesSide .horse-row:first-child{
    grid-template-columns:64px 1fr !important;
    gap:12px !important;
    min-height:0 !important;
    padding:16px !important;
  }
  #horsesSide .horse-row-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  #horsesSide .horse-icon-disc,
  #horsesSide .horse-avatar-img{
    width:56px !important;
    height:56px !important;
    flex-basis:56px !important;
  }
  #horsesSide .horse-icon-disc .horse-color-icon{ width:34px !important; height:34px !important; }
  #horsesSide .horse-row-name{ font-size:24px !important; }
}

/* === Heste side redesign v3: nedtonede proportioner som Min Hest og Undervisning ===
   Beholder layout/stil fra v2, men reducerer tekst, knapper, ikonstørrelser og kort-højde. */
#horsesSide{
  max-width:1080px !important;
  padding:28px 18px 44px !important;
}
#horsesSide h2{
  padding:22px 0 22px !important;
  margin:0 0 18px !important;
  font-size:clamp(2.05rem, 3.2vw, 2.75rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.025em !important;
}
#horsesSide h2::before{
  font-size:13px !important;
  letter-spacing:.20em !important;
  margin-bottom:4px !important;
}
#horsesSide .calendar-hint{
  font-size:14px !important;
  line-height:1.42 !important;
  margin:0 0 20px !important;
}
#horsesSide .primary-actions{
  margin:0 0 24px !important;
  gap:12px !important;
}
#horsesSide .primary-actions button{
  min-height:44px !important;
  padding:10px 18px !important;
  border-radius:10px !important;
  font-size:14px !important;
  font-weight:700 !important;
}
#horsesSide .primary-actions .menu-ico,
#horsesSide .primary-actions .menu-ico svg{
  width:16px !important;
  height:16px !important;
  flex-basis:16px !important;
}
#horsesSide .horse-list{
  gap:13px !important;
}
#horsesSide .horse-row,
#horsesSide .horse-row:nth-child(even),
#horsesSide .horse-row:first-child{
  grid-template-columns:70px minmax(0,1fr) auto !important;
  gap:16px !important;
  min-height:96px !important;
  padding:16px 18px !important;
  border-radius:14px !important;
  box-shadow:0 11px 24px rgba(63,53,43,.085) !important;
}
#horsesSide .horse-row-left{
  gap:5px !important;
}
#horsesSide .horse-icon-disc,
#horsesSide .horse-avatar-img{
  width:52px !important;
  height:52px !important;
  flex:0 0 52px !important;
}
#horsesSide .horse-icon-disc .horse-color-icon{
  width:31px !important;
  height:31px !important;
}
#horsesSide .horse-row-id{
  font-size:10px !important;
  letter-spacing:.10em !important;
}
#horsesSide .horse-row-name{
  font-size:21px !important;
  line-height:1.08 !important;
  margin-bottom:4px !important;
  letter-spacing:-.015em !important;
}
#horsesSide .horse-row-meta{
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}
#horsesSide .horse-alias-tag,
#horsesSide .horse-inactive-tag{
  padding:3px 8px !important;
  font-size:9.5px !important;
  letter-spacing:.08em !important;
  margin-left:5px !important;
}
#horsesSide .horse-row-actions{
  gap:8px !important;
}
#horsesSide .horse-row-actions .smallbtn{
  min-height:36px !important;
  padding:8px 12px !important;
  border-radius:9px !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
#horsesSide .horse-row-actions .menu-ico,
#horsesSide .horse-row-actions .menu-ico svg{
  width:16px !important;
  height:16px !important;
  flex-basis:16px !important;
}
#horsesSide .horse-inactive-summary{
  font-size:13px !important;
  letter-spacing:.16em !important;
  padding-bottom:10px !important;
}
@media (max-width:760px){
  #horsesSide{ padding:22px 12px 34px !important; }
  #horsesSide h2{ padding:18px 0 18px !important; font-size:clamp(1.9rem, 9vw, 2.35rem) !important; }
  #horsesSide .horse-row,
  #horsesSide .horse-row:nth-child(even),
  #horsesSide .horse-row:first-child{
    grid-template-columns:56px 1fr !important;
    gap:11px !important;
    padding:14px !important;
    border-radius:13px !important;
  }
  #horsesSide .horse-icon-disc,
  #horsesSide .horse-avatar-img{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }
  #horsesSide .horse-icon-disc .horse-color-icon{ width:29px !important; height:29px !important; }
  #horsesSide .horse-row-name{ font-size:20px !important; }
  #horsesSide .horse-row-actions{ gap:7px !important; }
  #horsesSide .horse-row-actions .smallbtn{ min-height:34px !important; font-size:12px !important; padding:7px 11px !important; }
}

/* === Header blend v1: blød fade mellem venstre og højre side ===
   Gør overgangen i overskrift-headeren mindre opdelt ved at lade billedsiden
   overlappe lidt ind under den grønne side og lægge en mørkegrøn fade ovenpå. */
@media (min-width:901px){
  .hero-card{
    isolation:isolate !important;
    position:relative !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#23402E 0%,#2C4B37 54%,#4A6350 100%) !important;
  }
  .hero-inner{
    position:relative !important;
    z-index:2 !important;
    grid-template-columns:minmax(390px, .98fr) minmax(360px, 1.02fr) !important;
  }
  .hero-copy{
    position:relative !important;
    z-index:5 !important;
    background:linear-gradient(90deg,
      rgba(35,64,46,1) 0%,
      rgba(35,64,46,.98) 58%,
      rgba(35,64,46,.80) 78%,
      rgba(35,64,46,0) 100%) !important;
  }
  .hero-media{
    position:relative !important;
    z-index:1 !important;
    margin-left:-120px !important;
    width:calc(100% + 120px) !important;
    min-width:calc(100% + 120px) !important;
    background-position:center center !important;
  }
  .hero-media::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,
        #23402E 0%,
        rgba(35,64,46,.98) 9%,
        rgba(35,64,46,.86) 18%,
        rgba(35,64,46,.58) 30%,
        rgba(35,64,46,.28) 43%,
        rgba(35,64,46,.08) 57%,
        rgba(35,64,46,0) 72%),
      radial-gradient(circle at 12% 50%, rgba(198,161,91,.16) 0%, rgba(198,161,91,.06) 28%, rgba(198,161,91,0) 58%) !important;
  }
  .hero-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:38% !important;
    width:34% !important;
    z-index:3 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      rgba(35,64,46,0) 0%,
      rgba(245,241,232,.07) 38%,
      rgba(35,64,46,.12) 56%,
      rgba(35,64,46,0) 100%) !important;
    mix-blend-mode:soft-light !important;
  }
  .hero-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:4 !important;
    pointer-events:none !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
      linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.045) 49%, rgba(0,0,0,0) 66%) !important;
  }
}
@media (max-width:900px) and (min-width:721px){
  .hero-media{
    position:relative !important;
  }
  .hero-media::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg, rgba(35,64,46,.36), rgba(35,64,46,0) 48%) !important;
  }
}

/* =====================================================================
   PLAN-SIDER – LET "MIN HEST"-LOOK (Foderplan, Ugeplan, Udlukningsplan)
   Fuld reskin af udseendet. Ingen ændring i markup/logik – kun styling.
   Placeret sidst i filen så den vinder over de tidligere plan-regler.
   ===================================================================== */

/* Selve indholdskortet: blødt cremehvidt kort som .mh-section */
#fullPasPlanSide .overview-box{
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.10) !important;
  border-radius:16px !important;
  padding:22px 24px 26px !important;
  box-shadow:0 1px 2px rgba(35,64,46,0.04) !important;
}

/* Sektions-overskrift: gold overline + serif titel (matcher Min Hest) */
#fullPasPlanSide .care-section-head{
  text-align:left !important;
  margin-bottom:18px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid rgba(35,64,46,0.12) !important;
}
#fullPasPlanSide .care-overline{
  color:#C6A15B !important;
  font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important;
  margin-bottom:6px !important;
}
#fullPasPlanSide .care-section-head h3{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:clamp(24px,2.4vw,34px) !important;
  font-weight:600 !important;
  color:#23402E !important;
  margin:0 !important;
}

/* Tabel-wrap: luft omkring, ingen hård ramme */
#fullPasPlanSide .care-table-wrap,
#fullPasPlanSide #turnoutPrintArea{
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
}

/* ---- Fælles let bord-look for care/turnout/feed ---- */
#fullPasPlanSide .care-table,
#fullPasPlanSide .turnout-table,
#fullPasPlanSide .feed-table{
  border-collapse:separate !important;
  border-spacing:0 8px !important;
  background:transparent !important;
}

/* Overskrifter: cremehvide med gold uppercase tekst i stedet for grøn bjælke */
#fullPasPlanSide .care-table thead th,
#fullPasPlanSide .feed-table thead th,
#fullPasPlanSide .turnout-table thead th,
#fullPasPlanSide .care-table th:last-child,
#fullPasPlanSide .feed-table th:last-child,
#fullPasPlanSide .care-table thead,
#fullPasPlanSide .feed-table thead,
#fullPasPlanSide .turnout-table thead{
  background:transparent !important;
  background-image:none !important;
  color:#9a8d7d !important;
  font-family:'Inter',sans-serif !important;
  font-size:10.5px !important; font-weight:700 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important;
  padding:4px 12px 10px !important;
  border:0 !important;
  border-bottom:1px solid rgba(35,64,46,0.14) !important;
  box-shadow:none !important;
  border-radius:0 !important;
  position:static !important;
  white-space:normal !important;
}

/* Body-celler: blød cremehvid, bløde rammer, rundede rækker */
#fullPasPlanSide .care-table tbody td,
#fullPasPlanSide .feed-table tbody td,
#fullPasPlanSide .turnout-table tbody td{
  background:#F7F3EA !important;
  border:0 !important;
  border-top:1px solid rgba(35,64,46,0.08) !important;
  border-bottom:1px solid rgba(35,64,46,0.08) !important;
  padding:12px 12px !important;
  font-family:'Inter',sans-serif !important;
  font-size:13.5px !important;
  color:#233028 !important;
  vertical-align:middle !important;
}
#fullPasPlanSide .care-table tbody td:first-child,
#fullPasPlanSide .feed-table tbody td:first-child,
#fullPasPlanSide .turnout-table tbody td:first-child{
  border-left:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px 0 0 12px !important;
}
#fullPasPlanSide .care-table tbody td:last-child,
#fullPasPlanSide .feed-table tbody td:last-child,
#fullPasPlanSide .turnout-table tbody td:last-child{
  border-right:1px solid rgba(35,64,46,0.08) !important;
  border-radius:0 12px 12px 0 !important;
}
/* fjern den gamle zebra-stribe */
#fullPasPlanSide .care-table tbody tr:nth-child(even),
#fullPasPlanSide .care-table tbody tr:nth-child(even) td,
#fullPasPlanSide .feed-table tbody tr:nth-child(even) td{
  background:#F7F3EA !important;
}

/* Boks/hest-navn en anelse stærkere */
#fullPasPlanSide .feed-box-label,
#fullPasPlanSide .turnout-table tbody td:nth-child(2),
#fullPasPlanSide .turnout-table tbody td:nth-child(3){
  color:#23402E !important; font-weight:700 !important;
}

/* Stald-/gruppe-række: blødt gold-bånd i stedet for kraftig bjælke */
#fullPasPlanSide .feed-table .feed-stable-row td,
#fullPasPlanSide .care-table .feed-stable-row td{
  background:#EDE3CC !important;
  color:#7A5B22 !important;
  font-family:'Inter',sans-serif !important;
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:0.10em !important;
  text-transform:uppercase !important;
  border-radius:10px !important;
  border:0 !important;
  padding:9px 14px !important;
  box-shadow:none !important;
}

/* Input-felter: bløde og lette */
#fullPasPlanSide .care-input,
#fullPasPlanSide .care-small-input,
#fullPasPlanSide .care-textarea{
  background:#FFFFFF !important;
  border:1px solid rgba(35,64,46,0.14) !important;
  border-radius:10px !important;
  color:#233028 !important;
  box-shadow:none !important;
}
#fullPasPlanSide .care-input:focus,
#fullPasPlanSide .care-small-input:focus,
#fullPasPlanSide .care-textarea:focus{
  border-color:#C6A15B !important;
  outline:none !important;
  box-shadow:0 0 0 2px rgba(198,161,91,0.18) !important;
}
#fullPasPlanSide .care-table select.care-small-input{
  background:#FFFFFF !important;
}

/* Turnout: bevar kæde/split-knapper men blødere rammer */
#fullPasPlanSide .turnout-table tbody tr td{
  border-top:1px solid rgba(35,64,46,0.08) !important;
}
/* Sammenkædede rækker skal læses som én blok: fjern luft + del afrunding */
#fullPasPlanSide .turnout-table tbody tr.turnout-group-start td{
  border-bottom:0 !important; border-radius:0 !important;
}
#fullPasPlanSide .turnout-table tbody tr.turnout-group-start td:first-child{ border-radius:12px 0 0 0 !important; }
#fullPasPlanSide .turnout-table tbody tr.turnout-group-start td:last-child{ border-radius:0 12px 0 0 !important; }
#fullPasPlanSide .turnout-table tbody tr.turnout-group-middle td{
  border-top:0 !important; border-bottom:0 !important; border-radius:0 !important;
}
#fullPasPlanSide .turnout-table tbody tr.turnout-group-end td{
  border-top:0 !important; border-radius:0 !important;
}
#fullPasPlanSide .turnout-table tbody tr.turnout-group-end td:first-child{ border-radius:0 0 0 12px !important; }
#fullPasPlanSide .turnout-table tbody tr.turnout-group-end td:last-child{ border-radius:0 0 12px 0 !important; }
#fullPasPlanSide .turnout-linked-order .care-small-input,
#fullPasPlanSide .turnout-group-start .care-small-input,
#fullPasPlanSide .turnout-group-middle .care-small-input,
#fullPasPlanSide .turnout-group-end .care-small-input{
  border-color:#C6A15B !important;
  background:#FBF4E2 !important;
}

/* ---- UGEPLAN: lettere grid ---- */
#fullPasPlanSide .wp-table{
  border-collapse:separate !important;
  border-spacing:6px !important;
  background:transparent !important;
}
#fullPasPlanSide .wp-table thead th,
#fullPasPlanSide .wp-corner,
#fullPasPlanSide .wp-dayhead{
  background:#F5F1E8 !important;
  color:#23402E !important;
  border:1px solid rgba(35,64,46,0.10) !important;
  border-radius:12px !important;
  box-shadow:none !important;
  padding:10px 8px !important;
}
#fullPasPlanSide .wp-dayhead .wp-dayname{
  font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.06em !important; text-transform:uppercase !important;
  color:#867866 !important;
}
#fullPasPlanSide .wp-dayhead .wp-daydate{ color:#9a8d7d !important; font-size:11.5px !important; }
#fullPasPlanSide .wp-rowlabel{
  background:#EDE3CC !important;
  color:#7A5B22 !important;
  border:0 !important;
  border-radius:12px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:700 !important; font-size:11px !important;
  letter-spacing:0.08em !important; text-transform:uppercase !important;
  padding:10px 12px !important;
}
#fullPasPlanSide .wp-cell{
  background:#F7F3EA !important;
  border:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px !important;
  padding:6px !important;
}
#fullPasPlanSide .wp-cell.wp-today,
#fullPasPlanSide .wp-dayhead.wp-today{
  background:#FBF4E2 !important;
  border-color:#C6A15B !important;
}
#fullPasPlanSide .wp-input,
#fullPasPlanSide .wp-readonly{
  background:transparent !important;
  color:#233028 !important;
  font-family:'Inter',sans-serif !important;
}
#fullPasPlanSide .wp-input:focus{
  outline:none !important;
  box-shadow:0 0 0 2px rgba(198,161,91,0.18) !important;
  border-radius:8px !important;
}

/* Uge-navigation og hints i Min Hest-stil */
#fullPasPlanSide .wp-week-num{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#23402E !important;
}
#fullPasPlanSide .wp-hint,
#fullPasPlanSide .care-map-section{ /* kort beholder deres lette kort */ }

/* Stald-/foldkort-sektioner: samme bløde kort */
#fullPasPlanSide .care-map-section{
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.10) !important;
  border-radius:16px !important;
  box-shadow:0 1px 2px rgba(35,64,46,0.04) !important;
}
#fullPasPlanSide .stable-map-title{ color:#C6A15B !important; }

/* =====================================================================
   JUSTERINGER: fuld bredde som header, læsbar tekst, sikret turnout-look
   ===================================================================== */

/* 1) Samme bredde som site-headeren (1240px) */
#fullPasPlanSide > .panel{ max-width:1240px !important; }

/* 2) FODERPLAN – felterne må vise ALT tekst (ingen klip, større og højere) */
#fullPasPlanSide .feed-table{ font-size:13.5px !important; }
#fullPasPlanSide .feed-table th,
#fullPasPlanSide .feed-table td{ padding:10px 8px !important; line-height:1.3 !important; }
/* mere plads til navn/bemærkning, mindre til talkolonner */
#fullPasPlanSide .feed-table th:nth-child(3),
#fullPasPlanSide .feed-table td:nth-child(3){ width:14% !important; }
/* alle input og tekstfelter: auto-højde, fuld tekst synlig */
#fullPasPlanSide .feed-table .care-input,
#fullPasPlanSide .feed-table .care-textarea,
#fullPasPlanSide .feed-table td:last-child .care-textarea,
#fullPasPlanSide .feed-table td:last-child textarea.care-textarea{
  height:auto !important;
  min-height:40px !important;
  max-height:none !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
  padding:9px 10px !important;
  border-radius:10px !important;
  overflow:visible !important;
  resize:vertical !important;
  white-space:normal !important;
  text-align:left !important;
  font-weight:500 !important;
  color:#233028 !important;
  display:block !important;
}
/* read-only visning (bruger-visning) skal ombryde og vise alt */
#fullPasPlanSide .feed-table tbody td{
  white-space:normal !important;
  overflow:visible !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}
#fullPasPlanSide .feed-table td:last-child{
  text-align:left !important;
  font-weight:600 !important;
  white-space:normal !important;
}

/* 3) UDLUKNINGSPLAN – sikr at det lette look vinder over de gamle regler.
      (De gamle regler bruger 8px top-border og #fffdf8 – tvinges væk her.) */
#fullPasPlanSide .turnout-table{
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}
#fullPasPlanSide .turnout-table tbody tr td,
#fullPasPlanSide .turnout-table tbody td{
  background:#F7F3EA !important;
  border-top:1px solid rgba(35,64,46,0.08) !important;
  border-bottom:1px solid rgba(35,64,46,0.08) !important;
  border-left:0 !important;
  border-right:0 !important;
  padding:12px 12px !important;
  font-size:13.5px !important;
  color:#233028 !important;
  box-shadow:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#fullPasPlanSide .turnout-table tbody tr{ box-shadow:none !important; background:transparent !important; }
#fullPasPlanSide .turnout-table tbody tr td:first-child{
  border-left:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px 0 0 12px !important;
}
#fullPasPlanSide .turnout-table tbody tr td:last-child{
  border-right:1px solid rgba(35,64,46,0.08) !important;
  border-radius:0 12px 12px 0 !important;
}
/* Sammenkædede rækker som én blok */
#fullPasPlanSide .turnout-table tbody tr.turnout-group-start td{
  border-bottom:0 !important; border-radius:0 !important;
}
#fullPasPlanSide .turnout-table tbody tr.turnout-group-start td:first-child{ border-radius:12px 0 0 0 !important; }
#fullPasPlanSide .turnout-table tbody tr.turnout-group-start td:last-child{ border-radius:0 12px 0 0 !important; }
#fullPasPlanSide .turnout-table tbody tr.turnout-group-middle td{
  border-top:0 !important; border-bottom:0 !important; border-radius:0 !important;
}
#fullPasPlanSide .turnout-table tbody tr.turnout-group-end td{
  border-top:0 !important; border-radius:0 !important;
}
#fullPasPlanSide .turnout-table tbody tr.turnout-group-end td:first-child{ border-radius:0 0 0 12px !important; }
#fullPasPlanSide .turnout-table tbody tr.turnout-group-end td:last-child{ border-radius:0 0 12px 0 !important; }
/* Rækkefølge-input og bemærkning skal kunne ses fuldt ud */
#fullPasPlanSide .turnout-table .care-textarea{
  height:auto !important; min-height:40px !important; max-height:none !important;
  text-align:left !important; font-size:13.5px !important; line-height:1.35 !important;
  padding:9px 10px !important; white-space:normal !important; overflow:visible !important;
}
#fullPasPlanSide .turnout-table .care-small-input{
  height:40px !important; min-height:40px !important; font-size:15px !important;
}
/* grøn/gold tekst i hestenavn + bemærkning bevares men i den nye tone */
#fullPasPlanSide .turnout-table th:nth-child(3),
#fullPasPlanSide .turnout-table th:nth-child(4),
#fullPasPlanSide .turnout-table td:nth-child(3),
#fullPasPlanSide .turnout-table td:nth-child(4){
  color:#23402E !important;
}

/* Slet-knap i udlukningsplanen: blødt look som resten (ikke tung rød blok) */
#fullPasPlanSide .turnout-table .smallbtn.danger,
#fullPasPlanSide .turnout-table button.danger{
  background:#FFFFFF !important;
  background-image:none !important;
  color:#9f4e3f !important;
  border:1px solid rgba(159,78,63,0.28) !important;
  border-radius:10px !important;
  font-family:'Inter',sans-serif !important;
  font-size:12.5px !important; font-weight:600 !important;
  padding:8px 10px !important;
  min-height:auto !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  line-height:1.1 !important;
  cursor:pointer !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease !important;
}
#fullPasPlanSide .turnout-table .smallbtn.danger:hover,
#fullPasPlanSide .turnout-table button.danger:hover{
  background:#9f4e3f !important;
  color:#FFFDF8 !important;
  border-color:#9f4e3f !important;
}

/* Sticky-overskrifter: behold, men i den lyse tone (ikke grøn/creme-skygge) */
#fullPasPlanSide .feed-table thead th,
#fullPasPlanSide .turnout-table thead th{
  position:static !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* =====================================================================
   MOBILVENLIG VISNING – vandret scroll så hele skemaet kan ses/læses
   ===================================================================== */
@media (max-width:820px){
  #fullPasPlanSide > .panel{ padding:16px 12px 18px !important; }
  #fullPasPlanSide .overview-box{ padding:14px 12px 18px !important; border-radius:14px !important; }

  /* Scroll-hint som en almindelig linje OVER skemaet (ikke sticky/overlap) */
  #fullPasPlanSide .care-table-wrap,
  #fullPasPlanSide #turnoutPrintArea,
  #fullPasPlanSide .wp-table-wrap{
    position:relative !important;
  }
  #fullPasPlanSide .care-table-wrap::before,
  #fullPasPlanSide #turnoutPrintArea::before,
  #fullPasPlanSide .wp-table-wrap::before{
    content:"⟵ Træk til siden for at se hele skemaet ⟶";
    display:block !important;
    font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:600 !important;
    color:#9a8d7d !important; letter-spacing:0.02em !important;
    padding:0 0 8px !important; text-align:center !important;
  }

  /* Selve scroll-containeren */
  #fullPasPlanSide .care-table-scroll,
  #fullPasPlanSide .care-table-wrap,
  #fullPasPlanSide #turnoutPrintArea,
  #fullPasPlanSide .wp-table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:12px !important;
    background:none !important;
  }

  /* Tabellerne beholder deres faste bredde => reelt scroll, ingen mas */
  #fullPasPlanSide .feed-table{ width:auto !important; min-width:940px !important; }
  #fullPasPlanSide .turnout-table{ width:auto !important; min-width:640px !important; }
  #fullPasPlanSide .wp-table{ width:760px !important; min-width:760px !important; }

  /* Ingen ombrydning i celler på mobil – ellers presses kolonnerne sammen.
     Bemærkning må godt ombryde, men har fast min-bredde via kolonnen. */
  #fullPasPlanSide .feed-table th,
  #fullPasPlanSide .feed-table td,
  #fullPasPlanSide .feed-table .feed-box-label,
  #fullPasPlanSide .turnout-table th,
  #fullPasPlanSide .turnout-table td{
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    font-size:13px !important; padding:10px 10px !important;
  }
  /* Bemærknings-kolonnen (sidste) må gerne ombryde inden for sin faste bredde */
  #fullPasPlanSide .feed-table td:last-child,
  #fullPasPlanSide .feed-table th:last-child,
  #fullPasPlanSide .turnout-table td:last-child,
  #fullPasPlanSide .turnout-table th:last-child{
    white-space:normal !important; min-width:150px !important;
  }
  /* Boks/hest-kolonner får en fornuftig min-bredde så navne ikke brydes lodret */
  #fullPasPlanSide .feed-table td:first-child,
  #fullPasPlanSide .feed-table th:first-child{ min-width:74px !important; }
  #fullPasPlanSide .feed-table td:nth-child(2),
  #fullPasPlanSide .feed-table th:nth-child(2){ min-width:100px !important; }
  /* Eftermiddag / Aften / Fold / Vitamin / Lucerne / Pavo – hver får plads til sin overskrift */
  #fullPasPlanSide .feed-table td:nth-child(3),
  #fullPasPlanSide .feed-table th:nth-child(3){ min-width:104px !important; }
  #fullPasPlanSide .feed-table td:nth-child(4),
  #fullPasPlanSide .feed-table th:nth-child(4){ min-width:64px !important; }
  #fullPasPlanSide .feed-table td:nth-child(5),
  #fullPasPlanSide .feed-table th:nth-child(5){ min-width:74px !important; }
  #fullPasPlanSide .feed-table td:nth-child(6),
  #fullPasPlanSide .feed-table th:nth-child(6){ min-width:74px !important; }
  #fullPasPlanSide .feed-table td:nth-child(7),
  #fullPasPlanSide .feed-table th:nth-child(7){ min-width:78px !important; }
  #fullPasPlanSide .feed-table td:nth-child(8),
  #fullPasPlanSide .feed-table th:nth-child(8){ min-width:60px !important; }
  #fullPasPlanSide .turnout-table td:nth-child(2),
  #fullPasPlanSide .turnout-table th:nth-child(2),
  #fullPasPlanSide .turnout-table td:nth-child(3),
  #fullPasPlanSide .turnout-table th:nth-child(3){ min-width:104px !important; }
  /* Overskrifter må ombryde til 2 linjer i stedet for at overlappe nabokolonnen */
  #fullPasPlanSide .feed-table thead th,
  #fullPasPlanSide .turnout-table thead th{
    white-space:normal !important; vertical-align:bottom !important; line-height:1.2 !important;
    padding-left:8px !important; padding-right:8px !important;
  }

  /* Ugeplan-navigation og knapper i fuld bredde på mobil */
  #fullPasPlanSide .wp-nav{ gap:10px !important; }
  #fullPasPlanSide .primary-actions{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
  #fullPasPlanSide .primary-actions button{ width:100% !important; }
}

@media (max-width:480px){
  #fullPasPlanSide .care-section-head h3{ font-size:26px !important; }
}

/* Fakturalinjer: gør skemaet scrollbart sidelæns på mobil (ellers mases 9 kolonner sammen) */
@media (max-width:820px){
  #invoicesSide .inv-table-wrap{
    overflow-x:auto !important; -webkit-overflow-scrolling:touch !important;
    position:relative !important;
  }
  #invoicesSide .inv-table-wrap::before{
    content:"⟵ Træk til siden for at se hele fakturaen ⟶";
    display:block !important; font-family:'Inter',sans-serif !important;
    font-size:11px !important; font-weight:600 !important; color:#9a8d7d !important;
    text-align:center !important; padding:8px 0 !important;
  }
  #invoicesSide .inv-table{
    table-layout:auto !important; width:auto !important; min-width:820px !important;
  }
  #invoicesSide .inv-table th,
  #invoicesSide .inv-table td{ white-space:nowrap !important; }
  /* Faste kolonnebredder så inputs er brede nok til at læse indholdet */
  #invoicesSide .inv-table .inv-col-num{ min-width:80px !important; }
  #invoicesSide .inv-table td:nth-child(2),
  #invoicesSide .inv-table th:nth-child(2){ min-width:200px !important; }
  #invoicesSide .inv-table .inv-col-qty{ min-width:64px !important; }
  #invoicesSide .inv-table .inv-col-unit{ min-width:70px !important; }
  #invoicesSide .inv-table .inv-col-price{ min-width:96px !important; }
  #invoicesSide .inv-table .inv-col-vat{ min-width:72px !important; }
  #invoicesSide .inv-table .inv-col-sum{ min-width:104px !important; }
  #invoicesSide .inv-table .inv-col-del{ min-width:44px !important; }
}


/* ===================== GDPR: samtykke-gate + privatlivspolitik ===================== */
.auth-row-split{ display:flex; gap:12px; }
.auth-row-split > div{ flex:1 1 0; }
.auth-row-split label{ display:block; font-size:18px; font-weight:bold; margin-bottom:8px; color:#4b3a29; }
.auth-gdpr{ display:flex; gap:10px; align-items:flex-start; margin-top:16px; padding:12px 14px; background:#F7F3EA; border:1px solid rgba(35,64,46,0.14); border-radius:12px; font-size:13.5px; line-height:1.45; color:#3a3128; cursor:pointer; }
.auth-gdpr input{ width:20px; height:20px; margin-top:1px; flex:0 0 auto; accent-color:#23402E; cursor:pointer; }
.auth-gdpr .linklike{ font-size:13.5px; }

.gdpr-gate{ position:fixed; inset:0; z-index:9000; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(30,26,20,0.55); backdrop-filter:blur(2px); }
.gdpr-card{ width:min(94vw,560px); max-height:90vh; overflow-y:auto; background:#FFFDF8; border-radius:24px; padding:28px; box-shadow:0 18px 40px rgba(0,0,0,0.28); text-align:left; }
.gdpr-card-wide{ width:min(94vw,720px); }
.gdpr-card h2{ margin:0 0 10px; color:#23402E; font-family:'Cormorant Garamond',Georgia,serif; font-size:30px; }
.gdpr-card > p{ color:#5b5045; font-size:14.5px; margin:0 0 12px; }
.gdpr-consent-text{ background:#F7F3EA; border:1px solid rgba(35,64,46,0.14); border-radius:12px; padding:14px 16px; font-size:14px; line-height:1.5; color:#3a3128; margin-bottom:6px; }
.gdpr-gate-foot{ margin-top:14px; text-align:center; }
.ghost-btn{ background:#fff !important; color:#23402E !important; border:1px solid rgba(35,64,46,0.2) !important; }
.privacy-body{ max-height:56vh; overflow-y:auto; padding-right:4px; }
.privacy-body p{ font-size:14px; line-height:1.6; color:#3a3128; margin:0 0 12px; }
.privacy-body strong{ color:#23402E; }
@media (max-width:520px){
  .auth-row-split{ flex-direction:column; gap:14px; }
  .gdpr-card{ padding:20px; }
}

/* =====================================================================
   LET "MIN HEST"-LOOK FOR BRUGERE + FAKTURERING
   Scoped reskin – kun styling, ingen ændring i markup/logik.
   ===================================================================== */

/* ---- Fælles: panel, overskrifter, kort, knapper ---- */
#usersSide > .panel,
#invoicesSide > .panel,
#teachingBillingSide > .panel{
  max-width:1240px !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:8px 0 30px !important;
}
#usersSide > .panel > h2,
#invoicesSide > .panel > h2,
#teachingBillingSide > .panel > h2{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:clamp(30px,3vw,42px) !important; font-weight:600 !important;
  color:#23402E !important; margin:0 0 4px !important; letter-spacing:0 !important;
}
#usersSide .calendar-hint,
#invoicesSide .calendar-hint,
#teachingBillingSide .calendar-hint{
  text-align:left !important; color:#7a6958 !important; font-size:13.5px !important;
  margin-bottom:18px !important; max-width:70ch;
}

/* Kort = bløde cremehvide kort som .mh-section */
#usersSide .overview-box,
#invoicesSide .overview-box,
#teachingBillingSide .overview-box{
  background:#FFFDF8 !important;
  border:1px solid rgba(35,64,46,0.10) !important;
  border-radius:16px !important;
  padding:20px 22px !important;
  box-shadow:0 1px 2px rgba(35,64,46,0.04) !important;
  margin-bottom:18px !important;
}
/* h3-overskrifter i kortene -> gold uppercase "overline" */
#usersSide .overview-box > h3,
#invoicesSide .overview-box > h3{
  font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important;
  color:#C6A15B !important; margin:0 0 14px !important;
  padding-bottom:10px !important; border-bottom:1px solid rgba(35,64,46,0.10) !important;
}

/* Input-felter: lette og bløde */
#usersSide .setup-input,
#invoicesSide .setup-input,
#teachingBillingSide .setup-input{
  background:#FFFFFF !important; border:1px solid rgba(35,64,46,0.14) !important;
  border-radius:10px !important; font-size:14px !important; padding:9px 11px !important;
  color:#233028 !important; box-shadow:none !important;
}
#usersSide .setup-input:focus,
#invoicesSide .setup-input:focus,
#teachingBillingSide .setup-input:focus{
  border-color:#C6A15B !important; outline:none !important; box-shadow:0 0 0 2px rgba(198,161,91,0.18) !important;
}
#usersSide .setup-card,
#invoicesSide .setup-card{
  background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important;
}
#usersSide .setup-card label,
#invoicesSide .setup-card label{
  font-size:12px !important; font-weight:700 !important; color:#867866 !important;
  text-transform:uppercase !important; letter-spacing:0.04em !important; margin-bottom:5px !important; display:block;
}

/* Primær-knapper: lidt mindre og lettere */
#usersSide .primary-actions button,
#invoicesSide .primary-actions button,
#teachingBillingSide .primary-actions button{
  font-size:14px !important; padding:10px 16px !important; border-radius:10px !important;
}
/* smallbtn: lette lyse knapper (ingen tunge caps) */
#usersSide .smallbtn,
#invoicesSide .smallbtn{
  background:#FFFFFF !important; border:1px solid rgba(35,64,46,0.16) !important;
  border-radius:9px !important; font-size:12.5px !important; font-weight:600 !important;
  letter-spacing:0 !important; text-transform:none !important; padding:7px 11px !important;
  color:#23402E !important; box-shadow:none !important;
}
#usersSide .smallbtn:hover,
#invoicesSide .smallbtn:hover{ background:#F5F1E8 !important; }
#usersSide .smallbtn.danger-btn,
#invoicesSide .smallbtn.danger-btn{ color:#9f4e3f !important; border-color:rgba(159,78,63,0.28) !important; }

/* ---- BRUGERE: rækker som lette kort ---- */
#usersSide .user-list{ display:flex; flex-direction:column; gap:10px; }
#usersSide .user-row{
  background:#F7F3EA !important; border:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px !important; padding:14px 16px !important; box-shadow:none !important;
  gap:12px !important;
}
#usersSide .user-row-email{
  font-family:'Inter',sans-serif !important; font-size:15px !important; font-weight:700 !important;
  color:#23402E !important;
}
#usersSide .user-row-sub{ font-size:12.5px !important; color:#7a6958 !important; }
#usersSide .role-select{
  border:1px solid rgba(35,64,46,0.16) !important; border-radius:9px !important;
  font-size:12.5px !important; padding:6px 9px !important; background:#fff !important; color:#23402E !important;
  min-width:0 !important; width:100% !important;
}
#usersSide .setup-grid{ gap:14px !important; }
/* Faste kolonner så knapper flugter lodret på tværs af rækker.
   Fast samlet bredde + faste kolonner => samme knap-type altid samme sted. */
#usersSide .user-row{ align-items:center !important; }
#usersSide .user-row-main{ flex:1 1 auto !important; min-width:0 !important; }
#usersSide .user-row-actions{
  display:grid !important;
  grid-template-columns:150px 120px 108px 138px 100px !important;
  gap:10px !important; align-items:center !important;
  flex:0 0 auto !important; width:656px !important; margin-left:auto !important;
}
#usersSide .user-row-actions > *{ width:100% !important; min-width:0 !important; }
#usersSide .user-row-actions .smallbtn{ justify-content:center !important; display:inline-flex !important; align-items:center !important; gap:6px !important; white-space:nowrap !important; }
#usersSide .user-cell-empty{ display:block !important; width:100% !important; }
#usersSide .user-row-actions select{ min-width:0 !important; width:100% !important; font-size:12.5px !important; padding:7px 9px !important; border-radius:9px !important; }
@media (max-width:1200px){
  #usersSide .user-row{ flex-direction:column !important; align-items:stretch !important; }
  #usersSide .user-row-actions{ width:100% !important; margin-left:0 !important; grid-template-columns:repeat(3,1fr) !important; }
}
@media (max-width:720px){
  #usersSide .user-row-actions{ grid-template-columns:1fr 1fr !important; }
}

/* ---- FAKTURERING: pris-form og linjer lettere ---- */
#invoicesSide .price-form-card,
#invoicesSide .setup-card.price-form-card,
#teachingBillingSide .price-form-card{
  background:#F7F3EA !important; border:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px !important; padding:16px !important; box-shadow:none !important;
}
#invoicesSide .price-field span,
#teachingBillingSide .price-field span{
  font-size:12px !important; font-weight:700 !important; color:#867866 !important;
  text-transform:uppercase !important; letter-spacing:0.04em !important;
}
#invoicesSide .price-field select,
#invoicesSide .price-field input,
#teachingBillingSide .price-field select,
#teachingBillingSide .price-field input{
  font-size:14px !important; padding:9px 11px !important; border-radius:10px !important;
  background:#FFFFFF !important; border:1px solid rgba(35,64,46,0.14) !important; color:#233028 !important;
}
#invoicesSide .inv-meta-block{
  background:#F7F3EA !important; border:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px !important; padding:12px 14px !important; font-size:13px !important; color:#3a3128 !important;
  text-align:left !important;
}
#invoicesSide .inv-meta-block strong{ color:#C6A15B !important; font-family:'Inter',sans-serif !important; font-size:11px !important; letter-spacing:0.14em !important; text-transform:uppercase !important; display:block; margin-bottom:4px; }

@media (max-width:720px){
  #usersSide > .panel, #invoicesSide > .panel, #teachingBillingSide > .panel{ padding:8px 0 22px !important; }
  #usersSide .overview-box, #invoicesSide .overview-box, #teachingBillingSide .overview-box{ padding:15px 15px !important; }
  #usersSide .user-row{ flex-direction:column; align-items:stretch !important; }
}

/* Fakturaliste (fakturaer + kreditnotaer) i let kort-look */
#invoicesSide .price-history{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.10) !important;
  border-radius:16px !important; padding:20px 22px !important;
  box-shadow:0 1px 2px rgba(35,64,46,0.04) !important; margin-top:18px !important;
}
#invoicesSide .price-form-title{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important; color:#C6A15B !important;
  margin:0 0 14px !important; padding-bottom:10px !important; border-bottom:1px solid rgba(35,64,46,0.10) !important;
}
#invoicesSide .inv-row{
  background:#F7F3EA !important; border:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px !important; padding:12px 14px !important;
}
#invoicesSide .inv-row.credit{ background:#FBF1EE !important; border-color:rgba(159,78,63,0.2) !important; }
#invoicesSide .inv-row-main{ font-size:12.5px !important; color:#7a6958 !important; }
#invoicesSide .inv-row-main strong{ font-size:14px !important; color:#23402E !important; }
#invoicesSide .inv-total-row{ font-size:13.5px !important; color:#5b6a5f !important; }
#invoicesSide .inv-total-row.grand{ font-size:17px !important; color:#23402E !important; border-top-color:rgba(35,64,46,0.2) !important; }

/* "Fakturér alle bokse" – mindre og lettere, ikke stor uppercase */
#invoicesSide .multi-tenant-invoice-option{
  background:#F7F3EA !important; border:1px solid rgba(35,64,46,0.08) !important;
  border-radius:12px !important; padding:11px 14px !important;
}
#invoicesSide .multi-tenant-invoice-option label{
  font-weight:600 !important; font-size:13.5px !important; text-transform:none !important;
  letter-spacing:0 !important; color:#23402E !important; align-items:center !important;
}
#invoicesSide .multi-tenant-invoice-option label span{
  font-weight:600 !important; font-size:13.5px !important; text-transform:none !important; letter-spacing:0 !important;
}
#invoicesSide .multi-tenant-invoice-option input{ accent-color:#23402E !important; }
#invoicesSide .multi-tenant-invoice-option .hint{ font-size:12px !important; color:#7a6958 !important; }

/* ===================== ADMIN DASHBOARD ===================== */
#dashboardSide > .panel{ max-width:1240px !important; background:transparent !important; box-shadow:none !important; padding:8px 0 30px !important; }
#dashboardSide > .panel > h2{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(30px,3vw,42px) !important; font-weight:600 !important; color:#23402E !important; margin:0 0 4px !important; }
#dashboardSide .calendar-hint{ text-align:left !important; color:#7a6958 !important; font-size:13.5px !important; margin-bottom:18px !important; }
.dash-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.dash-loading{ grid-column:1/-1; text-align:center; color:#9a8d7d; padding:40px 0; }
.dash-cell{
  background:#FFFDF8; border:1px solid rgba(35,64,46,0.10); border-radius:16px;
  box-shadow:0 1px 2px rgba(35,64,46,0.04); padding:16px 18px 18px; min-height:170px; display:flex; flex-direction:column;
}
.dash-cell-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid rgba(35,64,46,0.08); }
.dash-cell-ico{ flex:0 0 auto; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; }
.dash-cell-ico svg{ width:20px; height:20px; }
.dash-cell-select{
  flex:1 1 auto; min-width:0; border:1px solid rgba(35,64,46,0.14); border-radius:9px;
  background:#fff; color:#23402E; font-size:12.5px; font-weight:700; padding:7px 9px;
  font-family:'Inter',sans-serif; cursor:pointer;
}
.dash-cell-select:focus{ outline:none; border-color:#C6A15B; box-shadow:0 0 0 2px rgba(198,161,91,0.18); }
.dash-cell-body{ flex:1 1 auto; }
.dash-big{ font-family:'Inter',sans-serif; font-size:32px; font-weight:700; color:#23402E; line-height:1.1; letter-spacing:-0.01em; font-variant-numeric:tabular-nums; }
.dash-sub{ font-size:12.5px; color:#8a7862; margin-top:4px; }
.dash-list{ list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:5px; }
.dash-list-top{ margin-top:0; }
.dash-list li{ display:flex; align-items:baseline; gap:8px; font-size:13px; color:#3a3128; }
/* Segmenterede kolonner: dato | primær | sekundær. Faste bredder, venstrestillet,
   så hver kolonne starter samme sted på tværs af rækkerne og pakkes mod venstre. */
.dash-cols .dash-row{ display:grid; grid-template-columns:42px 96px 1fr; gap:10px; align-items:baseline; justify-content:start; text-align:left; }
.dash-cols.dash-cols-2 .dash-row-2{ grid-template-columns:120px 1fr; }
.dash-cols.dash-cols-4 .dash-row-4{ grid-template-columns:42px 44px 96px 1fr; }
.dash-col-date{ color:#9a8d7d; font-size:11.5px; font-weight:700; white-space:nowrap; text-align:left; }
.dash-col-time{ color:#7A5B22; font-size:11.5px; font-weight:700; white-space:nowrap; text-align:left; }
.dash-col-a{ color:#23402E; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.dash-col-b{ color:#7a6958; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.dash-li-date{ flex:0 0 auto; color:#9a8d7d; font-size:11.5px; font-weight:700; min-width:44px; }
.dash-li-main{ min-width:0; }
.dash-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.dash-chip{ display:inline-block; background:#EDE3CC; color:#7A5B22; border-radius:20px; padding:3px 10px; font-size:12px; font-weight:600; }
.dash-bar{ margin-top:12px; height:8px; background:#EDE7D6; border-radius:20px; overflow:hidden; }
.dash-bar-fill{ height:100%; background:linear-gradient(90deg,#C6A15B,#B08D4B); border-radius:20px; }
.dash-empty{ color:#9a8d7d; font-size:13px; padding:8px 0; }
.dash-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dash-two-col{ min-width:0; }
.dash-unit{ font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:#8a7862; margin-left:4px; }
@media (max-width:1000px){ .dash-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .dash-grid{ grid-template-columns:1fr; } #dashboardSide > .panel{ padding:8px 0 22px !important; } }

/* ===== Hest-vælger dropdowns (Fakturering + Min Hest): match sidernes skrift =====
   Maks specificitet + gælder ALLE skærmstørrelser, så intet kan overstyre. */
html body #invoicesSide .price-field select#invBox,
html body select.mh-horse-select{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:#23402E !important;
  padding:8px 34px 8px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(35,64,46,0.16) !important;
  background-color:#FFFDF8 !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%2323402E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  min-height:40px !important;
  height:40px !important;
}
#invoicesSide #invBox,
.mh-horse-select{
  font-family:'Inter',sans-serif !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  color:#23402E !important;
  padding:8px 34px 8px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(35,64,46,0.16) !important;
  background-color:#FFFDF8 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
}
/* På mobil: kompakt skrift der matcher resten (selects zoomer ikke som tekst-felter) */
@media (max-width:820px){
  #invoicesSide #invBox,
  .mh-horse-select{ font-size:14px !important; min-height:40px !important; font-weight:600 !important; }
}

/* =====================================================================
   ENSARTEDE DROPDOWNS PÅ MOBIL
   Alle <select> får samme skrift og størrelse som forsidens menu-dropdown
   (Inter, 14px). Vinder over den generelle 16px-mobilregel.
   ===================================================================== */
@media (max-width:820px){
  select,
  select.setup-input,
  .price-field select,
  .role-select,
  .mh-horse-select,
  .dash-cell-select,
  .log-filter-field select.setup-input,
  #usersSide .user-row-actions select,
  #invoicesSide #invBox,
  #invoicesSide .price-field select,
  #teachingBillingSide .price-field select{
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
    font-family:'Inter',sans-serif !important;
    font-size:14px !important;
    font-weight:600 !important;
    color:#233028 !important;
    line-height:1.3 !important;
    letter-spacing:0 !important;
    min-height:40px !important;
    /* Egen dropdown-pil, så vi kan fjerne native styling uden at miste pilen */
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%2323402E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
    background-repeat:no-repeat !important;
    background-position:right 12px center !important;
    background-color:#FFFDF8 !important;
    padding-right:34px !important;
  }
}

/* ===================== CUSTOM DROPDOWN (kopierer forsidens menu 1:1) ===================== */
.cdd{ position:relative; display:block; width:100%; max-width:100%; box-sizing:border-box; min-width:0; }
.cdd *{ box-sizing:border-box; }
.cdd-native{ position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; }
.cdd-toggle{
  -webkit-appearance:none !important; appearance:none !important;
  display:flex !important; align-items:center; justify-content:space-between; gap:8px; width:100%; max-width:100%;
  box-sizing:border-box !important;
  font-family:'Inter',sans-serif !important; font-size:13.5px !important; font-weight:600 !important;
  color:#4c3a28 !important; background:rgba(255,253,248,0.98) !important; background-image:none !important;
  border:1px solid rgba(115,82,42,0.18) !important;
  border-radius:11px !important; padding:9px 12px !important; margin:0 !important; cursor:pointer; text-align:left; line-height:1.3;
  box-shadow:none !important; min-height:0 !important; height:auto !important; text-transform:none !important; letter-spacing:0 !important;
}
.cdd-toggle:hover{ background:#fffdf8 !important; }
.cdd-label{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cdd-caret{ flex:0 0 auto; color:#8a6a52; font-size:11px; transition:transform .18s ease; }
.cdd.open .cdd-caret{ transform:rotate(180deg); }
/* Menuen = præcis som forsidens .user-menu-dropdown */
.cdd-menu{
  display:none; position:absolute; z-index:2500; left:0; right:0; top:calc(100% + 8px);
  min-width:0; border-radius:14px; padding:6px;
  background:rgba(255,253,248,0.98); border:1px solid rgba(115,82,42,0.14);
  box-shadow:0 10px 30px rgba(63,53,43,.14); text-align:left;
  max-height:min(60vh,420px); overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.cdd.open .cdd-menu{ display:block; }
/* Punkterne = præcis som forsidens .user-menu-item */
.cdd .cdd-menu .cdd-item{
  -webkit-appearance:none !important; appearance:none !important;
  display:block !important; width:100% !important; text-align:left !important;
  background:transparent !important; background-image:none !important; border:0 !important; margin:0 !important;
  border-radius:9px !important; padding:10px 12px !important;
  font-family:'Inter',sans-serif !important; font-size:15px !important; font-weight:500 !important;
  color:#6b5745 !important; cursor:pointer; white-space:normal !important; line-height:1.3 !important;
  box-shadow:none !important; text-transform:none !important; letter-spacing:0 !important; min-height:0 !important;
}
.cdd .cdd-menu .cdd-item:hover{ background:rgba(115,82,42,.07) !important; color:#4c3a28 !important; }
.cdd .cdd-menu .cdd-item-active{ background:rgba(115,82,42,.10) !important; color:#4c3a28 !important; font-weight:600 !important; }
.cdd .cdd-menu .cdd-item-disabled{ color:#b3a794 !important; opacity:0.7 !important; cursor:default !important; }
.cdd .cdd-menu .cdd-item-disabled:hover{ background:transparent !important; color:#b3a794 !important; }

/* ===================== SALGSSTATISTIK – let Min Hest / Dashboard-look ===================== */
#salesSide > .panel{ max-width:1240px !important; background:transparent !important; box-shadow:none !important; padding:8px 0 30px !important; }
#salesSide > .panel > h2{ font-family:'Cormorant Garamond',Georgia,serif !important; font-size:clamp(30px,3vw,42px) !important; font-weight:600 !important; color:#23402E !important; margin:0 0 4px !important; }
#salesSide .calendar-hint{ text-align:left !important; color:#7a6958 !important; font-size:13.5px !important; margin-bottom:18px !important; }

/* Sammendrag-kort: lette cremehvide kort, venstrestillet, gold overline-labels */
#salesSide .sales-summary{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:22px; }
#salesSide .sales-card{
  background:#FFFDF8 !important; border:1px solid rgba(35,64,46,0.10) !important; border-radius:16px !important;
  box-shadow:0 1px 2px rgba(35,64,46,0.04) !important; padding:16px 18px !important; text-align:left !important;
}
#salesSide .sales-card-label{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.14em !important; text-transform:uppercase !important; color:#C6A15B !important; margin-bottom:8px !important;
}
#salesSide .sales-card-val{
  font-family:'Inter',sans-serif !important; font-size:26px !important; font-weight:700 !important;
  color:#23402E !important; line-height:1.1 !important; letter-spacing:-0.01em !important;
  font-variant-numeric:tabular-nums !important;
}
/* "I alt inkl. moms"-kortet: diskret fremhævet i stedet for tung grøn boks */
#salesSide .sales-card.total{
  background:linear-gradient(180deg,#F3F6F2,#EAF0EA) !important; border-color:rgba(35,64,46,0.16) !important;
}
#salesSide .sales-card.total .sales-card-label{ color:#7A5B22 !important; }
#salesSide .sales-card.total .sales-card-val{ color:#23402E !important; }

/* Overskrifter -> gold uppercase overlines */
#salesSide .sales-h3{
  font-family:'Inter',sans-serif !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:0.16em !important; text-transform:uppercase !important; color:#C6A15B !important;
  margin:26px 0 12px !important;
}

/* Tabeller: lette, bløde – uden tung mørkegrøn header */
#salesSide .inv-table-wrap{ border:1px solid rgba(35,64,46,0.10) !important; border-radius:16px !important; overflow:hidden !important; background:#FFFDF8 !important; }
#salesSide .sales-table{ background:transparent !important; }
#salesSide .sales-table thead th{
  background:#F5F1E8 !important; color:#867866 !important; font-family:'Inter',sans-serif !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:0.08em !important; text-transform:uppercase !important;
  padding:11px 14px !important; border-bottom:1px solid rgba(35,64,46,0.10) !important;
}
#salesSide .sales-table td{
  padding:11px 14px !important; font-size:13.5px !important; color:#3a3128 !important;
  border-bottom:1px solid rgba(35,64,46,0.07) !important; text-align:left !important;
}
#salesSide .sales-table td.num, #salesSide .sales-table th.num{ text-align:right !important; }
#salesSide .sales-table tbody tr:last-child td{ border-bottom:0 !important; }
#salesSide .sales-total-row td{ background:#F7F3EA !important; color:#23402E !important; border-top:1px solid rgba(35,64,46,0.14) !important; }

/* ===================== UNDERVISNINGSFAKTURERING – faktura-lignende opstilling ===================== */
.tb-docs{ display:flex; flex-direction:column; gap:18px; }
.tb-doc{
  background:#FFFDF8; border:1px solid rgba(35,64,46,0.12); border-radius:16px;
  box-shadow:0 1px 2px rgba(35,64,46,0.04); padding:20px 22px; overflow:hidden;
}
.tb-doc-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-bottom:14px; border-bottom:1px solid rgba(35,64,46,0.10); margin-bottom:14px; }
.tb-doc-overline{ font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#C6A15B; margin-bottom:4px; }
.tb-doc-name{ font-family:'Cormorant Garamond',Georgia,serif; font-size:24px; font-weight:600; color:#23402E; line-height:1.1; }
.tb-doc-email{ font-size:12.5px; color:#8a7862; margin-top:2px; }
.tb-doc-meta{ text-align:right; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.tb-doc-period{ font-family:'Inter',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.06em; text-transform:capitalize; color:#7a6958; }
.tb-doc-cancel{ font-size:11.5px; color:#9f4e3f; font-weight:600; }
.tb-doc-nobox{ font-size:12px; color:#a99; }

.tb-doc-table{ width:100%; border-collapse:collapse; }
.tb-doc-table thead th{
  font-family:'Inter',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
  color:#867866; text-align:left; padding:0 10px 8px; border-bottom:1px solid rgba(35,64,46,0.10);
}
.tb-doc-table th.tb-d-qty, .tb-doc-table td.tb-d-qty,
.tb-doc-table th.tb-d-price, .tb-doc-table td.tb-d-price,
.tb-doc-table th.tb-d-amount, .tb-doc-table td.tb-d-amount{ text-align:right; white-space:nowrap; }
.tb-doc-table td{ padding:10px; border-bottom:1px solid rgba(35,64,46,0.06); vertical-align:top; font-size:13.5px; color:#3a3128; text-align:left; }
.tb-doc-table td.tb-d-desc{ text-align:left; }
.tb-doc-table tbody tr:last-child td{ border-bottom:0; }
.tb-d-title{ font-weight:600; color:#23402E; text-align:left; }
.tb-d-sub{ font-size:11.5px; color:#8a7862; margin-top:2px; text-align:left; }
.tb-d-qty{ font-weight:700; color:#23402E; }
.tb-d-amount{ font-weight:600; color:#23402E; }

.tb-doc-sums{ margin-top:14px; margin-left:auto; width:100%; max-width:300px; display:flex; flex-direction:column; gap:4px; }
.tb-doc-sumrow{ display:flex; justify-content:space-between; font-size:13px; color:#5b6a5f; padding:3px 0; }
.tb-doc-sumrow span:last-child{ font-variant-numeric:tabular-nums; }
.tb-doc-sumgrand{ font-size:16px; font-weight:700; color:#23402E; border-top:1px solid rgba(35,64,46,0.16); margin-top:4px; padding-top:9px; }

/* Samlet total for alle elever */
.tb-grandtotal{ margin-top:20px; padding-top:16px; border-top:2px solid rgba(35,64,46,0.16); margin-left:auto; width:100%; max-width:340px; display:flex; flex-direction:column; gap:5px; }
.tb-gt-row{ display:flex; justify-content:space-between; font-size:14px; color:#5b6a5f; }
.tb-gt-row span:last-child{ font-variant-numeric:tabular-nums; }
.tb-gt-grand{ font-size:18px; font-weight:700; color:#23402E; border-top:1px solid rgba(35,64,46,0.2); margin-top:5px; padding-top:10px; }

@media (max-width:600px){
  .tb-doc{ padding:16px; }
  .tb-doc-meta{ text-align:left; align-items:flex-start; }
  .tb-doc-table thead{ display:none; }
  .tb-doc-table td{ display:block; text-align:left !important; padding:2px 0; border:0; }
  .tb-doc-table tbody tr{ display:block; padding:10px 0; border-bottom:1px solid rgba(35,64,46,0.08); }
  .tb-doc-table td.tb-d-qty::before{ content:'Antal: '; color:#8a7862; }
  .tb-doc-table td.tb-d-price::before{ content:'Stk.pris: '; color:#8a7862; }
  .tb-doc-table td.tb-d-amount::before{ content:'Beløb: '; color:#8a7862; }
}

/* ===== Manual Weekendvagt – næsten fullscreen PDF-popup ===== */
.weekend-guard-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(41,30,16,0.55);z-index:4000;padding:2vh 2vw;}
.weekend-guard-inner{background:#fffdf8;width:96vw;height:96vh;max-width:1400px;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow:hidden;}
.weekend-guard-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(115,82,42,0.16);background:#f7f1e8;flex:0 0 auto;}
.weekend-guard-title{font-family:Georgia,'Times New Roman',serif;font-size:19px;color:#3f352b;font-weight:600;}
.weekend-guard-close{border:0;background:#e2d4bd;color:#3f352b;width:36px;height:36px;border-radius:9px;font-size:18px;cursor:pointer;line-height:1;flex:0 0 auto;}
.weekend-guard-close:hover{background:#d3c1a3;}
.weekend-guard-body{flex:1 1 auto;min-height:0;background:#5b5147;}
.weekend-guard-body iframe{width:100%;height:100%;border:0;display:block;background:#fff;}