/* Keep list filters compact and flowing from the left on every admin page. */
.filters{justify-content:flex-start}
.filters .field{flex:0 1 220px}
.filters>.region-fields{flex:0 1 420px;width:auto;max-width:420px}
.region-fields>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start;gap:10px}
.region-fields>.form-grid>.field{min-width:0;max-width:none}
.region-fields>.form-grid>.field>span{white-space:nowrap}
.region-fields select{width:100%;min-width:0}
.filters .actions{margin-left:0}
form:not(.filters)>.actions,.stack>.actions,.form-grid>.actions{width:100%;justify-content:flex-end}
.form-grid>.actions{grid-column:1/-1}
.product-topbar .crumb{display:flex;align-items:center}
.product-topbar .crumb>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.brand .subtitle{text-align:center}
.product-sidebar>.brand{height:var(--topbar-h);min-height:var(--topbar-h);flex:0 0 var(--topbar-h);box-sizing:border-box;align-items:center;padding-block:4px}
.product-sidebar>.brand .brandmark{width:54px;height:54px}
.product-sidebar>.brand .brandmark img{width:121px;height:121px;left:-34px;top:-34px}
.topbar-back-button{display:inline-flex;align-items:center;gap:4px;margin:0 2px 0 8px;padding:3px 4px;border:0;background:transparent;color:var(--link);font-size:13px;line-height:1.4;white-space:nowrap;cursor:pointer}
.topbar-back-button:hover{color:var(--brand);text-decoration:underline}
.topbar-back-button svg{flex:none}
.toolbar.list-action-bar{justify-content:flex-end;margin-bottom:10px}
.sys-query-filters{width:100%;min-width:0;align-items:flex-end;gap:10px 14px}
.sys-query-filters>.field{flex:0 1 320px;min-width:min(220px,100%);max-width:420px}
.sys-query-filters>.field:not(:first-child){flex:0 1 190px;min-width:150px;max-width:220px}
.sys-query-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;white-space:nowrap}
.sys-query-actions>.btn{flex:none}
.sys-list-controls .field:last-child{min-width:150px;max-width:220px;flex:0 1 190px;margin-left:0}
.table-view-controls .field{flex:0 1 240px}
.table-view-controls .table-page-size{margin-left:0}
.sys-list-controls+.table-wrap,.table-view-controls+.table-wrap{margin-top:14px}
@media(max-width:700px){.sys-query-filters>.field{flex:1 1 180px;min-width:180px}.sys-query-actions{gap:6px}}
@media(max-width:700px){.filters>.region-fields{flex-basis:100%;max-width:none}.region-fields>.form-grid{grid-template-columns:minmax(0,1fr)}.region-fields>.form-grid>.field{max-width:none}}
.home-image-picker{display:flex;align-items:center;gap:9px;min-width:0}
.home-image-current{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:6px 9px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);text-align:left;cursor:pointer}
.home-image-current img,.home-image-current .home-image-preview-placeholder{width:64px;height:46px;flex:none;object-fit:cover;border-radius:var(--r-control);background:var(--surface-quiet)}
.home-image-current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:12px}
.home-image-current .home-image-empty{width:64px;height:46px;display:grid;place-items:center;flex:none;border-radius:var(--r-control);background:var(--surface-quiet);color:var(--ink-3)}
.home-banner-thumbnail{display:inline-flex;width:76px;height:48px;padding:0;border:0;border-radius:var(--r-control);overflow:hidden;background:var(--surface-quiet);cursor:zoom-in}
.home-banner-thumbnail img,.home-banner-thumbnail-placeholder{width:100%;height:100%;object-fit:cover;background:var(--surface-quiet)}
.home-banner-thumbnail img[data-preview-failed=true]{visibility:hidden}

