/* Lys cremebaggrund (som resume-siden i forretningsplanen) */
html{
  min-height:100%;
  background:
    linear-gradient(180deg, rgba(245,241,232,.94) 0%, rgba(241,236,224,.95) 50%, rgba(236,230,216,.96) 100%),
    url('stald-bg-hay.webp') center center / cover fixed no-repeat !important;
  background-color:#F5F1E8 !important;
}
body{background:#F5F1E8 !important;}
body::before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 36%),
    linear-gradient(90deg, rgba(255,252,246,.08), rgba(255,252,246,.02), rgba(255,252,246,.08));
}
.overview-box,.report-box,.setup-card,.summary-card,.stats-chart-card,.tenant-card,.price-rate-card,.inv-row,.stats-dialog,.auth-card{
  backdrop-filter:saturate(1.03) blur(2px);
}
@media (max-width:720px){
 html{
  background:
   linear-gradient(180deg, rgba(245,241,232,.95) 0%, rgba(241,236,224,.96) 50%, rgba(236,230,216,.97) 100%),
   url('stald-bg-hay.webp') center top / cover scroll no-repeat !important;
  background-color:#F5F1E8 !important;
 }
}

/* Transparent tekstboks bag "Sådan kommer du i gang" */
.front-stage-heading{
  width:min(980px, calc(100% - 32px)) !important;
  margin:26px auto 28px auto !important;
  padding:26px 34px 28px !important;
  border-radius:28px !important;
  background:rgba(255, 250, 242, .48) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 18px 46px rgba(67,52,34,.13) !important;
  backdrop-filter:saturate(1.08) blur(8px) !important;
  -webkit-backdrop-filter:saturate(1.08) blur(8px) !important;
}

.front-stage-heading h2,
.front-stage-heading p{
  text-shadow:0 1px 10px rgba(255,250,242,.55) !important;
}

.front-stage-heading h2{
  margin-top:0 !important;
}

.front-stage-heading p{
  margin-bottom:0 !important;
}

@media (max-width:720px){
  .front-stage-heading{
    width:calc(100% - 22px) !important;
    margin:18px auto 20px auto !important;
    padding:20px 18px 22px !important;
    border-radius:22px !important;
    background:rgba(255,250,242,.56) !important;
    backdrop-filter:saturate(1.05) blur(7px) !important;
    -webkit-backdrop-filter:saturate(1.05) blur(7px) !important;
  }
}


/* Finjustering: tekstboksen matcher hero/header-bredden, og mobilbaggrunden beskæres pænere */
.front-stage-heading{
  width:calc(100% - 28px) !important;
  max-width:none !important;
  margin:26px auto 28px auto !important;
  box-sizing:border-box !important;
}

