#zf-home{position:fixed;top:var(--zf-header-bottom,72px);left:0;width:100%;height:calc(100dvh - var(--zf-header-bottom,72px));border:0;z-index:20;background:#fbfaf9}
.zf-public-frame[hidden]{display:none!important}
.zf-public-frame{background:#fbfaf9}
.zf-site-links{padding:4px 8px 10px;border-bottom:1px solid var(--sidebar-border)}
.zf-site-links-title{padding:8px;font-size:11px;color:var(--muted-foreground)}
.zf-site-links ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}
.zf-site-links svg{width:18px;height:18px;flex:none}
[data-collapsible="icon"] .zf-site-links-title{display:none}
@media(max-width:767px){.zf-site-links a{min-height:44px}}
.zf-live-home #root main{visibility:hidden}.zf-live-home body{overflow:hidden}
#root .zf-unified-shell>header{position:relative;z-index:40;min-height:72px}#root .zf-unified-shell>header img{object-fit:contain}
[data-slot="dialog-overlay"],[data-slot="sheet-overlay"]{z-index:50!important}[data-slot="dialog-content"],[data-slot="sheet-content"],[data-slot="popover-content"],[data-slot="dropdown-menu-content"]{z-index:60!important}
@media(max-width:767px){#zf-home{top:var(--zf-header-bottom,64px);height:calc(100dvh - var(--zf-header-bottom,64px))}#root .zf-unified-shell>header{min-height:64px}body{padding-bottom:0!important}}
/* Hide the requested chat navigation entry and unknown-version badge. */
button[aria-label^="系统更新，当前版本：未知版本"],
[data-sidebar="menu-item"]:has(> button[data-sidebar="menu-button"] > svg.lucide-message-square) {
  display: none !important;
}

/* Leave bottom-right application actions accessible. */
.zf-toolbar{left:12px;right:auto;bottom:12px;width:max-content;padding:4px;}


.zf-tutorial #root .zf-unified-shell>header a[href="/?view=tutorial"]{color:#29445c!important;border-bottom:1px solid #b58d98;border-radius:0}
.zf-tutorial #root .zf-unified-shell>header a[href="/"].text-foreground{color:#82909b!important}
@media(max-width:767px){.zf-tutorial #root .zf-unified-shell>header nav{display:flex!important}}

html[data-zf-view="order"] #root .zf-unified-shell>header a[href="/?view=order"],html[data-zf-view="support"] #root .zf-unified-shell>header a[href="/?view=support"]{color:#29445c!important;border-bottom:1px solid #b58d98;border-radius:0}
html[data-zf-view="order"] #root .zf-unified-shell>header a[href="/"].text-foreground,html[data-zf-view="support"] #root .zf-unified-shell>header a[href="/"].text-foreground{color:#82909b!important}
html[data-zf-view="characters"] #root .zf-unified-shell>header a[href="/?view=characters"]{color:#29445c!important;border-bottom:1px solid #b58d98;border-radius:0}
html[data-zf-view="characters"] #root .zf-unified-shell>header a[href="/"].text-foreground{color:#82909b!important}

/* Mobile menu remains below the header, including its close button. */
#root .zf-unified-shell>header{z-index:45}
[data-zf-order],[data-zf-characters]{translate:none!important;transform:none!important;opacity:1!important}
[data-zf-mobile-shell]{justify-content:flex-start!important;padding:80px 24px 24px!important;gap:20px!important;overflow-y:auto}
[data-zf-mobile-nav]{gap:4px!important}
[data-zf-mobile-nav]>a{min-height:44px!important;padding:10px 12px!important;line-height:24px!important;translate:none!important;transform:none!important;transition:none!important;border-radius:7px!important}
[data-zf-mobile-nav]>a[data-zf-nav-current="true"]{background:#eee8ed;color:#29445c!important}
[data-zf-mobile-nav]>a[data-zf-nav-current="false"]{color:#82909b!important}
[data-zf-mobile-overlay]{z-index:40!important}

/* Public documents inside the native console shell. */
body.zf-console-view main[data-slot="sidebar-inset"]{position:relative;overflow:hidden;min-height:0;padding:0!important}
body.zf-console-view main[data-slot="sidebar-inset"] > :not(header){visibility:hidden!important}
#zf-site-panel{position:fixed;display:block;left:var(--zf-content-left,0px);top:var(--zf-content-top,var(--zf-header-bottom,72px));width:var(--zf-content-width,100%);height:var(--zf-content-height,calc(100dvh - var(--zf-header-bottom,72px)));min-height:0;border:0;border-radius:12px;z-index:20}
[data-zf-public-menu] a[data-active="true"]{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:600}
body.zf-console-view [data-sidebar="content"] a[href="/dashboard/overview"]{background:transparent;font-weight:400}
@media(max-width:767px){#zf-site-panel{border-radius:0}}
/* One shared layer uses the approved homepage petals on every route. */
.zf-atmosphere{position:fixed;inset:0;z-index:35;overflow:hidden;pointer-events:none}
.zf-atmosphere .zf-petal{position:absolute;top:-8%;width:18px;height:28px;opacity:0;clip-path:none;border-radius:95% 0 85% 10%;background:linear-gradient(130deg,#eddde4 8%,#c591a3 48%,#e9cdd6 68%,#faf4f4);box-shadow:inset 1px 0 3px #fff8;filter:blur(.15px);animation-name:zf-home-fall;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes zf-home-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:.35}85%{opacity:.3}100%{transform:translate3d(80px,110vh,0) rotate(280deg);opacity:0}}
.zf-motion-paused .zf-petal{animation-play-state:paused}
.zf-global-motion{position:fixed;bottom:14px;right:16px;z-index:36;padding:5px 11px;border:1px solid #dce0e4;border-radius:20px;background:#f7f7f5e8;color:#526578;font-size:11px;cursor:pointer}
.zf-global-motion[hidden],.zf-toolbar[hidden]{display:none!important}
/* Native controls use header space instead of covering table/footer actions. */
#root .zf-unified-shell>header .zf-header-tool{position:static!important;inset:auto!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;max-width:28px;height:32px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;font-size:0!important}
#root .zf-unified-shell>header .zf-global-motion.zf-header-tool::before{content:'✧';font-size:18px;line-height:1}
#root .zf-unified-shell>header .zf-toolbar.zf-header-tool button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;margin:0;padding:0;border:0;background:transparent;color:#526578;font-size:0;cursor:pointer}
#root .zf-unified-shell>header .zf-toolbar.zf-header-tool button::before{content:'▯';font-size:22px;line-height:1}
#root .zf-unified-shell>header .zf-header-tool:hover{background:#e9e9ef}
@media(max-width:850px){.zf-atmosphere .zf-petal{width:12px;height:20px}.zf-global-motion{bottom:10px;right:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.zf-atmosphere{display:none}.zf-global-motion{display:none}}

/* Reserve the document area while a new iframe opens; retain the native header. */
.zf-view-loading{position:fixed;top:var(--zf-header-bottom,72px);bottom:0;left:0;right:0;z-index:22;padding:clamp(28px,6vw,72px);background:#fbfaf9;color:#84909e;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.zf-view-loading[hidden]{display:none!important}
.zf-view-loading p{margin:0 0 10px;font-size:14px}
.zf-view-loading button{padding:9px 17px;border:1px solid #dbe0e7;border-radius:6px;background:white;color:#233e5b}
.zf-loading-line{display:block;width:min(680px,90%);height:20px;border-radius:7px;background:#eef0f3}
.zf-loading-line:last-of-type{width:min(380px,65%)}
body.zf-console-view main[data-slot="sidebar-inset"]>.zf-view-loading{position:absolute;inset:0;top:0}
body.zf-console-view>.zf-view-loading:not(.zf-route-loading){left:var(--zf-content-left,0px);top:var(--zf-content-top,var(--zf-header-bottom,72px));right:auto;bottom:auto;width:var(--zf-content-width,100%);height:var(--zf-content-height,calc(100dvh - var(--zf-header-bottom,72px)));box-sizing:border-box}
.zf-route-loading{z-index:23}
.zf-site-links a{animation:none!important;transition:none!important;translate:none!important;transform:none!important;opacity:1!important}
@media(max-width:767px){.zf-view-loading{top:var(--zf-header-bottom,64px)}body{background-attachment:scroll!important}.zf-toolbar{bottom:max(10px,env(safe-area-inset-bottom));left:10px}.zf-global-motion{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 130px)}}

[data-zf-public-menu] a[data-active="false"],body.zf-console-view [data-sidebar="content"] a[href="/dashboard/overview"]{background:transparent!important;box-shadow:none!important;font-weight:400!important}

/* Mobile announcement entry: reuse the native notice trigger. */
@media(max-width:1023px){
  #root .zf-unified-shell>header nav > div[class~="lg:flex"]:has(> button[aria-label="通知"]){display:flex!important;flex:0 0 auto;gap:0}
  #root .zf-unified-shell>header nav > div[class~="lg:flex"]:has(> button[aria-label="通知"]) > :not(button[aria-label="通知"]){display:none!important}
}


/* One native header and sidebar on all inner pages; pure home has no menu. */
:root{--app-header-height:64px}
@media(min-width:768px){:root{--app-header-height:72px}}
#root .zf-unified-shell>header{height:var(--app-header-height);min-height:var(--app-header-height);border-bottom:1px solid #dbe0e766;background:#fbfaf9f5}
.zf-unified-shell{height:100dvh;min-height:0!important;overflow:hidden}
.zf-unified-shell>header>div{padding-inline:16px;gap:8px}
.zf-unified-shell>header [aria-label="返回主页"],.zf-unified-shell>header [aria-label="Go to home"]{padding-inline:0;gap:8px;font-weight:600}
.zf-unified-shell>header [aria-label="返回主页"]>div,.zf-unified-shell>header [aria-label="Go to home"]>div{width:24px;height:24px}
.zf-unified-shell>header [aria-label="返回主页"] img,.zf-unified-shell>header [aria-label="Go to home"] img{width:24px;height:24px;object-fit:contain}
.zf-unified-shell>header nav{gap:16px}
.zf-unified-shell>header nav>a{margin-inline-start:0!important}
.zf-native-public .zf-public-content{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.zf-native-public .zf-public-content>div[class*="pt-16"],.zf-native-public .zf-public-content>div[class*="pt-20"]{padding-top:24px!important}
.zf-native-home [data-slot="sidebar-gap"],.zf-native-home [data-slot="sidebar-container"]{display:none!important}
.zf-native-home main[data-slot="sidebar-inset"]{margin:0!important}
.zf-route-loading{left:var(--zf-content-left,0px);width:var(--zf-content-width,100%);right:auto;box-sizing:border-box}
#root header button[aria-label="切换导航菜单"],#root header button[aria-label="Toggle navigation menu"],.zf-toolbar,.zf-phone{display:none!important}
@media(max-width:767px){
 .zf-unified-shell>header>div{padding-inline:12px;gap:6px}
 .zf-unified-shell>header [aria-label="返回主页"],.zf-unified-shell>header [aria-label="Go to home"]{gap:6px;font-size:14px}
 .zf-unified-shell>header [aria-label="返回主页"]>span,.zf-unified-shell>header [aria-label="Go to home"]>span{max-width:100px}
 .zf-unified-shell>header>.flex>div:last-child{gap:2px}
}
@media(prefers-reduced-motion:reduce){.zf-unified-shell *{scroll-behavior:auto!important}}
@media(max-width:359px){
 .zf-unified-shell>header [aria-label="返回主页"],.zf-unified-shell>header [aria-label="Go to home"]{font-size:13px}
 .zf-unified-shell>header button[aria-haspopup]{max-width:32px;max-height:32px}
}

/* User-requested native hamburger; existing toggle and keyboard support retained. */
.zf-unified-shell>header button[data-slot="sidebar-trigger"]{position:relative}
.zf-unified-shell>header button[data-slot="sidebar-trigger"]>svg{visibility:hidden}
.zf-unified-shell>header button[data-slot="sidebar-trigger"]::before{content:"";position:absolute;width:18px;height:14px;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(currentColor,currentColor) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;pointer-events:none}

/* BEGIN zf-responsive-native-shell-v1 */
/* Native sidebar contains compact destinations; header remains one row. */
#root .zf-unified-shell>header{--zf-header-row-height:64px;height:var(--zf-header-row-height);min-height:var(--zf-header-row-height)}
#root .zf-unified-shell>header [data-zf-header-row]{height:var(--zf-header-row-height);min-height:var(--zf-header-row-height);flex-wrap:nowrap;column-gap:clamp(4px,.8vw,12px);row-gap:0}
#root .zf-unified-shell>header [data-zf-header-brand]{order:0;flex:1 1 0;min-width:0;align-self:center}
#root .zf-unified-shell>header [data-zf-header-actions]{display:contents}
#root .zf-unified-shell>header [data-zf-header-action]{order:1;flex-shrink:0;align-self:center}
#root .zf-unified-shell>header [data-slot="sidebar-trigger"]{order:-1;flex-shrink:0}
#root .zf-unified-shell>header button:has(>svg[class*="lucide-search"]):has(>kbd),
#root .zf-unified-shell>header [data-zf-header-search]{display:none!important}
#root .zf-unified-shell>header [data-zf-topnav]{display:block!important;order:1;flex:0 0 auto;min-width:0;margin:0}
#root .zf-unified-shell>header [data-zf-topnav]>div{display:none!important}
#root .zf-unified-shell>header [data-zf-native-nav]{display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:clamp(12px,1.3vw,22px);width:max-content;max-width:none;margin:0}
#root .zf-unified-shell>header [data-zf-native-nav]>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto;margin:0!important;white-space:nowrap}
/* Zero-size clip is for the deliberately hidden navigation only; intrinsic
   child dimensions stay measurable and never add document scroll width. */
#root .zf-unified-shell>header[data-zf-nav-compact="true"][data-zf-nav-fallback="false"] [data-zf-topnav]{position:absolute;inset-inline-start:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}
#root .zf-unified-shell>header [data-zf-nav-toggle]{display:none;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border:1px solid var(--border,#dbe0e7);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;white-space:nowrap}
#root .zf-unified-shell>header[data-zf-nav-compact="true"][data-zf-nav-fallback="true"] [data-zf-topnav]{position:relative}
#root .zf-unified-shell>header[data-zf-nav-compact="true"][data-zf-nav-fallback="true"] [data-zf-nav-toggle]:not([hidden]){display:inline-flex}
#root .zf-unified-shell>header[data-zf-nav-compact="true"][data-zf-nav-fallback="true"] [data-zf-native-nav]{position:absolute;inset-inline-end:0;top:calc(100% + 8px);visibility:hidden;pointer-events:none;max-width:calc(100vw - 24px)}
#root .zf-unified-shell>header[data-zf-nav-compact="true"][data-zf-nav-fallback="true"][data-zf-nav-open="true"] [data-zf-native-nav]{visibility:visible;pointer-events:auto;flex-direction:column;align-items:stretch;gap:2px;width:max-content;min-width:180px;max-height:calc(100dvh - var(--zf-header-row-height) - 24px);overflow:auto;padding:6px;border:1px solid var(--border,#dbe0e7);border-radius:12px;background:var(--popover,#fff);box-shadow:0 12px 32px #243d551a;z-index:60}
#root .zf-unified-shell>header[data-zf-nav-open="true"] [data-zf-native-nav]>a{justify-content:flex-start;white-space:normal;overflow-wrap:anywhere;padding:0 12px;border-radius:7px}
#root .zf-unified-shell>header [data-zf-native-nav][data-zf-nav-measuring]{width:max-content!important;max-width:none!important;flex-direction:row!important;gap:clamp(12px,1.3vw,22px)!important;padding:0!important;overflow:visible!important;visibility:hidden!important}
#root .zf-unified-shell>header [data-zf-native-nav][data-zf-nav-measuring]>a{padding:0!important;white-space:nowrap!important;flex:0 0 auto!important}
#root .zf-unified-shell>header :is([data-zf-native-nav]>a,[data-zf-nav-toggle]):focus-visible{outline:2px solid currentColor;outline-offset:-3px;border-radius:6px}
[data-zf-header-extra]{display:flex;flex-direction:column;gap:4px;padding:4px 0}
[data-zf-header-extra]>a{display:flex;align-items:center;min-height:40px;padding:8px;border-radius:6px;color:var(--sidebar-foreground);font-size:14px;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
[data-zf-header-extra]>a:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
[data-zf-header-extra]>a:focus-visible{outline:2px solid var(--ring,currentColor);outline-offset:-2px}
@media(max-width:767px){
 #root .zf-unified-shell>header{--zf-header-row-height:60px}
 #root .zf-unified-shell>header [data-zf-header-row]{padding-inline:10px;column-gap:4px}
 #root .zf-unified-shell>header [data-zf-header-action]{width:40px;max-width:none;min-width:40px;height:44px;flex-basis:40px}
 #root .zf-unified-shell>header [data-zf-header-action]:is(a){width:auto;flex-basis:auto}
 #root .zf-unified-shell>header [data-slot="sidebar-trigger"]{width:40px;height:44px}
 #root .zf-unified-shell>header [data-zf-header-brand] a{gap:6px;height:40px}
 #root .zf-unified-shell>header [data-zf-header-brand] a>span{min-width:0;max-width:100%}
 [data-zf-header-extra]>a{min-height:44px}
}
@media(max-width:359px){#root .zf-unified-shell>header [data-zf-header-brand] a>span{display:none}}
.zf-unified-shell [data-slot="sidebar-inset"]{min-width:0}
/* END zf-responsive-native-shell-v1 */

/* BEGIN zf-native-notice-dialog-v1 */
.zf-notice-backdrop{position:fixed;inset:0;z-index:98;background:rgb(23 39 57 / 36%);backdrop-filter:blur(3px)}
.zf-notice-positioner{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;translate:none!important;width:min(560px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;z-index:100!important}
[data-slot="popover-content"].zf-native-notice-dialog{box-sizing:border-box;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 32px);min-height:0;gap:16px;padding:24px!important;overflow:hidden;border:1px solid var(--border,#dce0e4);border-radius:16px;background:var(--popover,#fbfaf9);color:var(--popover-foreground,#263c55);box-shadow:0 24px 80px rgb(21 39 60 / 22%);animation:none!important;transform:none!important}
.zf-native-notice-dialog [data-slot="popover-header"]{position:relative;flex:none;padding:0 42px 0 0!important;gap:6px}
.zf-native-notice-dialog [data-slot="popover-title"]{font-size:19px;line-height:1.5;font-weight:600}
.zf-notice-close{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:inherit;font:26px/1 sans-serif;cursor:pointer}
.zf-notice-close:hover{background:var(--muted,#eef0f3)}
.zf-notice-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.zf-native-notice-dialog [data-slot="tabs"]{min-height:0;overflow:hidden;gap:10px}
.zf-native-notice-dialog [role="tablist"]{flex:none;min-height:40px}
.zf-native-notice-dialog [role="tabpanel"]{min-height:0;overflow:hidden;margin-top:0}
.zf-native-notice-dialog [data-slot="scroll-area"]{height:auto!important;min-height:0;max-height:min(55dvh,calc(100dvh - 236px));padding-right:0}
.zf-native-notice-dialog [data-slot="scroll-area-viewport"]{height:auto!important;max-height:min(55dvh,calc(100dvh - 236px));overflow-y:auto!important;overscroll-behavior:contain;padding-inline-end:10px;scrollbar-gutter:stable;overflow-wrap:anywhere;line-height:1.8}
.zf-native-notice-dialog [data-slot="scroll-area-viewport"] img{max-width:100%;height:auto}
.zf-native-notice-dialog [data-slot="scroll-area-viewport"] pre{max-width:100%;overflow-x:auto}
.zf-native-notice-dialog>div:last-child{flex:none;margin-top:0;padding-top:4px}
.zf-native-notice-dialog>div:last-child>button{min-width:76px;min-height:40px;border-radius:8px}
@media(max-width:480px){.zf-notice-positioner{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.zf-native-notice-dialog[data-slot="popover-content"]{padding:18px!important;border-radius:12px;gap:12px;max-height:calc(100dvh - 24px)}.zf-native-notice-dialog [data-slot="popover-title"]{font-size:18px}.zf-native-notice-dialog [data-slot="scroll-area"],.zf-native-notice-dialog [data-slot="scroll-area-viewport"]{max-height:min(60dvh,calc(100dvh - 218px))}}
@media(prefers-reduced-motion:reduce){.zf-notice-backdrop{backdrop-filter:none}}
/* END zf-native-notice-dialog-v1 */

/* BEGIN zf-corner-motion-v1 */
body>.zf-global-motion{position:fixed;inset:auto;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:36;display:inline-flex;align-items:center;justify-content:center;min-height:36px;width:auto;max-width:calc(100vw - 32px);padding:7px 12px;border:1px solid var(--border,#dce0e4);border-radius:4px;background:var(--popover,#fbfaf9);color:var(--muted-foreground,#526578);font:12px/1.4 "Microsoft YaHei",sans-serif;box-shadow:0 2px 8px rgb(35 62 91 / 5%);cursor:pointer}
body>.zf-global-motion:hover{background:var(--muted,#eef0f3);color:var(--foreground,#263c55)}
body>.zf-global-motion:focus-visible{outline:2px solid var(--primary,#263c55);outline-offset:3px}
body>.zf-global-motion[aria-pressed="true"]{border-color:var(--primary,#263c55);color:var(--foreground,#263c55)}
@media(max-width:767px){body>.zf-global-motion{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:40px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){body>.zf-global-motion{display:none}}
/* END zf-corner-motion-v1 */

/* BEGIN zf-console-visual-v1 */
/* Overview-only visual refinement. Added data markers identify native component
   roots; selectors never infer a page from generic grid/card utility classes.
   Keep original data, charts, status colors, welcome artwork and actions. */
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] {
  --zf-overview-radius: 16px;
  --zf-overview-gap: clamp(14px, 1.5vw, 20px);
  --zf-overview-padding: clamp(16px, 1.6vw, 22px);
  min-width: 0;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] > .zf-welcome {
  flex-shrink: 0;
  min-height: 0;
  margin-bottom: 10px;
  padding: 20px clamp(18px, 2.2vw, 30px);
  border-radius: 12px;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] > .zf-welcome h2 {
  font-size: clamp(22px, 2vw, 26px);
  line-height: 1.5;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-titlebar] {
  padding-top: 10px;
  padding-bottom: 12px;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-titlebar] h2 {
  font-size: clamp(19px, 1.65vw, 23px);
  line-height: 1.4;
  font-weight: 600;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-content] {
  padding-top: 0;
  padding-bottom: 22px;
  scroll-padding-block: 12px;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-content] > div {
  gap: var(--zf-overview-gap);
}
/* Mark only SummaryCards, PerformanceHealthPanel and the identified API /
   announcement PanelWrapper roots. FAQ, uptime charts and setup guide stay native. */
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel] {
  min-width: 0;
  border-color: var(--border);
  border-radius: var(--zf-overview-radius);
  box-shadow: 0 2px 8px #233e5b08;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] > div > div {
  padding: var(--zf-overview-padding);
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] h3 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] .font-mono {
  font-weight: 600;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] a[href='/wallet'] {
  min-height: 42px;
  border-radius: 9px;
}
/* Native wrappers have a direct header child and a direct body child. */
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements'], [data-zf-overview-panel='performance']) > div:first-child {
  padding: 14px var(--zf-overview-padding);
  border-color: var(--border);
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='performance'] > div:first-child {
  flex-wrap: wrap;
  gap: 8px;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='performance'] > div:first-child h3 {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='performance'] > div:last-child {
  padding: var(--zf-overview-padding);
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements']) > div:first-child > div > div:first-child {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}
/* Only these two text/list panels had native h-72 (288px) placeholders.
   Their viewport now grows with actual rows, then scrolls at a bounded height.
   No selector changes chart height, sparkline space, grid count or table layout. */
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements']) > div:last-child {
  height: auto;
  min-height: 0;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements']) [data-slot='scroll-area'] {
  height: auto;
  min-height: 0;
  max-height: none;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements']) [data-slot='scroll-area-viewport'] {
  height: auto;
  min-height: 0;
  max-height: min(20rem, 55svh);
  overscroll-behavior-y: contain;
  scroll-padding-block: 8px;
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements']) > div:last-child:not(:has([data-slot='scroll-area'])) {
  min-height: 6rem;
  padding: 20px var(--zf-overview-padding);
}
body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel]:is([data-zf-overview-panel='api'], [data-zf-overview-panel='announcements']) [data-slot='skeleton'] {
  height: 6rem;
}
@media (max-width: 639px) {
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] { --zf-overview-padding: 14px; }
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] > .zf-welcome {
    padding: 16px 18px;
    margin-bottom: 4px;
  }
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] > .zf-welcome small {
    letter-spacing: .22em;
  }
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-titlebar] { padding-top: 8px; padding-bottom: 10px; }
  /* Native StatCard title only: two readable lines, with aligned values below. */
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] .group > div:first-child > div:first-child {
    min-height: 2.9em;
  }
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] .group > div:first-child > div:first-child > span.line-clamp-1 {
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.45;
  }
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='performance'] > div:first-child > span:last-child {
    flex-basis: 100%;
    margin-left: 0;
  }
  body[data-zf-route='/dashboard/overview'] main[data-zf-overview-main] [data-zf-overview-panel='summary'] a[href='/wallet'] { min-height: 44px; }
}
/* END zf-console-visual-v1 */

/* zf-wallet-refinement-v1:start */
/* Preserve the native wallet controls; size by available space and item count. */
main .max-w-7xl:has(#wallet-add-funds){max-width:1120px;gap:20px;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
main .max-w-7xl:has(#wallet-add-funds)>.grid-cols-3{border-radius:14px;background:color-mix(in srgb,var(--card) 92%,transparent);overflow:hidden}
main .max-w-7xl:has(#wallet-add-funds)>.grid-cols-3>div{min-width:0}
#wallet-add-funds{min-width:0}
#wallet-add-funds>[data-slot=card]{border-radius:16px;box-shadow:0 8px 24px rgb(20 37 55 / 4%)}
#wallet-add-funds [data-slot=card-header]{padding:20px 24px!important}
#wallet-add-funds [data-slot=card-content]{padding:22px 24px;min-width:0}
#wallet-add-funds .grid:has(>button.flex-col){grid-template-columns:repeat(auto-fit,minmax(min(100%,6.25rem),1fr));gap:10px}
#wallet-add-funds .grid>button.flex-col{min-width:0;height:auto;min-height:74px;padding:12px 14px;justify-content:space-between;gap:8px;border-radius:12px;overflow-wrap:anywhere}
#wallet-add-funds .grid>button.flex-col:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
#wallet-add-funds .grid>button.flex-col:is(.border-primary,.border-foreground){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card))}
#wallet-add-funds input{min-width:0;border-radius:9px}
#wallet-add-funds [data-slot=card-content]>div{min-width:0}
@media(max-width:640px){
 main .max-w-7xl:has(#wallet-add-funds){gap:14px}
 #wallet-add-funds [data-slot=card-header]{padding:16px 14px!important}
 #wallet-add-funds [data-slot=card-content]{padding:16px 14px}
 #wallet-add-funds .grid:has(>button.flex-col){gap:8px}
 #wallet-add-funds .grid>button.flex-col{min-height:60px;padding:10px 12px;gap:6px}
}
@media(min-width:370px) and (max-width:640px){
 #wallet-add-funds [data-slot=card-header]>div{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
 #wallet-add-funds [data-slot=card-header]>div>div:last-child{width:auto;flex-shrink:0}
 #wallet-add-funds [data-slot=card-header] button{width:auto;min-height:34px;flex-shrink:0}
}
/* zf-wallet-refinement-v1:end */

/* BEGIN zf-native-sheet-popover-layer-v1 */
/* The native theme places sheets/dialogs at 60. Base UI positions this
   portal popup inside an isolated z-50 parent, so raise that parent only
   while a sheet/dialog exists. Keep the daily notice's own layer intact. */
body:has(:is([data-slot="sheet-content"], [data-slot="dialog-content"]))
  .isolate.z-50:not(.zf-notice-positioner):has(> [data-slot="popover-content"]:not(.zf-native-notice-dialog)) {
  z-index: 61 !important;
}
/* END zf-native-sheet-popover-layer-v1 */

/* BEGIN zf-motion-clearance-v1 */
/* Reserve a small footer for the existing motion control on desktop and phones. */
@media (prefers-reduced-motion: no-preference) {
  body:has(> .zf-global-motion:not([hidden])) {
    --zf-motion-gutter: calc(60px + env(safe-area-inset-bottom, 0px));
  }
  body:has(> .zf-global-motion:not([hidden])) .zf-unified-shell {
    height: calc(100dvh - var(--zf-motion-gutter));
  }
  body:has(> .zf-global-motion:not([hidden])) .zf-unified-shell main[data-slot='sidebar-inset'] {
    height: auto;
    max-height: 100%;
  }
  body:has(> .zf-global-motion:not([hidden])) #zf-home {
    height: calc(100dvh - var(--zf-header-bottom, 64px) - var(--zf-motion-gutter));
  }
  body:has(> .zf-global-motion:not([hidden])) #zf-site-panel {
    max-height: calc(100dvh - var(--zf-content-top, var(--zf-header-bottom, 64px)) - var(--zf-motion-gutter));
  }
}
/* END zf-motion-clearance-v1 */