/* Store control center. Builds on styles.css; no inline styles (the Photo Drafts CSP drops them). */
.control-center-page .lede{max-width:70ch}
.control-center-page .panel{margin:1rem 0}
.control-center-page .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.control-center-page .tile{border:1px solid #d9d4c7;border-radius:6px;padding:.6rem .75rem;background:#fffdf8}
.control-center-page .tile-value{font-size:1.25rem;font-weight:600;word-break:break-word}
.control-center-page .tile-label{font-size:.8rem;color:#5d5a52}
.control-center-page .tile.warn{border-color:#b5652a;background:#fdf1e6}
.control-center-page .light{font-size:1.2rem;font-weight:600;padding:.6rem .9rem;border-radius:6px;display:inline-block}
.control-center-page .light.green{background:#e4f2e4;color:#1f5a26}
.control-center-page .light.attention{background:#fdf1e6;color:#8c392a}
.control-center-page .light.unknown{background:#eee;color:#444}
.control-center-page .sources,.control-center-page .needs{padding-left:1.1rem}
.control-center-page .warn{color:#8c392a}
.control-center-page .muted{color:#77736a}
.control-center-page .scroll{overflow-x:auto}
.control-center-page .confirm{border:1px solid #b5652a;background:#fdf1e6;border-radius:6px;padding:.6rem .8rem;margin:.6rem 0}
.control-center-page table{border-collapse:collapse;width:100%;font-size:.9rem}
.control-center-page th,.control-center-page td{text-align:left;padding:.3rem .45rem;border-bottom:1px solid #ece8de;vertical-align:top}
.control-center-page .num{text-align:right;white-space:nowrap}
.control-center-page .start{border-left:4px solid #2f6f4f;padding-left:1rem}
.control-center-page .routine li{margin:.35rem 0}
.control-center-page .card{border:1px solid #d9d4c7;border-left-width:5px;border-radius:6px;padding:.6rem .85rem;margin:.7rem 0;background:#fffdf8}
.control-center-page .card.now{border-left-color:#b23a2a}
.control-center-page .card.soon{border-left-color:#c98a1b}
.control-center-page .card.watch{border-left-color:#7d8a96}
.control-center-page .card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.control-center-page .card h3{margin:.2rem 0;font-size:1.05rem}
.control-center-page .card p{margin:.35rem 0}
.control-center-page .badge{font-size:.75rem;font-weight:600;border-radius:999px;padding:.1rem .55rem;white-space:nowrap}
.control-center-page .badge.now{background:#f7e0dc;color:#8c2a1d}
.control-center-page .badge.soon{background:#fbefd6;color:#7a5410}
.control-center-page .badge.watch{background:#e8ecef;color:#46525c}
.control-center-page .steps-label{font-weight:600}
.control-center-page .steps li{margin:.25rem 0}
.control-center-page details{margin-top:.4rem;font-size:.85rem}
.control-center-page details li{word-break:break-all}
.control-center-page .small{font-size:.75rem}
.control-center-page .card-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.control-center-page .card-status{font-size:.85rem;color:#2f4f3f;font-weight:600}
.control-center-page .card-confirm label{display:inline-block;margin:.25rem .5rem .25rem 0}
.control-center-page details li button{margin-left:.3rem}
.control-center-page td.on{color:#1f5a26;font-weight:600}
.control-center-page .coupon-form{margin-top:1rem}
.control-center-page .coupon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}
.control-center-page .coupon-grid label{display:flex;flex-direction:column;font-size:.85rem;gap:.2rem}
@media (max-width:600px){.control-center-page .tiles{grid-template-columns:repeat(2,1fr)}.control-center-page table{font-size:.82rem}}