.pkl-builder-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:12px 0; }
/* IMPORTANT: .button { display:inline-flex } overskriver almindelig [hidden] — force hide. */
#pklAdminCatalogLink[hidden],
#pklBuilderControls[hidden],
#pklBuilderVisibleWrap[hidden],
.pkl-builder-controls[hidden],
.pkl-builder-visible[hidden],
a.button[hidden] {
  display: none !important;
}
.pkl-builder-visible { display:inline-flex; align-items:center; gap:8px; margin:0; color:#bbf7d0; font-weight:700; cursor:pointer; user-select:none; }
.pkl-builder-visible input { width:18px; height:18px; accent-color:#4ade80; }
.pkl-catalog-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:20px; align-items:start; }
.pkl-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px; }
.pkl-book { border:1px solid rgba(74,222,128,.32); border-radius:12px; background:#102218; overflow:hidden; text-align:left; cursor:pointer; color:inherit; padding:0; }
.pkl-book:hover,.pkl-book:focus-visible,.pkl-book.is-selected { border-color:#4ade80; box-shadow:0 0 16px rgba(74,222,128,.42); outline:none; }
.pkl-book img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:#1a1a1a; }
.pkl-book-copy { display:block; padding:10px; }.pkl-book-copy strong,.pkl-book-copy small { display:block; }.pkl-book-copy small { margin-top:4px; opacity:.78; }
.pkl-selection-cover { width:150px; max-height:120px; object-fit:cover; border-radius:8px; float:right; margin:0 0 12px 12px; }
.pkl-qty-options { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.pkl-qty-option { border:1px solid rgba(74,222,128,.45); background:#16311f; color:inherit; padding:9px 12px; border-radius:8px; cursor:pointer; }
.pkl-qty-option.is-selected { border-color:#4ade80; box-shadow:0 0 13px rgba(74,222,128,.62); background:#1e4a2a; }
.pkl-quantity-field { display:flex; align-items:center; gap:10px; border:1px solid rgba(74,222,128,.7); background:#16311f; border-radius:9px; padding:8px 10px; color:#fff; box-shadow:0 0 10px rgba(74,222,128,.25); }
.pkl-quantity-field span { font-weight:700; }
.pkl-quantity-field input { width:92px; min-height:38px; margin:0; padding:6px 9px; font-size:18px; font-weight:700; text-align:center; color:#fff; background:#0c1c14; border:1px solid rgba(74,222,128,.45); border-radius:7px; box-sizing:border-box; }
.pkl-quantity-field input:focus { outline:none; border-color:#4ade80; box-shadow:0 0 10px rgba(74,222,128,.65); }
.pkl-package-prices { display:grid; gap:5px; margin:12px 0; padding:10px; border:1px solid rgba(74,222,128,.42); border-radius:9px; background:rgba(22,49,31,.58); }
.pkl-package-prices strong { color:#bbf7d0; }.pkl-package-prices span { display:flex; justify-content:space-between; gap:8px; font-size:.92em; }.pkl-package-prices b { color:#fff; }
.pkl-sale-note { margin:10px 0; padding:9px 10px; border:1px solid rgba(251,191,36,.72); border-radius:9px; color:#fff3b0; background:linear-gradient(120deg,rgba(146,64,14,.6),rgba(251,191,36,.2)); box-shadow:0 0 13px rgba(251,191,36,.3); }
.pkl-package-prices s,.pkl-price-box s { color:rgba(255,255,255,.7); margin-right:6px; }
.pkl-admin-profit { display:grid; gap:5px; margin-top:14px; padding:10px; border:1px solid rgba(96,165,250,.52); border-radius:9px; background:rgba(30,58,138,.2); font-size:.9em; }
.pkl-quantity-modal[hidden] { display:none !important; }
.pkl-quantity-modal { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:18px; }
.pkl-quantity-backdrop { position:absolute; inset:0; background:rgba(2,8,5,.76); backdrop-filter:blur(5px); }
.pkl-quantity-dialog { position:relative; z-index:1; width:min(340px,100%); padding:26px; border:1px solid rgba(74,222,128,.85); border-radius:18px; background:linear-gradient(145deg,#22422d,#0b1b12 58%,#061109); box-shadow:0 24px 55px rgba(0,0,0,.62), inset 0 1px rgba(255,255,255,.14), 0 0 25px rgba(74,222,128,.32); transform:perspective(800px) rotateX(2deg); text-align:center; }
.pkl-quantity-dialog h3 { margin:7px 0 18px; }
.pkl-quantity-dialog input { display:block; width:150px; height:72px; margin:0 auto 18px; padding:8px; border:1px solid #4ade80; border-radius:13px; color:#fff; background:#07140d; box-shadow:inset 0 3px 10px rgba(0,0,0,.5),0 0 15px rgba(74,222,128,.35); font-size:34px; font-weight:800; text-align:center; box-sizing:border-box; }
.pkl-quantity-close { position:absolute; top:9px; right:11px; border:0; background:transparent; color:#fff; font-size:28px; cursor:pointer; }
.pkl-price-box { clear:both; border-top:1px solid rgba(255,255,255,.14); padding-top:12px; margin-top:14px; }.pkl-price-box div { display:flex; justify-content:space-between; gap:12px; padding:3px 0; }.pkl-price-box .pkl-total { font-size:1.1em; font-weight:700; }
/* IMPORTANT: 12 månedsfotos — ét kort pr. måned; grønt flueben når upload er klar. */
.pkl-month-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0; clear:both; }
.pkl-month-card { position:relative; display:grid; gap:6px; align-content:start; min-height:118px; padding:10px 8px 8px; border:1px solid rgba(74,222,128,.35); border-radius:10px; background:#12261a; cursor:pointer; text-align:center; }
.pkl-month-card.is-ready { border-color:#4ade80; box-shadow:0 0 12px rgba(74,222,128,.35); }
.pkl-month-card.is-busy { opacity:.72; pointer-events:none; }
.pkl-month-card strong { font-size:.86em; }
.pkl-month-check { position:absolute; top:6px; left:6px; width:18px; height:18px; border-radius:999px; background:#166534; color:#bbf7d0; font-size:12px; font-weight:800; line-height:18px; }
.pkl-month-thumb { width:100%; height:54px; object-fit:cover; border-radius:6px; background:#0a1610; }
.pkl-month-placeholder { display:grid; place-items:center; height:54px; border-radius:6px; background:rgba(10,22,16,.75); color:rgba(255,255,255,.55); font-size:.78em; }
.pkl-month-hint { font-size:.72em; opacity:.78; }
.pkl-month-card input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }
.pkl-month-progress { margin:0 0 12px; font-weight:700; color:#fca5a5; }
.pkl-month-progress.is-complete { color:#bbf7d0; }
#pklAddToCart:disabled { opacity:.45; cursor:not-allowed; }
.pkl-preview-body { min-height:420px; display:grid; place-items:center; padding:16px; background:#111; overflow:auto; }
.pkl-preview-body canvas { max-width:100%; max-height:72vh; box-shadow:0 5px 20px rgba(0,0,0,.45); }
.pkl-preview-nav { display:flex; justify-content:center; align-items:center; gap:16px; }
@media (max-width:780px) {
  .pkl-catalog-layout { grid-template-columns:1fr; }
  .pkl-selection-cover { width:110px; }
  .pkl-month-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pkl-preview-body { min-height:260px; }
  .pkl-preview-body canvas { max-height:62vh; }
}