/* Home navigation and banner lists: let the list own the remaining workspace height. */
body[data-page="admin/system/home-navigation.html"] .primary-list,
body[data-page="admin/system/home-banners.html"] .primary-list{min-height:0}
body[data-page="admin/system/home-navigation.html"] .primary-list>.panel-body,
body[data-page="admin/system/home-banners.html"] .primary-list>.panel-body{min-height:0}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table,
body[data-page="admin/system/home-banners.html"] .primary-list .data-table{min-width:960px;table-layout:fixed;font-variant-numeric:tabular-nums}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(1){width:7%}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(2){width:9%}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(3){width:17%}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(4){width:24%}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(5){width:10%}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(6){width:9%}
body[data-page="admin/system/home-navigation.html"] .primary-list .data-table th:nth-child(7){width:24%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(1){width:7%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(2){width:16%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(3){width:11%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(4){width:25%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(5){width:22%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(6){width:8%}
body[data-page="admin/system/home-banners.html"] .primary-list .data-table th:nth-child(7){width:11%}
body[data-page^="admin/system/home-"] .primary-list .data-table th{position:sticky;top:0;z-index:1}
body[data-page^="admin/system/home-"] .primary-list .data-table td{height:76px;padding:10px 12px;overflow-wrap:anywhere}
body[data-page^="admin/system/home-"] .primary-list .data-table td:first-child{text-align:center;color:var(--ink-2);font-variant-numeric:tabular-nums}
body[data-page^="admin/system/home-"] .primary-list .data-table td:last-child .row-actions{justify-content:flex-end;flex-wrap:nowrap;gap:10px}
body[data-page^="admin/system/home-"] .home-banner-thumbnail{width:92px;height:58px;border:1px solid var(--line);border-radius:6px}
body[data-page^="admin/system/home-"] .home-banner-thumbnail.home-entry-thumbnail{width:58px;height:58px}
body[data-page^="admin/system/home-"] .home-banner-thumbnail:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
body[data-page^="admin/system/home-"] .home-banner-thumbnail-placeholder[data-preview-failed="true"]{display:grid;place-items:center}
body[data-page^="admin/system/home-"] .home-banner-thumbnail-placeholder[data-preview-failed="true"]::after{content:"预览不可用";font-size:12px;color:var(--ink-2);white-space:nowrap}
body[data-page^="admin/system/home-"] .home-table-subline{display:block;margin-top:4px;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
body[data-page^="admin/system/home-"] .home-table-target{display:block;max-width:48ch;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:700px){body[data-page^="admin/system/home-"] .primary-list>.panel-body>.table-wrap{min-height:0}body[data-page^="admin/system/home-"] .primary-list .data-table td{height:68px;padding:8px}body[data-page^="admin/system/home-"] .home-banner-thumbnail{width:80px;height:50px}body[data-page^="admin/system/home-"] .home-banner-thumbnail.home-entry-thumbnail{width:50px;height:50px}}

/* Creator commission account: one clear total, then a compact searchable ledger. */
body[data-page="admin/creators/detail.html"] #page-body>.commission-ledger{flex:0 0 auto;min-height:0}
body[data-page="admin/creators/detail.html"] #page-body>.commission-ledger>.panel-body{display:block;flex:none;min-height:0;padding:0 18px 14px}
body[data-page="admin/creators/detail.html"] #page-body>.commission-ledger .table-wrap{flex:none;min-height:0}
.commission-ledger .commission-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0 0;padding:14px 16px;background:var(--surface-quiet);border-radius:var(--r-control)}
.commission-summary-total{display:flex;align-items:baseline;gap:14px;min-width:0}
.commission-summary-total>span{color:var(--ink-2);font-size:var(--t-body);white-space:nowrap}
.commission-summary-total>strong{color:var(--brand-dark);font-size:var(--t-section);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.commission-summary-count{color:var(--ink-2);font-size:12px;white-space:nowrap}
.commission-ledger .table-view-controls{padding:14px 0 10px;gap:8px}
.commission-ledger .table-view-controls .field{flex:0 1 360px;max-width:360px}
.commission-ledger .table-view-controls+.table-wrap{margin-top:0;border:1px solid var(--line-soft)}
.commission-ledger .data-table{min-width:720px;table-layout:fixed}
.commission-ledger .data-table th:nth-child(1){width:22%}
.commission-ledger .data-table th:nth-child(2){width:17%}
.commission-ledger .data-table th:nth-child(3){width:18%}
.commission-ledger .data-table th:nth-child(4){width:43%}
.commission-ledger .data-table td:nth-child(1){white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums}
.commission-ledger .data-table th:nth-child(3),.commission-ledger .data-table td:nth-child(3){text-align:right;white-space:nowrap}
.commission-amount{color:var(--brand-dark);font-variant-numeric:tabular-nums}
.commission-ledger .table-pagination{padding-right:0;padding-left:0}
@media(max-width:700px){.commission-ledger>.panel-body{padding:0 12px 12px}.commission-ledger .commission-summary{align-items:flex-start;flex-direction:column;gap:6px;margin-top:12px;padding:12px}.commission-summary-total{align-items:flex-start;flex-direction:column;gap:2px}.commission-summary-total>strong{font-size:var(--t-section)}.commission-ledger .table-view-controls{padding-top:12px}.commission-ledger .table-view-controls .field{flex:1 1 100%;max-width:none}.commission-ledger .table-pagination{padding:10px 0}}

/* Permission context selectors share one full-width, compact control bar. */
.permission-controls>.filters{border-bottom:0}
.permission-controls>.filters>.actions{margin-left:auto}

/* Shared action authorization editor. */
.permission-action-group {margin:0 0 16px;padding:12px 16px;border:1px solid var(--border,#e7dfe5);border-radius:8px;}
.permission-action-group legend {padding:0 6px;font-weight:600;}
.permission-action-options {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 18px;}
.permission-action-options .check-row {margin:0;display:flex;align-items:center;gap:6px;}
[hidden] {display:none!important;}
/* Secondary pages start at their form/card; instructions stay beside their fields. */
#page-body>:first-child{margin-top:0}
.page-lead[data-page-actions]{min-height:0;margin:0 0 12px;padding:0;justify-content:flex-end}

/* Shared account drawer for staff profile, password changes and sign out. */
.product-topbar .user-control{display:flex;align-items:center;gap:9px;min-width:0;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}
.product-topbar .user-control:hover,.product-topbar .user-control[aria-expanded=true]{background:var(--brand-light)}
.user-control .top-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.user-control .profile-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:34px;flex:none;color:var(--ink-2)}.user-control .profile-chevron .ui-icon{display:block;transform:rotate(90deg);transition:transform .18s ease}.user-control[aria-expanded=true] .profile-chevron .ui-icon{transform:rotate(-90deg)}
.account-drawer-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(28,20,25,.28);opacity:0;transition:opacity .22s ease}
.account-drawer-backdrop:not([hidden]){opacity:1}
.account-drawer{position:fixed;z-index:1001;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(410px,100vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-18px 0 48px rgba(51,28,39,.13);transform:translateX(102%);visibility:hidden;transition:transform .24s ease,visibility .24s;outline:0}
.account-drawer.is-open{transform:translateX(0);visibility:visible}
.account-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--line-soft)}
.account-drawer-eyebrow{display:block;margin-bottom:4px;color:var(--brand);font-size:11px;font-weight:600;letter-spacing:.04em}
.account-drawer-head h2{font-size:19px;color:var(--ink)}
.account-drawer-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink-2)}
.account-drawer-close:hover{border-color:var(--brand);color:var(--brand)}
.account-drawer-body{flex:1;overflow-y:auto;padding:22px 24px}
.profile-identity{display:flex;align-items:center;gap:14px;padding:2px 0 22px}
.profile-avatar{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:50%;background:var(--brand-light);color:var(--brand)}
.profile-identity>div{display:grid;gap:3px;min-width:0}
.profile-identity strong{font-size:17px;overflow-wrap:anywhere}
.profile-identity span:not(.profile-avatar){font-size:12px;color:var(--ink-3)}
.profile-facts{margin:0 0 22px;padding:4px 16px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-quiet)}
.profile-facts>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:13px}
.profile-facts>div:last-child{border-bottom:0}
.profile-facts dt{color:var(--ink-3)}.profile-facts dd{margin:0;overflow-wrap:anywhere}
.profile-password{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.profile-password>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;list-style:none;cursor:pointer}
.profile-password>summary::-webkit-details-marker{display:none}
.profile-password>summary>span{display:grid;gap:3px}.profile-password>summary strong{font-size:14px}.profile-password>summary small{color:var(--ink-3);font-size:12px}.profile-password[open]>summary>svg{transform:rotate(90deg)}
.profile-password form{display:grid;gap:14px;padding:0 0 18px}.profile-password .field{display:grid;gap:6px;font-size:12px}.profile-password .field>span{font-weight:500}.profile-password .field>small{color:var(--ink-3);font-size:11px}.profile-password input{width:100%;min-height:38px}
.account-password-error{padding:9px 11px;border-radius:6px;background:var(--danger-light,#fff1f2);color:var(--danger);font-size:12px}.account-password-actions{display:flex;justify-content:flex-end}.account-drawer-foot{padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--surface)}
.account-drawer-foot .btn{width:100%;min-height:40px}
body.account-drawer-open{overflow:hidden}
@media(max-width:650px){.product-topbar .user-control{gap:5px;padding:3px 4px}.user-control .top-user-name{max-width:86px;font-size:12px}.account-drawer-head{padding:18px 18px 15px}.account-drawer-body{padding:18px}.account-drawer-foot{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.account-drawer,.account-drawer-backdrop{transition:none}}

/* Menu configuration tree rows */
.menu-tree-root{font-weight:650}.menu-tree-child{display:inline-block;padding-left:24px;position:relative}.menu-tree-child::before{content:"↳";position:absolute;left:7px;color:var(--text-muted,#7b7180)}