.variation-guide{display:flex;flex-direction:column;gap:7px;margin:22px 0 18px}.variation-guide strong{font-size:17px}.variation-guide span{font-size:12px;color:#667992;line-height:1.6}.variation-row{border:1px solid #dce5f4;border-radius:14px;padding:20px;margin:0 0 20px;background:#f9fbff;min-width:0}.variation-row legend{padding:0 9px;color:#123ee8;font-size:13px;font-weight:700}.variation-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.variation-footer label{display:flex;gap:9px;align-items:center}.variation-footer input{width:18px;height:18px;accent-color:#123ee8}.variation-footer small{color:#8090a7}.variant-price-summary{display:flex;flex-direction:column;gap:7px;font-size:12px}.variant-price-summary strong{font-weight:600}.variant-price-summary button{text-align:left}.remove-background{margin:8px 0 0;display:inline-flex;min-height:40px;background:#eef3ff;color:#123ee8;border-color:#cbd9ff}.photo-upload-preview,.background-comparison figure{background-color:#fff;background-image:linear-gradient(45deg,#e8edf4 25%,transparent 25%),linear-gradient(-45deg,#e8edf4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8edf4 75%),linear-gradient(-45deg,transparent 75%,#e8edf4 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.background-dialog{max-width:760px}.background-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.background-comparison figure{border:1px solid #dce5f2;border-radius:12px;overflow:hidden;margin:0}.background-comparison img{height:240px;width:100%;object-fit:contain;padding:12px}.background-comparison img:not([src]){visibility:hidden}.background-comparison figcaption{font-size:12px;text-align:center;padding:12px;background:#fff}.background-dialog progress{width:100%;accent-color:#123ee8}.background-dialog #bg-status{font-size:13px;line-height:1.7;min-height:45px;color:#56708e}.monitor-chart{height:240px;position:relative}.monitor-alert{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf0f6;padding:18px 0}.monitor-alert>div{flex:1;min-width:0}.monitor-alert strong,.outflow-row strong{display:block;font-size:13px;line-height:1.5}.monitor-alert small,.outflow-row small{display:block;font-size:11px;line-height:1.6;color:#71839c;margin-top:5px}.monitor-alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff3dd;color:#b57a1b;font-weight:700;flex-shrink:0}.monitor-alert.out .monitor-alert-icon{background:#ffeded;color:#c45a60}.monitor-alert.fast .monitor-alert-icon{background:#eaf0ff;color:#123ee8}.overview-alert-banner{display:flex;gap:14px;align-items:center;border:1px solid #f0d9ad;background:#fff9ed;padding:17px;border-radius:13px;margin-bottom:22px;color:#5f4b2c;text-decoration:none}.overview-alert-banner>span:nth-child(2){flex:1}.overview-alert-banner strong,.overview-alert-banner small{display:block}.overview-alert-banner strong{font-size:13px}.overview-alert-banner small{font-size:11px;line-height:1.7;margin-top:4px}.overview-alert-banner b{font-size:12px}.nav-count.has-alerts{background:#f2ab48;color:#172643}.outflow-row{display:flex;gap:17px;align-items:center;border-bottom:1px solid #edf0f6;padding:18px 0}.outflow-row>div{flex:1}.outflow-row>span{font-size:12px;color:#8b9ab1}.outflow-row b{font-size:15px;color:#123ee8;white-space:nowrap}#view-monitor>.admin-card{margin-top:24px}#view-monitor .cms-section-actions label{font-size:12px;display:flex;gap:12px;align-items:center}.cms-field input[data-money]{font-variant-numeric:tabular-nums}
@media(max-width:700px){.variation-row{padding:15px}.variation-row .cms-field{margin-bottom:16px}.variation-footer{font-size:12px}.background-comparison{gap:8px}.background-comparison img{height:160px;padding:5px}.background-dialog .dialog-actions{flex-wrap:wrap}.background-dialog .dialog-actions button{min-height:44px;flex:1}.monitor-alert{gap:10px;flex-wrap:wrap}.monitor-alert strong{font-size:14px}.monitor-alert small{font-size:12px}.monitor-alert .small-button{margin-left:44px;min-height:44px}.overview-alert-banner{flex-wrap:wrap}.overview-alert-banner b{margin-left:48px}.overview-alert-banner small{font-size:12px}.outflow-row strong{font-size:13px}.outflow-row small{font-size:12px}.editor-tabs button{font-size:10px}.monitor-chart{height:220px}}

.product-template-library{background:#f4f7ff;border:1px solid #dce5f6;border-radius:12px;padding:18px;margin-bottom:22px}.product-template-library strong{font-size:14px}.product-template-library p{font-size:12px;color:#74849c;margin:8px 0 12px;line-height:1.6}.product-template-library>div{display:flex;flex-wrap:wrap;gap:8px}.product-template-library button{min-height:44px}