/* Operations → Edit Case Packs (cp-*). Kept in its own file. */
.cp-card{margin-bottom:16px}
.cp-count{display:inline-block;font-size:11.5px;font-weight:600;color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;padding:1px 9px;margin-left:6px;vertical-align:middle}
.cp-filters{margin:0 12px 10px}
.cp-table td{vertical-align:middle}.cp-table th{white-space:nowrap}
.cp-num{text-align:right;font-variant-numeric:tabular-nums}
.cp-dimcell{white-space:nowrap;font-variant-numeric:tabular-nums}
.cp-sku{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;font-size:12.5px}
.cp-title{display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-size:12px}
.cp-sup{display:block;font-size:12.5px;line-height:1.45}.cp-sup small{display:inline-block;min-width:44px;font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}
.cp-shrinkcell{font-size:12px;line-height:1.45}
.cp-date{white-space:nowrap;font-size:12px}
.cp-acts{white-space:nowrap}.cp-acts .s2d-act{margin:1px}
.cp-a-del{border-color:#e34948;color:#c0302f}
/* products with several templates: one highlighted group, like legacy's yellow outline */
.cp-group>td{background:color-mix(in srgb,#eda100 14%,var(--card-bg));border-top:2px solid #eda100;border-left:2px solid #eda100;border-right:2px solid #eda100}
.cp-group-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cp-group .cp-title{display:inline;max-width:420px}
.cp-badge{font-size:11px;font-weight:800;border-radius:999px;padding:2px 9px;background:#eda100;color:#2b1d00}
.cp-group .s2d-act{margin-left:auto}
.cp-in-group>td:first-child{border-left:2px solid #eda100}.cp-in-group>td:last-child{border-right:2px solid #eda100}
.cp-in-group.cp-last>td{border-bottom:2px solid #eda100}
.cp-flash>td{animation:cpFlash 2.2s ease-out 1}
@keyframes cpFlash{0%{background:color-mix(in srgb,#1baf7a 30%,var(--card-bg))}100%{background:inherit}}
.cp-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.cp-span2{grid-column:1/-1}.cp-span3{grid-column:1/-1}
.cp-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:9px;min-width:0}
.cp-field input,.cp-field select,.cp-field textarea{font:inherit;font-size:13.5px;font-weight:400;color:var(--text);background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px;padding:7px 9px;width:100%;box-sizing:border-box}
.cp-field input[name="sku"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.cp-dims{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:6px;align-items:center}
.cp-dims>span{color:var(--text-muted);padding-top:12px}
.cp-hint{font-size:12px;color:var(--text-muted);margin:-4px 0 8px}
.cp-hint:empty{display:none}
.cp-shrink{border:1px solid var(--border);border-radius:9px;padding:8px 10px 2px;margin:4px 0 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px}
.cp-shrink legend{font-size:12.5px;font-weight:700;padding:0 4px;color:var(--text)}
.cp-shrink legend small{font-weight:400;color:var(--text-muted)}
.cp-dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0}
.cp-dl dt,.cp-dl dd{padding:7px 6px;border-bottom:1px solid var(--border);margin:0}
.cp-dl dt{font-weight:600;color:var(--text-muted);font-size:12.5px;white-space:nowrap}
.cp-dl dd{overflow-wrap:anywhere}
@media (max-width:640px){.cp-form{grid-template-columns:1fr}.cp-shrink{grid-template-columns:1fr}}
.cp-icon{min-width:32px;justify-content:center;padding-left:6px;padding-right:6px}
.cp-table td:nth-child(7){min-width:150px}
.cp-table td:nth-child(3){min-width:90px}
.cp-date small{display:block;font-size:11px}
.cp-table .cp-title{max-width:190px}
.cp-table th,.cp-table td{padding-left:9px;padding-right:9px}