@media (min-width:721px){
  .front-stage-heading{
    /* Samme visuelle bredde som hero/headeren ovenover */
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
}

@media (max-width:720px){
  html{
    /* Mobil: mindre kaotisk beskæring og lidt roligere farver */
    background:
      linear-gradient(180deg, rgba(245,241,232,.96) 0%, rgba(241,236,224,.97) 48%, rgba(236,230,216,.98) 100%),
      url('stald-bg-hay.webp') 38% top / auto 100vh scroll no-repeat !important;
    background-color:#F5F1E8 !important;
  }

  body::before{
    background:
      linear-gradient(180deg, rgba(255,252,246,.18), rgba(255,252,246,.08) 45%, rgba(239,229,211,.18)) !important;
  }

  .front-stage-heading{
    width:calc(100% - 20px) !important;
    max-width:none !important;
    margin:16px auto 20px auto !important;
    padding:18px 16px 20px !important;
    border-radius:22px !important;
    background:rgba(255,250,242,.64) !important;
    border-color:rgba(255,255,255,.50) !important;
    backdrop-filter:saturate(1.02) blur(9px) !important;
    -webkit-backdrop-filter:saturate(1.02) blur(9px) !important;
  }
}

/* Header/hero: skovgrøn (Voigt Ekvipage-tema) */
:root{
  --stald-box-dark:#23402E;
  --stald-box-dark-mid:#2C4B37;
  --stald-box-dark-deep:#1B3324;
}

.hero-card{
  background:
    linear-gradient(90deg,
      var(--stald-box-dark-mid) 0%,
      var(--stald-box-dark) 52%,
      rgba(94,80,63,.18) 52%,
      rgba(94,80,63,.18) 100%) !important;
}

.hero-copy,
.hero .hero-copy{
  background:linear-gradient(135deg,
    var(--stald-box-dark-mid) 0%,
    var(--stald-box-dark) 58%,
    var(--stald-box-dark-deep) 100%) !important;
  color:#fffaf2 !important;
}

.hero-copy h1,
.hero-copy .hero-pro,
.hero-copy .hero-subcopy,
.hero-copy p,
.hero .hero-copy h1,
.hero .hero-copy .hero-pro,
.hero .hero-copy .hero-subcopy,
.hero .hero-copy p{
  color:#fffaf2 !important;
  text-shadow:0 2px 12px rgba(30,24,18,.24) !important;
}

@media (max-width:720px){
  .hero-card,
  .hero-copy,
  .hero .hero-copy{
    background:linear-gradient(135deg,
      var(--stald-box-dark-mid) 0%,
      var(--stald-box-dark) 58%,
      var(--stald-box-dark-deep) 100%) !important;
  }
}

/* Gør kasser bag måned-/årsangivelser transparente på alle relevante sider */
.month-label,
.stats-year-value,
#oversigtMaaned,
#boxMonthLabel,
#calendarMonthLabel,
#missingMonthValue,
#boxStatsYear,
#overviewStatsYear{
  background:transparent !important;
  background-color:transparent !important;
  border-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

.month-label::before,
.month-label::after,
.stats-year-value::before,
.stats-year-value::after{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Forside: mørkere kant på boksknapperne - især de lyse/ikke-gemte bokse */
#forside .box{
  border:2px solid rgba(94,80,63,.48) !important;
  box-shadow:
    0 10px 26px rgba(58,46,31,.16),
    inset 0 0 0 1px rgba(255,255,255,.30) !important;
}

#forside .box:not(.done){
  border-color:rgba(94,80,63,.62) !important;
}

#forside .box.done{
  border-color:rgba(47,90,67,.46) !important;
}

#forside .box:hover{
  border-color:rgba(94,80,63,.82) !important;
  box-shadow:
    0 16px 36px rgba(58,46,31,.22),
    inset 0 0 0 1px rgba(255,255,255,.35) !important;
}

#forside .box.done:hover{
  border-color:rgba(47,90,67,.68) !important;
}

@media (max-width:720px){
  #forside .box{
    border-width:2px !important;
    border-color:rgba(94,80,63,.58) !important;
  }
  #forside .box.done{
    border-color:rgba(47,90,67,.52) !important;
  }
}

/* Forside-menu: samme skrifttype som top-dropdown + lidt lysere bokskanter */
#forsideKnapper .bigbtn,
.front-stage #forsideKnapper .bigbtn,
.summary-btn-wrap#forsideKnapper .bigbtn{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}

#forsideKnapper .bigbtn span,
.front-stage #forsideKnapper .bigbtn span{
  font-family: inherit !important;
}

/* Boksknapper på forsiden: behold markering, men gør kanten en anelse lysere */
#forside .box{
  border:2px solid rgba(94,80,63,.38) !important;
  box-shadow:
    0 10px 24px rgba(58,46,31,.14),
    inset 0 0 0 1px rgba(255,255,255,.28) !important;
}

#forside .box:not(.done){
  border-color:rgba(94,80,63,.46) !important;
}

#forside .box.done{
  border-color:rgba(47,90,67,.38) !important;
}

#forside .box:hover{
  border-color:rgba(94,80,63,.62) !important;
  box-shadow:
    0 15px 32px rgba(58,46,31,.19),
    inset 0 0 0 1px rgba(255,255,255,.34) !important;
}

