/* Current desktop organisation reference; independent local admin presentation. */
.fi-body {--ux-ink:#303030;--ux-muted:#616161;--ux-line:#e3e3e3;--ux-canvas:#f1f1f1;background:var(--ux-canvas)!important}
.fi-body .fi-topbar {background:#1a1a1a!important;color:#f5f5f5;border:0!important;min-height:56px}
.fi-body .fi-topbar .fi-logo,.fi-body .fi-topbar .admin-topbar-home {color:white!important}
.fi-body .fi-topbar .fi-icon-btn {color:#f5f5f5!important}
.fi-body .fi-sidebar {background:#ebebeb!important;border-inline-end:1px solid #dedede}
.fi-body .fi-sidebar-item-active > a {background:#fff!important;box-shadow:0 1px 2px #00000010;color:#303030!important}
.fi-body .fi-sidebar-item a {border-radius:8px}
.fi-body .fi-main {max-width:1360px!important;margin-inline:auto;padding:20px 24px 32px!important}
.fi-body .fi-page-header-heading {font-size:24px!important;line-height:1.3!important;letter-spacing:-.4px}
.fi-body .admin-ui {color:var(--ux-ink);font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-width:0}
.fi-body .admin-ui h2 {font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;margin:0 0 10px!important;letter-spacing:0}
.fi-body .admin-page-intro h2,.fi-body .admin-editor-heading h2 {font-size:22px!important;letter-spacing:-.3px}
.fi-body .admin-card {box-shadow:0 1px 2px #00000008;border-radius:12px!important;background:white;border:1px solid var(--ux-line);padding:16px!important;margin-block:0 16px}
.fi-body .admin-context {background:transparent;border:0;padding:0 0 10px;margin-block:0 12px;color:var(--ux-muted);flex-wrap:wrap}
.fi-body .admin-editor-grid {display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:20px;align-items:start}
.fi-body .admin-editor-grid > * {min-width:0}
.fi-body .admin-ui label {font-weight:500;line-height:1.5}
.fi-body .admin-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {border:1px solid #8a8a8a!important;border-radius:8px!important;background:white!important;color:#303030!important;padding:8px 10px!important;font-size:13px!important;min-height:36px!important;box-shadow:0 1px 1px #00000008}
.fi-body .admin-ui textarea {min-height:80px}
.fi-body .admin-ui :is(button,.admin-button) {border-radius:8px!important;font-size:13px!important;font-weight:500;line-height:1.4;min-height:34px;padding:7px 12px!important;margin:0;white-space:normal}
.fi-body .admin-ui button:disabled {opacity:.45;cursor:not-allowed}
.fi-body .admin-ui .admin-primary {background:#303030!important;border-color:#303030!important;color:white!important;box-shadow:inset 0 1px #ffffff25,0 1px 1px #00000015}
.fi-body .admin-ui .admin-link {color:#005bd3!important;border:0!important;box-shadow:none;background:transparent!important;padding:0!important;min-height:24px}
.fi-body .admin-ui [data-unsaved=true]::before {content:'Unsaved changes';display:block;color:#805b00;font-size:12px;margin-block-end:8px}
.fi-body .admin-help,.fi-body .admin-footnote {color:var(--ux-muted);font-size:12px}
.fi-body .admin-tabs {border-block-end:1px solid var(--ux-line);gap:4px;overflow:auto;flex-wrap:nowrap}
.fi-body .admin-tabs button {background:transparent!important;border:0!important;border-radius:0!important;border-block-end:2px solid transparent!important;white-space:nowrap}
.fi-body .admin-tabs button[aria-pressed=true] {border-block-end-color:#303030!important;color:#303030!important;font-weight:600}
.fi-body .admin-toolbar {display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-block:12px}
.fi-body .admin-toolbar > label {flex:1;min-width:170px}
.fi-body .admin-table-wrap table {min-width:600px;border-collapse:collapse;width:100%}
.fi-body .admin-table-wrap th {background:#f7f7f7;font-size:12px;font-weight:500;color:#616161}
.fi-body .admin-table-wrap :is(th,td) {padding:10px 12px!important;border-block-end:1px solid var(--ux-line);text-align:start;vertical-align:middle}
.fi-body .admin-table-wrap tr:hover td {background:#f7f7f7}
.ux-product-cell {display:flex;gap:12px;align-items:center;min-width:180px}
.ux-thumb {width:40px;height:40px;border:1px solid #e3e3e3;border-radius:6px;object-fit:contain;background:#f7f7f7;flex-shrink:0}
.ux-no-image {display:grid;place-items:center;background:#f7f7f7;color:#8a8a8a}
.ux-no-image svg {width:24px;height:24px}
.ux-actions {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-block:12px}
.ux-pagination {display:flex;justify-content:space-between;gap:12px;align-items:center;padding-block-start:12px;color:#616161;font-size:12px;flex-wrap:wrap}
.ux-pagination > div {display:flex;align-items:center;gap:8px}
.ux-media-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-block:16px}
.ux-media-tile {border:1px solid #e3e3e3;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0}
.ux-media-choice {position:relative;display:block;cursor:pointer;color:inherit;text-decoration:none}
.ux-media-choice input {position:absolute;inset-inline-start:8px;inset-block-start:8px;accent-color:#303030;z-index:1}
.ux-media-choice img,.ux-media-pending {width:100%;aspect-ratio:1;object-fit:contain;background:#f7f7f7;border-radius:6px;margin-block-end:10px}
.ux-media-choice strong {display:block;overflow-wrap:anywhere;font-size:12px}
.ux-media-pending {display:grid;place-content:center;justify-items:center;color:#616161;gap:8px}
.ux-media-pending svg {width:32px}
.ux-gallery-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.ux-gallery-item {border:1px solid #e3e3e3;border-radius:8px;padding:10px;min-width:0}
.ux-gallery-item > img,.ux-gallery-item > .ux-no-image {width:100%;height:160px;object-fit:contain;background:#f7f7f7;margin-block-end:8px}
.ux-gallery-item .ux-actions button {padding:5px 8px!important;font-size:11px!important}
.ux-upload-drop {border:1px dashed #8a8a8a;border-radius:10px;padding:24px;text-align:center;background:#fafafa;margin-block:12px}
.ux-upload-drop svg {width:28px;height:28px;margin:auto}
.ux-upload progress {width:100%;accent-color:#303030}
.ux-empty {padding:28px;text-align:center;background:#f7f7f7;border-radius:8px}
.ux-empty svg {width:40px;margin:auto}
.ux-dialog {padding:0;border:1px solid #e3e3e3;border-radius:14px;box-shadow:0 20px 70px #0005;width:min(920px,calc(100vw - 32px));max-height:85vh;color:#303030;overflow:auto;overscroll-behavior:contain}
.ux-dialog::backdrop {background:#0006}
.ux-dialog-header,.ux-dialog-footer {padding:16px 20px;background:#f7f7f7;display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;z-index:2}
.ux-dialog-header {top:0;border-block-end:1px solid #e3e3e3;justify-content:space-between}
.ux-dialog-footer {bottom:0;border-block-start:1px solid #e3e3e3;justify-content:flex-end}
.ux-dialog-body {padding:20px}
.ux-file-preview {width:100%;max-height:500px;object-fit:contain}
.ux-summary {display:grid;grid-template-columns:1fr auto;gap:10px;margin-block:16px}
.ux-summary dt {color:#616161}
.ux-summary dd {text-align:end;overflow-wrap:anywhere;max-width:32ch;margin:0}
.ux-timeline {border-inline-start:2px solid #e3e3e3;padding-inline-start:20px;margin-block:16px;list-style:none}
.ux-timeline li {position:relative;padding-block-end:14px}
.ux-timeline li::before {position:absolute;content:'';width:8px;height:8px;border-radius:50%;background:#8a8a8a;inset-inline-start:-25px;inset-block-start:6px}
.ux-workspace-tabs {display:flex;gap:4px;overflow:auto;flex-wrap:nowrap;margin-block-end:16px;border-block-end:1px solid #d4d4d4}
.ux-workspace-tabs button {background:transparent!important;border:0!important;border-block-end:2px solid transparent!important;white-space:nowrap;padding:12px!important;border-radius:0!important}
.ux-workspace-tabs button[aria-selected=true] {border-block-end-color:#303030!important;font-weight:600}
.ux-panel-intro {display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.ux-panel-intro > aside {padding-block:12px}
.ux-panel-intro > aside p {color:#616161}
.ux-panel-intro > * {min-width:0}
.ux-topbar-context {display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:white}
.ux-brand-logo {width:28px;height:36px;object-fit:contain;flex-shrink:0}
.ux-topbar-context small {display:block;color:#ddd;font-size:10px}
.ux-command-button {background:#303030;color:#ddd;border:1px solid #505050;border-radius:8px;padding:8px 16px;width:min(420px,40vw);text-align:start;font-size:12px}
.ux-auth {background:#f1f1f1;color:#303030;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0}
.ux-auth main {max-width:440px;margin:8vh auto;padding:32px;background:white;border:1px solid #e3e3e3;border-radius:16px;box-shadow:0 2px 8px #00000008}
.ux-auth label {display:block;margin-block:16px 6px;font-weight:500}
.ux-auth input:not([type=checkbox]) {box-sizing:border-box;width:100%;border:1px solid #8a8a8a;border-radius:8px;padding:10px;font:inherit}
.ux-auth button,.ux-auth .button {border:0;border-radius:8px;padding:10px 16px;background:#303030;color:white;margin-block:20px;font:inherit;display:inline-block}
.ux-auth h1 {font-size:24px;line-height:1.3;letter-spacing:-.4px}
.ux-auth img {max-width:240px}
.ux-auth .ux-brand-logo {height:60px;width:54px}
.ux-auth .error {background:#fff4f4;border:1px solid #e0b3b3;border-radius:8px;padding:12px}
:where(.admin-ui,.ux-auth) :focus-visible {outline:2px solid #005bd3!important;outline-offset:3px}
@media(max-width:900px){.fi-body .admin-editor-grid,.ux-panel-intro {grid-template-columns:minmax(0,1fr)}.ux-topbar-context .ux-scope-label {display:none}.fi-body .fi-main {padding:16px!important}.ux-command-button {width:auto}}
@media(max-width:640px){.fi-body .fi-main {padding:12px!important}.fi-body .admin-card {padding:12px!important}.ux-gallery-grid {grid-template-columns:minmax(0,1fr)}.ux-media-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ux-dialog {width:calc(100vw - 16px)}.ux-dialog-body {padding:12px}.ux-dialog-header,.ux-dialog-footer {padding:12px}.ux-auth main {margin:20px 12px;padding:24px}.ux-summary {grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
@media(prefers-reduced-motion:reduce){.admin-ui * {scroll-behavior:auto}}
.fi-body #order-admin .admin-editor-grid {gap:20px}
.fi-body #order-admin .admin-card p {font-size:13px;line-height:1.5}
.fi-body #order-admin .admin-card h3 {font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin-block:16px 8px}
.fi-body #order-admin .admin-card dl {font-size:13px}
.fi-body #order-admin form {gap:12px;display:grid}
.ux-scope-label {position:relative;min-width:160px}
.ux-scope-menu {position:absolute;top:100%;z-index:40;background:white;color:#303030;box-shadow:0 4px 15px #0002;min-width:260px;padding:12px;border-radius:10px}
.ux-scope-menu a {display:block;padding:8px}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin) .ux-panel-intro > div {min-width:0}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin) .ux-panel-intro form {max-width:none}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin) .ux-panel-intro h3 {font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.fi-body .admin-ui .ux-fields-lock {border:0!important;padding:0!important;margin:0!important;min-width:0}
.fi-body .admin-ui .ux-fields-lock:disabled {opacity:.65}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin,.inv) .ux-workspace-tabs button {background:transparent!important;border:0!important;border-block-end:2px solid transparent!important;border-radius:0!important;color:#303030!important;margin:0!important}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin,.inv) .ux-workspace-tabs button[aria-selected=true] {border-block-end-color:#303030!important}
.fi-body .inv > .grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:700px){.fi-body .inv > .grid {grid-template-columns:minmax(0,1fr)}}
.fi-body .inv .ux-fields-lock > .grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin,#order-admin,.inv).admin-ui h2 {font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;margin-block:0 10px!important}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin,#order-admin,.inv).admin-ui :is(input:not([type=checkbox]),select,textarea) {font-size:13px!important;border-radius:8px!important}
.fi-body :is(#m08-admin,#m09-admin,#m10-admin,#order-admin,.inv).admin-ui .admin-primary {background:#303030!important;color:white!important;border-color:#303030!important}
@media(max-width:640px){.fi-body .inv .ux-fields-lock > .grid {grid-template-columns:minmax(0,1fr)}}