/* v1.2: stable forms, no automatic scale or entrance transforms. Pinch zoom remains enabled. */
.account-page { -webkit-text-size-adjust: 100%; }
.account-page input, .account-page textarea, .account-page select { font-size: 16px !important; }
.account-page .panel-view.active, .account-page .admin-form, .account-page .login-card, .account-page dialog { animation: none !important; transform: none !important; }
.account-page .admin-form { scroll-margin-top: 20px; }
.is-admin [data-view="overview"] > .summary-grid, .is-admin [data-view="overview"] > .dashboard-welcome { display: none; }
.is-admin .dashboard-sidebar { display: block; overflow: visible; }
.is-admin .dashboard-sidebar > div { display: block; }
.is-admin .dashboard-sidebar nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
.is-admin .dashboard-nav { white-space: normal; min-height: 43px; padding: 8px 10px; text-align: left; border-radius: 8px; }
.is-admin .dashboard-nav[data-panel="store-products"], .is-admin .dashboard-nav[data-panel="reviews"] { border: 1px solid rgba(199,255,61,.24); color: #dcf3a6; }
.is-admin .logout-button { padding: 12px 10px; }
.dashboard-main, .product-admin-grid > *, .users-layout > *, .panel-view, .console-box { min-width: 0; }
.admin-command-bar { position: relative; z-index: 12; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: end; margin: 0 0 26px; }
.admin-command-bar label { margin: 0; display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.admin-command-bar input { background: #101820; }
.admin-version { display: grid; place-items: center; height: 48px; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(199,255,61,.3); color: var(--lime); font-weight: 800; }
#admin-global-results { position: absolute; z-index: 25; top: 100%; left: 0; right: 0; max-height: 360px; overflow: auto; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: #111c27; box-shadow: 0 18px 45px #0008; }
#admin-global-results button { display: grid; width: 100%; padding: 11px; border: 0; border-bottom: 1px solid var(--line); color: white; background: transparent; text-align: left; cursor: pointer; }
#admin-global-results small { color: var(--lime); }
#admin-global-results span { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; max-height: 40px; overflow: hidden; }
.console-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.console-heading h2, .console-heading h3 { margin: 0; font-family: var(--display); }
.console-heading h2 { font-size: 27px; letter-spacing: -.8px; }
.console-heading h3 { font-size: 19px; }
.console-shortcuts, .template-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 16px; }
.console-shortcuts button { flex: 1; background: var(--lime) !important; color: #111821 !important; font-weight: 800; }
.business-counts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 18px; }
.business-counts article { padding: 20px 16px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(145deg,#18242c,#10171d); }
.business-counts strong { display: block; font: 600 34px var(--display); color: var(--lime); }
.business-counts span { display: block; color: #bfcad3; font-size: 12px; }
.console-box, .bulk-toolbar, .template-toolbar { padding: 18px; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 12px; background: #101820; }
.visit-counts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.visit-counts strong { display: block; font: 600 28px var(--display); color: var(--cyan); }
.visit-counts span { display: block; font-size: 11px; color: #b6c3ce; }
.console-help, #metrics-start, #console-status { color: #93a6b6; font-size: 12px; line-height: 1.65; }
.quality-alert { display: grid; gap: 5px; width: 100%; text-align: left; margin-top: 8px; }
.quality-alert span { color: #c6b68c; font-size: 12px; }
.quality-alert b { color: var(--lime); font-size: 11px; }
.console-highlight { outline: 2px solid var(--lime); outline-offset: 3px; }
.is-admin button[data-console-refresh], .is-admin .console-heading button, .is-admin .console-shortcuts button, .is-admin .quality-alert, .bulk-controls button, .template-actions button, .console-table-wrap button { border: 1px solid var(--line); border-radius: 7px; padding: 10px 13px; min-height: 42px; background: #202d38; color: #eef4f9; cursor: pointer; font-size: 12px; }
.bulk-controls { display: grid; gap: 12px; }
.bulk-controls label { display: grid; gap: 6px; font-size: 12px; color: #bdcbd5; margin: 0; }
.bulk-controls select, .template-toolbar select { background: #141f29; }
.console-check { display: flex !important; flex-direction: row; align-items: center; }
.console-check input, .bulk-check input { width: 20px; height: 20px; padding: 0; accent-color: var(--lime); flex-shrink: 0; }
.is-admin .admin-product { grid-template-columns: 24px 56px minmax(0,1fr); gap: 8px; }
.is-admin .admin-product > img { width: 56px; height: 62px; }
.is-admin .admin-product .admin-actions { grid-column: 2 / -1; justify-content: flex-end; display: flex; gap: 8px; }
.is-admin .admin-product h3 { white-space: normal; overflow-wrap: anywhere; }
.bulk-check { margin: 0; display: grid; place-items: center; }
.bulk-dialog { width: min(900px, calc(100% - 24px)); max-height: calc(100dvh - 40px); padding: 22px; border: 1px solid #445768; border-radius: 14px; background: #111b25; color: white; overflow: auto; }
.bulk-dialog::backdrop { background: #000b; }
#bulk-confirm, #bulk-preview-button { background: var(--lime); color: #121a1f; font-weight: 800; }
#bulk-error { color: #ffac92; font-size: 13px; }
.console-table-wrap { max-width: 100%; overflow: auto; }
.console-table-wrap table { width: 100%; border-collapse: collapse; font-size: 12px; }
.console-table-wrap th, .console-table-wrap td { border-bottom: 1px solid var(--line); padding: 13px 10px; text-align: left; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; min-width: 78px; max-width: 300px; }
.console-table-wrap th { color: #d7e8b5; font-weight: 600; }
.audit-entry { margin: 12px 0; border: 1px solid var(--line); border-radius: 10px; background: #111b25; padding: 14px; }
.audit-entry summary { cursor: pointer; display: flex; gap: 12px; justify-content: space-between; }
.audit-entry summary strong, .audit-entry summary small { display: block; }
.audit-entry summary small, .audit-entry time { color: var(--muted); font-size: 11px; margin-top: 5px; }
.editor-quality { padding: 14px; margin-bottom: 15px; border-left: 3px solid #e3bb5b; background: #e3bb5b0d; font-size: 12px; }
.editor-quality p { margin: 5px 0; color: #dbc799; }
.editor-quality small { color: var(--muted); }
.account-page .product-admin-grid { grid-template-columns: minmax(0,1fr); }
@media (min-width: 720px) {
  .business-counts { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .bulk-controls { grid-template-columns: minmax(120px,1fr) minmax(150px,1.3fr) minmax(80px,.7fr) auto; align-items: end; }
}
@media (min-width: 1024px) {
  .is-admin .dashboard-sidebar { display: flex; overflow-y: auto; }
  .is-admin .dashboard-sidebar nav { grid-template-columns: minmax(0,1fr); }
}
@media (min-width: 1320px) {
  .account-page .product-admin-grid { grid-template-columns: minmax(300px,.8fr) minmax(400px,1.2fr); }
}

/* Inventory sections are private to the account panel, never storefront filters. */
.publication-navigation { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 24px 0 12px; }
.publication-tabs { flex: 1 1 380px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.publication-tabs button, #refresh-publications, .order-row-actions button, #reload-publication-order { min-height: 44px; border: 1px solid var(--line); padding: 10px 12px; color: #dbe6ed; background: #15212c; border-radius: 8px; cursor: pointer; }
.publication-tabs button { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 13px; }
.publication-tabs button[aria-pressed="true"] { color: #101820; background: var(--lime); border-color: var(--lime); font-weight: 800; }
.publication-tabs button span { border-radius: 15px; min-width: 24px; padding: 3px 6px; background: #0002; font-size: 12px; }
.publication-empty { padding: 24px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); }
.publication-order { margin: 20px 0; padding: 18px; background: #101c26; border: 1px solid #315060; border-radius: 12px; }
.publication-order > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; font-weight: 700; min-height: 44px; }
.publication-order summary small { font-size: 11px; color: var(--muted); font-weight: 400; }
#publication-order-list { list-style: none; margin: 16px 0; padding: 0; max-height: 530px; overflow-y: auto; overscroll-behavior: contain; }
#publication-order-list li { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; padding: 14px 8px; border-bottom: 1px solid var(--line); }
.order-number { color: var(--lime); font: 600 22px var(--display); }
.order-product { min-width: 0; align-self: center; }
.order-product strong { font-size: 13px; overflow-wrap: anywhere; display: block; }
.order-product small { color: var(--muted); font-size: 11px; }
.order-row-actions { display: flex; align-items: end; flex-wrap: wrap; gap: 7px; grid-column: 1 / -1; }
.order-row-actions label { margin: 0; font-size: 11px; color: var(--muted); display: grid; gap: 4px; }
.order-row-actions input { width: 72px; padding: 10px 8px; height: 44px; }
.order-row-actions button { padding: 10px; }
.order-row-actions button:disabled { opacity: .35; cursor: not-allowed; }
.order-save-actions { display: flex; gap: 10px; flex-wrap: wrap; }
#publication-order-status, #seller-template-status { color: #d4e5b6; font-size: 12px; line-height: 1.6; }
.order-busy { pointer-events: none; opacity: .7; }
@media (min-width: 680px) {
  .publication-tabs { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #publication-order-list li { grid-template-columns: 36px minmax(0,1fr) auto; }
  .order-row-actions { grid-column: auto; }
}