#forside .box.done:hover{
  border-color:rgba(47,90,67,.54) !important;
}

@media (max-width:720px){
  #forside .box{
    border-width:2px !important;
    border-color:rgba(94,80,63,.42) !important;
  }
  #forside .box:not(.done){
    border-color:rgba(94,80,63,.48) !important;
  }
  #forside .box.done{
    border-color:rgba(47,90,67,.42) !important;
  }
}

/* Finjustering: forside-menu mindre/ikke-bold + 50% nedtonet bokskant */
#forsideKnapper .bigbtn,
.front-stage #forsideKnapper .bigbtn,
.summary-btn-wrap#forsideKnapper .bigbtn{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

@media (max-width:720px){
  #forsideKnapper .bigbtn,
  .front-stage #forsideKnapper .bigbtn,
  .summary-btn-wrap#forsideKnapper .bigbtn{
    font-size: .98rem !important;
    font-weight: 400 !important;
  }
}

/* Boksknapper på forsiden: kant nedtonet ca. 50% fra sidste version */
#forside .box{
  border:2px solid rgba(94,80,63,.19) !important;
  box-shadow:
    0 9px 22px rgba(58,46,31,.12),
    inset 0 0 0 1px rgba(255,255,255,.24) !important;
}

#forside .box:not(.done){
  border-color:rgba(94,80,63,.23) !important;
}

#forside .box.done{
  border-color:rgba(47,90,67,.19) !important;
}

#forside .box:hover{
  border-color:rgba(94,80,63,.31) !important;
  box-shadow:
    0 13px 28px rgba(58,46,31,.16),
    inset 0 0 0 1px rgba(255,255,255,.30) !important;
}

#forside .box.done:hover{
  border-color:rgba(47,90,67,.27) !important;
}

@media (max-width:720px){
  #forside .box{
    border-color:rgba(94,80,63,.21) !important;
  }
  #forside .box:not(.done){
    border-color:rgba(94,80,63,.24) !important;
  }
  #forside .box.done{
    border-color:rgba(47,90,67,.21) !important;
  }
}

/* === AVDEO FIX 2026-07-17: small centered front menu headings START === */
/*
  Kun forsidemenuerne rammes her.
  Topboksen .front-stage-heading med "Sådan kommer du i gang" røres ikke.
*/

/* Hvis den gamle venstre titel er lavet som pseudo-element i app.css, fjernes den,
   så kun den nye rigtige titel inde over knapperne vises. */
#forsideKnapper::before,
#forsideKnapper::after,
.front-stage #forsideKnapper::before,
.front-stage #forsideKnapper::after{
  content:none !important;
  display:none !important;
}

/* Menuoverskriften ind over knapperne */
#forsideKnapper > .front-menu-title,
.front-stage #forsideKnapper > .front-menu-title,
.summary-btn-wrap#forsideKnapper > .front-menu-title{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  text-align:left !important;
  align-self:auto !important;
  justify-self:auto !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:26px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  margin:0 0 22px 0 !important;
  padding:0 0 0 22px !important;
  color:#5e503f !important;
}

/* Hvis en eksisterende h2/h3 ligger inde i knapkortet, får den samme størrelse/placering */
.front-stage #forsideKnapper > h2,
.front-stage #forsideKnapper > h3{
  text-align:center !important;
  font-size:26px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  margin:0 0 22px 0 !important;
  padding:0 !important;
  color:#5e503f !important;
}

/* Forklaringskortets overskrift: kun "Farver på boksene" */
#farveForklaring > h2,
#farveForklaring > h3,
.front-stage .front-legend > h2,
.front-stage .front-legend > h3{
  font-size:26px !important;       /* ca. 60% af den tidligere store størrelse */
  line-height:1.15 !important;
  font-weight:700 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  color:#5e503f !important;
}

/* Ekstra sikkerhed: top-overskriften må beholde sin normale størrelse */
.front-stage-heading h2{
  font-size:revert !important;
}

