:root{
  --bg:#eef1f4;--panel:#fff;--ink:#1d252d;--muted:#66717d;--line:#d9e0e7;
  --blue:#1267b1;--blue-soft:#e7f2fc;--green:#14834a;--green-soft:#e9f8ef;
  --red:#c72645;--red-soft:#fff0f3;--dark:#202934;--shadow:0 6px 22px rgba(18,34,49,.10);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}.gallery-app{min-height:100vh;padding:12px}.initial-loading{padding:40px;text-align:center;color:var(--muted)}
.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px;padding:14px 16px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.event-title{margin:0;font-size:clamp(21px,3vw,28px);line-height:1.1}.event-meta{display:flex;gap:6px 12px;flex-wrap:wrap;margin:7px 0 0;color:var(--muted);font-size:13px}.event-notice{margin:7px 0 0;color:#2e536f;font-size:13px}.workflow-badge{display:inline-block;margin-top:8px;padding:5px 8px;border:1px solid #9fc4e5;border-radius:999px;background:var(--blue-soft);color:#0d548e;font-size:11px;font-weight:700}.brand-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.brand-badge{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:700}.brand-whatsapp{border-color:#80cda1;color:#11733c}.brand-wetransfer{border-color:#a5c5ea;color:#1267b1}.brand-paypal{border-color:#90b6e7;color:#103f85}.brand-satispay{border-color:#f1bb51;color:#9a6100}.satispay-payment{display:flex;gap:8px;align-items:center;margin-top:8px;color:#32613d;font-size:12px;font-weight:700}.satispay-qr{width:58px;height:58px;border:1px solid #d9e0e7;border-radius:7px;object-fit:cover}
.header-controls{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.counter{padding:10px 11px;border-radius:9px;background:var(--dark);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}.button{min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:9px;background:#e2e7ec;color:var(--ink);font-weight:700;cursor:pointer}.button:hover{filter:brightness(.97)}.button:focus-visible,.action:focus-visible,.folder-button:focus-visible{outline:3px solid #73afe6;outline-offset:2px}.button-primary{background:var(--blue);color:#fff}.button-danger{background:#9e2634;color:#fff}.button-outline{border-color:#9fc4e5;background:#fff;color:#12588f}.button[disabled],.action[disabled]{opacity:.48;cursor:not-allowed}
.build-progress{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center;margin:0 0 12px;padding:12px 14px;border:1px solid #a8cde9;border-radius:13px;background:#f4faff;color:#1e4d70}.build-progress-empty{max-width:720px;margin:12vh auto;padding:24px}.build-percent{justify-self:end;font-weight:800}.build-meter{grid-column:1/-1;width:100%;height:13px;accent-color:var(--blue)}.build-copy,.build-file{grid-column:1/-1;font-size:13px}.build-file{color:#587084;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:12px;align-items:start}.sidebar{position:sticky;top:92px;max-height:calc(100vh - 108px);overflow:auto;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.folder-search{width:100%;margin-bottom:10px;padding:11px;border:1px solid var(--line);border-radius:9px}.folder-list{display:flex;flex-direction:column;gap:5px}.folder-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;padding:10px;border:1px solid transparent;border-radius:9px;background:#f1f4f7;color:var(--ink);text-align:left;cursor:pointer}.folder-button.active{border-color:#95c2e6;background:var(--blue-soft);color:#0d548e;font-weight:700}.folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{min-width:36px;padding:3px 6px;border-radius:999px;background:#dce3ea;font-size:12px;text-align:center}
.main{min-width:0}.sectionbar{position:sticky;top:92px;z-index:20;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;align-items:center;margin-bottom:10px;padding:13px 14px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:11px}.section-title{flex:1 1 300px;margin:0;font-size:clamp(20px,2.6vw,28px);line-height:1.1}.section-hint{color:var(--muted);font-size:13px;white-space:nowrap}.section-controls{display:flex;gap:6px;flex-wrap:wrap}.section-controls .button{min-height:35px;padding:6px 10px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns,4),minmax(0,1fr));gap:11px}.card{overflow:hidden;border:3px solid transparent;border-radius:12px;background:var(--panel);box-shadow:0 3px 13px rgba(15,36,53,.09)}.card.is-selected{border-color:var(--green)}.card.is-print{box-shadow:0 3px 13px rgba(183,30,66,.18)}.image-area{position:relative;aspect-ratio:4/3;overflow:hidden;background:#29323a;cursor:zoom-in}.thumb{display:block;width:100%;height:100%;object-fit:contain}.folder-tag{position:absolute;top:7px;left:7px;max-width:calc(100% - 14px);padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info{padding:8px}.photo-code{overflow:hidden;margin-bottom:7px;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:6px}.action{display:inline-flex;min-width:0;min-height:38px;flex:1;align-items:center;justify-content:center;gap:4px;padding:6px;border:0;border-radius:8px;background:#e8edf1;color:#42505d;font-size:12px;font-weight:700;cursor:pointer}.action .symbol{font-size:18px;line-height:1}.action.heart{background:#f4f0f2;color:#8b4050}.action.heart.active{background:var(--red-soft);color:var(--red)}.action.check{background:#ecf0f3;color:#43505d}.action.check.active{background:var(--green);color:#fff}.print-summary{display:block;width:100%;margin-top:7px;padding:6px;border:1px solid #edbcc7;border-radius:7px;background:#fff7f8;color:#aa2340;font-size:11px;font-weight:700;text-align:center;cursor:pointer}.load-more{display:block;margin:18px auto;padding:11px 20px}.empty{padding:36px 14px;border:1px dashed #b9c4cf;border-radius:12px;background:#fff;color:var(--muted);text-align:center}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(7,12,18,.88)}.modal.open{display:flex}.dialog{width:min(760px,96vw);max-height:92vh;overflow:auto;padding:20px;background:#fff;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.photo-dialog{width:100%;height:100%;max-width:none;max-height:none;padding:66px 70px 28px;background:transparent;box-shadow:none;text-align:center}.large-image{display:block;max-width:100%;max-height:74vh;margin:auto;object-fit:contain}.modal-close{position:fixed;top:16px;right:18px;width:47px;height:47px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;cursor:pointer}.modal-arrow{position:fixed;top:50%;width:52px;height:64px;border:0;border-radius:10px;background:#fff;color:#17222d;font-size:36px;cursor:pointer;transform:translateY(-50%)}.modal-arrow.left{left:13px}.modal-arrow.right{right:13px}.modal-code{margin-top:9px;color:#fff;font-weight:700}.modal-folder{margin-top:4px;color:#d5dae0;font-size:13px}.modal-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.modal-actions .action{flex:0 1 auto;min-width:122px}.dialog h2{margin:0 0 14px;font-size:22px}.field{margin:0 0 13px}.field label{display:block;margin-bottom:5px;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.field textarea{min-height:82px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.notice{margin:0 0 12px;padding:10px 11px;border-radius:9px;background:#edf5fb;color:#24516f;font-size:13px}.order-table{width:100%;border-collapse:collapse}.order-table th,.order-table td{padding:8px 5px;border-bottom:1px solid #e5e9ed;font-size:13px;text-align:left;vertical-align:top}.order-table th:last-child,.order-table td:last-child{text-align:right}.summary{margin-top:12px;padding:11px;border-radius:9px;background:#f0f3f6;font-size:13px;line-height:1.55}.total{margin-top:11px;padding:13px;border-radius:9px;background:var(--dark);color:#fff;font-size:17px;font-weight:700;text-align:right}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}.package-choice{display:flex;gap:9px;align-items:flex-start;margin:0 0 13px;padding:11px;border:1px solid #91c3eb;border-radius:9px;background:#f4f9fd}.package-choice input{width:18px;height:18px;margin-top:1px}.package-price{display:block;margin-top:3px;font-weight:700}.selected-list{margin:10px 0 0;padding:0 0 0 18px;font-size:12px}.selected-list li{margin-bottom:3px}
@media(max-width:1100px){.grid{gap:9px}}@media(max-width:820px){.topbar{position:relative;flex-direction:column;align-items:stretch}.header-controls{justify-content:flex-start}.workspace{display:block}.sidebar{position:relative;top:0;max-height:240px;margin-bottom:10px}.sectionbar{top:0}.grid{gap:8px}.modal-arrow{display:block;top:auto;bottom:16px;width:48px;height:48px;font-size:29px;transform:none}.modal-arrow.left{left:16px}.modal-arrow.right{right:16px}.photo-dialog{padding:64px 12px 84px}.large-image{max-height:68vh}}@media(max-width:460px){.gallery-app{padding:7px}.topbar{padding:12px}.two{grid-template-columns:1fr}.dialog{padding:16px}.card-actions{gap:5px}.action{font-size:11px}}
.demo-badge{display:inline-block;margin:0 0 9px;padding:5px 8px;border-radius:999px;background:#fff3d9;color:#885400;font-size:11px;font-weight:800}.checkout-total{margin:0 0 13px;padding:14px;border-radius:10px;background:var(--dark);color:#fff;font-size:19px;font-weight:800;text-align:right}.checkout-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 14px}.checkout-method{min-width:0}.payment-method-card{display:flex;min-height:118px;align-items:stretch;padding:0;overflow:hidden;border:1px solid #d5dde6;background:#fff;color:var(--ink);text-align:left;box-shadow:0 2px 7px rgba(18,34,49,.06);transition:border-color .15s,box-shadow .15s,transform .15s}.payment-method-card:hover{filter:none;transform:translateY(-1px);border-color:#89b7dd;box-shadow:0 5px 14px rgba(18,34,49,.12)}.payment-method-card.selected{border:2px solid var(--blue);background:#f5faff;box-shadow:0 0 0 3px rgba(18,103,177,.12)}.payment-method-content{display:flex;width:100%;flex-direction:column;justify-content:space-between;gap:16px;padding:14px}.payment-marks{display:flex;min-height:27px;align-items:center;gap:5px;flex-wrap:wrap}.payment-mark{display:inline-flex;height:25px;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:-.4px}.visa-mark{padding:0 6px;background:#172b85;color:#fff;font-style:italic;letter-spacing:-.8px}.mastercard-mark{position:relative;width:34px;background:#fff}.mastercard-circle{position:absolute;width:18px;height:18px;border-radius:50%}.mastercard-red{left:3px;background:#eb001b}.mastercard-orange{right:3px;background:#f79e1b;mix-blend-mode:multiply}.amex-mark{padding:0 5px;background:#2075b9;color:#fff;font-size:9px;letter-spacing:-.6px}.paypal-mark{padding:0 7px;background:linear-gradient(115deg,#003087 0 52%,#009cde 52%);color:#fff;font-size:13px;font-style:italic;letter-spacing:-.8px}.satispay-mark{width:25px;border-radius:50%;background:#fa6900;color:#fff;font-size:16px;font-style:italic}.payment-satispay-word{color:#17222d;font-size:16px;font-weight:800;letter-spacing:-.7px}.payment-method-text{display:flex;flex-direction:column;gap:3px}.payment-method-text strong{font-size:14px}.payment-method-text small{color:#65707c;font-size:11px;font-weight:400;line-height:1.35}.payment-method-card.selected .payment-method-text small{color:#315b7e}.checkout-stage{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.checkout-stage h3{margin:0 0 8px}.checkout-copy{margin:0 0 12px;color:var(--muted);font-size:13px}.checkout-safe{margin:0 0 12px;padding:9px;border-radius:8px;background:#e9f7ef;color:#176b3a;font-size:13px;font-weight:600}.checkout-success{color:#127241}.checkout-stage .button{margin-top:4px}
.phone-whatsapp{display:inline-block;margin-top:8px;color:#11733c;font-size:13px;font-weight:800;text-decoration:none}.phone-whatsapp::before{content:"◔";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:#25d366;color:#fff;font-size:13px}.brand-card{border-color:#d6dce3;color:#202934}.brand-paypal{font-style:italic;font-size:12px}.brand-wetransfer{font-weight:800;letter-spacing:-.3px}.brand-whatsapp::before{content:"◔ ";color:#25d366;font-weight:900}
.brand-logo{display:block;width:auto;height:22px;max-width:100px;object-fit:contain}
@media(max-width:620px){.checkout-methods{grid-template-columns:1fr}.payment-method-card{min-height:90px}.payment-method-content{flex-direction:row;align-items:center;gap:14px}.payment-method-text{flex:1}}
.payment-opening-dialog{width:min(390px,94vw);padding:28px;text-align:center}.payment-opening-dialog h2{margin:15px 0 7px}.payment-opening-copy{margin:0;color:var(--ink);font-weight:700}.payment-opening-hint{margin:8px 0 0;color:var(--muted);font-size:13px}.payment-opening-cancel{margin-top:17px}.payment-spinner{display:block;width:38px;height:38px;margin:auto;border:4px solid #dcecf9;border-top-color:var(--blue);border-radius:50%;animation:payment-spin .75s linear infinite}@keyframes payment-spin{to{transform:rotate(360deg)}}
.payment-trust-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.payment-trust-logo{display:inline-flex;min-height:35px;align-items:center;padding:5px 8px;border:1px solid #dbe2e8;border-radius:7px;background:#fff;box-shadow:0 1px 3px rgba(18,34,49,.05)}.payment-trust-logo .payment-marks{min-height:23px;gap:4px}.payment-trust-logo .payment-mark{height:23px}.payment-trust-logo .payment-satispay-word{font-size:15px}.payment-trust-logo .satispay-mark{width:23px;font-size:15px}
.selection-overview{position:relative;min-width:142px;border:1px solid #58aa7c;border-radius:10px;background:#f0fbf4;color:#146b3d}.selection-summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 10px;cursor:pointer;list-style:none;font-size:12px;font-weight:800}.selection-summary::-webkit-details-marker{display:none}.selection-summary::after{content:"⌄";margin-left:auto;font-size:16px;transition:transform .15s}.selection-overview[open] .selection-summary::after{transform:rotate(180deg)}.selection-number{display:inline-flex;min-width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#14834a;color:#fff;font-size:14px}.selection-label{line-height:1.1}.selection-folders{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:min(290px,78vw);max-height:270px;overflow:auto;margin:0;padding:7px;list-style:none;border:1px solid #badcc8;border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 10px 28px rgba(18,34,49,.18)}.selection-folder{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid #edf0f3;font-size:12px}.selection-folder:last-child{border-bottom:0}.selection-folder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-folder strong{min-width:24px;padding:3px 6px;border-radius:999px;background:#e5f5eb;color:#146b3d;text-align:center}.selection-empty{padding:7px;color:var(--muted);font-size:12px}
.selection-code-box{width:min(315px,100%);padding:8px 9px;border:1px solid #9bc4e4;border-radius:10px;background:#f5faff}.selection-code-caption{display:block;margin-bottom:6px;color:#265370;font-size:11px;font-weight:700;line-height:1.25}.selection-code-line{display:flex;gap:5px}.selection-code-input{min-width:0;flex:1;padding:8px 9px;border:1px solid #b8cbd9;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-weight:800;text-transform:uppercase}.selection-code-button{min-height:34px;padding:6px 9px;font-size:11px;white-space:nowrap}.selection-code-status{display:block;min-height:13px;margin-top:5px;color:#3e637b;font-size:10px;line-height:1.2}@media(max-width:820px){.selection-code-box{width:100%}}
.checkout-dialog{width:min(830px,96vw);padding:24px}.checkout-intro{margin:-5px 0 18px;color:var(--muted);font-size:14px}.checkout-dialog .field{padding:11px 12px;margin-bottom:11px;border:1px solid #e2e8ee;border-radius:10px;background:#fbfcfd}.checkout-dialog .field label{margin-bottom:7px;color:#34495a}.checkout-dialog .field input,.checkout-dialog .field textarea{border-color:#d4dde5;background:#fff}.payment-assurance{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:10px 11px;border-radius:8px;background:#edf7f1;color:#21633f;font-size:12px;line-height:1.4}.payment-assurance strong{white-space:nowrap}.checkout-actions{margin-top:18px;padding-top:14px;border-top:1px solid #e3e9ee}.checkout-submit{min-width:225px}.checkout-dialog .total{margin-top:13px;border:1px solid #32404e;box-shadow:0 5px 13px rgba(18,34,49,.14)}@media(max-width:620px){.checkout-dialog{padding:16px}.checkout-actions{display:grid;grid-template-columns:1fr}.checkout-submit{width:100%}.payment-assurance{flex-direction:column;gap:2px}}

/* Fascia superiore: stessa chiarezza, meno spazio e comandi leggibili anche su due righe. */
.topbar{gap:10px;padding:10px 12px}
.event-meta{margin-top:4px}
.workflow-badge{margin-top:5px}
.header-controls{display:grid;grid-template-columns:repeat(4,minmax(98px,1fr));gap:6px;width:min(660px,100%);align-items:stretch}
.selection-code-box{grid-column:span 2;width:auto;padding:6px 8px}
.selection-code-caption{margin-bottom:4px}
.selection-code-input{padding:6px 8px}
.selection-code-button{min-height:31px;padding:5px 7px}
.selection-code-status{display:none}
.selection-overview,.header-counter,.header-action{min-width:0}
.selection-summary{min-height:37px;padding:5px 8px}
.header-counter{display:none}
.header-action{min-height:43px;padding:6px 8px;white-space:pre-line;font-size:11px;line-height:1.15;text-align:center}
.package-action{grid-column:span 2}
.order-action{grid-column:span 1}
.workspace{grid-template-columns:226px minmax(0,1fr);gap:10px}
.sidebar{padding:9px}
.folder-search{margin-bottom:7px;padding:9px}
.folder-button{gap:6px;padding:8px}
.folder-count{min-width:30px}
.sectionbar{top:72px;gap:4px 8px;padding:7px 10px}
.section-title{font-size:clamp(18px,2.2vw,23px)}
.section-hint{font-size:11px}
.section-controls .button{min-height:30px;padding:5px 8px}
.build-progress.is-complete{grid-template-columns:minmax(0,1fr) auto 150px;gap:4px 8px;margin:12px 0 10px;padding:5px 9px;border-color:#d8e0e7;background:#fff;color:#526b7d}
.build-progress.is-complete strong,.build-progress.is-complete .build-percent{font-size:12px}
.mobile-order-bar{display:none}
@media(max-width:820px){
  .gallery-app{padding-bottom:76px}
  .mobile-order-bar{position:fixed;right:8px;bottom:8px;left:8px;z-index:55;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #b9d5e9;border-radius:11px;background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(18,34,49,.2)}
  .mobile-order-text{min-width:0;color:#24516f;font-size:12px;font-weight:800}
  .mobile-order-button{min-height:36px;padding:6px 11px;font-size:12px;white-space:nowrap}
}
.build-progress.is-complete .build-meter{display:none}
.build-progress.is-complete .build-copy{display:none}
@media(max-width:820px){
  .header-controls{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .workspace{display:block}
  .sidebar{padding:9px}
}
@media(max-width:540px){
  .header-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .selection-code-box,.package-action{grid-column:span 2}
  .selection-overview,.order-action{grid-column:span 1}
}
.layout-normal .topbar{gap:16px;padding:14px 16px}
.layout-normal .header-controls{grid-template-columns:repeat(3,minmax(98px,1fr));width:min(510px,100%);gap:7px}
.layout-normal .header-action{min-height:48px;padding:8px 10px;font-size:12px}
.layout-normal .sectionbar{top:92px;padding:13px 14px}
.layout-normal .section-title{font-size:clamp(20px,2.6vw,28px)}
.layout-normal .section-hint{font-size:13px}
.sidebar-normal .workspace{grid-template-columns:286px minmax(0,1fr);gap:12px}
.sidebar-normal .sidebar{padding:11px}
.sidebar-normal .folder-button{padding:10px}
@media(max-width:820px){.layout-normal .header-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.sidebar-normal .workspace{display:block}}

/* Direzione editoriale Fotocross: carta calda, grafite, un solo blu d'azione. */
:root{--bg:#f4f0e9;--panel:#fffdfa;--ink:#252421;--muted:#756f66;--line:#e3ddd3;--blue:#193a5c;--blue-soft:#edf2f5;--green:#73936e;--green-soft:#eef5eb;--dark:#252421;--shadow:0 8px 26px rgba(49,42,31,.08)}
.gallery-app{max-width:1540px;margin:0 auto;padding:18px}
.topbar{border:1px solid #e4ddd3;border-radius:10px;background:rgba(255,253,250,.96);box-shadow:0 8px 25px rgba(61,49,32,.06)}
.event-title{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.01em}
.event-meta,.event-notice{color:var(--muted)}
.workflow-badge{border-color:#d8ddd4;background:#f5f7f2;color:#4f654b}
.payment-trust-row{margin-top:7px}.payment-trust-logo{border-color:#e4ddd3;box-shadow:none}
.selection-code-box{border-color:#d9d5cd;background:#faf8f4}.selection-code-caption{color:#625e56}.selection-code-input{border-color:#d8d2c9;background:#fffdfa}.button{border-radius:7px;background:#ece8e1;color:#312f2b}.button-outline{border-color:#d5cec3;background:#fffdfa;color:#33485d}.button-primary{background:var(--blue);color:#fff}.selection-overview{border-color:#a5bd9c;background:var(--green-soft);color:#466a40}.selection-number{background:#6e9168}.header-action{font-weight:700}.package-action{border-color:#b8c5d0;background:#fffdfa;color:#234b70}.order-action{letter-spacing:.01em}
.workspace{gap:18px}.sidebar{border-color:#e4ddd3;border-radius:8px;background:#faf8f4;box-shadow:none}.folder-search{border-color:#ddd6cc;background:#fffdfa}.folder-button{border-radius:6px;background:transparent}.folder-button:hover{background:#f0ece5}.folder-button.active{border-color:transparent;border-left:3px solid var(--blue);border-radius:0;background:#f0ece5;color:#243d56}.folder-count{background:#ebe6de;color:#6c665e}
.sectionbar{border-color:#e4ddd3;border-radius:8px;background:#fffdfa;box-shadow:none}.section-title{font-family:Georgia,"Times New Roman",serif;font-weight:500}.grid{gap:13px}.card{border-width:1px;border-color:#e7e1d9;border-radius:4px;box-shadow:none}.card.is-selected{border:2px solid var(--green);box-shadow:0 0 0 2px rgba(115,147,110,.14)}.card.is-print{box-shadow:0 0 0 2px rgba(159,91,79,.14)}.card-info{padding:7px}.action{border-radius:6px;background:#f1ede7}.action.check.active{background:var(--green)}
.mobile-order-bar{border-color:#d6cec2;border-radius:8px;background:#fffdfa;box-shadow:0 10px 28px rgba(40,34,27,.18)}.mobile-order-text{color:#4f654b}.mobile-order-button{background:var(--blue)}

/* PROTOTIPO ESTETICO — agisce solo su colori e impaginazione.
   I comandi, le anteprime e tutte le funzioni restano quelli della versione V017. */
:root{
  --bg:#f3f0ea;
  --panel:#fffdfa;
  --ink:#202827;
  --muted:#6e746d;
  --line:#ddd8ce;
  --blue:#173e5b;
  --green:#668b70;
  --green-soft:#edf4ec;
  --dark:#202827;
}
body{background:linear-gradient(180deg,#e9e4da 0,#f5f2ec 270px,var(--bg) 270px)}
.gallery-app{max-width:1680px;padding:20px 24px 34px}

/* Testata più leggera: informazioni a sinistra, gli stessi comandi a destra. */
.topbar{align-items:start;gap:28px;padding:18px 20px;border:1px solid rgba(222,216,205,.98);border-radius:12px;background:rgba(255,253,249,.94);box-shadow:0 12px 30px rgba(47,42,34,.07)}
.topbar>div:first-child{max-width:530px}
.event-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.3vw,34px);font-weight:500;letter-spacing:.01em;color:#202827}
.event-meta{gap:8px;margin-top:7px;color:#68706b;font-size:12px}
.event-notice{margin:8px 0 0;line-height:1.45;color:#59625d;font-size:13px}
.workflow-badge{margin-top:9px;padding:4px 8px;border:1px solid #d5dfd2;border-radius:999px;background:#f3f7f0;color:#55715a;font-size:10px}
.payment-trust-row{gap:5px;margin-top:11px}.payment-trust-logo{height:27px;border-color:#e0dbd2;background:#fffdfa}

.header-controls{width:min(680px,100%);grid-template-columns:repeat(4,minmax(105px,1fr));gap:7px}
.selection-code-box{padding:8px 9px;border-color:#d5d0c5;background:#f8f6f1}
.selection-code-caption{color:#59615b;font-size:11px}.selection-code-input{border-color:#d8d2c8;background:#fffdfa}
.selection-overview{border-color:#a8c0ab;background:var(--green-soft);color:#365a42}.selection-number{background:var(--green)}
.button{border-radius:7px;background:#ece8e0;color:#2c3732}.button-outline{border-color:#d4cec3;background:#fffdfa;color:#254862}
.header-action{min-height:46px;border-radius:7px;font-size:11px;letter-spacing:.01em}
.package-action{border-color:#97afbd;background:#f8fbfc;color:#173e5b}
.order-action{background:#173e5b;box-shadow:0 5px 14px rgba(23,62,91,.18)}

/* La navigazione a sinistra e le anteprime mantengono la struttura già usata. */
.workspace{gap:18px;margin-top:16px;grid-template-columns:218px minmax(0,1fr)}
.sidebar{padding:11px 9px;border:1px solid #dfd9ce;border-radius:10px;background:rgba(255,253,249,.66);box-shadow:none}
.folder-search{padding:10px;border-color:#ded8ce;background:#fffdfa}.folder-button{padding:9px 8px;border-radius:6px;color:#44504a}.folder-button:hover{background:#f0ede6}.folder-button.active{border-left:3px solid #173e5b;border-radius:0;background:#eef1ed;color:#173e5b}.folder-count{background:#e8e4dc;color:#67635a}
.sectionbar{top:80px;margin-bottom:14px;padding:11px 13px;border-color:#dfd9ce;border-radius:10px;background:rgba(255,253,249,.96);box-shadow:0 5px 17px rgba(44,39,31,.04)}
.section-title{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#202827}.section-hint{color:#747b73}.section-controls .button{border:1px solid #ddd7cc;background:#f7f4ee}
.grid{gap:14px}.card{border:1px solid #e1dcd2;border-radius:8px;background:#fffdfa;box-shadow:0 3px 12px rgba(49,43,34,.055)}
.card:hover{transform:translateY(-1px);box-shadow:0 8px 21px rgba(49,43,34,.1)}.card.is-selected{border:2px solid var(--green);box-shadow:0 0 0 3px rgba(102,139,112,.12)}
.image-area{background:#fff}.thumb{background:#fff}.selected-corner{position:absolute;top:8px;right:8px;z-index:2;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#668b70;color:#fff;box-shadow:0 2px 7px rgba(20,45,27,.28);font-size:17px;font-weight:900}.folder-tag{border-radius:5px;background:rgba(25,34,32,.78)}.photo-code{color:#39433e}.card-info{padding:9px}.print-summary{border-color:#d89cac;background:#fff7f8;color:#8c2f45;text-decoration:underline;text-underline-offset:2px}.print-format-field{padding:12px;border:2px solid #b8c8bb;border-radius:9px;background:#f5faf3}.print-format-field label{color:#31533b}.print-format-select{min-height:46px;border:2px solid #668b70!important;background:#fff!important;color:#25342a!important;font-size:15px;font-weight:800;cursor:pointer}
.action{min-height:39px;border-radius:6px;background:#f0ede6;color:#46524c}.action.heart{background:#f5f0ef;color:#965666}.action.heart.active{background:#f3dde1;color:#9a344c}.action.check{background:#edf1ed}.action.check.active{background:var(--green)}
.load-more{border-color:#cbd5cc;background:#fffdfa;color:#345746}

@media(max-width:820px){
  body{background:#f3f0ea}.gallery-app{padding:9px 8px 84px}.topbar{gap:12px;padding:14px}.topbar>div:first-child{max-width:none}.event-title{font-size:25px}
  .header-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.workspace{display:block;margin-top:10px}.sidebar{margin-bottom:10px}.sectionbar{top:0}.mobile-order-bar{border-color:#d5cec3;background:#fffdfa}.mobile-order-button{background:#173e5b}
}
@media(max-width:540px){.header-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-code-box,.package-action{grid-column:span 2}}

/* Seconda passata: vera composizione editoriale, senza alterare i comandi. */
.topbar{position:sticky;display:flex;min-height:82px;padding:10px 18px;margin:0;align-items:center;gap:14px;overflow:hidden;border-radius:12px 12px 0 0;border-bottom-color:#ddd8ce;background:linear-gradient(106deg,#fffdfa 0%,#f5f1e9 60%,#eaf0ee 100%);box-shadow:none}.topbar::after{content:"";position:absolute;right:-58px;bottom:-86px;width:260px;height:190px;border:24px solid rgba(102,139,112,.08);border-radius:50%;box-shadow:0 0 0 28px rgba(23,62,91,.035)}
.brand-logo,.brand-event{position:relative;z-index:1}.brand-logo{display:block;width:136px;height:62px;flex:0 0 auto;object-fit:contain;object-position:left center}.brand-event{min-height:42px}.event-title{font-size:23px}.event-meta{margin-top:3px}.event-welcome{margin:4px 0 0;color:#557064;font-size:12px;line-height:1.35}.payment-trust-row{display:none}
.workspace{display:grid;grid-template-columns:205px minmax(0,1fr) 286px;gap:0;margin-top:0;align-items:stretch;border:1px solid #dfd9ce;border-top:0;border-radius:0 0 12px 12px;background:#fffdfa;overflow:visible}
.sidebar{padding:22px 12px;border:0;border-right:1px solid #e1dcd2;border-radius:0;background:#fbf9f5}.sidebar::before{content:"CARTELLE";display:block;margin:0 9px 12px;color:#72766f;font-size:10px;font-weight:800;letter-spacing:.12em}.folder-search{margin-bottom:10px}.folder-button{font-size:12px}.main{padding:23px 20px 32px}.sectionbar{position:static;margin:0 0 18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.section-title{font-size:26px}.section-hint{font-size:12px}.section-controls .button{padding:6px 7px;font-size:11px}
.grid{gap:12px}.card{border-radius:5px}.card-info{padding:8px}.photo-code{font-size:11px}.action{min-height:36px;font-size:11px}.action .symbol{font-size:16px}

.purchase-panel{position:sticky;top:82px;align-self:start;max-height:calc(100vh - 98px);overflow:auto;padding:23px 16px;border-left:1px solid #e1dcd2;background:#fbf9f5}.purchase-kicker{margin:0 0 5px;color:#73766d;font-size:10px;font-weight:800;letter-spacing:.12em}.purchase-title{margin:0 0 16px;font:500 22px Georgia,"Times New Roman",serif;color:#242b28}.purchase-panel .header-controls{display:flex;width:100%;flex-direction:column;gap:8px}.purchase-panel .selection-code-box{width:100%;padding:9px}.purchase-panel .selection-overview{width:100%}.purchase-panel .selection-summary{min-height:42px}.purchase-panel .header-counter{display:block;width:100%;padding:8px 10px;border-radius:6px;background:#ece8e0;color:#535b55;font-size:11px}.purchase-panel .header-action{width:100%;min-height:43px;padding:7px 9px;white-space:pre-line}.purchase-panel .header-action.button-primary{background:#173e5b;color:#fff;box-shadow:0 4px 10px rgba(23,62,91,.16)}.purchase-panel .package-action{border:1px solid #a2b6c2;background:#f8fbfc;color:#173e5b}.purchase-panel .order-action{background:#173e5b;color:#fff}.purchase-trust{margin-top:20px;padding-top:16px;border-top:1px solid #dfd9ce}.purchase-trust-title{margin:0 0 9px;color:#73766d;font-size:10px;font-weight:800;letter-spacing:.1em}.purchase-marks{display:flex;gap:5px;flex-wrap:wrap}.purchase-mark{display:inline-flex;min-height:30px;align-items:center;padding:3px 5px;border:1px solid #e0dbd2;border-radius:4px;background:#fffdfa}.purchase-mark .payment-marks{gap:4px}.purchase-mark .payment-satispay-word{font-size:13px}.purchase-workflow{margin-top:10px;padding:7px 8px;border:1px solid #d9e2d5;border-radius:6px;background:#f1f6ef;color:#4b6c50;font-size:11px;font-weight:700}

.purchase-panel .package-action.button-primary{background:#173e5b;color:#fff}
@media(max-width:1050px){.workspace{grid-template-columns:185px minmax(0,1fr) 250px}.main{padding:20px 14px}.purchase-panel{padding:20px 12px}.purchase-title{font-size:20px}.section-controls{width:100%}.section-controls .button{flex:1}.grid{gap:9px}}
@media(max-width:820px){.topbar{display:flex;min-height:0;flex-direction:row;align-items:center;gap:10px;padding:8px 12px;border-radius:10px}.topbar::after{display:none}.brand-logo{width:78px;height:44px}.brand-event{min-height:0}.event-title{font-size:20px}.event-meta:empty,.event-welcome{display:none}.workspace{display:block;margin-top:9px;border:0;border-radius:0;background:transparent}.sidebar{display:block;margin-bottom:10px;border:1px solid #dfd9ce;border-radius:9px}.main{padding:14px 0 84px}.purchase-panel{position:relative;top:auto;max-height:none;margin:0 0 10px;padding:16px;border:1px solid #dfd9ce;border-radius:9px}.purchase-panel .header-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-panel .selection-code-box,.purchase-panel .package-action{grid-column:span 2}.purchase-panel .selection-overview{grid-column:auto}.purchase-panel .header-counter{display:none}.sectionbar{padding:0 3px}.section-title{font-size:22px}.grid{gap:7px}.mobile-order-bar{border:1px solid #d6cec2}.mobile-order-button{min-width:112px;background:#173e5b!important;color:#fff!important;font-weight:800!important;letter-spacing:.01em}}