.customer-cover-choice-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(135px,1fr)); gap: 10px; margin-bottom: 16px; }
.customer-cover-editor label.customer-cover-choice { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; padding: 9px; border: 1px solid #c8dfed; border-radius: 12px; background: #fff; cursor: pointer; text-align: left; }
.customer-cover-choice img,.customer-cover-default { display: block; width: 100%; height: 80px; object-fit: cover; border-radius: 7px; }
.customer-cover-default { background: linear-gradient(120deg,#145787,#0969b5); }
.customer-cover-editor .customer-cover-choice input { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; min-height: 20px; margin: 0; padding: 0; accent-color: #0b68ab; }
.customer-cover-choice strong { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.customer-cover-choice small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; font-weight: 400; }
.customer-cover-choice:has(input:checked) { border-color: #0b68ab; background: #e0f2fc; box-shadow: inset 0 0 0 1px #0b68ab; }
.customer-cover-choice:has(input:focus-visible) { outline: 3px solid #7cc6ed; outline-offset: 2px; }
.customer-cover-editor .customer-cover-upload { display: grid; gap: 8px; font-size: 13px; }
.customer-cover-upload input { max-width: 100%; font-size: 12px; }
.customer-cover-file-control { display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:0; padding:10px; border:1px solid var(--line,#c8dfed); border-radius:10px; background:#fff; }
.customer-cover-file-control [data-cover-choose] { flex:none; margin:0; }
.customer-cover-file-control [data-cover-filename] { min-width:0; flex:1 1 160px; overflow-wrap:anywhere; font-size:14px; color:var(--muted,#587184); }
.customer-cover-file-control input[hidden] { display:none!important; }
.customer-cover-save-note { padding: 10px 12px; border-radius: 8px; background: #f3faff; color: #145787; font-size: 12px; line-height: 1.5; }