@media (max-width:720px){
  #forsideKnapper > .front-menu-title,
  .front-stage #forsideKnapper > .front-menu-title,
  .summary-btn-wrap#forsideKnapper > .front-menu-title,
  .front-stage #forsideKnapper > h2,
  .front-stage #forsideKnapper > h3,
  #farveForklaring > h2,
  #farveForklaring > h3,
  .front-stage .front-legend > h2,
  .front-stage .front-legend > h3{
    font-size:22px !important;
    margin-bottom:16px !important;
  }
}
/* === AVDEO FIX 2026-07-17: small centered front menu headings END === */

/* === AVDEO FIX 2026-07-17: half thickness front box borders START === */
/* Forside: boksknappernes kant sat til halv tykkelse fra 2px til 1px */
#forside .box,
#forside .box:not(.done),
#forside .box.done,
#forside .box:hover,
#forside .box.done:hover{
  border-width:1px !important;
}

@media (max-width:720px){
  #forside .box,
  #forside .box:not(.done),
  #forside .box.done,
  #forside .box:hover,
  #forside .box.done:hover{
    border-width:1px !important;
  }
}
/* === AVDEO FIX 2026-07-17: half thickness front box borders END === */

/* === AVDEO FIX 2026-07-17: front intro only on front page START === */
/* Bruges kun af den lille navigationsstyring i index.php. Forsiden er synlig som standard. */
#frontIntroBox.front-only-hidden,
.front-stage-heading.front-only-hidden{
  display:none !important;
}
/* === AVDEO FIX 2026-07-17: front intro only on front page END === */

/* === FAKTURERING 2026-07-18: ren, samlet styling for billing-menuen (erstatter alle tidligere billing-blokke) === */

/* Overskriftskassen "Fakturering" - holdes kompakt */
#billingMenuSide > .billing-head-panel,
#billingMenuSide > .panel.billing-head-panel{
  width:min(760px, calc(100% - 40px)) !important;
  max-width:760px !important;
  margin:20px auto 22px auto !important;
  padding:22px 30px 20px !important;
  min-height:0 !important;
  height:auto !important;
  box-sizing:border-box !important;
  border-radius:24px !important;
}
#billingMenuSide > .billing-head-panel h2,
#billingMenuSide > .panel.billing-head-panel h2{
  margin:0 0 8px 0 !important;
  font-size:clamp(2rem, 3vw, 2.8rem) !important;
  line-height:1.05 !important;
}
#billingMenuSide > .billing-head-panel .calendar-hint,
#billingMenuSide > .panel.billing-head-panel .calendar-hint{
  margin:0 !important;
  font-size:1.05rem !important;
  line-height:1.35 !important;
}

/* Den ENE menuboks der rummer alle knapper (inkl. Tilbage). Større end før. */
#billingMenuSide > .billing-transparent-menu-box{
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  width:min(760px, calc(100% - 40px)) !important;
  max-width:760px !important;
  margin:0 auto 40px auto !important;
  padding:44px 48px 46px !important;
  box-sizing:border-box !important;
  border-radius:30px !important;
  background:rgba(255, 250, 242, .50) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 20px 50px rgba(67,52,34,.15) !important;
  backdrop-filter:saturate(1.08) blur(8px) !important;
  -webkit-backdrop-filter:saturate(1.08) blur(8px) !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}

/* Knapperne stables lodret og ligger ovenpå boksen */
#billingMenuSide > .billing-transparent-menu-box .billing-button-stack{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:22px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  z-index:2 !important;
}
#billingMenuSide > .billing-transparent-menu-box .billing-button-stack .bigbtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100% !important;
  max-width:none !important;
  min-height:64px !important;
  margin:0 !important;
  padding:14px 22px !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:2 !important;
}
/* Tilbage-knappen sidder inde i samme boks, lidt adskilt og smallere */
#billingMenuSide > .billing-transparent-menu-box .billing-button-stack .billing-back-button{
  width:220px !important;
  max-width:100% !important;
  align-self:center !important;
  margin-top:8px !important;
}

