/* SaloCart V4.9 — Production Readiness. Final control layer. */
.production-readiness-page { padding-bottom: max(5rem, env(safe-area-inset-bottom)); }
.production-readiness-hero { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.25rem; align-items:center; padding:clamp(1.15rem,3vw,2rem); border:1px solid color-mix(in srgb, var(--sc-border, #dbe7e1) 90%, transparent); border-radius:1.5rem; background:linear-gradient(135deg, color-mix(in srgb, var(--sc-surface, #fff) 92%, #eefbf5), var(--sc-surface, #fff)); box-shadow:0 .85rem 2.4rem rgba(13,46,34,.09); }
.production-readiness-hero.is-ready { border-color:color-mix(in srgb, #168b61 28%, var(--sc-border, #dbe7e1)); }
.production-readiness-hero.is-attention { border-color:color-mix(in srgb, #d99517 38%, var(--sc-border, #dbe7e1)); }
.production-readiness-hero__icon { width:3.75rem; height:3.75rem; display:grid; place-items:center; border-radius:1.1rem; background:#0e8059; color:#fff; font-size:1.7rem; box-shadow:0 .6rem 1.3rem rgba(12,110,73,.22); }
.production-readiness-hero.is-attention .production-readiness-hero__icon { background:#b66c0e; }
.production-readiness-hero h1 { margin:.12rem 0 .35rem; font-family:var(--font-heading, Sora, sans-serif); font-size:clamp(1.45rem,3.5vw,2.15rem); letter-spacing:-.04em; }
.production-readiness-hero p { margin:0; max-width:47rem; color:var(--sc-muted, #66776f); }
.production-readiness-score { min-width:11.5rem; padding:1rem 1.1rem; border-radius:1rem; background:color-mix(in srgb, var(--sc-surface, #fff) 82%, #0e8059 6%); text-align:right; }
.production-readiness-score small,.production-readiness-score span { display:block; color:var(--sc-muted, #66776f); font-size:.76rem; font-weight:700; }
.production-readiness-score strong { display:block; color:var(--sc-ink, #102d22); font-family:var(--font-heading, Sora, sans-serif); font-size:2rem; line-height:1.1; letter-spacing:-.05em; }
.production-readiness-score em { font-style:normal; font-size:.85rem; color:var(--sc-muted, #66776f); letter-spacing:0; }
.production-readiness-actions { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin:1rem 0 1.25rem; padding:1rem 1.1rem; border:1px solid var(--sc-border, #dbe7e1); border-radius:1rem; background:var(--sc-surface, #fff); }
.production-readiness-actions > div { display:flex; align-items:center; gap:.7rem; }
.production-readiness-actions p { margin:0; color:var(--sc-muted, #66776f); }
.production-readiness-actions > div:last-child { flex-wrap:wrap; justify-content:flex-end; }
.production-readiness-actions > div > i { color:#177f5d; font-size:1.25rem; }
.production-readiness-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.production-check { display:flex; gap:.85rem; padding:1rem; border-radius:1rem; border:1px solid var(--sc-border, #dbe7e1); background:var(--sc-surface, #fff); min-width:0; }
.production-check__icon { flex:0 0 2.25rem; height:2.25rem; display:grid; place-items:center; border-radius:.75rem; background:#effbf4; color:#087a57; }
.production-check--warning .production-check__icon { background:#fff8e7; color:#bd760f; }
.production-check--blocker .production-check__icon { background:#fff0f0; color:#c43c3c; }
.production-check__head { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.production-check h2 { margin:0; font-size:1rem; font-weight:800; color:var(--sc-ink, #102d22); }
.production-check__head span { flex:0 0 auto; border-radius:999px; padding:.23rem .52rem; background:#eaf9ef; color:#087a57; font-size:.67rem; font-weight:800; letter-spacing:.04em; }
.production-check--warning .production-check__head span { background:#fff4da; color:#9a5e0c; }
.production-check--blocker .production-check__head span { background:#ffebeb; color:#a82f2f; }
.production-check p { margin:.32rem 0 0; color:var(--sc-muted, #66776f); line-height:1.48; font-size:.88rem; overflow-wrap:anywhere; }
.production-readiness-guide { display:flex; justify-content:space-between; gap:1rem; margin-top:1.25rem; padding:1.25rem; border-radius:1.2rem; background:linear-gradient(135deg,#073c2d,#0d6f50); color:#fff; }
.production-readiness-guide h2 { margin:.14rem 0 .35rem; font-size:1.2rem; }
.production-readiness-guide p { margin:0; color:rgba(255,255,255,.76); max-width:42rem; }
.production-readiness-guide__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; align-content:center; min-width:min(28rem,48%); }
.production-readiness-guide__list span { display:flex; align-items:center; gap:.45rem; padding:.58rem .65rem; border-radius:.7rem; background:rgba(255,255,255,.11); color:#fff; font-size:.84rem; font-weight:700; }
.production-readiness-guide__list i { color:#b8f1d3; }
html[data-theme='dark'] .production-readiness-hero { background:linear-gradient(135deg,#12251e,#102118); border-color:#2e4a3e; box-shadow:none; }
html[data-theme='dark'] .production-readiness-score,html[data-theme='dark'] .production-readiness-actions,html[data-theme='dark'] .production-check { background:#13251e; border-color:#2d493c; }
html[data-theme='dark'] .production-readiness-hero h1,html[data-theme='dark'] .production-readiness-score strong,html[data-theme='dark'] .production-check h2 { color:#ecf8f0; }
@media (max-width: 760px) { .production-readiness-hero { grid-template-columns:auto minmax(0,1fr); gap:.8rem; border-radius:1.15rem; }.production-readiness-hero__icon { width:3.15rem; height:3.15rem; border-radius:.9rem; font-size:1.4rem; }.production-readiness-score { grid-column:1/-1; min-width:0; text-align:left; display:flex; align-items:baseline; gap:.5rem; padding:.75rem .9rem; }.production-readiness-score small { display:none; }.production-readiness-score strong { font-size:1.55rem; }.production-readiness-actions,.production-readiness-guide { flex-direction:column; align-items:stretch; }.production-readiness-actions > div:last-child { justify-content:stretch; }.production-readiness-actions > div:last-child .btn-sc,.production-readiness-actions > div:last-child .btn-sc-light { flex:1; }.production-readiness-grid { grid-template-columns:1fr; }.production-readiness-guide__list { min-width:0; }.production-readiness-guide h2 { font-size:1.12rem; } }
@media (max-width: 410px) { .production-readiness-guide__list { grid-template-columns:1fr; }.production-check__head { align-items:flex-start; flex-direction:column; gap:.35rem; } }
@media (prefers-reduced-motion: reduce) { .production-readiness-page * { transition:none !important; animation:none !important; } }