/* Phase 14-D presentation only. No media access or processing rules change. */
.admin-ui { --ui-accent:#111827; --ui-border:#e8e3e8; }
[data-current-user-avatar] { overflow:hidden; }
[data-current-user-avatar] img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.admin-ui .dashboard-content { min-width:0; width:100%; max-width:1440px; margin-inline:auto; }
.admin-ui .dashboard-content > :is(.panel,.admin-page-header,.empty-panel) { border-radius:16px; border-color:var(--ui-border); }
.admin-ui .dashboard-content > .panel { padding:24px; }
.admin-ui .dashboard-content h2 { font-size:20px; line-height:1.4; margin-top:0; }
.admin-ui .dashboard-content .muted { line-height:1.65; }
.admin-ui .dashboard-content .button { min-height:40px; min-width:64px; display:inline-flex; align-items:center; justify-content:center; text-align:center; border-radius:10px; gap:6px; }
.admin-ui .dashboard-content .button:not(.secondary):not(.danger) { background:var(--ui-accent); color:#fff; border-color:var(--ui-accent); }
.admin-ui .dashboard-content .button.secondary { background:#fff; color:#4f4350; border:1px solid #dcd4dd; }
.admin-ui .dashboard-content .button.danger { background:#fff5f5; color:#a52235; border:1px solid #edbcc3; }
/* Existing theme contains !important colors; limit the override to button paint. */
html body.admin-ui.theme-admin .admin-layout .button:not(.secondary):not(.danger) { background:#111827!important; background-image:none!important; color:#fff!important; }
html body.admin-ui.theme-admin .admin-layout .button.secondary { background:#fff!important; background-image:none!important; color:#4f4350!important; }
html body.admin-ui.theme-admin .admin-layout .button.danger { background:#fff5f5!important; background-image:none!important; color:#a52235!important; }
.admin-ui :is(button,a,input,select,textarea):focus-visible { outline:3px solid #d877a3; outline-offset:3px; }
.admin-ui .dashboard-content .button:disabled { opacity:.55; cursor:not-allowed; }
.admin-ui .admin-inline-actions, .admin-ui .admin-inline-actions form { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.admin-ui .admin-toolbar { gap:12px; align-items:end; }
.admin-ui .admin-toolbar label { display:grid; gap:6px; min-width:0; }
.admin-ui .admin-toolbar input { min-width:0; }
.admin-ui .table-wrap { max-width:100%; overflow-x:auto; }
.admin-ui .table-wrap :is(td,th) { padding:14px 12px; vertical-align:middle; }
.admin-ui .ui-secondary-id { display:block; min-width:140px; font-size:12px; font-weight:400; color:#736b78; overflow-wrap:anywhere; margin-top:4px; }
.admin-ui .ui-platform-context { padding:12px 16px; border-left:3px solid var(--ui-accent); border-radius:10px; background:#fff3f8; color:#70344f; line-height:1.6; }
.admin-ui .ui-platform-context strong { margin-right:12px; }
.admin-ui .ui-empty { padding:24px; text-align:center; border:1px dashed #ded5de; border-radius:12px; color:#756a77; line-height:1.7; }
.admin-ui .notice { line-height:1.65; overflow-wrap:anywhere; }
.admin-ui .notice.error { background:#fff3f3; color:#952939; }
.admin-ui .notice.success { background:#f0faf5; color:#226246; }
.first-use-shell form[data-password-form] { display:grid; gap:18px; }
.first-use-shell form[data-password-form] label { display:grid; gap:8px; }
.first-use-shell form[data-password-form] input { width:100%; min-height:44px; }
.first-use-shell form[data-password-form] p { margin:0; }
.first-use-shell [data-password-status]:empty { display:none; }
.first-use-shell .button { border-radius:10px; min-height:44px; }
.admin-ui [data-password-form] > :is(p,button) { grid-column:1/-1; }
/* UI-002/005/009: one primary-action contract, independent of page layout. */
html body.admin-ui.theme-admin :is(.button,.primary-button,.tea-dialog-confirm),
html body.admin-ui.theme-admin .work-create-main .work-create-head .work-create-actions > .button {
  min-height:40px!important; height:40px!important; border-radius:10px!important;
  padding:0 16px!important; font-family:inherit; font-size:14px; font-weight:600; line-height:20px; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center; text-align:center;
}
html body.admin-ui.theme-admin :is(.button.primary,.primary-button,.tea-dialog-confirm) {
  background:#111827!important; color:#fff!important; border:1px solid #111827!important; background-image:none!important;
}
html body.admin-ui.theme-admin :is(.button:not(.secondary):not(.danger),.button.primary,.primary-button,.tea-dialog-confirm):hover:not(:disabled) { background:#263244!important; }
html body.admin-ui.theme-admin :is(.button,.primary-button,.tea-dialog-confirm):is(:disabled,[aria-disabled="true"],[aria-busy="true"]) { opacity:.55; cursor:not-allowed; }
/* UI-001/003: editor spans its card, never inherits thumbnail dimensions. */
html body.admin-ui.theme-admin .work-create-main .work-description-layout { grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:start; }
html body.admin-ui.theme-admin .work-description-editor { grid-column:auto; min-width:0; }
html body.admin-ui.theme-admin .work-create-main .work-description-display { min-width:0; container-type:inline-size; }
html body.admin-ui.theme-admin .work-description-display :is(.upload-row,.work-existing-display-item) > .work-video-cover-candidates {
  grid-column:1 / -1!important; grid-row:auto!important; width:100%!important; min-width:0; margin:12px 0 0!important;
}
html body.admin-ui.theme-admin .work-video-cover-candidates:not([hidden]) { display:grid!important; gap:8px; padding:10px; box-sizing:border-box; }
html body.admin-ui.theme-admin .work-video-cover-current-frame video {
  display:block!important; width:100%!important; height:auto!important; max-width:100%!important;
  max-height:180px!important; aspect-ratio:16/9; object-fit:contain; grid-column:1 / -1; position:static!important;
}
html body.admin-ui.theme-admin .work-video-cover-candidates__head { flex-wrap:wrap; gap:8px 16px; }
html body.admin-ui.theme-admin .work-video-cover-current-frame__actions { flex-wrap:wrap; gap:8px; margin-top:8px; }
html body.admin-ui.theme-admin .work-video-cover-current-frame__actions .button { white-space:nowrap; width:auto; font-size:12px; padding:0 10px!important; }
html body.admin-ui.theme-admin .work-video-cover-candidates__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
html body.admin-ui.theme-admin .work-video-cover-candidate img { width:100%!important; height:auto!important; max-height:none; aspect-ratio:16/9; object-fit:cover; }
html body.admin-ui.theme-admin :is(.work-existing-display-actions,.work-upload-actions) { display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:8px; }
html body.admin-ui.theme-admin .work-description-display .upload-row .work-upload-actions { grid-column:3; grid-row:1 / 4; }
html body.admin-ui.theme-admin :is(.work-existing-display-actions,.work-upload-actions) > button {
  position:static!important; width:auto!important; height:40px!important; min-height:40px!important;
  margin:0!important; padding:0 12px!important; border-radius:10px!important; white-space:nowrap;
}
html body.admin-ui.theme-admin :is([data-remove-display-item],.sortable-upload-remove) { background:#fff5f5!important; color:#a52235!important; border:1px solid #edbcc3!important; }
/* UI-004: retain existing card actions and deletion guard, change only layout. */
html body.admin-ui.theme-admin .pending-file-card .asset-card-actionbar { display:grid!important; grid-template-columns:1fr 1fr; gap:10px; width:100%; }
html body.admin-ui.theme-admin .pending-file-card .asset-card-actionbar > form { margin:0; display:flex; min-width:0; width:100%!important; justify-self:stretch; }
html body.admin-ui.theme-admin .pending-file-card .asset-card-actionbar :is(a,button) { display:flex!important; flex:1 1 auto!important; align-items:center; justify-content:center; width:100%!important; height:40px!important; padding:0 12px!important; border-radius:10px; box-sizing:border-box; }
html body.admin-ui.theme-admin .pending-file-card .asset-card-actionbar .danger { background:#fff5f5!important; color:#a52235!important; border:1px solid #edbcc3!important; }
/* UI-006/007: labels breathe, table actions stay at the right edge. */
.admin-ui .ui-member-page .admin-toolbar { gap:18px; margin:18px 0 24px; }
.admin-ui .ui-member-page .admin-toolbar label { gap:8px; }
.admin-ui .ui-member-page .table-wrap table { width:100%; }
.admin-ui .ui-member-page .table-wrap :is(th,td):last-child { text-align:right; }
.admin-ui .ui-member-page .admin-inline-actions,
.admin-ui .ui-member-page .admin-inline-actions form { flex-wrap:nowrap!important; justify-content:flex-end; gap:8px; white-space:nowrap; }
.admin-ui .ui-member-page .admin-inline-actions { min-width:max-content; }
.admin-ui .ui-member-page .admin-inline-actions .button { margin:0!important; }
.admin-ui .ui-member-page .admin-inline-actions .nova-select { margin:0!important; height:40px; min-width:100px; }
.admin-ui .ui-member-page .admin-inline-actions .nova-select__trigger { min-height:40px!important; height:40px!important; border-radius:10px!important; padding:0 12px!important; }
.admin-ui .ui-member-page :is(.member-form-fields,.invite-form-fields) { display:flex; flex:1 1 320px; flex-direction:column; gap:18px; min-width:0; }
.admin-ui .ui-member-page :is(.member-form-field,.invite-form-field) { display:flex; flex-direction:column; gap:6px; min-width:0; }
.admin-ui .ui-member-page :is(.member-form-field,.invite-form-field) > label { display:block; margin:0; line-height:20px; }
.admin-ui .ui-member-page :is(.member-form-field,.invite-form-field) > :is(select,.nova-select) { box-sizing:border-box; width:100%; margin:0; }
/* UI-010: public header only, no public media or query changes. */
body:not(.theme-admin) header.topbar:has(.public-header-container) { padding-inline:0!important; }
body:not(.theme-admin) .public-header-container { width:100%!important; max-width:none!important; padding-inline:clamp(16px,1.5vw,24px)!important; box-sizing:border-box; display:flex; align-items:center; gap:20px; }
body:not(.theme-admin) .public-header-container > nav { margin-left:auto!important; flex:0 1 auto!important; flex-wrap:nowrap; justify-content:flex-end!important; align-items:center; min-width:0; }
body:not(.theme-admin) .public-user-dropdown { right:0; left:auto; max-width:calc(100vw - 32px); }
body:not(.theme-admin) .public-user-trigger > span:last-child { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:720px) {
  body:not(.theme-admin) .public-header-container { gap:12px; }
  body:not(.theme-admin) .public-header-container .brand { min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* Store home banner authoring stays compact; the copy beside each frame
   remains the source of truth for the public 16:5 and 5:3 requirements. */
html body.admin-ui.theme-admin .home-banner-editor [data-banner-variant="desktop"] .banner-upload-dropzone {
  aspect-ratio:auto !important;
  flex:0 0 auto !important;
  height:180px !important;
  min-height:180px !important;
}
html body.admin-ui.theme-admin .home-banner-editor [data-banner-variant="mobile"] .banner-upload-dropzone {
  aspect-ratio:auto !important;
  flex:0 0 auto !important;
  height:180px !important;
  min-height:180px !important;
}
html body.admin-ui.theme-admin .home-banner-editor [data-banner-variant="mobile"].banner-image-upload {
  max-width:none;
  width:100%;
}
html body.admin-ui.theme-admin .home-banner-editor [data-banner-variant] .banner-upload-preview.has-image img {
  height:100% !important;
  object-fit:cover !important;
  width:100% !important;
}

/* Optional work numbering: one focused settings card plus compact standard rules. */
html body.admin-ui.theme-admin .numbering-rule-card--work {
  margin-bottom:20px;
  padding:22px;
}
html body.admin-ui.theme-admin .numbering-rule-card--work .numbering-rule-card__header {
  min-height:0;
  padding-bottom:16px;
  border-bottom:1px solid #e4e7ec;
}
html body.admin-ui.theme-admin .numbering-rule-form--work {
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0;
  margin-top:0;
}
html body.admin-ui.theme-admin .numbering-rule-form--work > .numbering-toggle-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:68px;
  padding:12px 0;
  border-bottom:1px solid #eceef2;
}
html body.admin-ui.theme-admin .numbering-toggle-copy {
  display:grid;
  gap:4px;
  min-width:0;
}
html body.admin-ui.theme-admin .numbering-toggle-copy strong { font-size:14px; line-height:20px; }
html body.admin-ui.theme-admin .numbering-toggle-copy small {
  min-height:0;
  color:#6c7482;
  font-size:12px;
  line-height:18px;
}
html body.admin-ui.theme-admin .numbering-toggle {
  display:inline-flex;
  flex:0 0 auto;
  position:relative;
}
html body.admin-ui.theme-admin .numbering-toggle input {
  position:absolute;
  width:1px!important;
  height:1px!important;
  opacity:0;
}
html body.admin-ui.theme-admin .numbering-toggle > span {
  position:relative;
  width:42px;
  height:24px;
  border-radius:999px;
  background:#c8cdd5;
  transition:background .16s ease;
}
html body.admin-ui.theme-admin .numbering-toggle > span::after {
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(16,24,40,.22);
  transition:transform .16s ease;
}
html body.admin-ui.theme-admin .numbering-toggle input:checked + span { background:#111827; }
html body.admin-ui.theme-admin .numbering-toggle input:checked + span::after { transform:translateX(18px); }
html body.admin-ui.theme-admin .numbering-toggle input:focus-visible + span { outline:2px solid #667085; outline-offset:2px; }
html body.admin-ui.theme-admin .numbering-work-fields {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.36fr);
  gap:16px;
  padding:18px 0;
}
html body.admin-ui.theme-admin .numbering-work-fields > label {
  display:grid;
  grid-template-rows:20px 40px auto;
  gap:6px;
  min-width:0;
  margin:0;
}
html body.admin-ui.theme-admin .numbering-work-fields small { min-height:0; }
html body.admin-ui.theme-admin .numbering-rule-delete-form { margin-top:14px; }
html body.admin-ui.theme-admin .numbering-rule-delete-form .button.danger {
  min-height:34px!important;
  padding:0 12px!important;
  background:#fffafa!important;
}
html body.admin-ui.theme-admin .numbering-rule-grid--standard { gap:16px; }
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-rule-card {
  gap:12px;
  padding:16px;
}
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-rule-card__header { min-height:0; }
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-rule-form { margin-top:4px; }
html body.admin-ui.theme-admin .numbering-rule-card__badges { display:flex; align-items:center; gap:8px; }
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-toggle-row {
  align-items:center;
  border-bottom:1px solid #eceef2;
  display:flex;
  grid-column:1 / -1;
  justify-content:space-between;
  min-height:54px;
  padding-bottom:8px;
}
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-rule-form > label {
  grid-template-rows:20px 40px auto;
}
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-rule-form small { min-height:18px; }
html body.admin-ui.theme-admin .numbering-rule-grid--standard .numbering-rule-delete-form { margin-top:0; }
@media(max-width:720px) {
  html body.admin-ui.theme-admin .numbering-rule-card--work { padding:16px; }
  html body.admin-ui.theme-admin .numbering-work-fields { grid-template-columns:minmax(0,1fr); }
  html body.admin-ui.theme-admin .numbering-rule-form--work > .numbering-toggle-row { gap:14px; }
}
/* UI-023: compact media column, with the submit at the full area's lower right. */
html body.admin-ui.theme-admin .home-banner-editor { grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:20px; align-items:start; }
html body.admin-ui.theme-admin .home-banner-editor--create { display:flex; align-items:stretch!important; gap:18px; }
html body.admin-ui.theme-admin .home-banner-editor--create > :is(.home-banner-editor__media,.home-banner-editor__fields) { box-sizing:border-box; width:100%; min-height:0; height:auto; align-self:stretch; padding:14px; border:1px solid #e5e7eb; border-radius:14px; background:#fff; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__media { display:flex; flex:0 1 calc((100% - 18px) * .3671); flex-direction:column; min-height:0!important; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__fields { flex:1 1 0; min-height:0!important; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__media .unified-upload { display:flex; flex:1 1 auto; flex-direction:column; min-height:0!important; height:auto!important; margin:0!important; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__fields > label { box-sizing:border-box; width:100%!important; max-width:none!important; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__fields > label:not(.banner-status-field) :is(input,textarea) { box-sizing:border-box; width:100%!important; max-width:none!important; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__fields > label:first-child { grid-column:1 / -1!important; }
html body.admin-ui.theme-admin .home-banner-editor--create .home-banner-editor__fields > .full { grid-column:1 / -1!important; }
html body.admin-ui.theme-admin .home-banner-editor__fields { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 16px; align-content:start; min-height:0; height:auto; }
html body.admin-ui.theme-admin .home-banner-editor__fields > label:first-child { grid-column:1 / -1; }
html body.admin-ui.theme-admin .home-banner-editor__fields .banner-status-field { align-self:end; }
html body.admin-ui.theme-admin .home-banner-editor__fields .banner-sort-field { grid-column:1!important; grid-row:3; }
html body.admin-ui.theme-admin .home-banner-editor__fields .banner-status-field { grid-column:2!important; grid-row:3; }
html body.admin-ui.theme-admin .home-banner-editor .banner-upload-preview.is-empty { display:none; }
html body.admin-ui.theme-admin .home-banner-editor--create .banner-upload-dropzone { display:grid; position:relative; flex:1 1 auto; place-items:center; min-height:180px!important; height:auto!important; aspect-ratio:auto!important; padding:12px!important; cursor:pointer; overflow:hidden; }
html body.admin-ui.theme-admin .home-banner-editor--create .banner-upload-prompt { display:grid; gap:7px; place-items:center; text-align:center; pointer-events:none; }
html body.admin-ui.theme-admin .home-banner-editor--create .banner-upload-preview.has-image { display:grid; position:absolute; inset:0; width:100%; height:100%; max-height:none; place-items:center; background:#fbfcfd; pointer-events:none; }
html body.admin-ui.theme-admin .home-banner-editor--create .banner-upload-preview.has-image img { width:100%; height:100%; object-fit:contain; }
html body.admin-ui.theme-admin .home-banner-editor--create .banner-upload-dropzone:has(.banner-upload-preview.has-image) .banner-upload-prompt { display:none; }
html body.admin-ui.theme-admin .home-banner-editor--create .banner-image-upload .uploader-list { display:none; }
html body.admin-ui.theme-admin .home-banner-editor__fields > label { margin:0; gap:6px; }
html body.admin-ui.theme-admin .home-banner-editor__fields textarea { min-height:64px!important; height:64px; }
html body.admin-ui.theme-admin .home-banner-editor__fields .form-actions { grid-column:1 / -1!important; margin:0!important; padding:0; align-self:end; display:flex; justify-content:flex-end; }
html body.admin-ui.theme-admin .home-banner-editor__fields .form-actions .button { margin:0!important; }
/* F-002C: saved banners use the same two-column component as new banners. */
html body.admin-ui.theme-admin .home-banner-card { display:block!important; padding:0!important; border:0!important; background:transparent!important; }
html body.admin-ui.theme-admin .home-banner-editor--edit { display:grid!important; grid-template-columns:minmax(0,.34fr) minmax(0,.66fr)!important; gap:18px!important; align-items:start!important; }
html body.admin-ui.theme-admin .home-banner-editor--edit > :is(.home-banner-editor__media,.home-banner-editor__fields) { min-width:0; box-sizing:border-box; padding:12px; border:1px solid #e5e7eb; border-radius:14px; background:#fff; }
html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__media { display:flex; flex-direction:column; min-height:0; align-self:start; }
html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__media .unified-upload { display:flex; flex:0 0 auto; flex-direction:column; min-height:0; margin:0!important; padding:0!important; gap:8px!important; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-upload-dropzone { position:relative; display:grid; flex:0 0 230px; height:230px!important; min-height:230px!important; padding:12px!important; place-items:center; overflow:hidden; cursor:pointer; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-upload-preview.has-image { position:absolute; inset:0; display:grid; width:100%; height:100%; max-height:none; place-items:center; background:#fbfcfd; pointer-events:none; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-upload-preview.has-image img { width:100%; height:100%; object-fit:cover; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-upload-replace-hint { display:block; margin-top:8px; color:#6b7280; font-size:12px; line-height:18px; text-align:center; pointer-events:none; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-image-upload .uploader-list { display:none; }
html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__fields { grid-template-columns:minmax(132px,.56fr) max-content minmax(0,1fr)!important; gap:8px 14px!important; align-content:start; align-self:start; }
html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__fields textarea { min-height:56px!important; height:56px; }
html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__fields > label:first-child,
html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__fields > .full { grid-column:1 / -1!important; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-sort-field { grid-column:1!important; grid-row:3; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-status-field { grid-column:2!important; grid-row:3; align-self:end; white-space:nowrap; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-edit-actions { grid-column:3!important; grid-row:3; display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:0; align-self:end; }
html body.admin-ui.theme-admin .home-banner-editor--edit .banner-edit-actions .button { margin:0!important; }
html body.admin-ui.theme-admin .home-banner-card .banner-delete-form { display:none!important; }
@media(max-width:1100px) {
  html body.admin-ui.theme-admin .work-create-main .work-description-layout { grid-template-columns:minmax(0,1fr)!important; }
}
/* Second-round UI-011: one compact list action size, never squeeze copy text. */
html body.admin-ui.theme-admin .admin-work-card .admin-work-card-body { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) max-content!important; }
html body.admin-ui.theme-admin .admin-work-card .admin-work-card-actions { display:flex; flex-wrap:nowrap; gap:8px!important; align-items:center; width:max-content!important; min-width:0; }
html body.admin-ui.theme-admin .admin-work-card .admin-work-card-actions > form { margin:0; flex:0 0 88px!important; width:88px!important; }
html body.admin-ui.theme-admin .admin-work-card .admin-work-card-actions .text-button {
  display:inline-flex!important; align-items:center; justify-content:center; box-sizing:border-box;
  flex:0 0 88px!important; width:88px!important; min-width:88px!important; height:36px!important; min-height:36px!important;
  padding:0 12px!important; margin:0!important; font-size:14px!important; line-height:20px; white-space:nowrap; border-radius:9px;
}
/* UI-013: filename and action columns cannot overlap, including direct uploads. */
html body.admin-ui.theme-admin .work-create-main .work-existing-display-item { grid-template-columns:14px 40px minmax(0,1fr) auto!important; gap:8px; }
html body.admin-ui.theme-admin .work-create-main .work-existing-display-item > img { width:40px; height:40px; }
html body.admin-ui.theme-admin .work-create-main .work-existing-display-info { grid-column:3!important; min-width:0; }
html body.admin-ui.theme-admin .work-existing-display-info strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html body.admin-ui.theme-admin .work-existing-display-actions { grid-column:4!important; grid-row:1; }
html body.admin-ui.theme-admin .work-description-display .upload-row { grid-template-columns:40px minmax(0,1fr) auto!important; gap:6px 8px; }
html body.admin-ui.theme-admin .work-description-display .upload-row .upload-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html body.admin-ui.theme-admin .work-description-display .upload-row .upload-preview { width:40px; height:40px; }
html body.admin-ui.theme-admin .work-description-display .upload-row .upload-size { grid-column:2; grid-row:3; }
html body.admin-ui.theme-admin .work-description-display .upload-row .upload-status { grid-row:4; }
html body.admin-ui.theme-admin .work-description-display .upload-row progress { grid-row:5; }
html body.admin-ui.theme-admin :is(.work-existing-display-actions,.work-upload-actions) > button { height:36px!important; min-height:36px!important; font-size:12px!important; padding:0 8px!important; }
@container(max-width:360px) {
  html body.admin-ui.theme-admin .work-create-main .work-existing-display-item { grid-template-columns:14px 40px minmax(0,1fr)!important; }
  html body.admin-ui.theme-admin .work-existing-display-actions { grid-column:1 / -1!important; grid-row:auto; }
  html body.admin-ui.theme-admin .work-description-display .upload-row { grid-template-columns:40px minmax(0,1fr)!important; }
  html body.admin-ui.theme-admin .work-description-display .upload-row .work-upload-actions { grid-column:1 / -1; grid-row:auto; }
}
/* UI-015: identical card-level typography before and after cover selection. */
html body.admin-ui.theme-admin .work-create-main .work-asset-selector .work-select-controls > :is(label,button) {
  font-size:12px!important; line-height:18px!important; height:32px!important; min-height:32px!important;
  padding:0 8px!important; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
}
html body.admin-ui.theme-admin .work-create-main .work-select-controls > :is(label,button) span { font-size:inherit!important; line-height:inherit!important; }
/* UI-020 supersedes UI-016: eight stable large-desktop tracks. */
html body.admin-ui.theme-admin .organized-overview-section .organized-file-grid { display:grid!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:10px!important; }
html body.admin-ui.theme-admin .organized-file-card { min-width:0; height:auto!important; display:flex!important; flex-direction:column; }
html body.admin-ui.theme-admin .organized-file-card .pending-file-preview { width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:4/3!important; border-radius:12px 12px 0 0!important; }
html body.admin-ui.theme-admin .organized-file-card .pending-file-preview :is(img,video) { width:100%; height:100%; object-fit:contain; }
html body.admin-ui.theme-admin .organized-file-card .pending-file-body { display:flex; flex-direction:column; padding:8px!important; gap:5px; min-width:0; flex:1; }
html body.admin-ui.theme-admin .organized-file-card h3 { font-size:13px; line-height:20px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body.admin-ui.theme-admin .organized-file-card .pending-file-meta { display:flex; flex-wrap:wrap; gap:4px 8px; font-size:12px; min-height:0; }
html body.admin-ui.theme-admin .organized-file-card .pending-file-meta span { max-width:100%; overflow-wrap:anywhere; }
html body.admin-ui.theme-admin .organized-file-card .asset-card-actionbar { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; margin-top:auto; width:100%!important; }
html body.admin-ui.theme-admin .organized-file-card .asset-card-actionbar > :is(a,form) { width:100%!important; min-width:0!important; margin:0!important; }
html body.admin-ui.theme-admin .organized-file-card .asset-card-actionbar :is(a,button) { width:100%!important; min-width:0!important; flex:1 1 auto!important; height:30px!important; min-height:30px!important; font-size:12px!important; padding:0 2px!important; white-space:nowrap; }
/* UI-017: separate functions without introducing new panels or heavy borders. */
.admin-ui .ui-member-page .dashboard-content > section.panel { padding-block:28px!important; }
.admin-ui .ui-member-page #member-invite { margin-top:20px!important; }
.admin-ui .ui-member-page .admin-toolbar { margin-block:20px 12px; }
/* UI-021/022: internal spacing only; preserve existing outer section gaps. */
/* UI-025: remove the separator; retain its 1px space so controls do not move. */
html body.admin-ui.theme-admin .work-create-main .work-asset-selector .work-select-controls { margin-top:8px!important; border-top:0!important; padding-top:1px!important; }
.admin-ui .ui-member-page .dashboard-content > section.panel > h2 + .admin-toolbar { margin-top:28px!important; }
.admin-ui .ui-member-page .member-action-card > .admin-toolbar { margin-bottom:0!important; }
.admin-ui .ui-member-page .member-invite-card > .table-wrap { margin-top:28px; }
/* UI-019: same form tracks and aligned footer across every rule card. */
html body.admin-ui.theme-admin .numbering-rule-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
html body.admin-ui.theme-admin .numbering-rule-card { display:flex; flex-direction:column; min-width:0; }
html body.admin-ui.theme-admin .numbering-rule-card__header { min-height:92px; align-items:start; }
html body.admin-ui.theme-admin .numbering-rule-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:12px 16px; flex:1; margin:16px 0 0; }
html body.admin-ui.theme-admin .numbering-rule-form > label { display:grid; grid-template-rows:20px 40px auto; gap:6px; margin:0; min-width:0; }
html body.admin-ui.theme-admin .numbering-rule-form :is(input,.numbering-readonly-value) { box-sizing:border-box; width:100%; min-width:0; height:40px!important; }
html body.admin-ui.theme-admin .numbering-rule-form small { line-height:18px; min-height:36px; }
html body.admin-ui.theme-admin .numbering-rule-card__footer { grid-column:1 / -1; align-self:end; margin-top:0; min-width:0; }
@media(max-width:1799px) { html body.admin-ui.theme-admin .organized-overview-section .organized-file-grid { grid-template-columns:repeat(6,minmax(0,1fr))!important; } }
@media(max-width:1399px) { html body.admin-ui.theme-admin .organized-overview-section .organized-file-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; } }
@media(max-width:1199px) { html body.admin-ui.theme-admin .numbering-rule-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1200px) {
  html body.admin-ui.theme-admin .admin-work-card .admin-work-card-body { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; }
  html body.admin-ui.theme-admin .admin-work-card .admin-work-card-actions { grid-column:1 / -1; grid-row:auto; max-width:100%; flex-wrap:wrap; }
  html body.admin-ui.theme-admin .admin-work-card time { grid-column:2; }
}
@media(max-width:900px) {
  html body.admin-ui.theme-admin .organized-overview-section .organized-file-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body.admin-ui.theme-admin .numbering-rule-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:480px) { html body.admin-ui.theme-admin .organized-overview-section .organized-file-grid { grid-template-columns:minmax(0,1fr)!important; } }
@media(max-width:720px) {
  html body.admin-ui.theme-admin .home-banner-editor { grid-template-columns:minmax(0,1fr); }
  html body.admin-ui.theme-admin .home-banner-editor--create { display:grid; }
  html body.admin-ui.theme-admin .home-banner-editor--create > :is(.home-banner-editor__media,.home-banner-editor__fields) { align-self:start; height:auto; }
  html body.admin-ui.theme-admin .home-banner-editor--create .banner-upload-dropzone { flex:none; height:180px!important; min-height:180px!important; }
  html body.admin-ui.theme-admin .home-banner-editor--edit { grid-template-columns:minmax(0,1fr)!important; align-items:start!important; }
  html body.admin-ui.theme-admin .home-banner-editor--edit .banner-upload-dropzone { flex:none; min-height:180px!important; }
  html body.admin-ui.theme-admin .home-banner-editor--edit .home-banner-editor__fields { grid-template-columns:minmax(0,1fr)!important; }
  html body.admin-ui.theme-admin .home-banner-editor--edit .banner-sort-field,
  html body.admin-ui.theme-admin .home-banner-editor--edit .banner-status-field,
  html body.admin-ui.theme-admin .home-banner-editor--edit .banner-edit-actions { grid-column:1!important; grid-row:auto; }
  html body.admin-ui.theme-admin .home-banner-editor--edit .banner-status-field { align-self:auto; }
  html body.admin-ui.theme-admin .home-banner-editor--edit .banner-edit-actions { flex-wrap:wrap; justify-content:flex-start; }
  html body.admin-ui.theme-admin .work-video-cover-candidates__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.admin-ui.theme-admin .work-description-display .upload-row .work-upload-actions { grid-column:1 / -1; grid-row:auto; }
  html body.admin-ui.theme-admin .work-existing-display-actions { grid-column:1 / -1; justify-content:flex-end; }
}

/* Compact numbering-page closeout. */
html body.admin-ui.theme-admin .numbering-rule-card--work {
  gap:10px;
  margin-bottom:16px;
  padding:18px 20px;
}
html body.admin-ui.theme-admin .numbering-rule-card--work .numbering-rule-card__header {
  padding-bottom:12px;
}
html body.admin-ui.theme-admin .numbering-rule-form--work {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:24px;
  row-gap:6px;
}
html body.admin-ui.theme-admin .numbering-rule-form--work > .numbering-toggle-row {
  box-sizing:border-box;
  height:58px;
  min-height:58px;
  padding:6px 0;
}
html body.admin-ui.theme-admin .numbering-rule-form--work > .numbering-toggle-row.full {
  grid-column:auto!important;
}
html body.admin-ui.theme-admin .numbering-work-fields {
  grid-column:1 / -1;
  grid-template-columns:minmax(0,1fr) minmax(160px,.32fr);
  padding:8px 0;
}
html body.admin-ui.theme-admin .numbering-work-fields > label {
  gap:3px;
  grid-template-rows:18px 36px auto;
}
html body.admin-ui.theme-admin .numbering-work-fields :is(input,.numbering-readonly-value) { height:36px!important; min-height:36px; }
html body.admin-ui.theme-admin .numbering-work-fields small { line-height:16px; }
html body.admin-ui.theme-admin .numbering-rule-form--work .numbering-rule-card__footer {
  box-sizing:border-box;
  height:52px;
  min-height:44px;
  padding-top:8px;
}
html body.admin-ui.theme-admin .numbering-rule-delete-form { line-height:1; margin-top:2px; }
html body.admin-ui.theme-admin .numbering-standard-header {
  margin:4px 0 12px;
}
html body.admin-ui.theme-admin .numbering-standard-header h3,
html body.admin-ui.theme-admin .numbering-standard-header p { margin:0; }
html body.admin-ui.theme-admin .numbering-standard-header p { margin-top:4px; }
html body.admin-ui.theme-admin .numbering-rule-grid.numbering-rule-grid--standard {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:720px) {
  html body.admin-ui.theme-admin .numbering-rule-form--work {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.admin-ui.theme-admin .numbering-work-fields,
  html body.admin-ui.theme-admin .numbering-rule-grid.numbering-rule-grid--standard {
    grid-template-columns:minmax(0,1fr);
  }
}

/* Phase 15-E: owner-only member permission editor. */
/* Unified optional-numbering cards: six equal UI peers, two columns on desktop. */
html body.admin-ui.theme-admin .numbering-rule-grid.numbering-rule-grid--unified {
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:16px;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-card {
  align-self:start;
  gap:12px;
  height:auto;
  min-height:0;
  padding:16px;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-card__header {
  min-height:0;
  padding-bottom:10px;
  border-bottom:1px solid #eceef2;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-form {
  flex:none;
  margin-top:0;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-toggle-row {
  display:flex;
  grid-column:1 / -1;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:54px;
  padding-bottom:8px;
  border-bottom:1px solid #eceef2;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-form > label {
  grid-template-rows:20px 40px auto;
}
/* Category-driven prefix summaries can expand beyond a single control row.
 * Keep their details in ordinary grid flow so they grow the form row instead
 * of painting over the following next-code footer. */
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-form > label.numbering-prefix-field {
  align-content:start;
  grid-template-rows:20px minmax(40px,max-content) auto;
}
html body.admin-ui.theme-admin .numbering-prefix-field .numbering-overflow-content,
html body.admin-ui.theme-admin .numbering-next-code-block .numbering-overflow-content {
  height:auto;
  min-height:0;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-card__footer {
  align-self:stretch;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-form small { min-height:18px; }
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-delete-form { margin-top:0; }
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-actions {
  justify-content:flex-end;
  flex-wrap:wrap;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-actions .button.danger {
  min-height:34px!important;
  padding:0 12px!important;
  background:#fffafa!important;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-card,
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-form,
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-card__footer,
html body.admin-ui.theme-admin .numbering-next-code-block,
html body.admin-ui.theme-admin .numbering-overflow-content {
  max-width:100%;
  min-width:0;
}
html body.admin-ui.theme-admin .numbering-rule-grid--unified .numbering-rule-card { overflow:hidden; }
html body.admin-ui.theme-admin .numbering-overflow-content { display:grid; gap:8px; }
html body.admin-ui.theme-admin .numbering-overflow-summary {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
html body.admin-ui.theme-admin .numbering-prefix-chip,
html body.admin-ui.theme-admin .numbering-overflow-count {
  max-width:100%;
  overflow-wrap:anywhere;
}
html body.admin-ui.theme-admin .numbering-prefix-chip {
  padding:4px 8px;
  border:1px solid #e2e5ea;
  border-radius:999px;
  background:#fff;
  color:#273244;
  font-size:12px;
  font-weight:700;
}
html body.admin-ui.theme-admin .numbering-overflow-count { color:#6c7482; font-size:12px; }
html body.admin-ui.theme-admin .numbering-overflow-details { min-width:0; }
html body.admin-ui.theme-admin .numbering-overflow-details > summary {
  width:max-content;
  max-width:100%;
  color:#3d4654;
  cursor:pointer;
  font-size:13px;
  font-weight:700;
}
html body.admin-ui.theme-admin .numbering-overflow-details .when-open { display:none; }
html body.admin-ui.theme-admin .numbering-overflow-details[open] .when-closed { display:none; }
html body.admin-ui.theme-admin .numbering-overflow-details[open] .when-open { display:inline; }
html body.admin-ui.theme-admin .numbering-overflow-list {
  display:grid;
  gap:6px;
  margin-top:8px;
  min-width:0;
}
html body.admin-ui.theme-admin .numbering-prefix-row,
html body.admin-ui.theme-admin .numbering-next-code-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(72px,auto);
  align-items:center;
  gap:10px;
  min-width:0;
  padding:6px 8px;
  border-radius:8px;
  background:#fff;
}
html body.admin-ui.theme-admin .numbering-prefix-row > span,
html body.admin-ui.theme-admin .numbering-next-code-row > span {
  min-width:0;
  overflow-wrap:anywhere;
}
html body.admin-ui.theme-admin .numbering-prefix-row > strong,
html body.admin-ui.theme-admin .numbering-next-code-row > strong,
html body.admin-ui.theme-admin .numbering-next-code-value {
  min-width:0;
  overflow-wrap:anywhere;
  text-align:right;
}
html body.admin-ui.theme-admin .numbering-next-code-overflow > .numbering-overflow-summary {
  display:grid;
  gap:6px;
}
@media(max-width:720px) {
  html body.admin-ui.theme-admin .numbering-rule-grid.numbering-rule-grid--unified {
    grid-template-columns:minmax(0,1fr);
  }
  html body.admin-ui.theme-admin .numbering-prefix-row,
  html body.admin-ui.theme-admin .numbering-next-code-row {
    grid-template-columns:minmax(0,1fr);
  }
  html body.admin-ui.theme-admin .numbering-prefix-row > strong,
  html body.admin-ui.theme-admin .numbering-next-code-row > strong,
  html body.admin-ui.theme-admin .numbering-next-code-value { text-align:left; }
}

/* Phase 15-E: owner-only member permission editor. */
body.member-permission-open { overflow:hidden; }
.admin-ui .member-permission-button { height:40px!important; min-height:40px!important; display:inline-flex!important; align-items:center; justify-content:center; white-space:nowrap; }
.admin-ui .member-permission-layer { position:fixed; inset:0; z-index:1300; display:flex; justify-content:flex-end; }
.admin-ui .member-permission-layer[hidden] { display:none; }
.admin-ui .member-permission-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(17,24,39,.42); cursor:default; }
.admin-ui .member-permission-panel { position:relative; z-index:1; width:min(840px,calc(100vw - 32px)); height:100%; background:#fff; box-shadow:-16px 0 42px rgba(17,24,39,.16); display:grid; grid-template-rows:auto minmax(0,1fr) auto; outline:0; }
.admin-ui .member-permission-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid #e5e7eb; }
.admin-ui .member-permission-head h2 { margin:2px 0 0; font-size:22px; }
.admin-ui .member-permission-head .eyebrow { color:#6b7280; font-size:12px; }
.admin-ui .member-permission-close { width:40px; height:40px; border:0; border-radius:10px; background:#f3f4f6; color:#374151; font-size:24px; cursor:pointer; }
.admin-ui .member-permission-scroll { min-height:0; overflow:auto; padding:22px 24px 28px; }
.admin-ui .member-permission-summary { display:grid; gap:14px; padding:18px; border:1px solid #e5e7eb; border-radius:14px; background:#f8f9fa; }
.admin-ui .member-permission-summary > div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; }
.admin-ui .member-permission-summary > div:first-child strong { font-size:18px; }
.admin-ui .member-permission-summary > div:first-child span { color:#6b7280; font-size:13px; }
.admin-ui .member-permission-summary dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.admin-ui .member-permission-summary dl div { display:grid; gap:3px; }
.admin-ui .member-permission-summary :is(dt,p) { margin:0; color:#6b7280; font-size:13px; }
.admin-ui .member-permission-summary dd { margin:0; font-weight:650; }
.admin-ui .member-permission-count { width:max-content; padding:4px 9px; border:1px solid #d1d5db; border-radius:999px; background:#f3f4f6; color:#4b5563; font-size:12px; }
.admin-ui .member-permission-search { display:grid; gap:7px; margin:20px 0; font-weight:600; }
.admin-ui .member-permission-search input { width:100%; min-height:42px; padding:0 12px; border:1px solid #d1d5db; border-radius:10px; font:inherit; }
.admin-ui .member-permission-groups { display:grid; gap:12px; }
.admin-ui .member-permission-group { border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; background:#fff; }
.admin-ui .member-permission-group-head { min-height:52px; padding:8px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f8f9fa; }
.admin-ui .member-permission-group-head > div:first-child { display:flex; align-items:baseline; gap:8px; }
.admin-ui .member-permission-group-head small { color:#6b7280; font-weight:500; }
.admin-ui .member-permission-group-actions { display:flex; align-items:center; gap:7px; }
.admin-ui .member-permission-group-actions button { min-height:30px; padding:4px 9px; border:1px solid #d1d5db; border-radius:8px; background:#fff; color:#262b33; font-family:inherit; font-size:12px; font-weight:600; line-height:18px; cursor:pointer; white-space:nowrap; }
.admin-ui .member-permission-group-actions button:hover { border-color:#111827; }
.admin-ui .member-permission-group > div { display:grid; }
.admin-ui .member-permission-row { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(330px,1.5fr) minmax(100px,.55fr); align-items:center; gap:12px 18px; padding:14px 16px; border-top:1px solid #e5e7eb; }
.admin-ui .member-permission-row.is-custom { background:#fafafa; }
.admin-ui .member-permission-label { display:grid; gap:3px; min-width:0; }
.admin-ui .member-permission-label strong { overflow-wrap:anywhere; }
.admin-ui .member-permission-label span { color:#6b7280; font-size:12px; }
.admin-ui .member-permission-choices { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.admin-ui .member-permission-choices label { min-height:34px; display:inline-flex; align-items:center; gap:6px; padding:0 9px; border:1px solid #d1d5db; border-radius:9px; background:#fff; cursor:pointer; white-space:nowrap; }
.admin-ui .member-permission-choices label:has(input:checked) { border-color:#374151; background:#f3f4f6; color:#111827; }
.admin-ui .member-permission-choices input { width:16px; height:16px; accent-color:#111827; }
.admin-ui .member-permission-choices label:has(input:disabled) { opacity:.58; cursor:not-allowed; }
.admin-ui .member-permission-effective { display:grid; justify-items:start; gap:3px; color:#4b5563; font-size:12px; }
.admin-ui .member-permission-effective em { padding:3px 7px; border:1px solid #d1d5db; border-radius:999px; background:#f3f4f6; color:#374151; font-style:normal; }
.admin-ui .member-permission-effective small { color:#6b7280; }
.admin-ui .member-permission-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 24px; border-top:1px solid #e5e7eb; background:#fff; }
.admin-ui .member-permission-footer > div { display:flex; gap:10px; }
.admin-ui .member-permission-confirm { position:absolute; inset:0; z-index:3; display:grid; place-items:center; padding:20px; }
.admin-ui .member-permission-confirm[hidden] { display:none; }
.admin-ui .member-permission-confirm__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(17,24,39,.46); }
.admin-ui .member-permission-confirm__dialog { position:relative; width:min(420px,100%); box-sizing:border-box; padding:24px; border:1px solid #d1d5db; border-radius:16px; background:#fff; box-shadow:0 20px 55px rgba(17,24,39,.2); }
.admin-ui .member-permission-confirm__dialog h3 { margin:0 0 10px; color:#111827; font-size:20px; }
.admin-ui .member-permission-confirm__dialog p { margin:0; color:#6b7280; line-height:1.65; }
.admin-ui .member-permission-confirm__dialog > div { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
@media(max-width:900px) {
  .admin-ui .ui-member-page .admin-inline-actions,
  .admin-ui .ui-member-page .admin-inline-actions form { flex-wrap:wrap!important; min-width:0; }
  .admin-ui .member-permission-row { grid-template-columns:minmax(130px,.7fr) minmax(280px,1.3fr); }
  .admin-ui .member-permission-effective { grid-column:1/-1; display:flex; align-items:center; gap:8px; }
}
@media(max-width:640px) {
  .admin-ui .member-permission-panel { width:100%; }
  .admin-ui .member-permission-head { padding:16px; }
  .admin-ui .member-permission-scroll { padding:16px; }
  .admin-ui .member-permission-summary dl { grid-template-columns:minmax(0,1fr); }
  .admin-ui .member-permission-row { grid-template-columns:minmax(0,1fr); gap:10px; padding:14px; }
  .admin-ui .member-permission-effective { grid-column:auto; }
  .admin-ui .member-permission-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .admin-ui .member-permission-choices label { justify-content:center; padding-inline:5px; }
  .admin-ui .member-permission-footer { padding:12px 16px; flex-wrap:wrap; }
  .admin-ui .member-permission-footer > div { margin-left:auto; }
  .admin-ui .member-permission-group-head { align-items:flex-start; flex-direction:column; }
}
@media(max-width:900px) {
  .admin-ui .dashboard-content > .panel { padding:18px; }
  .admin-ui .admin-inline-actions .button { white-space:nowrap; }
}
@media(max-width:760px) {
  .admin-ui .dashboard-content > .panel { padding:16px; }
  .admin-ui .dashboard-content h2 { font-size:18px; }
  .admin-ui .dashboard-content .button { min-height:40px; padding:9px 12px; }
  .admin-ui .admin-toolbar { flex-wrap:wrap; }
  .admin-ui .admin-toolbar > label { flex:1 1 160px; }
  .admin-ui .ui-member-page .member-form-rhythm { align-items:stretch; flex-direction:column; }
  .admin-ui .ui-member-page :is(.member-form-fields,.invite-form-fields) { flex:0 0 auto; width:100%; }
  .admin-ui .ui-member-page .member-form-rhythm > .button { align-self:flex-start; }
  .admin-ui .ui-platform-context { font-size:13px; }
  .admin-ui .table-wrap table { min-width:620px; }
}

/* F-002A: current-user profile editor. */
.admin-ui .profile-editor-panel { max-width:980px; }
.admin-ui .profile-editor { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; align-items:start; margin-top:22px; }
.admin-ui .profile-editor-avatar { display:flex; flex-direction:column; align-items:center; gap:12px; padding:22px; border:1px solid #e5e7eb; border-radius:16px; background:#fafafa; text-align:center; }
.admin-ui .profile-avatar-large { width:112px; height:112px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#e5e7eb; color:#374151; font-size:38px; font-weight:700; }
.admin-ui .profile-avatar-large img { width:100%; height:100%; display:block; object-fit:cover; }
.admin-ui .profile-avatar-button { cursor:pointer; }
.admin-ui .profile-editor-avatar small { color:#6b7280; font-size:12px; line-height:1.55; }
.admin-ui .profile-editor-fields { display:grid; gap:17px; }
.admin-ui .profile-editor-fields > label { display:grid; gap:7px; color:#374151; font-weight:650; }
.admin-ui .profile-editor-fields input { box-sizing:border-box; width:100%; min-height:42px; padding:9px 12px; border:1px solid #d1d5db; border-radius:10px; background:#fff; color:#111827; font:inherit; }
.admin-ui .profile-editor-fields input[readonly] { background:#f3f4f6; color:#6b7280; cursor:not-allowed; }
.admin-ui .profile-editor-actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding-top:4px; }
.admin-ui .profile-save-status { flex:1; color:#4b5563; font-size:13px; text-align:right; }
.admin-ui .account-security-panel { width:min(100%, 900px); }
.admin-ui .account-security-card { width:min(100%, 760px); box-sizing:border-box; padding:24px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.admin-ui .account-security-card h2 { margin:0; color:#111827; }
.admin-ui .account-security-identity { margin:8px 0 20px; }
.admin-ui .account-security-form { display:grid; gap:17px; }
.admin-ui .account-security-form > label { display:grid; gap:7px; color:#374151; font-weight:650; }
.admin-ui .account-security-form input { box-sizing:border-box; width:100%; min-height:42px; padding:9px 12px; border:1px solid #d1d5db; border-radius:10px; background:#fff; color:#111827; font:inherit; }
.admin-ui .account-security-form > .muted { margin:0; }
.admin-ui .account-security-form > [data-password-status]:empty { display:none; }
.admin-ui .account-security-form > .primary-button { justify-self:end; min-width:112px; }
@media(max-width:720px) {
  .admin-ui .profile-editor { grid-template-columns:minmax(0,1fr); gap:22px; }
  .admin-ui .profile-editor-avatar { padding:18px; }
  .admin-ui .profile-editor-actions { align-items:stretch; flex-direction:column; }
  .admin-ui .profile-save-status { min-height:20px; text-align:left; }
  .admin-ui .account-security-card { padding:20px; }
  .admin-ui .account-security-form > .primary-button { justify-self:stretch; width:100%; }
}

/* Public User Center: reuse the mature admin frame and profile-editor rhythm
 * without exposing Store workspace navigation or Store-scoped fields. */
body:not(.admin-ui) .public-account-dashboard {
  align-items:flex-start;
  background:#f8fafc;
  display:flex;
  gap:28px;
  min-height:calc(100vh - 64px);
  padding:88px 28px 32px;
  width:100%;
}
body:not(.admin-ui) .public-account-dashboard > .public-account-sidebar {
  align-self:flex-start;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 16px 36px rgba(15,23,42,.06);
  display:grid;
  flex:0 0 220px;
  gap:4px;
  padding:12px;
  position:sticky;
  top:88px;
  width:220px;
}
body:not(.admin-ui) .public-account-sidebar a {
  border-radius:8px;
  color:#667085;
  font-weight:700;
  padding:12px 14px;
  text-decoration:none;
}
body:not(.admin-ui) .public-account-sidebar a:hover,
body:not(.admin-ui) .public-account-sidebar a.active { background:#fdf2f8; color:#111827; }
body:not(.admin-ui) .public-account-dashboard > .public-account-content { flex:1 1 auto; margin:0; max-width:none; min-width:0; width:auto; }
body:not(.admin-ui) .public-account-panel { background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 10px 28px rgba(15,23,42,.05); box-sizing:border-box; max-width:980px; padding:24px; }
body:not(.admin-ui) .public-account-page-header { align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 8px 24px rgba(16,24,40,.035); box-sizing:border-box; display:flex; min-height:96px; padding:20px 22px; width:100%; }
body:not(.admin-ui) .public-account-page-header h1 { line-height:1.2; margin:0; }
body:not(.admin-ui) .public-profile-editor { align-items:start; display:grid; gap:32px; grid-template-columns:220px minmax(0,1fr); margin-top:22px; }
body:not(.admin-ui) .public-profile-editor-avatar { align-items:center; background:#fafafa; border:1px solid #e5e7eb; border-radius:16px; display:flex; flex-direction:column; gap:12px; padding:22px; text-align:center; }
body:not(.admin-ui) .public-profile-editor .profile-avatar-large { align-items:center; background:#e5e7eb; border-radius:50%; color:#374151; display:grid; font-size:38px; font-weight:700; height:112px; overflow:hidden; place-items:center; width:112px; }
body:not(.admin-ui) .public-profile-editor .profile-avatar-large img { display:block; height:100%; object-fit:cover; width:100%; }
body:not(.admin-ui) .public-profile-editor-avatar small { color:#6b7280; font-size:12px; line-height:1.55; }
body:not(.admin-ui) .public-profile-editor-fields { display:grid; gap:17px; }
body:not(.admin-ui) .public-profile-editor-fields > label,
body:not(.admin-ui) .public-security-form > label { color:#374151; display:grid; font-weight:650; gap:7px; }
body:not(.admin-ui) .public-profile-editor-fields input,
body:not(.admin-ui) .public-security-form input { background:#fff; border:1px solid #d1d5db; border-radius:10px; box-sizing:border-box; color:#111827; font:inherit; min-height:42px; padding:9px 12px; width:100%; }
body:not(.admin-ui) .public-profile-editor-fields input[readonly] { background:#f3f4f6; color:#6b7280; cursor:not-allowed; }
body:not(.admin-ui) .public-profile-editor .profile-editor-actions { align-items:center; display:flex; gap:14px; justify-content:flex-end; padding-top:4px; }
body:not(.admin-ui) .public-profile-editor .profile-save-status { color:#4b5563; flex:1; font-size:13px; text-align:right; }
body:not(.admin-ui) .public-account-security-card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-sizing:border-box; margin-top:22px; max-width:760px; padding:24px; width:100%; }
body:not(.admin-ui) .public-account-security-card h2 { color:#111827; margin:0; }
body:not(.admin-ui) .public-account-security-card .account-security-identity { margin:8px 0 20px; }
body:not(.admin-ui) .public-security-form { display:grid; gap:17px; }
body:not(.admin-ui) .public-security-form > .muted { margin:0; }
body:not(.admin-ui) .public-security-form > [data-password-status]:empty { display:none; }
body:not(.admin-ui) .public-security-form > .primary-button { justify-self:end; min-width:112px; }
@media(max-width:720px) {
  body:not(.admin-ui) .public-account-dashboard { display:grid; gap:16px; min-height:calc(100vh - 64px); padding:80px 16px 88px; }
  body:not(.admin-ui) .public-account-dashboard > .public-account-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); position:static; width:auto; }
  body:not(.admin-ui) .public-account-sidebar a { text-align:center; }
  body:not(.admin-ui) .public-account-panel { max-width:none; padding:18px; width:100%; }
  body:not(.admin-ui) .public-account-page-header { min-height:0; padding:18px; }
  body:not(.admin-ui) .public-profile-editor { gap:22px; grid-template-columns:minmax(0,1fr); }
  body:not(.admin-ui) .public-profile-editor-avatar { padding:18px; }
  body:not(.admin-ui) .public-profile-editor .profile-editor-actions { align-items:stretch; flex-direction:column; }
  body:not(.admin-ui) .public-profile-editor .profile-save-status { min-height:20px; text-align:left; }
  body:not(.admin-ui) .public-account-security-card { padding:20px; }
  body:not(.admin-ui) .public-security-form > .primary-button { justify-self:stretch; width:100%; }
}

/* Public account pages use the real admin application frame.  They intentionally
 * contain only account navigation, never Store-scoped workspace navigation. */
body.theme-admin .account-workspace-sidebar { display:flex; flex-direction:column; }
body.theme-admin .account-workspace-sidebar .account-workspace-brand { align-items:center; color:#111827; display:flex; font-size:14px; font-weight:800; letter-spacing:0; margin:0 0 14px; min-height:40px; padding:0 10px; text-decoration:none; white-space:nowrap; }
body.theme-admin .account-workspace-sidebar .account-workspace-menu { display:grid; gap:4px; }
body.theme-admin .account-workspace-sidebar .account-workspace-menu a,
body.theme-admin .account-workspace-sidebar .account-workspace-footer a { border-radius:9px; color:#667085; display:block; font-size:14px; font-weight:700; line-height:normal; padding:11px 12px; text-decoration:none; }
body.theme-admin .account-workspace-sidebar .account-workspace-menu a:hover,
body.theme-admin .account-workspace-sidebar .account-workspace-menu a.active { background:#fdf2f8; color:#111827; }
body.theme-admin .account-workspace-sidebar .account-workspace-footer { border-top:1px solid #eef0f3; margin-top:auto; padding-top:12px; }
body.theme-admin .account-workspace-sidebar .account-workspace-footer a:hover { background:#f5f6f8; color:#111827; }
body.theme-admin .public-account-content .public-account-panel,
body.theme-admin .public-account-content .profile-editor-panel,
body.theme-admin .public-account-content .account-security-panel { max-width:none; width:100%; }
body.theme-admin .public-account-content .public-account-security-card { max-width:none; width:100%; }
body.theme-admin .public-account-content .public-account-page-header { width:100%; }
body.theme-admin .public-account-content .public-profile-editor { grid-template-columns:minmax(220px,280px) minmax(0,1fr); }

@media(max-width:820px) {
  body.theme-admin .dashboard.admin-layout.account-admin-layout { grid-template-columns:minmax(0,1fr); }
  body.theme-admin .dashboard.admin-layout > .account-workspace-sidebar { background:#fff!important; border:1px solid #e5e7eb!important; border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.04); display:flex!important; height:auto!important; max-height:none; min-height:0!important; overflow:visible!important; padding:14px!important; position:static!important; width:100%!important; }
  body.theme-admin .account-workspace-sidebar > .account-workspace-brand { display:flex!important; }
  body.theme-admin .account-workspace-sidebar .account-workspace-menu { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.theme-admin .account-workspace-sidebar .account-workspace-footer { margin-top:14px; }
}

/* Customer membership finance: desktop account navigation remains visible while
 * only the content column scrolls. Finance proof uploads stay private routes. */
@media(min-width:821px) {
  body.admin-ui .dashboard.admin-layout.account-admin-layout {
    align-items:stretch;
    height:calc(100vh - 64px);
    min-height:0;
    overflow:hidden;
  }
  body.admin-ui .dashboard.admin-layout.account-admin-layout > .account-workspace-sidebar {
    align-self:stretch;
    height:auto;
    min-height:0;
    position:relative;
  }
  body.admin-ui .dashboard.admin-layout.account-admin-layout > .public-account-content {
    height:auto;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:6px;
  }
}

.membership-profile-form,
.membership-compact-form {
  align-items:end;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:20px;
}
.membership-profile-form label,
.membership-compact-form label { display:grid; gap:6px; min-width:min(100%,220px); }
.membership-profile-form input,
.membership-compact-form input { box-sizing:border-box; max-width:300px; min-height:40px; padding:8px 10px; width:100%; }
.membership-overview-form { display:grid; gap:18px; }
.membership-overview-facts { margin:0; }
.membership-overview-facts input { box-sizing:border-box; max-width:260px; min-height:40px; padding:8px 10px; width:100%; }
.membership-overview-facts small { color:#667085; display:block; font-size:12px; margin-top:4px; }
.membership-overview-save { justify-self:start; min-width:132px; }
.membership-finance-workbench { box-sizing:border-box; }
.membership-finance-workbench__head { align-items:baseline; display:flex; flex-wrap:wrap; gap:8px 18px; margin-bottom:18px; }
.membership-finance-workbench__head h2 { margin:0; }
.membership-finance-workbench__head .muted { margin:0; }
.membership-finance-tabs,
.membership-adjustment-tabs { display:flex; flex-wrap:wrap; gap:8px; }
.membership-finance-tabs { border-bottom:1px solid #e5e7eb; margin-bottom:20px; padding-bottom:16px; }
.membership-finance-tab[aria-selected="true"],
.membership-adjustment-tabs [aria-selected="true"] { background:#111827!important; border-color:#111827!important; color:#fff!important; }
.membership-finance-operation { min-width:0; }
.membership-finance-operation > h3 { font-size:17px; margin:0 0 16px; }
.membership-finance-form {
  align-items:center;
  display:grid;
  gap:18px;
  grid-template-columns:minmax(0,1.85fr) minmax(190px,1fr);
  margin:8px 0 2px;
}
.membership-finance-form__fields { align-content:center; display:grid; gap:14px; min-width:0; }
.membership-finance-form__fields > label,
.membership-purchase-item label { display:grid; gap:6px; max-width:420px; }
.membership-finance-form__fields input { box-sizing:border-box; max-width:420px; min-height:40px; padding:8px 10px; width:100%; }
.membership-finance-form__fields > .button { justify-self:start; min-width:108px; }
.membership-purchase-item { border:0; display:grid; gap:12px; grid-template-columns:minmax(0,1fr) 110px 150px; margin:0; max-width:720px; padding:0; }
.membership-proof-upload {
  align-content:center;
  background:#fafafa;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  box-sizing:border-box;
  cursor:pointer;
  display:grid;
  gap:8px;
  justify-items:center;
  min-height:132px;
  padding:16px;
  text-align:center;
  transition:border-color .16s ease,background .16s ease;
}
.membership-proof-upload:hover,
.membership-proof-upload.is-dragging { background:#fdf2f8; border-color:#db2777; }
.membership-proof-upload:focus-visible { outline:3px solid rgba(219,39,119,.25); outline-offset:2px; }
.membership-proof-upload__title { color:#111827; font-weight:750; }
.membership-proof-upload__hint { color:#667085; font-size:13px; line-height:1.55; }
.membership-proof-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.membership-proof-links .button { font-size:12px; min-height:30px; padding:5px 9px; }
.membership-adjustment-tabs { margin:14px 0 16px; }
.membership-adjustment-stack { display:grid; gap:20px; }
.membership-consume-preview { background:#f8fafc; border:1px solid #e5e7eb; border-radius:10px; display:grid; gap:8px; margin:0; max-width:420px; padding:12px; }
.membership-consume-preview > div { align-items:baseline; display:flex; gap:12px; justify-content:space-between; }
.membership-consume-preview dt { color:#667085; font-size:13px; }
.membership-consume-preview dd { color:#111827; font-weight:700; margin:0; }

@media(max-width:760px) {
  .membership-profile-form,
  .membership-compact-form { align-items:stretch; flex-direction:column; }
  .membership-profile-form label,
  .membership-compact-form label,
  .membership-profile-form input,
  .membership-compact-form input { max-width:none; width:100%; }
  .membership-finance-form { grid-template-columns:minmax(0,1fr); gap:16px; }
  .membership-finance-form__fields > label,
  .membership-finance-form__fields input { max-width:none; width:100%; }
  .membership-purchase-item { grid-template-columns:minmax(0,1fr); }
  .membership-proof-upload { min-height:126px; }
  .membership-finance-tabs { flex-wrap:nowrap; overflow-x:auto; padding-bottom:12px; }
  .membership-finance-tabs .membership-finance-tab { flex:0 0 auto; }
}
/* Store profile belongs to the current store and uses the regular admin shell. */
.store-profile-panel{max-width:980px}.store-profile-editor{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:32px;align-items:start}.store-profile-logo-column,.store-profile-fields{display:flex;flex-direction:column;gap:14px}.store-profile-logo{width:180px;aspect-ratio:1;border:1px solid var(--line,#e5e5e5);border-radius:24px;background:#f5f5f5;display:grid;place-items:center;font-size:56px;font-weight:700;color:#777;overflow:hidden}.store-profile-logo img{width:100%;height:100%;object-fit:cover}.store-profile-logo-column .button{align-self:flex-start}.store-profile-fields label{display:flex;flex-direction:column;gap:7px}.store-profile-fields textarea{resize:vertical}.store-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:42px}.store-profile-actions [role=status]{color:#666;margin-right:auto}.store-link-copy{display:flex;gap:10px;align-items:center}.store-link-copy input{min-width:0;flex:1}.store-link-copy .button{white-space:nowrap}.store-public-hero{padding:26px 0}.store-public-hero>h1{margin:0 0 10px}.store-public-hero>p{max-width:760px;color:#666;line-height:1.75}
@media(max-width:720px){.store-profile-editor{grid-template-columns:1fr}.store-profile-logo{width:140px}.store-profile-actions{align-items:stretch;flex-direction:column}.store-profile-actions .primary-button{width:100%}}

/* Keep the customer-membership header and manual-add form comfortably aligned
 * without changing lifecycle behaviour or the wider admin layout. */
.admin-ui .customer-memberships-page .admin-page-header__content { align-items:center; }
.admin-ui .customer-memberships-page__header-actions { align-items:center; gap:10px; }
.admin-ui .customer-memberships-page__manual-add-form { display:grid; gap:16px; margin-top:18px; max-width:520px; }
.admin-ui .customer-memberships-page__manual-add-form > label { display:grid; gap:7px; }
.admin-ui .customer-memberships-page__manual-add-form input:not([type="hidden"]) { box-sizing:border-box; min-height:40px; width:100%; }
.admin-ui .customer-memberships-page__manual-add-form [data-membership-user-results],
.admin-ui .customer-memberships-page__manual-add-form [data-membership-user-selected] { margin:0; min-height:20px; }
.admin-ui .customer-memberships-page__manual-add-actions { margin-top:-2px; padding-top:10px; }
@media(max-width:560px) {
  .admin-ui .customer-memberships-page__header-actions { align-items:stretch; width:100%; }
  .admin-ui .customer-memberships-page__manual-add-form { max-width:none; }
}

/* Platform advertising is intentionally a compact configuration form, not a stack of promotional cards. */
.platform-ads-page{max-width:1120px}.platform-ads-page__header{margin-bottom:20px}.platform-ads-page__header p{margin:6px 0 0}.platform-ads-section{border-top:1px solid #e5e7eb;padding:20px 0 24px}.platform-ads-section__head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.platform-ads-section__head h2{font-size:18px;margin:0}.platform-ads-tabs{display:flex;gap:6px}.platform-ads-tab{background:#fff;border:1px solid #d7dce4;border-radius:7px;color:#475467;cursor:pointer;font:inherit;padding:7px 12px}.platform-ads-tab.is-active{background:#111827;border-color:#111827;color:#fff}.platform-ads-form{display:grid;gap:14px}.platform-ads-form[hidden]{display:none!important}.platform-ads-fields{display:grid;gap:14px;min-width:0}.platform-ads-fields--top{align-items:end;grid-template-columns:minmax(0,1fr) auto}.platform-ads-fields--schedule{grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) minmax(180px,1fr)}.platform-ads-field{display:grid;gap:6px;min-width:0}.platform-ads-field>span,.platform-ads-image-field>span:first-child{color:#344054;font-size:13px;font-weight:650}.platform-ads-field input{box-sizing:border-box;min-height:40px;padding:8px 10px;width:100%}.platform-ads-status{align-self:center;border-radius:999px;font-size:12px;padding:5px 10px;white-space:nowrap}.platform-ads-status--disabled{background:#f2f4f7;color:#475467}.platform-ads-status--not_started{background:#eff8ff;color:#175cd3}.platform-ads-status--live{background:#ecfdf3;color:#027a48}.platform-ads-status--ended{background:#fef3f2;color:#b42318}.platform-ads-images{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.platform-ads-image-field{display:grid;gap:6px;min-width:0}.platform-ads-image-control{align-items:center;border:1px dashed #cbd5e1;border-radius:7px;display:flex;min-height:42px;overflow:hidden;padding:0 10px;position:relative}.platform-ads-image-control input{cursor:pointer;inset:0;opacity:0;position:absolute;width:100%}.platform-ads-image-control em{color:#475467;font-size:13px;font-style:normal}.platform-ads-image-field small,.platform-ads-safe-note{color:#667085;font-size:12px;line-height:1.5;margin:0}.platform-ads-image-preview{border:1px solid #e5e7eb;border-radius:6px;height:76px;max-width:180px;object-fit:cover;width:100%}.platform-ads-actions{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.platform-ads-toggle{align-items:center;display:flex;gap:7px;font-size:14px}.platform-ads-toggle input{margin:0}.platform-ads-actions .button{min-width:116px}
@media(max-width:760px){.platform-ads-section__head--tabs{align-items:flex-start;flex-direction:column}.platform-ads-fields--top,.platform-ads-fields--schedule,.platform-ads-images{grid-template-columns:minmax(0,1fr)}.platform-ads-status{justify-self:start}.platform-ads-images{max-width:none}.platform-ads-image-preview{max-width:220px}.platform-ads-actions{align-items:stretch;flex-direction:column;gap:14px}.platform-ads-actions .button{width:100%}}