@media (max-width:720px){
  #billingMenuSide > .billing-head-panel,
  #billingMenuSide > .panel.billing-head-panel{
    width:calc(100% - 22px) !important;
    margin:16px auto 16px auto !important;
    padding:18px 16px 16px !important;
    border-radius:20px !important;
  }
  #billingMenuSide > .billing-head-panel h2,
  #billingMenuSide > .panel.billing-head-panel h2{
    font-size:clamp(1.7rem, 8vw, 2.4rem) !important;
    margin-bottom:6px !important;
  }
  #billingMenuSide > .billing-transparent-menu-box{
    width:calc(100% - 20px) !important;
    margin:0 auto 28px auto !important;
    padding:28px 18px 30px !important;
    border-radius:24px !important;
    background:rgba(255,250,242,.64) !important;
  }
  #billingMenuSide > .billing-transparent-menu-box .billing-button-stack{
    gap:16px !important;
  }
  #billingMenuSide > .billing-transparent-menu-box .billing-button-stack .bigbtn{
    min-height:58px !important;
  }
}
/* === /FAKTURERING 2026-07-18 === */


/* === 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 === */

/* === STALD-SEGMENTERING 2026-07-18: staldbygninger START === */
/* Overskrift over hver staldgruppe på forsiden. Fylder hele grid-bredden. */
#forside .stable-group-header{
  grid-column:1 / -1 !important;
  margin:6px 0 -6px 0;
  padding:10px 18px;
  font-family:'Inter','Segoe UI',system-ui,Arial,sans-serif !important;
  font-size:1.35rem;
  font-weight:600;
  color:#23402E;
  letter-spacing:.3px;
  text-shadow:none !important;
  border:1px solid rgba(35,64,46,0.12) !important;
  background:#FFFDF8 !important;
  border-radius:14px;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
#forside .stable-group-header:first-child{ margin-top:0; }

/* Stald-vælger under "Indstil bokse" */
.setup-stable-row{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.setup-stable-row select,
.setup-stable-row input[type="number"]{
  font-size:16px !important;
  min-height:48px !important;
  padding:8px 12px !important;
  border-radius:14px !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* Administration af stalde på Stalde-siden */
.stable-admin-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.stable-admin-row{
  display:flex;
  gap:12px;
  align-items:center;
}
.stable-admin-row .stable-name-input{
  flex:1 1 auto;
  min-width:0;
  font-size:18px !important;
  min-height:52px !important;
  padding:10px 16px !important;
  border-radius:16px !important;
  text-align:left !important;
}
.stable-admin-row .stable-remove-btn{ flex:0 0 auto; white-space:nowrap; }

@media (max-width:720px){
  #forside .stable-group-header{ font-size:1.15rem; padding:8px 14px; }
  .setup-stable-row{ flex-direction:column; align-items:stretch; }
  .setup-stable-row input[type="number"]{ flex:1 1 auto; width:100%; }
  .stable-admin-row{ flex-direction:column; align-items:stretch; }
}
/* === STALD-SEGMENTERING 2026-07-18: staldbygninger END === */

/* === FAKTURERING 2026-07-18: mindre overskrift på "Fakturér alle bokse for samme lejer" === */
#invoicesSide .multi-tenant-invoice-option label{
  font-size:15px !important;
  line-height:1.3 !important;
  align-items:center !important;
}
@media (max-width:720px){
  #invoicesSide .multi-tenant-invoice-option label{
    font-size:14px !important;
  }
}
/* === /FAKTURERING 2026-07-18 === */

