/* Administration layout. Customer pages retain their own theme and controls. */
.admin-ui { --bg:#faf8f5; --surface:#fff; --text:#2d2b31; --muted:#706c76; --line:#e4dbd1; --primary:#4c4e7b; color-scheme:light; }
.admin-ui :is(h1,h2,h3,label,legend,summary,td,strong,input,textarea,select,option) { color:var(--text); -webkit-text-fill-color:currentColor; }
.admin-ui :is(input,textarea,select,option) { background:var(--surface); }
.admin-ui .page { max-width:1100px; padding:24px 20px 48px; }
.admin-ui .page-heading { margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.admin-ui .admin-back-link { display:inline-flex; align-items:center; margin:0 0 10px; color:var(--primary); font-weight:600; text-decoration:none; }
.admin-ui .admin-back-link:hover { text-decoration:underline; text-underline-offset:3px; }
.admin-ui h1 { font-size:clamp(1.5rem,3vw,2rem); }
.admin-ui h2 { font-size:1.15rem; }
.admin-ui h3 { font-size:1rem; }
.admin-ui :is(.form-section,.filter-panel,.empty-state,.responsive-table) { border-radius:18px; box-shadow:none; }
.admin-ui .form-section { margin-bottom:16px; padding:20px; }
.admin-ui .form-actions { justify-content:flex-end; flex-direction:row; align-items:center; flex-wrap:wrap; position:static; background:transparent; border:0; box-shadow:none; padding:0; gap:10px; }
.admin-ui .form-actions .button { flex:0 1 auto; width:auto; }
.admin-ui [hidden], .admin-menu [hidden] { display:none !important; }
.admin-ui .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.admin-ui .admin-topbar { min-height:64px; flex-direction:row; padding:10px max(16px,calc((100% - 1060px)/2)); background:#292636; }
.admin-header-actions { display:flex; align-items:center; gap:10px; min-width:0; }
.admin-topbar .topbar-main { gap:8px; }
.admin-topbar .brand { color:#fff; font-size:1.3rem; letter-spacing:0; }
.admin-icon { width:22px; height:22px; flex:none; }
.admin-icon-button { display:inline-flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; padding:8px; background:transparent; color:inherit; border:0; border-radius:8px; cursor:pointer; text-decoration:none; }
.admin-topbar .admin-icon-button { color:#fff; }
.admin-topbar .language-switch { margin:0; gap:3px; font-size:.9rem; }
.admin-icon-button .notification-badge { position:absolute; right:-1px; top:0; min-width:16px; min-height:16px; padding:1px 4px; font-size:10px; }
.admin-profile { position:relative; }
.admin-profile summary { list-style:none; }
.admin-profile summary::-webkit-details-marker { display:none; }
.admin-profile-panel { position:absolute; z-index:25; top:48px; right:0; display:grid; gap:9px; width:230px; padding:18px; border:1px solid var(--line); border-radius:14px; color:var(--text); background:#fff; box-shadow:0 10px 30px #29263622; }
.admin-profile-panel form { margin:4px 0 0; }
.admin-menu { position:fixed; inset:0 0 0 auto; width:min(390px,100%); max-width:100%; max-height:100dvh; height:100dvh; margin:0; padding:18px; border:0; background:#fff; color:#2d2b31; overflow:auto; box-shadow:-8px 0 32px #0002; }
.admin-menu::backdrop { background:#1e1b2b66; }
.admin-menu-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.admin-navigation { display:flex; flex-direction:column; }
.admin-navigation>a,.admin-catalog-menu>summary { display:block; padding:16px 8px; border-bottom:1px solid var(--line); text-decoration:none; cursor:pointer; color:var(--text); font-weight:600; }
.admin-navigation>a:hover,.admin-navigation>a[aria-current="page"] { background:#f3f0f7; }
.admin-catalog-menu>summary { display:list-item; list-style-position:inside; }
.admin-catalog-menu>a { display:block; padding:10px 8px 10px 24px; text-decoration:none; }
.admin-menu-search { display:flex; gap:8px; align-items:center; margin:12px 0; }
.admin-menu-search input { min-width:0; margin:0; }
.admin-search { display:flex; gap:8px; margin-bottom:20px; }
.admin-search input { margin:0; min-width:0; }
.admin-ui .admin-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid var(--line); border-radius:18px; background:#fff; margin-bottom:20px; overflow:hidden; }
.admin-metric { padding:18px; display:flex; align-items:center; gap:12px; min-width:0; }
.admin-metric+.admin-metric { border-left:1px solid var(--line); }
.admin-metric strong { font-size:1.65rem; }
.admin-metric span { font-size:.9rem; color:var(--muted); }
.admin-recent-order { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 18px; border-top:1px solid var(--line); padding:15px 0; text-decoration:none; }
.admin-recent-order:first-of-type { border-top:0; }
.admin-recent-order .admin-order-amount { text-align:right; font-variant-numeric:tabular-nums; }
.admin-ui .admin-order .shop-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 24px; margin:0; }
.admin-ui .admin-order .shop-details>div { border:0; margin:0; padding:0; min-width:0; }
.admin-order .shop-details dd { margin:3px 0 0; overflow-wrap:anywhere; }
.admin-ui .admin-order .shop-details dt { font-size:.85rem; color:var(--muted); }
.admin-ui .admin-order .buyer-details .form-section { border:0; border-radius:0; margin:0; padding:18px 0; border-top:1px solid var(--line); }
.admin-ui .admin-order .buyer-details .form-section:first-of-type { border-top:0; }
.ui-disclosure>summary { cursor:pointer; font-weight:700; padding:0; }
.ui-disclosure[open]>summary { margin-bottom:18px; }
.ui-disclosure>summary .muted { margin-left:8px; font-size:.9rem; font-weight:400; }
.admin-order-status { display:inline-flex; padding:5px 10px; background:#efedf5; border-radius:8px; font-size:.82rem; font-weight:600; color:var(--primary); }
.admin-ui .order-items-actions { display:flex; justify-content:flex-end; margin:0 0 8px; }
.admin-ui .order-items-actions .button { width:auto; }
.admin-order-items { display:flex; flex-direction:column; }
.admin-order-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 20px; padding:16px 0; border-bottom:1px solid var(--line); }
.admin-order-item:last-child { border-bottom:0; padding-bottom:0; }
.admin-order-item h3,.admin-order-item p { margin:0; }
.admin-order-item h3 { overflow-wrap:anywhere; }
.admin-order-item .admin-item-price { grid-column:2; grid-row:1; white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; }
.admin-item-meta { color:var(--muted); font-size:.9rem; }
.admin-item-breakdown { display:flex; justify-content:space-between; gap:15px; grid-column:1/-1; font-size:.9rem; }
.admin-item-breakdown span:last-child { white-space:nowrap; }
.admin-ui .admin-order .finance-rows { display:block; }
.admin-ui .admin-order .finance-rows>div { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:9px 0; }
.admin-ui .admin-order .finance-rows dd { text-align:right; margin:0; font-variant-numeric:tabular-nums; }
.admin-ui .admin-order .finance-rows .finance-final { border-top:1px solid var(--line); padding-top:14px; margin-top:6px; font-weight:700; }
.finance-edit { margin-top:12px; }
.finance-edit summary { font-weight:500; color:var(--primary); }
.finance-edit form { display:flex; gap:10px; align-items:end; flex-wrap:wrap; }
.finance-edit input { max-width:130px; }
.admin-ui .admin-order :is(#actions,#fulfillment) { display:flex; flex-direction:column; gap:12px; }
.admin-order :is(#actions,#fulfillment) form { margin:0; }
.admin-order :is(#actions,#fulfillment) .button { width:100%; }
.admin-ui .button.approve { background:#3f7d2b; border-color:#3f7d2b; color:#fff; }
.admin-ui .button.danger-outline { color:#ae3438; background:#fff; border-color:#d99da0; }
.admin-ui .admin-order .ui-action>summary { list-style:none; display:flex; justify-content:center; padding:12px 16px; border:1px solid #d99da0; color:#ae3438; border-radius:10px; font-weight:600; }
.ui-action>summary::-webkit-details-marker { display:none; }
.ui-action[open]>summary { margin-bottom:14px; }
.ui-action form { display:grid; gap:12px; }
.ui-action-buttons { display:flex; gap:10px; }
.ui-action-buttons .button { flex:1; }
.admin-ui .customer-message-heading { align-items:center; margin-bottom:14px; }
.admin-ui .customer-message-heading h2 { margin:0; }
.admin-ui .customer-message-locale-switch { display:inline-flex; align-items:center; gap:6px; margin-left:auto; white-space:nowrap; }
.admin-ui .customer-message-locale-switch button { appearance:none; border:0; padding:2px 1px; background:transparent; color:var(--muted); font:inherit; font-weight:600; cursor:pointer; }
.admin-ui .customer-message-locale-switch button[aria-pressed="true"] { color:var(--text); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.admin-ui .customer-message-locale-switch button:focus-visible { outline:2px solid var(--primary); outline-offset:3px; border-radius:4px; }
.admin-ui .customer-message-type-control { display:block; max-width:520px; margin-bottom:14px; }
.admin-ui .customer-message-preview-label { display:block; }
.admin-ui textarea[data-customer-message-preview] { font-weight:400; min-height:0; overflow:hidden; resize:none; line-height:1.55; background:#f7f5fa; }
.admin-ui .customer-message-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin-top:8px; }
.admin-ui [data-copy-customer-message] { min-height:32px; width:auto; flex:0 0 auto; padding:4px 6px; background:transparent; border:0; color:var(--primary); font-size:14px; font-weight:500; }
.admin-ui [data-copy-contact] { min-height:30px; padding:3px 6px; border:0; background:transparent; color:var(--primary); font-size:.8rem; }
.admin-ui .manual-product-actions { justify-content:flex-end; }
.admin-ui .admin-description-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.admin-ui .admin-description-actions .content-tabs { margin:0; }
.admin-ui .filter-panel { flex-wrap:wrap; }
.admin-ui .filter-panel label { min-width:0; flex:1 1 140px; }
.admin-ui .filter-panel label.grow { flex:2 1 220px; }
.admin-ui .admin-product-link { font-weight:700; text-decoration:none; }
.admin-ui .admin-container-table table { table-layout:fixed; }
.admin-ui .admin-container-table td { overflow-wrap:anywhere; }
/* Public receipt: scoped independently from administration. */
.request-success { color:#2d2b31; }
.request-success :is(h1,h2,h3,strong) { color:#2d2b31; -webkit-text-fill-color:currentColor; }
.request-success .admin-order-item { padding:16px 0; }
.request-success-total { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding-top:16px; margin-top:14px; border-top:1px solid #e4dbd1; }
.request-success-total strong { white-space:nowrap; }
.request-success-followup { padding:0 6px; max-width:750px; color:#706c76; }
@media(max-width:700px) {
 .admin-ui .page { padding:18px 14px 40px; }
 .admin-ui .form-section { padding:16px; }
 .admin-ui .form-grid { grid-template-columns:minmax(0,1fr); }
 .admin-ui .page-heading>.button { width:auto; }
 .admin-metric { padding:12px; flex-direction:column; align-items:flex-start; gap:3px; }
 .admin-metric span { font-size:.78rem; }
 .admin-header-actions { gap:3px; }
 .admin-ui .admin-topbar { padding:8px 12px; }
 .admin-topbar .brand { font-size:1.08rem; }
 .admin-profile-panel { right:-52px; }
 .admin-ui .admin-order .shop-details { grid-template-columns:minmax(0,1fr); }
 .admin-ui .admin-container-table table { table-layout:auto; }
 .admin-ui .admin-container-table :is(thead) { display:none; }
 .admin-ui .admin-container-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; border-bottom:1px solid var(--line); }
 .admin-ui .admin-container-table td { display:block; padding:6px; border:0; }
 .admin-ui .admin-container-table td::before { display:block; content:attr(data-label); font-size:.75rem; color:var(--muted); margin-bottom:2px; }
 .admin-order-item { gap:5px 12px; }
 .admin-order-item .admin-item-price { font-size:.9rem; }
}
@media(max-width:360px) { .admin-topbar .brand { font-size:1rem; } }
@media(pointer:coarse) { .admin-icon-button,.admin-ui [data-copy-customer-message],.admin-ui [data-copy-contact] { min-height:44px; min-width:44px; } }

/* R25 UI3: compact administrative lists and system-owned AI entry. */
.admin-ui .admin-compact-heading { align-items:center; }
.admin-ui .admin-compact-heading>.button { width:auto; }
.admin-ui .system-tool-card { padding:16px 20px; }
.admin-ui .system-tool-heading { align-items:center; margin:0; gap:16px; }
.admin-ui .system-tool-heading>div { min-width:0; }
.admin-ui .system-tool-heading h2 { margin:0 0 4px; }
.admin-ui .system-tool-heading p { margin:0; }
.admin-ui .system-tool-heading .button { flex:none; width:auto; }

.admin-container-list { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; }
.admin-container-row { display:grid; grid-template-columns:minmax(150px,1.5fr) minmax(75px,.65fr) minmax(90px,.75fr) minmax(72px,.65fr) minmax(95px,.85fr) minmax(68px,.55fr) auto; gap:12px 18px; align-items:center; padding:14px 18px; border-top:1px solid var(--line); }
.admin-container-row:first-child { border-top:0; }
.admin-container-row>div { min-width:0; }
.admin-container-row span:not(.admin-compact-label),.admin-container-row strong { overflow-wrap:anywhere; }
.admin-compact-label { display:block; margin-bottom:2px; color:var(--muted); font-size:.72rem; font-weight:600; }
.admin-container-name strong { display:block; }
.admin-container-action { justify-self:end; }
.admin-container-action .button { width:auto; white-space:nowrap; }

.admin-order-quick-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.admin-ui .admin-order-quick-filters .button { width:auto; }
.admin-order-filter { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:10px; align-items:end; margin:0 0 16px; }
.admin-order-filter label { margin:0; }
.admin-order-filter select { margin:5px 0 0; }
.admin-order-filter .button { width:auto; min-width:120px; }
.admin-order-queue { display:flex; flex-direction:column; gap:10px; }
.admin-order-queue-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 18px; padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:#fff; color:var(--text); text-decoration:none; }
.admin-order-queue-card:hover { border-color:#cbc0d8; box-shadow:0 2px 10px #2926360d; }
.admin-order-queue-head { display:contents; }
.admin-order-queue-number { grid-column:1; grid-row:1; color:var(--primary); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.admin-order-queue-amount { grid-column:2; grid-row:1; white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; }
.admin-order-queue-date { grid-column:1; color:var(--muted); font-size:.86rem; }
.admin-order-queue-status { grid-column:1; justify-self:start; display:inline-flex; width:auto; margin-top:4px; padding:4px 9px; border-radius:999px; background:#efedf5; color:var(--primary); font-size:.78rem; font-weight:700; }
.admin-order-queue-status[data-status="processing"] { background:#e5f5ec; color:#146a3a; }
.admin-order-queue-status[data-status="shipped"],.admin-order-queue-status[data-status="completed"] { background:#e8f1fb; color:#285c8b; }
.admin-order-queue-status[data-status="rejected"],.admin-order-queue-status[data-status="cancelled"] { background:#faecec; color:#9b3035; }
.admin-order-queue-status[data-status="returning"],.admin-order-queue-status[data-status="inventory_review"] { background:#fff4da; color:#7e5a09; }
.admin-order-queue-buyer { grid-column:1; display:flex; gap:8px 14px; flex-wrap:wrap; margin-top:3px; }
.admin-order-queue-items { grid-column:1; display:flex; flex-wrap:wrap; gap:4px 12px; color:var(--text); font-size:.9rem; }
.admin-order-queue-tracking { grid-column:1; color:var(--muted); font-size:.84rem; }

@media(max-width:760px) {
 .admin-container-row { grid-template-columns:minmax(0,1.3fr) minmax(72px,.7fr) minmax(78px,.8fr); gap:9px 14px; padding:13px 14px; }
 .admin-container-name { grid-column:1/-1; }
 .admin-container-action { grid-column:1/-1; justify-self:start; }
 .admin-container-action .button { padding:7px 10px; }
 .admin-order-filter { grid-template-columns:minmax(0,1fr) auto; }
}
@media(max-width:480px) {
 .admin-container-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .admin-container-name,.admin-container-action { grid-column:1/-1; }
 .admin-order-filter { grid-template-columns:minmax(0,1fr); }
 .admin-order-filter .button { min-width:0; justify-self:start; }
 .admin-order-queue-card { grid-template-columns:minmax(0,1fr) auto; padding:14px; gap:4px 12px; }
 .admin-order-queue-amount { font-size:.9rem; }
}

/* R25 UI4: read-only System page cleanup. No system/database behavior changes. */
.admin-ui .system-page { max-width:100%; }
.admin-ui .system-overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 8px; }
.admin-ui .system-overview-card { display:flex; min-width:0; min-height:92px; flex-direction:column; justify-content:center; gap:5px; padding:15px 17px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.admin-ui .system-overview-card strong { font-size:clamp(1.35rem,2.2vw,1.65rem); line-height:1.1; overflow-wrap:anywhere; }
.admin-ui .system-overview-card span { color:var(--muted); font-size:.82rem; }
.admin-ui .system-integrity-card[data-integrity="ok"] strong { color:#2f6f2d; }
.admin-ui .system-history-summary { margin:0 4px 16px; color:var(--muted); font-size:.88rem; }
.admin-ui .system-history-summary strong { color:var(--text); font-variant-numeric:tabular-nums; }
.admin-ui .system-database-disclosure>summary { display:flex; align-items:center; }
.admin-ui .system-database-facts { display:grid; grid-template-columns:minmax(0,2fr) minmax(110px,.65fr) minmax(110px,.65fr); gap:14px 20px; margin:0; }
.admin-ui .system-database-facts>div { min-width:0; }
.admin-ui .system-database-facts dt { margin-bottom:4px; color:var(--muted); font-size:.76rem; font-weight:600; }
.admin-ui .system-database-facts dd { margin:0; font-weight:600; }
.admin-ui .system-database-facts code { display:block; max-width:100%; overflow-wrap:anywhere; white-space:normal; font-size:.78rem; font-weight:400; }
.admin-ui .system-migrations-disclosure>summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:7px 18px; }
.admin-ui .system-migrations-disclosure>summary .muted { margin-left:4px; }
.admin-ui .system-migration-latest { max-width:440px; color:var(--muted); font-size:.76rem; font-weight:500; text-align:right; overflow-wrap:anywhere; }
.admin-ui .system-migrations-disclosure[open]>summary { margin-bottom:0; padding-bottom:12px; border-bottom:1px solid var(--line); }
.admin-ui .system-migration-list,.admin-ui .system-data-migration-list { display:flex; flex-direction:column; }
.admin-ui .system-migration-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:8px 18px; padding:9px 0; border-top:1px solid var(--line); }
.admin-ui .system-migration-row:first-child { border-top:0; }
.admin-ui .system-migration-row strong { display:flex; min-width:0; gap:8px; font-size:.88rem; overflow-wrap:anywhere; }
.admin-ui .system-migration-version { flex:0 0 2.3em; color:var(--primary); font-variant-numeric:tabular-nums; }
.admin-ui .system-migration-row time,.admin-ui .system-data-migration-heading time { color:var(--muted); font-size:.72rem; font-weight:400; white-space:nowrap; }
.admin-ui .system-data-migration-row { padding:12px 0; border-top:1px solid var(--line); }
.admin-ui .system-data-migration-row:first-child { border-top:0; }
.admin-ui .system-data-migration-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 18px; align-items:baseline; }
.admin-ui .system-data-migration-heading strong { overflow-wrap:anywhere; }
.admin-ui .system-migration-tech { margin-top:8px; }
.admin-ui .system-migration-tech>summary { color:var(--primary); font-size:.8rem; font-weight:600; cursor:pointer; }
.admin-ui .system-migration-tech code { display:block; margin-top:8px; padding:10px 12px; border-radius:10px; background:#f6f4f8; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.74rem; }
.admin-ui .system-empty-records { margin:12px 0 0; }
@media(max-width:820px) {
 .admin-ui .system-database-facts { grid-template-columns:minmax(0,1fr); }
 .admin-ui .system-migrations-disclosure>summary,.admin-ui .system-migration-row,.admin-ui .system-data-migration-heading { grid-template-columns:minmax(0,1fr); }
 .admin-ui .system-migration-latest { max-width:none; text-align:left; }
 .admin-ui .system-migration-row time,.admin-ui .system-data-migration-heading time { white-space:normal; overflow-wrap:anywhere; }
}
@media(max-width:620px) {
 .admin-ui .system-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:420px) {
 .admin-ui .system-overview-card { min-height:78px; padding:12px; }
 .admin-ui .system-overview-card strong { font-size:1.28rem; }
}

/* R25 UI4C: denser System dashboard sizing only. No data or behavior changes. */
.admin-ui .system-page .system-overview-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:6px;
}
.admin-ui .system-page .system-overview-card {
  min-height:68px;
  gap:3px;
  padding:10px 12px;
  border-radius:14px;
}
.admin-ui .system-page .system-overview-card strong {
  font-size:clamp(1.12rem,1.8vw,1.35rem);
}
.admin-ui .system-page .system-overview-card span {
  font-size:.74rem;
  line-height:1.2;
}
.admin-ui .system-page .system-history-summary {
  margin:0 2px 10px;
  font-size:.81rem;
}
.admin-ui .system-page .system-tool-card {
  margin-bottom:10px;
  padding:12px 15px;
  border-radius:14px;
}
.admin-ui .system-page .system-tool-heading {
  gap:12px;
}
.admin-ui .system-page .system-tool-heading h2 {
  margin-bottom:2px;
  font-size:1.02rem;
}
.admin-ui .system-page .system-tool-heading p {
  font-size:.8rem;
  line-height:1.35;
}
.admin-ui .system-page .system-tool-heading .button {
  padding:7px 11px;
  min-height:0;
}
.admin-ui .system-page :is(.system-database-disclosure,.system-migrations-disclosure) {
  margin-bottom:10px;
  padding:12px 15px;
  border-radius:14px;
}
.admin-ui .system-page :is(.system-database-disclosure,.system-migrations-disclosure)>summary {
  font-size:.92rem;
  line-height:1.25;
}
.admin-ui .system-page .system-migration-latest {
  font-size:.7rem;
}
@media(max-width:640px) {
  .admin-ui .system-page .system-overview-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:420px) {
  .admin-ui .system-page .system-overview-card {
    min-height:62px;
    padding:9px 10px;
  }
  .admin-ui .system-page .system-overview-card strong {
    font-size:1.12rem;
  }
}

/* R25 UI5: compact Tara + Notifications presentation; no business behavior changes. */
.admin-ui .admin-container-heading { align-items:center; margin-bottom:14px; }
.admin-ui .admin-container-heading .button { width:auto; white-space:nowrap; }
.admin-ui .admin-container-table-shell { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
.admin-ui .admin-container-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.admin-ui .admin-container-table th { padding:10px 12px; background:#f7f6f8; color:var(--muted); font-size:.72rem; font-weight:700; text-align:left; }
.admin-ui .admin-container-table th:nth-child(1) { width:24%; }
.admin-ui .admin-container-table th:nth-child(2) { width:11%; }
.admin-ui .admin-container-table th:nth-child(3) { width:15%; }
.admin-ui .admin-container-table th:nth-child(4) { width:11%; }
.admin-ui .admin-container-table th:nth-child(5) { width:14%; }
.admin-ui .admin-container-table th:nth-child(6) { width:9%; }
.admin-ui .admin-container-table th:nth-child(7) { width:16%; }
.admin-ui .admin-container-table td { min-width:0; padding:11px 12px; border-top:1px solid var(--line); vertical-align:middle; font-size:.86rem; overflow-wrap:anywhere; }
.admin-ui .admin-container-table tbody tr:first-child td { border-top:0; }
.admin-ui .admin-container-table .admin-container-name strong { display:block; font-size:.94rem; }
.admin-ui .admin-container-table .admin-compact-label { display:none; }
.admin-ui .admin-container-table .admin-container-action { text-align:right; }
.admin-ui .admin-container-table .admin-container-action .button { width:auto; min-height:0; padding:7px 10px; white-space:nowrap; }
.admin-ui .admin-container-flag { display:inline-flex; align-items:center; justify-content:center; min-width:42px; padding:4px 8px; border-radius:999px; background:#f1f1f3; color:var(--muted); font-size:.76rem; font-weight:700; }
.admin-ui .admin-container-flag.is-yes { background:#e4f4e9; color:#236b3d; }
.admin-ui .notification-heading { margin-bottom:14px; }
.admin-ui .notification-heading h1 { margin-bottom:4px; }
.admin-ui .notification-heading p { margin:0; font-size:.86rem; }
.admin-ui .notification-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px 14px; margin-bottom:14px; }
.admin-ui .notification-filters { display:flex; flex-wrap:wrap; gap:6px; padding:4px; border:1px solid var(--line); border-radius:14px; background:#f7f6f8; }
.admin-ui .notification-filters .button { width:auto; min-height:0; padding:7px 11px; border-color:transparent; border-radius:10px; background:transparent; box-shadow:none; }
.admin-ui .notification-filters .button.active { background:var(--text); border-color:var(--text); color:#fff; }
.admin-ui .notification-filters .button.secondary:not(.active) { color:var(--text); }
.admin-ui .notification-read-all { margin-left:auto; }
.admin-ui .notification-read-all .button { width:auto; min-height:0; padding:8px 12px; white-space:nowrap; }
.admin-ui .notification-list { display:flex; flex-direction:column; gap:10px; }
.admin-ui .notification-card { position:relative; padding:14px 16px 13px 18px; border:1px solid var(--line); border-left:4px solid #b8b1ad; border-radius:15px; background:#fff; box-shadow:0 2px 8px #2926360a; }
.admin-ui .notification-card.unread { border-left-color:#5b9cf4; background:#fff; }
.admin-ui .notification-card.severity-warning { border-left-color:#c88722; }
.admin-ui .notification-card.severity-error,.admin-ui .notification-card.severity-critical { border-left-color:#b34343; }
.admin-ui .notification-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px 16px; }
.admin-ui .notification-badges { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.admin-ui .notification-unread-dot { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#378ff3; box-shadow:0 0 0 3px #378ff319; }
.admin-ui .notification-card .badge { padding:4px 9px; border-radius:999px; font-size:.72rem; }
.admin-ui .notification-type { background:#e8f1fb; color:#285c8b; }
.admin-ui .notification-card-head time { color:var(--muted); font-size:.75rem; white-space:nowrap; font-variant-numeric:tabular-nums; }
.admin-ui .notification-message { margin:12px 0 0; font-size:1rem; line-height:1.3; font-weight:750; }
.admin-ui .notification-meta { margin-top:5px; color:var(--muted); font-size:.79rem; }
.admin-ui .notification-technical { margin-top:8px; }
.admin-ui .notification-technical>summary { font-size:.78rem; }
.admin-ui .notification-details { margin-top:6px; padding:8px 10px; }
.admin-ui .notification-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
.admin-ui .notification-actions .button { width:auto; min-height:0; padding:8px 11px; }
.admin-ui .notification-open-order { background:var(--text); border-color:var(--text); color:#fff; }
.admin-ui .notification-open-order:hover { color:#fff; }
.admin-ui .notification-read-one { background:#fff; }
@media(max-width:760px) {
  .admin-ui .admin-container-heading { flex-direction:row; align-items:center; }
  .admin-ui .admin-container-table-shell { overflow:visible; border:0; border-radius:0; background:transparent; }
  .admin-ui .admin-container-table,.admin-ui .admin-container-table tbody { display:block; width:100%; }
  .admin-ui .admin-container-table thead { display:none; }
  .admin-ui .admin-container-table tr { display:grid; grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(72px,.75fr)); gap:9px 14px; margin-bottom:10px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:#fff; }
  .admin-ui .admin-container-table td { display:block; padding:0; border:0; font-size:.84rem; }
  .admin-ui .admin-container-table .admin-compact-label { display:block; margin-bottom:2px; font-size:.68rem; }
  .admin-ui .admin-container-table .admin-container-name { grid-column:1 / span 2; }
  .admin-ui .admin-container-table .admin-container-action { grid-column:3; grid-row:1; align-self:start; text-align:right; }
  .admin-ui .admin-container-table .admin-container-action .button { padding:6px 9px; font-size:.76rem; }
  .admin-ui .notification-toolbar { align-items:flex-start; flex-wrap:wrap; }
  .admin-ui .notification-read-all { margin-left:0; }
}
@media(max-width:520px) {
  .admin-ui .admin-container-heading { align-items:flex-start; gap:10px; }
  .admin-ui .admin-container-heading h1 { font-size:1.7rem; }
  .admin-ui .admin-container-heading .button { padding:7px 10px; }
  .admin-ui .admin-container-table tr { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-ui .admin-container-table .admin-container-name { grid-column:1; }
  .admin-ui .admin-container-table .admin-container-action { grid-column:2; grid-row:1; }
  .admin-ui .notification-filters { width:100%; }
  .admin-ui .notification-filters .button { flex:1 1 auto; text-align:center; justify-content:center; }
  .admin-ui .notification-read-all { width:100%; }
  .admin-ui .notification-read-all .button { width:100%; justify-content:center; }
  .admin-ui .notification-card-head { align-items:flex-start; }
  .admin-ui .notification-card-head time { white-space:normal; text-align:right; }
}

/* R25 UI5B: keep Tara in compact table mode on medium-width admin windows. */
@media (min-width:601px) and (max-width:760px) {
  .admin-ui .admin-container-table-shell {
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
  }
  .admin-ui .admin-container-table {
    display:table;
    width:100%;
    table-layout:fixed;
  }
  .admin-ui .admin-container-table thead { display:table-header-group; }
  .admin-ui .admin-container-table tbody { display:table-row-group; width:auto; }
  .admin-ui .admin-container-table tr {
    display:table-row;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .admin-ui .admin-container-table th {
    padding:8px 6px;
    font-size:.66rem;
  }
  .admin-ui .admin-container-table td {
    display:table-cell;
    padding:9px 6px;
    border-top:1px solid var(--line);
    font-size:.78rem;
    vertical-align:middle;
  }
  .admin-ui .admin-container-table tbody tr:first-child td { border-top:0; }
  .admin-ui .admin-container-table .admin-compact-label { display:none; }
  .admin-ui .admin-container-table .admin-container-name {
    grid-column:auto;
  }
  .admin-ui .admin-container-table .admin-container-name strong { font-size:.84rem; }
  .admin-ui .admin-container-table .admin-container-action {
    grid-column:auto;
    grid-row:auto;
    align-self:auto;
    text-align:right;
  }
  .admin-ui .admin-container-table .admin-container-action .button {
    padding:6px 6px;
    font-size:.7rem;
    white-space:nowrap;
  }
  .admin-ui .admin-container-flag {
    min-width:36px;
    padding:3px 6px;
    font-size:.7rem;
  }
}

/* UI-M1.22: compact perfume administration. Customer pages are not affected. */
.admin-ui .product-filter-panel {
  display:grid;
  grid-template-columns:minmax(240px,2fr) minmax(170px,1fr) minmax(190px,1fr) auto;
  align-items:end;
  gap:10px 12px;
  margin-bottom:14px;
  padding:16px;
}
.admin-ui .product-filter-panel label,
.admin-ui .product-filter-panel label.grow {
  min-width:0;
  width:auto;
  flex:none;
  margin:0;
}
.admin-ui .product-filter-panel :is(input,select) { margin:5px 0 0; min-height:42px; }
.admin-ui .product-filter-panel .button { width:auto; min-height:42px; padding:8px 14px; }

.admin-ui .product-visibility-badge {
  display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%;
  margin-top:7px; padding:5px 10px; border-radius:999px;
  font-size:.78rem; font-weight:700; line-height:1.25;
}
.admin-ui .product-visibility-badge::before {
  content:""; width:7px; height:7px; flex:none; border-radius:50%; background:currentColor;
}
.admin-ui .product-visibility-badge.is-visible { background:#eaf5ee; color:#286a3c; }
.admin-ui .product-visibility-badge.is-hidden { background:#f1f0f0; color:#655f63; }

.admin-ui .product-editor-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:12px 20px;
}
.admin-ui .product-editor-heading>div { min-width:0; }
.admin-ui .product-editor-heading h1 { overflow-wrap:anywhere; }
.admin-ui .product-editor-heading-action { justify-self:end; }
.admin-ui .product-editor-heading-action form { margin:0; }
.admin-ui .product-editor-heading-action .button { width:auto; max-width:100%; }

.admin-ui .product-editor-form { display:flex; flex-direction:column; gap:10px; }
.admin-ui .product-editor-section { margin:0; padding:14px 16px; border-radius:14px; }
.admin-ui .product-editor-section>summary { min-height:24px; line-height:24px; }
.admin-ui .product-editor-section[open]>summary { margin-bottom:14px; }
.admin-ui .product-editor-section-kicker { margin:0 0 12px; }
.admin-ui .product-editor-section .form-grid { gap:14px; }
.admin-ui .product-editor-section :is(input,select,textarea) { margin-top:5px; }

.admin-ui .product-editor-final-actions {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.admin-ui .product-editor-final-actions .button { width:100%; min-width:0; }
.admin-ui .product-editor-repeat-list { display:grid; gap:10px; margin-bottom:12px; }
.admin-ui .product-editor-repeat-item {
  min-width:0;
  margin:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
}
.admin-ui .product-editor-repeat-item legend { padding:0 6px; font-weight:750; }
.admin-ui .product-editor-new-item { background:var(--surface-subtle,#faf9f7); }
.admin-ui .bottle-offer-summary { margin:0 0 8px; color:var(--muted); font-size:.82rem; }
.admin-ui .staged-delete { color:#9a2c2c; }
.admin-ui .product-editor-section-help { margin:0 0 10px; }
.admin-ui .content-locale-editor {
  margin-top:10px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
}
.admin-ui .content-locale-editor>summary { cursor:pointer; font-weight:750; }
.admin-ui .content-locale-editor[open]>summary { margin-bottom:12px; }
.admin-ui .product-editor-wide-field { grid-column:1/-1; }
.admin-ui .content-locale-tools { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.admin-ui .content-locale-tools .button { width:auto; }
.admin-ui .content-locale-tools .content-translation-confirm { flex-basis:100%; }
.admin-ui .content-translation-replace { flex-basis:100%; min-width:0; }
.admin-ui .content-translation-replace>summary.button { display:inline-flex; cursor:pointer; list-style:none; }
.admin-ui .content-translation-replace>summary::-webkit-details-marker { display:none; }
.admin-ui .content-translation-replace[open]>summary { margin-bottom:8px; }
.admin-ui .content-translation-replace .field-help { display:block; margin:0 0 10px; }
.admin-ui .content-translation-replace .content-translation-confirm { display:flex; margin-bottom:10px; }
.admin-ui .content-translation-replace .field-error { margin:0 0 10px; }
.admin-ui .content-locale-tools .field-help { flex-basis:100%; }

@media(max-width:820px) {
  .admin-ui .product-filter-panel { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .admin-ui .product-filter-panel .grow { grid-column:1/-1; }
  .admin-ui .product-filter-panel .button { grid-column:1/-1; justify-content:center; }
}
@media(max-width:760px) {
  .admin-ui .product-editor-heading { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:520px) {
  .admin-ui .product-filter-panel { padding:12px; gap:9px; }
  .admin-ui .product-editor-section { padding:13px 14px; }
  .admin-ui .product-editor-final-actions { gap:8px; }
  .admin-ui .product-editor-final-actions .button { padding:10px 8px; font-size:.84rem; }
}

/* R25 UI6: compact accordion layout for manual product intake only. */
.admin-ui .manual-product-heading {
  align-items:center;
  margin-bottom:14px;
  gap:10px 14px;
}
.admin-ui .manual-product-heading .page-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.admin-ui .manual-product-heading .page-actions .button {
  width:auto;
  min-height:36px;
  padding:7px 11px;
  font-size:.86rem;
}
.admin-ui .manual-product-form {
  display:grid;
  gap:10px;
}
.admin-ui .manual-product-form > .form-section {
  margin:0;
  padding:14px 16px;
  border-radius:14px;
}
.admin-ui .manual-product-form > details.form-section > summary {
  font-size:1rem;
  line-height:1.25;
}
.admin-ui .manual-product-form > details.form-section[open] > summary {
  margin-bottom:12px;
}
.admin-ui .manual-product-form .form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
}
.admin-ui .manual-product-form .field {
  min-width:0;
  font-size:.84rem;
}
.admin-ui .manual-product-form :is(input,select,textarea) {
  min-height:38px;
  margin-top:4px;
  padding:7px 10px;
  border-radius:8px;
  font-size:.9rem;
}
.admin-ui .manual-product-form textarea {
  min-height:72px;
}
.admin-ui .manual-product-form textarea[name="description_draft"] {
  min-height:150px;
}
.admin-ui .manual-product-form .manual-wide-field {
  grid-column:1 / -1;
}
.admin-ui .manual-product-form .check-field {
  min-height:38px;
  gap:8px;
  font-size:.86rem;
}
.admin-ui .manual-product-form .check-field input {
  width:18px;
  height:18px;
  min-height:0;
  margin:0;
  padding:0;
}
.admin-ui .manual-product-form .admin-description-actions {
  margin-bottom:8px;
}
.admin-ui .manual-product-form .admin-description-actions .button {
  min-height:34px;
  padding:6px 10px;
  font-size:.82rem;
}
.admin-ui .manual-product-form > .manual-product-summary {
  padding:14px 16px;
}
.admin-ui .manual-product-form .manual-photo-picker input[type="file"] {
  min-height:38px;
  padding:6px 8px;
}
.admin-ui .manual-product-actions {
  margin-top:2px;
  gap:8px;
}
.admin-ui .manual-product-actions .button {
  min-height:38px;
  padding:8px 12px;
  font-size:.9rem;
}
@media(max-width:600px) {
  .admin-ui .manual-product-heading {
    align-items:flex-start;
  }
  .admin-ui .manual-product-heading .page-actions {
    width:100%;
  }
  .admin-ui .manual-product-heading .page-actions .button {
    flex:1 1 auto;
  }
  .admin-ui .manual-product-form .form-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .admin-ui .manual-product-form .manual-wide-field {
    grid-column:auto;
  }
  .admin-ui .manual-product-form > .form-section {
    padding:12px 13px;
  }
}

.admin-ui .photo-upload-queue {
  list-style:none; margin:8px 0 12px; padding:0; display:flex; flex-wrap:wrap; gap:10px;
}
.admin-ui .photo-upload-queue li {
  width:132px; min-width:0; padding:8px; display:grid; gap:6px;
  border:1px solid var(--border, #ddd); border-radius:10px; background:#fff;
}
.admin-ui .photo-upload-queue img { width:100%; height:100px; object-fit:contain; }
.admin-ui .photo-upload-queue span { overflow-wrap:anywhere; font-size:.84rem; }
.admin-ui .photo-upload-queue button { width:100%; }

.admin-ui #media .media-upload {
  display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-items:start; padding:10px 12px;
}
.admin-ui #media .media-upload > * { min-width:0; margin:0; }
.admin-ui #media .media-upload .photo-upload-picker {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
}
.admin-ui #media .photo-upload-picker .file-picker {
  display:inline-flex; width:auto; max-width:100%; margin:0;
}
.admin-ui #media .photo-upload-picker [data-file-picker-name] {
  flex:0 1 auto; min-width:0; margin:0;
}
.admin-ui #media .photo-upload-queue:empty { display:none; }
.admin-ui #media .media-upload .field-help { margin-top:3px; }
.admin-ui #media .photo-saved-heading { margin:14px 2px 4px; font-size:.92rem; }

/* CONTENT-RELATIONS-R1: compact unified editor outside Description and notes. */
.admin-ui .product-editor-section:not(#description) { padding:10px 12px; }
.admin-ui .product-editor-section:not(#description)[open]>summary { margin-bottom:8px; }
.admin-ui .product-editor-section:not(#description) .form-grid { gap:8px 10px; }
.admin-ui .product-editor-section:not(#description) :is(input,select,textarea) {
  min-height:38px; margin-top:3px; padding:7px 10px; border-radius:8px;
}
.admin-ui .product-editor-section:not(#description) textarea { min-height:68px; }
.admin-ui .product-editor-section:not(#description) .check-field { min-height:36px; gap:8px; }
.admin-ui .product-editor-section:not(#description) .check-field input { width:18px; height:18px; }
.admin-ui .product-editor-section:not(#description) .product-editor-repeat-list { gap:7px; margin-bottom:8px; }
.admin-ui .product-editor-section:not(#description) .product-editor-repeat-item { padding:9px; }

.admin-ui #media.product-editor-section { padding:8px 10px; }
.admin-ui #media.product-editor-section[open]>summary { margin-bottom:6px; }
.admin-ui #media .media-upload { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 10px; }
.admin-ui #media .media-upload .photo-upload-picker,
.admin-ui #media .photo-upload-queue,
.admin-ui #media .media-upload > .product-editor-wide-field { grid-column:1/-1; }
.admin-ui #media .media-upload > p.product-editor-wide-field {
  grid-column:1/-1; font-size:.8rem; line-height:1.3;
}
.admin-ui #media .photo-upload-picker { gap:6px 10px; }
.admin-ui #media .photo-upload-queue { margin:5px 0 7px; gap:7px; }
.admin-ui #media .photo-upload-queue li { width:112px; padding:6px; gap:4px; }
.admin-ui #media .photo-upload-queue img { height:76px; }
.admin-ui #media .media-grid { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:8px; margin-top:9px; }
.admin-ui #media .media-card { border-radius:10px; }
.admin-ui #media .media-card > img { height:150px; }
.admin-ui #media .media-fields { gap:5px; padding:8px; }
.admin-ui #media .media-fields .field { font-size:.82rem; }
.admin-ui #media .media-fields :is(input,select) { min-height:34px; padding:5px 8px; }
.admin-ui #media .media-fields .check-field { min-height:30px; font-size:.82rem; }

.admin-ui .product-relations-editor .product-editor-section-help { margin:0 0 4px; line-height:1.25; }
.admin-ui .product-relation-group { display:grid; gap:5px; padding:6px 0; border-top:1px solid var(--line); }
.admin-ui .product-relation-group:first-of-type { border-top:0; padding-top:0; }
.admin-ui .product-relation-heading h3 { margin:0; font-size:.92rem; }
.admin-ui .product-relation-heading p { margin:1px 0 0; font-size:.76rem; line-height:1.2; }
.admin-ui .product-relation-search { position:relative; }
.admin-ui .product-relation-suggestions {
  position:absolute; z-index:20; left:0; right:0; top:100%; display:grid;
  max-height:240px; overflow:auto; border:1px solid var(--line);
  border-radius:9px; background:var(--surface); box-shadow:0 10px 24px rgba(20,24,34,.12);
}
.admin-ui .product-relation-suggestion {
  padding:8px 10px; border:0; border-bottom:1px solid var(--line);
  background:var(--surface); text-align:left; cursor:pointer; font:inherit;
}
.admin-ui .product-relation-suggestion:last-child { border-bottom:0; }
.admin-ui .product-relation-suggestion:hover { background:var(--surface-subtle,#faf9f7); }
.admin-ui .product-relation-suggestion:focus-visible { outline:2px solid var(--focus-ring,#8b673f); outline-offset:-2px; }
.admin-ui .product-relation-count { margin:0; color:var(--text-muted,#5f6470); font-size:.8rem; }
.admin-ui .product-relation-save-state { margin:0; color:var(--text-muted,#5f6470); font-size:.8rem; }
.admin-ui .product-relation-list { display:grid; gap:4px; }
.admin-ui .product-relation-row {
  display:grid; grid-template-columns:minmax(180px,.9fr) minmax(220px,1.1fr) auto;
  gap:5px; align-items:center; padding:5px 6px; border:1px solid var(--line); border-radius:8px;
}
.admin-ui .product-relation-product { min-width:0; }
.admin-ui .product-relation-product strong { overflow-wrap:anywhere; font-size:.84rem; line-height:1.2; }
.admin-ui .product-relation-reason { margin:0 !important; min-width:0; min-height:34px !important; padding:5px 8px !important; }
.admin-ui .product-relation-actions { display:flex; gap:3px; }
.admin-ui .product-relation-actions .button { width:auto; min-width:31px; min-height:32px; padding:4px 7px; }
.admin-ui .product-relation-empty { margin:0; font-size:.82rem; }
@media(max-width:720px) {
  .admin-ui .product-relation-row { grid-template-columns:minmax(0,1fr) auto; }
  .admin-ui .product-relation-reason { grid-column:1/-1; grid-row:2; }
  .admin-ui .product-relation-actions { grid-column:2; grid-row:1; justify-content:flex-end; }
}

@media(max-width:520px) {
  .admin-ui #media .media-upload { grid-template-columns:minmax(0,1fr); }
  .admin-ui #media .media-upload > p.product-editor-wide-field { grid-column:1; }
}