/* =========================================================
   PANORAMIKA — FINAL UX LAYER
   Additive only: configuration summary, share link, review step.
   Core v46 calculator/app logic remains untouched.
   ========================================================= */

/* Sticky result becomes a clear order summary rather than a second calculator. */
.calc-result-card .kicker.ux-summary-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}
.calc-result-card .ux-live-dot{display:inline-flex;align-items:center;gap:7px;color:#66808e;font-size:10px;font-weight:750;letter-spacing:0;text-transform:none}
.calc-result-card .ux-live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#6e9aae;box-shadow:0 0 0 4px rgba(110,154,174,.12)}
.calc-meta-list.ux-expanded{margin-top:16px;padding:14px 15px;border:1px solid rgba(205,220,228,.88);border-radius:16px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}
.calc-meta-list.ux-expanded .calc-meta-item{padding:6px 0;border-bottom:1px solid rgba(216,228,234,.74);align-items:flex-start}
.calc-meta-list.ux-expanded .calc-meta-item:last-child{border-bottom:0}
.calc-meta-list.ux-expanded .calc-meta-item span{flex:0 0 auto}
.calc-meta-list.ux-expanded .calc-meta-item b{max-width:68%;line-height:1.35;overflow-wrap:anywhere}
.calc-meta-list .ux-meta-secondary{font-weight:650;color:#4f6876}

/* Optional fulfilment is informational only; it never alters price. */
.ux-fulfillment-field .calc-field-note{margin-top:6px}

/* Sharing controls. */
.calc-toolbar.ux-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.calc-toolbar.ux-toolbar .btn{min-width:0;padding-inline:12px}
.ux-share-status{min-height:18px;margin-top:7px;color:#617986;font-size:10px;line-height:1.4}
.ux-share-status.success{color:#47715f}

/* Review / confirmation dialog. */
.ux-review-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;background:rgba(15,31,40,.34);backdrop-filter:blur(13px) saturate(125%);-webkit-backdrop-filter:blur(13px) saturate(125%);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.ux-review-modal.show{opacity:1;visibility:visible}
.ux-review-dialog{width:min(670px,100%);max-height:min(88vh,760px);overflow:auto;padding:clamp(24px,4vw,38px);border:1px solid rgba(213,227,234,.92);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,250,252,.92));box-shadow:0 32px 100px rgba(19,39,50,.22),inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(10px) scale(.985);transition:transform .22s cubic-bezier(.2,.75,.25,1)}
.ux-review-modal.show .ux-review-dialog{transform:none}
.ux-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ux-review-top h3{margin:8px 0 0;font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.04em}
.ux-review-close{flex:0 0 auto;width:42px;height:42px;border:1px solid #d6e3e9;border-radius:13px;background:rgba(255,255,255,.75);color:#425e6d;font-size:23px;line-height:1;cursor:pointer}
.ux-review-lead{margin:14px 0 20px;color:#617985;line-height:1.65}
.ux-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ux-review-item{padding:14px 15px;border:1px solid #dce7ec;border-radius:16px;background:rgba(255,255,255,.67)}
.ux-review-item span{display:block;margin-bottom:5px;color:#758993;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}
.ux-review-item b{display:block;color:#203b49;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ux-review-price{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:14px;padding:17px 18px;border-radius:18px;background:linear-gradient(145deg,#28404d,#3e6172);color:#fff}
.ux-review-price span{font-size:11px;color:#cbdce5}
.ux-review-price strong{display:block;margin-top:3px;font-size:30px;letter-spacing:-.04em}
.ux-review-note{margin-top:12px;padding:12px 14px;border:1px solid #dce6eb;border-radius:14px;background:#f3f7f9;color:#687d88;font-size:11px;line-height:1.55}
.ux-review-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:18px}
.ux-review-actions .btn{width:100%}
body.ux-dialog-open{overflow:hidden}

/* Contact page: transferred configuration. */
.ux-transferred-config{margin:0 0 20px;padding:18px 19px;border:1px solid #d5e4eb;border-radius:20px;background:linear-gradient(145deg,rgba(246,251,253,.94),rgba(233,244,249,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.94)}
.ux-transferred-config .ux-transfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.ux-transferred-config h4{margin:4px 0 0;font-size:20px;letter-spacing:-.025em}
.ux-transfer-badge{padding:6px 8px;border-radius:999px;background:#e5f0f4;color:#557484;font-size:9px;font-weight:800;white-space:nowrap}
.ux-transfer-rows{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ux-transfer-row{padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.68);font-size:11px;color:#6b7f89}
.ux-transfer-row b{display:block;margin-top:3px;color:#284554;font-size:12px;line-height:1.35}
.ux-transfer-note{margin:12px 0 0;color:#647a85;font-size:11px;line-height:1.5}

@media(max-width:760px){
  .calc-toolbar.ux-toolbar{grid-template-columns:1fr 1fr}
  .calc-toolbar.ux-toolbar #zcPrint{display:none}
  .ux-review-grid,.ux-transfer-rows{grid-template-columns:1fr}
  .ux-review-actions{grid-template-columns:1fr}
  .ux-review-dialog{border-radius:24px;padding:22px}
  .calc-meta-list.ux-expanded .calc-meta-item b{max-width:64%}
}
@media(max-width:430px){
  .calc-toolbar.ux-toolbar{grid-template-columns:1fr}
  .ux-review-modal{padding:10px}
  .ux-review-dialog{max-height:92vh;border-radius:21px}
  .ux-review-price{align-items:flex-start;flex-direction:column;gap:7px}
  .ux-review-price strong{font-size:27px}
  .ux-transferred-config{padding:15px}
}
@media(prefers-reduced-motion:reduce){
  .ux-review-modal,.ux-review-dialog{transition:none}
}