/* === MENUGRUPPER 2026-07-18: samlede setup-sider === */
.group-top-bar{ max-width:1180px; margin:0 auto 6px auto; padding:0 4px; display:flex; }
.group-top-bar button{ background:#5e503f; color:#fff; border:none; border-radius:14px; padding:12px 20px; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:8px; }
.group-top-bar button:hover{ background:#4a3f31; }
/* Skjul de enkelte sektioners egen Tilbage-knap i gruppevisning */
body.setup-group-view .group-hidden-back{ display:none !important; }
/* Lidt luft mellem sektionerne på en samlet side */
body.setup-group-view .setup-group-section{ margin-bottom:6px; }
body.setup-group-view .setup-group-section > .panel{ margin-bottom:18px !important; }
/* === /MENUGRUPPER 2026-07-18 === */

/* === LEJERLISTE 2026-07-18: smal listevisning med knapper i højre side === */
#tenantList .tenant-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 16px;
  margin:0 0 8px 0;
  background:rgba(255,253,248,0.9);
  border:1px solid rgba(94,80,63,0.16);
  border-radius:14px;
  box-shadow:0 4px 12px rgba(94,80,63,0.06);
}
#tenantList .tenant-row.inactive{ opacity:0.62; }
#tenantList .tenant-row-info{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1 1 auto;
}
#tenantList .tenant-row-info .tenant-name{ font-weight:700; color:#3f352b; font-size:15px; line-height:1.2; }
#tenantList .tenant-row-info .tenant-sub{
  font-size:12px; color:#6d6257; line-height:1.3;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#tenantList .tenant-row-actions{
  display:flex; gap:8px; flex:0 0 auto; align-items:center;
}
#tenantList .tenant-row-actions button{
  padding:8px 14px; font-size:13px; border-radius:12px; white-space:nowrap;
}
@media (max-width:640px){
  #tenantList .tenant-row{ flex-direction:column; align-items:stretch; }
  #tenantList .tenant-row-info .tenant-sub{ white-space:normal; }
  #tenantList .tenant-row-actions{ justify-content:flex-end; }
}
/* === /LEJERLISTE 2026-07-18 === */

/* === STALDE OG BOKSE 2026-07-18: kompakte topsektioner (Antal bokse + Stalde) - lavere i højden === */
body.setup-group-view #setupBoxesSide.setup-group-section > .panel,
body.setup-group-view #setupStablesSide.setup-group-section > .panel{
  padding:14px 26px 12px !important;
}
body.setup-group-view #setupBoxesSide.setup-group-section h2,
body.setup-group-view #setupStablesSide.setup-group-section h2{
  font-size:1.4rem !important;
  margin:0 0 4px 0 !important;
}
body.setup-group-view #setupBoxesSide.setup-group-section .calendar-hint,
body.setup-group-view #setupStablesSide.setup-group-section .calendar-hint{
  font-size:0.9rem !important;
  margin:0 0 8px 0 !important;
}
/* Antal bokse: lavere felt og mindre luft */
body.setup-group-view #setupBoxesSide.setup-group-section .overview-box{
  padding:10px 14px !important;
}
body.setup-group-view #setupBoxesSide.setup-group-section .setup-card{
  padding:10px 14px !important;
}
body.setup-group-view #setupBoxesSide.setup-group-section #setupTotalBoxes,
body.setup-group-view #setupBoxesSide.setup-group-section .setup-input{
  font-size:20px !important;
  min-height:44px !important;
  padding:6px 12px !important;
}
body.setup-group-view #setupBoxesSide.setup-group-section .legend-note{
  margin-top:4px !important;
  font-size:0.85rem !important;
}
/* Stalde: lavere liste og mindre luft */
body.setup-group-view #setupStablesSide.setup-group-section .overview-box{
  padding:10px 14px !important;
}
body.setup-group-view #setupBoxesSide.setup-group-section .primary-actions,
body.setup-group-view #setupStablesSide.setup-group-section .primary-actions{
  margin-top:10px !important;
}
/* === /STALDE OG BOKSE 2026-07-18 === */

