:root{
  --admin-top-gutter:12px;
  --admin-top-max:1380px;
  --admin-top-width:min(calc(100% - (var(--admin-top-gutter) * 2)),var(--admin-top-max));
  --admin-title-height:56px;
  --admin-top-gap:8px;
  --admin-top-offset:72px;
  --admin-top-radius:24px;
  --admin-top-panel:linear-gradient(145deg,rgba(255,253,249,.97),rgba(255,244,226,.92));
  --admin-top-line:rgba(255,255,255,.94);
  --admin-top-divider:rgba(198,125,79,.22);
  --admin-top-shadow:0 12px 30px rgba(112,61,33,.11),inset 0 1px 0 rgba(255,255,255,.96);
  --admin-top-accent:#df673c;
  --admin-top-muted:#936650;
}

/* 后台完整二、三级页面统一背景与安全边距。 */
.admin-unified-page{
  width:100%;
  max-width:none;
  margin-inline:0;
  box-sizing:border-box;
  min-height:100dvh;
  overflow-x:hidden;
  background:radial-gradient(circle at 88% 2%,rgba(250,193,112,.2),transparent 25%),linear-gradient(180deg,#fffaf4 0%,#f7eee4 100%)!important;
}
#page-admin-home.admin-unified-page{
  padding-top:var(--admin-top-offset)!important;
}
.admin-unified-page>.min-h-screen,
.admin-unified-page>.min-h-full,
.admin-unified-page>.admin-unified-root,
#page-data-dashboard.admin-unified-page>div,
#page-invite-admin.admin-unified-page>.invite-admin-shell,
#page-cs-reply-settings.admin-unified-page>.min-h-screen,
#page-home-featured-admin-v10.admin-unified-page>.home-featured-shell{
  min-height:100dvh;
  padding-top:var(--admin-top-offset)!important;
  background:transparent!important;
}
.admin-unified-page>.min-h-screen>.pt-16,
.admin-unified-page>.min-h-screen>.pt-\[72px\],
.admin-unified-page>.min-h-full>.pt-16,
.admin-unified-page>.min-h-full>.pt-\[72px\]{padding-top:8px!important}

/* 唯一标题卡：与订单管理一致的有界暖金玻璃卡片。 */
.admin-top-title-card{
  position:fixed!important;
  top:8px!important;
  left:0!important;
  right:0!important;
  width:var(--admin-top-width)!important;
  max-width:none!important;
  height:var(--admin-title-height)!important;
  min-height:var(--admin-title-height)!important;
  margin:0 auto!important;
  padding:0 14px!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--admin-top-line)!important;
  border-radius:var(--admin-top-radius)!important;
  background:var(--admin-top-panel)!important;
  box-shadow:var(--admin-top-shadow)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  z-index:70!important;
  box-sizing:border-box;
}
.admin-top-title-card>.h-full,
.admin-top-title-card>[class*="max-w-"]{width:100%}
.admin-top-title-card button,
.admin-top-title-card [onclick]{-webkit-tap-highlight-color:transparent}
.admin-top-title-card .admin-standard-back{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#86573f!important;
  cursor:pointer;
}
.admin-top-title-card .admin-standard-back:hover{background:rgba(222,148,95,.12)!important}
.admin-top-title-card .admin-standard-back svg{width:24px!important;height:24px!important;color:inherit!important}

/* 第二层工具卡：搜索、状态、分类及页面级筛选统一承载。 */
.admin-top-tool-card{
  position:sticky!important;
  top:var(--admin-top-offset)!important;
  z-index:60!important;
  width:var(--admin-top-width)!important;
  max-width:none!important;
  margin:var(--admin-top-gap) auto 0!important;
  overflow:hidden!important;
  border:1px solid var(--admin-top-line)!important;
  border-radius:var(--admin-top-radius)!important;
  background:var(--admin-top-panel)!important;
  box-shadow:var(--admin-top-shadow)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-sizing:border-box;
}

/* V6: admin overlays must always cover the unified sticky title/tools. */
.admin-modal-layer{z-index:120!important}
.admin-modal-nested{z-index:180!important}
.admin-modal-special{z-index:1000!important}
.app-confirm-layer{z-index:180!important}

