.variant-definition-field textarea { min-height: 88px; font-family: monospace; line-height: 1.7; }
.variant-editor { padding: 14px; border: 1px solid #e0e6ed; border-radius: 6px; background: #fbfcfd; }
.variant-editor-head { display: grid; grid-template-columns: minmax(0, 1fr) 170px 42px 36px; gap: 10px; padding: 0 0 8px; color: #748293; font-size: 11px; font-weight: 800; }
.variant-editor-list { display: flex; flex-direction: column; gap: 9px; }
.variant-editor-row { display: grid; grid-template-columns: minmax(0, 1fr) 170px 42px 36px; gap: 10px; align-items: center; }
.variant-editor-row label { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.variant-editor-row label > span:first-child { display: none; color: #748293; font-size: 11px; font-weight: 800; }
.variant-editor-row input { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid #d4dde7; border-radius: 4px; outline-color: var(--blue); color: #253446; background: #fff; font-size: 13px; }
.variant-price-control { display: flex; min-width: 0; align-items: center; gap: 7px; }
.variant-price-control input { flex: 1; min-width: 0; }
.variant-price-control em { color: #59697a; font-size: 12px; font-style: normal; font-weight: 700; }
.variant-editor-remove { display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid #d2dae3; border-radius: 50%; color: #9b4a3d; background: #fff; font-size: 21px; line-height: 1; }
.variant-editor-remove:hover { border-color: #c74550; color: #fff; background: #c74550; }
.variant-editor-row.has-error input { border-color: #c74550; box-shadow: 0 0 0 2px rgb(199 69 80 / 10%); }
.variant-stock-lock { justify-self: end; color: #a87820; font-size: 10px; }
.variant-stock-lock:empty { visibility: hidden; }
.variant-editor-add { display: inline-flex; min-height: 38px; margin-top: 12px; padding: 0 12px; align-items: center; gap: 6px; border: 1px solid var(--blue); border-radius: 4px; color: var(--blue); background: var(--theme-accent-soft, #f7f1e3); font-size: 12px; font-weight: 800; }
.variant-editor-add b { font-size: 21px; line-height: 1; }
.product-cover-uploader { display: grid; min-width: 0; padding: 12px; grid-template-columns: 116px minmax(0, 1fr); align-items: center; gap: 14px; border: 1px solid #dfe7ef; border-radius: 5px; background: #fff; }
.product-cover-preview { position: relative; display: grid; width: 116px; height: 88px; place-items: center; overflow: hidden; border: 1px dashed #cfd9e2; border-radius: 5px; color: #8c99a6; background: #f1f4f6; }
.product-cover-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.product-cover-preview.has-image { border-style: solid; }
.product-cover-preview.has-image .product-cover-placeholder { display: none; }
.product-cover-placeholder { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: var(--blue); background: var(--theme-accent-soft, #f7f1e3); }
.product-cover-placeholder .ui-icon { width: 18px; height: 18px; }
.product-cover-actions { display: flex; min-width: 0; align-items: flex-start; flex-direction: column; gap: 7px; }
.product-cover-input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.product-cover-actions > button { display: inline-flex; min-height: 40px; padding: 0 14px; align-items: center; gap: 7px; border: 1px solid var(--blue); border-radius: 4px; color: var(--theme-accent-contrast, #fff); background: var(--blue); font-size: 12px; font-weight: 800; }
.product-cover-actions > button:hover { background: var(--blue-dark); }
.product-cover-actions > button .ui-icon { width: 16px; height: 16px; }
.product-cover-actions > small { display: block; width: 100%; overflow: hidden; color: #536477; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.product-cover-actions .field-note { font-size: 10px; line-height: 1.55; }
.free-account-input { min-width: 0; }
.free-account-input textarea { min-height: 120px !important; resize: vertical; }
.free-account-input .field-note { display: block; margin-top: 5px; }
.seller-head-actions { display: flex; gap: 7px; }
.seller-head-actions button { padding: 8px 10px; border: 1px solid #d4dfe9; border-radius: 4px; color: var(--blue); background: #fff; font-size: 8px; }
.variant-stock-summary { display: grid; margin-bottom: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.variant-stock-summary span { padding: 10px; border: 1px solid #e0e7ee; border-radius: 4px; background: #fafcfd; }
.variant-stock-summary b,.variant-stock-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.variant-stock-summary b { color: #536477; font-size: 9px; }
.variant-stock-summary small { margin-top: 5px; color: var(--theme-stock, #b88a32); font-size: 8px; }
.enhanced-restock { grid-template-columns: 180px 1fr auto; }
.enhanced-restock label { grid-column: 1 / -1; }
.enhanced-restock select { padding: 9px; border: 1px solid #dce3eb; border-radius: 4px; outline-color: var(--blue); color: #59697a; background: #fff; font-size: 9px; }
.enhanced-account-table>div { grid-template-columns: 125px 150px 1fr 70px; }
.enhanced-account-table b { overflow: hidden; color: #5c6e80; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

/* Inventory console: dedicated seller route with contained desktop tables. */
.inventory-console { min-width: 0; color: #26384b; }
.inventory-console .seller-page-head { margin-bottom: 18px; }
.inventory-overview-toolbar,
.inventory-detail-toolbar,
.inventory-bulk-actions { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 9px; }
.inventory-overview-toolbar { margin: 0 0 13px; justify-content: space-between; color: #738294; font-size: 12px; }
.inventory-search { display: flex; min-width: min(100%, 270px); height: 38px; flex: 1 1 260px; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid #d7e0e8; border-radius: 4px; color: #7e8e9e; background: #fff; }
.inventory-search .ui-icon { width: 16px; height: 16px; flex: none; }
.inventory-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: #2e4052; background: transparent; font-size: 13px; }
.inventory-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #e0e7ee; border-radius: 5px; background: #fff; -webkit-overflow-scrolling: touch; }
.inventory-variant-table,
.inventory-account-table { width: max(100%, 1030px); border-collapse: collapse; font-size: 12px; }
.inventory-variant-table { min-width: 970px; }
.inventory-variant-table th,
.inventory-account-table th { height: 40px; padding: 0 10px; border-bottom: 1px solid #e0e7ee; color: #718194; background: #f6f8fa; font-size: 11px; font-weight: 800; text-align: left; white-space: nowrap; }
.inventory-variant-table td,
.inventory-account-table td { min-height: 50px; padding: 9px 10px; border-bottom: 1px solid #edf1f4; color: #33485b; vertical-align: middle; white-space: nowrap; }
.inventory-variant-table tbody tr:hover,
.inventory-account-table tbody tr:hover { background: #fbfcfd; }
.inventory-variant-table td:nth-child(3) { min-width: 230px; color: #1880e5; }
.inventory-variant-table td:nth-child(3) b,
.inventory-variant-table td:nth-child(3) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-variant-table td:nth-child(3) small { margin-top: 4px; color: #8996a3; font-size: 10px; }
.inventory-sku { color: #536d85; font: 700 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.inventory-price { color: #34495d; font-weight: 800; }
.inventory-number { color: #d29c29; font-weight: 800; }
.inventory-empty { height: 100px; color: #93a0ad !important; text-align: center; }
.table-link { padding: 4px 0; border: 0; color: var(--blue, #2387e8); background: transparent; font: inherit; font-weight: 700; cursor: pointer; }
.inventory-manage-button,
.inventory-add-trigger { min-height: 34px; padding: 0 12px; border: 1px solid var(--blue, #2387e8); border-radius: 4px; color: var(--theme-accent-contrast, #fff); background: var(--blue, #2387e8); font-size: 11px; font-weight: 800; white-space: nowrap; }
.inventory-manage-button:hover,
.inventory-add-trigger:hover { filter: brightness(.96); }
.inventory-detail-head { display: grid; min-width: 0; margin: 0 0 15px; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 15px; }
.inventory-back { display: inline-flex; min-height: 36px; padding: 0 8px; align-items: center; gap: 5px; border: 1px solid #d9e1e9; border-radius: 4px; color: #52667a; background: #fff; font-size: 12px; font-weight: 700; }
.inventory-back .ui-icon { width: 15px; height: 15px; }
.inventory-detail-head h2 { margin: 4px 0 0; overflow: hidden; font-size: 21px; text-overflow: ellipsis; white-space: nowrap; }
.inventory-detail-head p { margin: 6px 0 0; overflow: hidden; color: #7a8998; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.inventory-detail-stats { display: flex; gap: 7px; }
.inventory-detail-stats span { min-width: 64px; padding: 8px 10px; border: 1px solid #e1e7ee; border-radius: 4px; color: #7e8d9b; font-size: 10px; text-align: center; }
.inventory-detail-stats b { display: block; margin-top: 3px; color: #d29c29; font-size: 16px; }
.inventory-detail-toolbar { margin: 0 0 10px; padding: 10px; border: 1px solid #e0e7ee; border-radius: 5px; background: #fafcfd; }
.inventory-detail-toolbar .inventory-search { flex: 1 1 200px; }
.inventory-status-tabs { display: flex; overflow-x: auto; flex: 0 1 auto; border-bottom: 1px solid #dbe3ea; }
.inventory-status-tabs button { min-height: 36px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent; color: #788898; background: transparent; font-size: 12px; font-weight: 700; white-space: nowrap; }
.inventory-status-tabs button.active { border-bottom-color: var(--blue, #2387e8); color: var(--blue, #2387e8); }
.inventory-status-tabs b { margin-left: 3px; color: #a0acb8; font-size: 10px; }
.inventory-bulk-actions { margin: 0 0 10px; padding: 9px; border: 1px solid #e0e7ee; border-radius: 5px; background: #fafcfd; }
.inventory-bulk-actions label { margin-right: auto; color: #6f7f8e; font-size: 11px; white-space: nowrap; }
.inventory-bulk-actions button,
.inventory-bulk-actions select { min-height: 32px; padding: 0 9px; border: 1px solid #d3dde6; border-radius: 4px; color: #536678; background: #fff; font-size: 11px; font-weight: 700; }
.inventory-bulk-actions button:hover { border-color: var(--blue, #2387e8); color: var(--blue, #2387e8); }
.inventory-copy-field { display: inline-flex; max-width: 230px; align-items: center; gap: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-payload { max-width: 320px; }
.inventory-row-actions { display: inline-flex; align-items: center; gap: 8px; }
.inventory-row-actions .table-link.danger { color: #b5574c; }
.inventory-row-actions .table-link.danger:hover { color: #8f2e27; }
.icon-button { display: inline-grid; width: 24px; height: 24px; flex: none; padding: 0; place-items: center; border: 0; color: var(--blue, #2387e8); background: transparent; cursor: pointer; }
.icon-button .ui-icon { width: 15px; height: 15px; }
.inventory-account-table { min-width: 980px; }
.inventory-account-table td:nth-child(4) { min-width: 310px; }
.inventory-account-table input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--blue, #2387e8); }
.inventory-account-table em { display: inline-block; padding: 3px 6px; border-radius: 3px; font-size: 10px; font-style: normal; font-weight: 700; }
.inventory-account-table .stock-available { color: #9b721b; background: #fff7df; }
.inventory-account-table .stock-locked { color: #b45f2a; background: #fff0e7; }
.inventory-account-table .stock-sold { color: #758391; background: #f0f3f5; }
.inventory-account-table tr.is-priority { background: #fffdf5; }
.inventory-priority { display: block; margin-top: 4px; color: #c18c20; font-size: 9px; }
.inventory-pagination { display: flex; min-height: 42px; align-items: center; justify-content: flex-end; gap: 10px; color: #788898; font-size: 11px; }
.inventory-pagination label { display: inline-flex; align-items: center; gap: 5px; }
.inventory-pagination select,
.inventory-pagination button { min-height: 30px; padding: 0 8px; border: 1px solid #d5dee7; border-radius: 4px; color: #5c6d7c; background: #fff; font-size: 11px; }
.inventory-pagination button:disabled { opacity: .45; cursor: not-allowed; }

.inventory-add-dialog { width: min(620px, 100%); color: #26384b; }
.inventory-add-dialog-head { padding: 1px 0 16px; border-bottom: 1px solid #e2e8ee; }
.inventory-add-dialog .kicker { color: #bd8a20; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.inventory-add-dialog h2 { margin: 6px 0 0; font-size: 22px; line-height: 1.25; }
.inventory-add-dialog p { margin: 6px 0 0; color: #788899; font-size: 12px; line-height: 1.55; }
.inventory-add-dialog-form { margin-top: 16px; }
.inventory-add-dialog-form > label { display: block; margin-bottom: 8px; color: #34485c; font-size: 13px; font-weight: 800; }
.inventory-add-dialog-form textarea { display: block; box-sizing: border-box; width: 100%; min-height: 260px; padding: 13px; resize: vertical; border: 1px solid #d5dfe8; border-radius: 5px; outline-color: var(--blue, #2387e8); color: #27394d; background: #fff; font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.inventory-add-dialog-form .field-note { margin: 8px 0 0; color: #778898; font-size: 12px; line-height: 1.55; }
.inventory-add-dialog-actions { display: flex; margin-top: 17px; justify-content: flex-end; gap: 9px; }
.inventory-add-dialog-actions button { min-height: 38px; min-width: 82px; padding: 0 14px; border: 1px solid #d4dde7; border-radius: 4px; color: #536678; background: #fff; font-size: 12px; font-weight: 800; }
.inventory-add-dialog-actions .confirm { border-color: var(--blue, #2387e8); color: var(--theme-accent-contrast, #fff); background: var(--blue, #2387e8); }

.product-cover-field { padding: 15px; border: 1px solid #dfe7ef; border-radius: 5px; background: #fafcfd; }
.seller-form input[type="file"]:not(.product-cover-input) { min-width: 0; color: #657587; font-size: 11px; }
.seller-form input[type="file"]:not(.product-cover-input)::file-selector-button { min-height: 38px; padding: 0 12px; margin-right: 10px; border: 1px solid var(--blue); border-radius: 4px; color: var(--theme-accent-contrast, #fff); background: var(--blue); font: inherit; font-weight: 800; cursor: pointer; }
.seller-form input[type="file"]:not(.product-cover-input)::file-selector-button:hover { background: var(--blue-dark); }
.rich-detail-field { min-width: 0; }
.rich-detail-toolbar { display: flex; min-height: 42px; padding: 7px 9px; align-items: center; gap: 10px; border: 1px solid #d7e0e8; border-bottom: 0; border-radius: 5px 5px 0 0; background: #f7f9fb; }
.rich-detail-toolbar button { min-height: 32px; padding: 0 12px; border: 1px solid var(--blue); border-radius: 4px; color: #fff; background: var(--blue); font-size: 11px; font-weight: 700; }
.rich-detail-toolbar span { color: #8492a0; font-size: 10px; }
.rich-detail-editor { min-height: 280px; padding: 18px; overflow-wrap: anywhere; border: 1px solid #d7e0e8; border-radius: 0 0 5px 5px; outline: 0; color: #394b5d; background: #fff; font-size: 14px; line-height: 1.85; }
.rich-detail-editor:focus { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.rich-detail-editor:empty::before { color: #9aa6b2; content: attr(data-placeholder); pointer-events: none; }
.rich-detail-editor p,.rich-detail-editor div { margin: 0 0 12px; }
.rich-detail-editor h2,.rich-detail-editor h3 { margin: 18px 0 10px; color: #1b2938; line-height: 1.45; }
.rich-detail-editor img { display: block; width: auto; max-width: 100%; max-height: 720px; margin: 16px auto; border-radius: 5px; object-fit: contain; }
.rich-detail-note { padding-top: 2px; }

@media (max-width: 620px) {
  .variant-editor { padding: 11px; }
  .variant-editor-head { display: none; }
  .variant-editor-row { grid-template-columns: minmax(0, 1fr) minmax(92px, 34%) 34px; gap: 8px; padding: 10px; align-items: end; border: 1px solid #e1e7ed; border-radius: 5px; background: #fff; }
  .variant-editor-row label > span:first-child { display: block; }
  .variant-editor-row label:nth-child(2) { grid-column: auto; }
  .variant-editor-row input { min-height: 44px; padding: 9px; font-size: 16px; }
  .variant-editor-row .variant-editor-remove { grid-column: 3; grid-row: 1; align-self: end; margin-bottom: 5px; }
  .variant-price-control { width: 100%; max-width: none; gap: 5px; }
  .variant-price-control em { font-size: 11px; }
  .variant-stock-lock { grid-column: 1 / 3; justify-self: start; margin-top: -2px; }
  .variant-stock-lock:empty { display: none; }
  .product-cover-uploader { padding: 10px; grid-template-columns: 88px minmax(0, 1fr); gap: 11px; }
  .product-cover-preview { width: 88px; height: 72px; }
  .product-cover-actions > button { min-height: 42px; padding: 0 12px; font-size: 14px; }
  .product-cover-actions > small { font-size: 12px; }
  .product-cover-actions .field-note { font-size: 11px; }
  .free-account-input textarea { min-height: 150px !important; }
  .seller-head-actions { margin-top: 12px; }
  .variant-stock-summary { grid-template-columns: 1fr 1fr; }
  .enhanced-restock { display: grid; grid-template-columns: 1fr; }
  .enhanced-restock label { grid-column: auto; }
  .enhanced-account-table>div { grid-template-columns: 76px 1fr 58px; }
  .enhanced-account-table>div>*:nth-child(3) { grid-column: 2 / -1; }
  .rich-detail-toolbar { align-items: flex-start; flex-direction: column; }
  .rich-detail-toolbar button { width: 100%; min-height: 44px; font-size: 14px; }
  .rich-detail-editor { min-height: 340px; padding: 15px; font-size: 16px; line-height: 1.75; }
  .inventory-console .seller-page-head { display: block; }
  .inventory-console .seller-head-actions { margin-top: 10px; }
  .inventory-overview-toolbar { align-items: stretch; flex-direction: column; }
  .inventory-search { flex-basis: auto; width: 100%; }
  .inventory-detail-toolbar { align-items: stretch; flex-direction: column; gap: 7px; padding: 8px; }
  .inventory-detail-toolbar .inventory-search { flex: 0 0 auto; min-width: 0; width: 100%; }
  .inventory-status-tabs { flex: 0 0 auto; }
  .inventory-add-trigger { width: 100%; min-height: 40px; }
  .inventory-detail-head { grid-template-columns: 1fr; gap: 9px; }
  .inventory-detail-head h2 { font-size: 19px; }
  .inventory-detail-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .inventory-detail-stats span { min-width: 0; padding: 7px 4px; }
  .inventory-detail-stats b { font-size: 15px; }
  .inventory-status-tabs { width: 100%; }
  .inventory-bulk-actions { align-items: stretch; }
  .inventory-bulk-actions label { width: 100%; margin: 0; }
  .inventory-bulk-actions button, .inventory-bulk-actions select { flex: 1 1 calc(50% - 6px); }
  .inventory-pagination { justify-content: space-between; flex-wrap: wrap; }
  .inventory-add-dialog { width: 100%; max-height: calc(100vh - 24px); overflow: auto; }
  .inventory-add-dialog h2 { font-size: 19px; }
  .inventory-add-dialog-form textarea { min-height: 220px; max-height: 42vh; font-size: 14px; }
  .inventory-add-dialog-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-add-dialog-actions button { width: 100%; min-width: 0; min-height: 42px; }
}

@media (max-width: 370px) {
  .variant-editor { padding: 8px; }
  .variant-editor-row { grid-template-columns: minmax(0, 1fr) 92px 32px; gap: 6px; padding: 8px; }
  .variant-editor-row .variant-editor-remove { width: 32px; height: 32px; }
  .variant-editor-row label > span:first-child { font-size: 10px; }
  .product-cover-uploader { grid-template-columns: 76px minmax(0, 1fr); gap: 9px; }
  .product-cover-preview { width: 76px; height: 66px; }
}

/* Keep the cover prominent while making the image action compact on touch screens. */
.product-cover-uploader { grid-template-columns: 150px minmax(0, 1fr); gap: 13px; }
.product-cover-preview { width: 150px; height: 112px; }
.product-cover-actions > button { min-height: 35px; padding: 0 10px; gap: 5px; font-size: 11px; }
.product-cover-actions > button .ui-icon { width: 14px; height: 14px; }
.product-cover-actions > small { font-size: 10px; }
.product-cover-actions .field-note { font-size: 9px; }

@media (max-width: 620px) {
  .product-cover-uploader { padding: 10px; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; }
  .product-cover-preview { width: 112px; height: 84px; }
  .product-cover-actions > button { min-height: 34px; padding: 0 9px; font-size: 11px; }
  .product-cover-actions > small { font-size: 10px; }
  .product-cover-actions .field-note { font-size: 9px; }
}

@media (max-width: 370px) {
  .product-cover-uploader { grid-template-columns: 100px minmax(0, 1fr); }
  .product-cover-preview { width: 100px; height: 76px; }
}

.cover-crop-backdrop { position: fixed; z-index: 80; inset: 0; display: grid; padding: 18px; place-items: center; background: rgb(8 13 21 / 76%); }
.cover-crop-dialog { width: min(470px, 100%); max-height: calc(100vh - 36px); padding: 22px; overflow: auto; border: 1px solid var(--theme-accent, #d1a741); border-radius: 8px; color: var(--ink, #172238); background: var(--theme-surface, #fff); box-shadow: 0 25px 70px rgb(0 0 0 / 35%); }
.cover-crop-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.cover-crop-head h2 { margin: 0; font-size: 20px; line-height: 1.3; }
.cover-crop-head p { max-width: 370px; margin: 7px 0 0; color: #718093; font-size: 12px; line-height: 1.6; }
.cover-crop-close { display: grid; width: 32px; height: 32px; flex: none; padding: 0; place-items: center; border: 1px solid #d4dde6; border-radius: 50%; color: #536477; background: #fff; font-size: 20px; line-height: 1; }
.cover-crop-close:hover { border-color: var(--theme-accent, #d1a741); color: var(--theme-accent, #d1a741); }
.cover-crop-frame { position: relative; width: min(100%, 360px); aspect-ratio: 1; margin: 19px auto 16px; overflow: hidden; border: 2px solid var(--theme-accent, #d1a741); border-radius: 5px; background: #151b24; cursor: grab; touch-action: none; }
.cover-crop-frame::after { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 22%); }
.cover-crop-frame.is-dragging { cursor: grabbing; }
.cover-crop-frame img { position: absolute; max-width: none; user-select: none; pointer-events: none; }
.cover-crop-zoom { display: flex; align-items: center; gap: 12px; color: #5f6e7e; font-size: 12px; font-weight: 800; }
.cover-crop-zoom input { width: 100%; min-width: 0; accent-color: var(--theme-accent, #d1a741); }
.cover-crop-actions { display: flex; margin-top: 18px; gap: 9px; }
.cover-crop-actions button { min-height: 42px; flex: 1; padding: 0 13px; border: 1px solid #d4dde6; border-radius: 4px; color: #5f6e7e; background: #fff; font-size: 12px; font-weight: 800; }
.cover-crop-actions button:hover { border-color: var(--theme-accent, #d1a741); }
.cover-crop-actions button.confirm { border-color: var(--theme-accent, #d1a741); color: var(--theme-accent-contrast, #1b160b); background: var(--theme-accent, #d1a741); }

@media (max-width: 620px) {
  .cover-crop-backdrop { padding: 10px; }
  .cover-crop-dialog { padding: 17px; }
  .cover-crop-head h2 { font-size: 18px; }
  .cover-crop-head p { font-size: 11px; }
  .cover-crop-frame { margin-top: 15px; }
  .cover-crop-actions button { min-height: 46px; font-size: 14px; }
}