/* === WRAP OG HØ 2026-07-18: mindre tekstfelter på pc inde i "Lejere og faktureringsdata" === */
@media (min-width:721px){
  body.setup-group-view #setupFeedSide.setup-group-section #setupWrapBalleVægt,
  body.setup-group-view #setupFeedSide.setup-group-section #setupHoBalleVægt,
  body.setup-group-view #setupFeedSide.setup-group-section .setup-input{
    font-size:20px !important;
    min-height:46px !important;
    padding:6px 12px !important;
    max-width:220px !important;
  }
  body.setup-group-view #setupFeedSide.setup-group-section .setup-card.compact{
    padding:12px 16px !important;
  }
  body.setup-group-view #setupFeedSide.setup-group-section h2{
    font-size:1.5rem !important;
  }
}
/* === /WRAP OG HØ 2026-07-18 === */

/* === ENS KNAPPER 2026-07-18: Stalde + Antal bokse skal have samme knapstil === */
body.setup-group-view #setupStablesSide .primary-actions button,
body.setup-group-view #setupBoxesSide .primary-actions button,
#setupStablesSide .primary-actions button{
  font-size:16px !important;
  min-height:52px !important;
  padding:12px 20px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transform:none !important;
  border-radius:16px !important;
  font-weight:700 !important;
}
/* === /ENS KNAPPER 2026-07-18 === */

/* === NULSTIL/SKIFT BOKSLEJER 2026-07-18: strømlinet, ensartet skrift === */
.reset-box-section h3{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:20px !important;
  font-weight:600 !important;
  margin:0 0 10px 0 !important;
}
/* Ens knapper: normal tekst, ingen spærrede versaler */
.reset-box-section .reset-box-actions button,
.reset-box-section .reset-box-actions button.danger,
.reset-box-section .reset-box-actions button.secondary{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  min-height:48px !important;
  padding:12px 20px !important;
  border-radius:14px !important;
  transform:none !important;
}
/* Checkbox-labels og felt-labels ens */
.reset-box-section .reset-confirm-check{
  font-weight:600 !important;
  font-size:14px !important;
}
.reset-box-section .setup-card.compact span{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:700 !important;
  font-size:14px !important;
}
.reset-box-section input[type="date"],
.reset-box-section #tenantStartDate,
.reset-box-section select.setup-input{
  font-size:17px !important;
  height:48px !important;
  min-height:48px !important;
  letter-spacing:0 !important;
}
/* === /NULSTIL/SKIFT BOKSLEJER 2026-07-18 === */

/* === EKSISTERENDE BRUGERE 2026-07-18: strømlinet højreside === */
#usersList .user-row{
  align-items:center !important;
}
#usersList .user-row-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
/* Rolle-dropdown: fast bredde, ens højde */
#usersList .user-row-actions select.setup-input{
  min-width:150px !important;
  max-width:170px !important;
  height:42px !important;
  min-height:42px !important;
  font-size:14px !important;
  padding:6px 12px !important;
  border-radius:12px !important;
}
/* Alle knapper ens: samme højde, skrift og form */
#usersList .user-row-actions .smallbtn{
  height:42px !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  padding:0 16px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
}
#usersList .user-row-actions .smallbtn.danger-btn{
  background:#9f4e3f !important;
  color:#fff !important;
}
@media (max-width:820px){
  #usersList .user-row{ flex-direction:column !important; align-items:stretch !important; }
  #usersList .user-row-actions{ flex-wrap:wrap !important; justify-content:flex-start !important; }
  #usersList .user-row-actions select.setup-input{ max-width:none !important; flex:1 1 100% !important; }
}
/* === /EKSISTERENDE BRUGERE 2026-07-18 === */

/* === PASNINGSOVERSIGT-KORT 2026-07-18 === */
.pasning-export-card{ margin-top:16px !important; text-align:left !important; }
.pasning-export-card h3{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:20px !important;
  font-weight:600 !important;
  margin:0 0 8px 0 !important;
  color:#3f352b !important;
}
.pasning-export-card .primary-actions button{
  font-size:15px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  min-height:48px !important;
  padding:12px 22px !important;
  border-radius:14px !important;
}
/* === /PASNINGSOVERSIGT-KORT 2026-07-18 === */