html:has(.admin-modal-layer:not(.hidden):not(.page-hidden)),
body:has(.admin-modal-layer:not(.hidden):not(.page-hidden)),
html:has(.admin-modal-nested:not(.hidden):not(.page-hidden)),
body:has(.admin-modal-nested:not(.hidden):not(.page-hidden)),
html:has(.admin-modal-special:not(.hidden):not(.page-hidden)),
body:has(.admin-modal-special:not(.hidden):not(.page-hidden)){
  overflow:hidden!important;
  overscroll-behavior:none;
}
.admin-top-tool-card>div+div,
.admin-top-tool-card>.admin-tool-section+.admin-tool-section{
  border-top:1px solid var(--admin-top-divider)!important;
}
.admin-top-tool-card :is(.border-gray-100,.border-gray-200){border-color:var(--admin-top-divider)!important}
.admin-top-tool-card :is(input,select,textarea){background:rgba(255,253,249,.9)!important}
.admin-top-tool-card .admin-tabs-scroll,
.admin-top-tool-card :is([id*="Tab"],[class*="tab"]){scrollbar-width:none}
.admin-top-tool-card .admin-tabs-scroll::-webkit-scrollbar{display:none}

/* 页面状态统一为珊瑚橙，不干预真实数量角标自身颜色。 */
.admin-unified-page :is(.text-blue-500,.text-purple-500,.text-purple-600).border-b-2,
.admin-unified-page :is([id*="Tab"],[id*="tab"]).border-b-2{
  color:var(--admin-top-accent)!important;
  border-color:var(--admin-top-accent)!important;
}
#page-invite-admin .invite-admin-tabs button.border-b-2{color:var(--admin-top-accent)!important;border-color:var(--admin-top-accent)!important}

/* 特殊页面接入公共占位，不再依赖负外边距。 */
#page-cs-reply-settings{margin-top:0!important}
#page-cs-reply-settings>.min-h-screen>.pt-16{padding-top:8px!important}
#page-legal-admin-v10{margin-top:0!important;padding-top:var(--admin-top-offset)!important}
#page-legal-view-v10.admin-unified-page{margin-top:0!important;padding-top:var(--admin-top-offset)!important}
#page-agent-metric-drilldown>.min-h-full{padding-top:var(--admin-top-offset)!important}
#page-coupon-recipient-detail.admin-unified-page{padding-top:var(--admin-top-offset)!important}
#page-coupon-recipient-detail.admin-unified-page>main{padding-top:8px!important}

/* 首页装饰各子页取消64/84px通栏标题，保留原内容宽度。 */
.home-decoration-shell{padding-top:var(--admin-top-offset)!important}
.home-decoration-top.admin-top-title-card,
.home-featured-top.admin-top-title-card{
  display:grid!important;
  grid-template-columns:40px 1fr 40px!important;
}
.home-decoration-top.admin-top-title-card div,
.home-featured-top.admin-top-title-card div{text-align:center}
.home-featured-top.admin-top-title-card b{font-size:17px!important}
.home-featured-top.admin-top-title-card small{font-size:10px!important}
.home-featured-body{padding-top:8px!important}

/* 筛选较多时仍只在卡片内部换行/滚动，不制造整页横向滚动。 */
.admin-top-tool-card .admin-tool-grid{padding:16px}
.admin-top-tool-card[data-admin-top-tools]{padding:16px!important}
.admin-top-tool-card[data-admin-top-tools]>.flex{width:100%}
.admin-top-tool-card .admin-tabs-scroll{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap}

@media(min-width:768px){
  :root{--admin-top-gutter:20px;--admin-top-radius:28px}
  .admin-top-title-card{padding-left:20px!important;padding-right:20px!important}
}

@media(max-width:430px){
  :root{--admin-top-gutter:10px;--admin-top-radius:22px}
  .admin-top-title-card{top:6px!important}
  .admin-top-tool-card{top:70px!important}
  .admin-top-tool-card .admin-tool-grid{padding:12px}
}

@media(prefers-reduced-motion:reduce){
  .admin-top-title-card,.admin-top-tool-card{scroll-behavior:auto}
}