/* === VAREKARTOTEK 2026-07-18: pænt linje-layout === */
/* Opret ny vare: kompakt grid med små felter */
#setupProductsSide .product-form-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
  gap:12px !important;
  align-items:end !important;
}
#setupProductsSide .product-form-grid .setup-card{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}
#setupProductsSide .product-form-grid .setup-card span{
  font-size:12px !important;
  font-weight:700 !important;
  color:#6d6257 !important;
  text-align:left !important;
}
#setupProductsSide .product-form-grid .setup-input{
  font-size:15px !important;
  min-height:42px !important;
  height:42px !important;
  padding:6px 12px !important;
  border-radius:10px !important;
  text-align:left !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
}
#setupProductsSide .product-form-grid .reset-confirm-check{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:13px !important;
  font-weight:600 !important;
  align-self:center !important;
}
#setupProductsSide .product-form-grid .reset-confirm-check input{ width:18px; height:18px; }

/* Vareliste: hver vare på én linje med handlinger i højre side */
#productList .product-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:10px 16px !important;
  margin:0 0 8px 0 !important;
  background:rgba(255,253,248,0.92) !important;
  border:1px solid rgba(94,80,63,0.16) !important;
  border-radius:12px !important;
  box-shadow:0 3px 10px rgba(94,80,63,0.05) !important;
  text-align:left !important;
}
#productList .product-row-main{ flex:1 1 auto; min-width:0; }
#productList .product-row-title{
  font-size:15px !important;
  color:#3f352b !important;
  line-height:1.25 !important;
}
#productList .product-row-title strong{ color:#3f352b; }
#productList .product-row-sub{
  font-size:12.5px !important;
  color:#6d6257 !important;
  line-height:1.3 !important;
  margin-top:1px;
}
#productList .product-sys-badge{
  display:inline-block;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.4px;
  color:#7a6a52;
  background:#efe3cf;
  border:1px solid #d8c6a6;
  border-radius:8px;
  padding:1px 7px;
  margin-left:6px;
  vertical-align:middle;
}
/* Prishistorik: små linjer under varenavnet */
#productList .product-price-hist{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px 14px !important;
  margin-top:5px !important;
}
#productList .product-price-row{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:11.5px !important;
  color:#7a6a52 !important;
  background:rgba(120,100,70,0.06);
  border-radius:8px;
  padding:2px 8px;
}
#productList .product-price-row .smallbtn{
  min-height:0 !important;
  height:22px !important;
  padding:0 6px !important;
  font-size:11px !important;
}
/* Handlingsknapper i højre side: ens størrelse */
#productList .product-row-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
}
#productList .product-row-actions .smallbtn{
  height:38px !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  padding:0 14px !important;
  border-radius:10px !important;
  white-space:nowrap !important;
}
@media (max-width:760px){
  #productList .product-row{ flex-direction:column !important; align-items:stretch !important; }
  #productList .product-row-actions{ justify-content:flex-end !important; }
}
/* === /VAREKARTOTEK 2026-07-18 === */

/* Auto-påfør toggle i varekartotek */
#productList .product-auto-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:6px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#4a4036 !important;
  cursor:pointer;
}
#productList .product-auto-toggle input{ width:16px; height:16px; }

/* To toggles (auto + momsfri) side om side i varekartotek */
#productList .product-toggle-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px 18px !important;
  margin-top:6px !important;
}
#productList .product-toggle-row .product-auto-toggle{ margin-top:0 !important; }

/* === FAKTURA-EDITOR 2026-07-18: varenr-kolonne + inkl. moms === */
.inv-table{ min-width:820px !important; }
.inv-col-num{ width:90px !important; }
.inv-table td.inv-col-num input{ text-align:left !important; }
.inv-col-incl{ color:#4c3a28 !important; }
.inv-table th.inv-col-num{ white-space:nowrap; }
/* === /FAKTURA-EDITOR 2026-07-18 === */

/* "Velkommen til"-overlinje i guld (Voigt Ekvipage-tema) */
.hero-copy::before,
.hero .hero-copy::before{
  color:#C6A15B !important;
}