/* One navigation treatment for both the workspace and UniCom's sidebar slots. */
:root{--workspace-width:280px;--workspace-ink:var(--brand-sidebar-text);--workspace-surface:var(--brand-navy)}
.workspace-sidebar{width:var(--workspace-width);padding:18px 16px;display:flex;flex-direction:column;gap:20px;--unicom-nav-padding:0;--unicom-nav-radius:12px;--unicom-nav-icon-gap:12px}
.workspace-sidebar .brand{font-size:19px}.workspace-sidebar .brand small{font-size:9px;letter-spacing:3px}
.workspace-sidebar .navlabel{margin:8px 12px -12px;font-size:10px;letter-spacing:1.6px}
.workspace-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #27384a;color:var(--workspace-ink);font-size:13px}
.workspace-sidebar>.workspace-account{margin:auto -16px -18px}
.workspace-account>span{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.workspace-account form{margin:0}.workspace-account .account-signout{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #35475b;border-radius:50%;background:transparent;color:inherit}
.floating-control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--brand-line);border-radius:50%;background:rgba(255,255,255,.92);color:var(--brand-ink);box-shadow:0 6px 20px #10293812;backdrop-filter:blur(10px)}
.workspace-toggle,.workspace-close{display:none}.workspace-backdrop[hidden]{display:none}
body:not(.chat-page){height:100vh;height:100dvh;overflow:hidden}
body:not(.chat-page)>main{margin-left:var(--workspace-width);height:100%;overflow:auto;overscroll-behavior:contain;padding-top:1px}
.workspace-backdrop{position:fixed;inset:0;z-index:90;background:#10293855;border:0;border-radius:0}
details>summary{cursor:pointer;font-weight:650;min-height:44px;display:list-item;align-content:center}
.stage-details{margin-top:4px}.stage-details>summary{font-size:12px;color:#536579}
.usage-dialog{width:min(480px,calc(100% - 24px));max-height:80dvh;overflow:auto;border:1px solid var(--brand-line);border-radius:20px;padding:20px;color:var(--brand-ink);box-shadow:0 20px 80px #10293833}
.usage-dialog::backdrop{background:#10293866;backdrop-filter:blur(3px)}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.usage-heading h2{margin:0}.usage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.usage-stats>div{background:var(--brand-soft);border-radius:12px;padding:12px 8px;text-align:center}
.usage-stats strong{display:block;font-size:22px}.usage-stats span{font-size:11px;color:#536579}
.usage-dialog p{font-size:13px}.usage-dialog details{font-size:12px}.usage-dialog li{margin:8px 0}
@media(max-width:768px){
 .workspace-toggle{display:inline-flex;position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;z-index:80}
 .workspace-sidebar{position:fixed;inset:0 auto 0 0;width:min(340px,calc(100% - 48px));height:100dvh;padding:18px 16px;z-index:100;visibility:hidden;transform:translateX(-100%);transition:transform .2s ease;overflow:auto}
 .workspace-sidebar.is-open{visibility:visible;transform:translateX(0)}
 .workspace-sidebar .brand{padding-right:32px;font-size:19px}
 .workspace-close{display:block;position:absolute;right:4px;top:6px;width:40px;height:44px;padding:0;border:0;background:transparent;color:inherit;font-size:24px}
 body:not(.chat-page)>main{margin:0;width:100%;max-width:none;padding:64px 12px 20px}
 main>.heading{margin:4px 0 16px}main>.heading h1{font-size:26px;margin:0}main>.heading .eyebrow{margin:0 0 4px}
 .overview-page main>.heading{position:relative;padding-right:90px}
 .overview-page main>.heading>form{position:absolute;right:0;top:4px;margin:0}
 .overview-page main>.heading .muted{display:none}
 .overview-page .panel{padding:12px;margin-bottom:12px;border-radius:16px}
 .overview-page .heading{margin:0 0 10px;gap:8px;flex-wrap:wrap}
 .overview-page h2{font-size:16px;margin:4px 0}.overview-page p{font-size:12px;margin:5px 0}
 .overview-page .monitor-control{gap:8px}.overview-page .monitor-control form{width:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 .overview-page .monitor-control form p{margin:0}.overview-page button{font-size:12px;padding:8px 12px}
 .overview-page .stats.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
 .overview-page .stats.compact section{padding:8px;border-radius:10px}
 .overview-page .stats.compact p{font-size:8px;letter-spacing:.5px}
 .overview-page .metric-number{font-size:25px;margin:0}.overview-page .stats.compact small{display:block;font-size:10px;line-height:1.35}
 .overview-page .funnel{gap:8px}.overview-page .funnel-step{padding:8px 10px;border-radius:10px}
 .overview-page .step-heading h3,.overview-page .funnel-step h3{font-size:12px;margin:0}
 .overview-page .step-heading{display:flex;gap:6px;align-items:flex-start}
 .overview-page .step-heading span{font-size:10px;text-align:right}
 .overview-page .stage-bar{margin:6px 0 0;min-height:20px}.overview-page .stage-bar a{padding:0;font-size:10px}
 .overview-page .stage-details>summary{min-height:32px;font-size:11px}
 .overview-page .stage-legend{font-size:11px;gap:6px}
 .overview-page .final-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.overview-page .final-metrics a{padding:6px 8px;font-size:10px}.overview-page .final-metrics strong{font-size:22px}
 .overview-page .twocol{display:block}.overview-page footer{font-size:10px}
 .overview-page .search-contract{padding:0 10px}.overview-page .search-contract summary{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.workspace-sidebar{transition:none}}

.monitor-control{display:block}.monitor-glance{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.monitor-control form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.monitor-control details>summary{font-size:12px;color:#536579}
.chat-page unicom-chat-with-sidebar{--unicom-nav-radius:12px;--unicom-nav-icon-gap:12px}
@media(max-width:768px){.overview-page .monitor-control{padding:10px 12px}.overview-page .monitor-glance{font-size:12px;justify-content:space-between}.overview-page .monitor-control details>summary{min-height:32px;font-size:11px}.overview-page .funnel-step p.muted{font-size:10px}}
[hidden]{display:none!important}
.workspace-backdrop:hover{background:#10293855}
.workspace-close:hover{background:transparent;color:#fff}
.floating-control:hover{background:var(--brand-soft);color:var(--brand-navy)}
.overview-page details[data-compact],.usage-dialog details{padding:0;border:0}
.overview-page details[data-compact]>summary,.usage-dialog summary{padding:0}
.overview-page .search-contract{padding:0 10px!important}

/* Pan the content, not the page scale; applies to chat and workspace routes. */
html,body{touch-action:pan-x pan-y;overscroll-behavior:none}

/* Identical header geometry before and after custom-element upgrade. */
.workspace-sidebar{padding:0;gap:0}
.workspace-navigation-header{padding:18px 16px;--unicom-nav-padding:0;--unicom-nav-color:var(--brand-sidebar-text);--unicom-nav-font-size:14px;--unicom-nav-radius:12px;--unicom-nav-icon-gap:12px;--unicom-nav-hover-background:var(--brand-navy-hover);--unicom-nav-hover-color:#fff}
.workspace-navigation-header .brand{font-size:19px!important;margin:0 0 20px;padding:0}
.workspace-navigation-header .brand small{font-size:9px;letter-spacing:3px}
.workspace-sidebar>.workspace-account{margin:auto 0 0}
.workspace-navigation-header unicom-navigation{display:block;color:var(--brand-sidebar-text)}
.workspace-navigation-header unicom-navigation>a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;margin:0 0 4px;border-radius:12px;color:inherit;font-size:14px;line-height:24px}
.workspace-navigation-header unicom-navigation>a:last-child{margin-bottom:0}
.workspace-navigation-header unicom-navigation>a[aria-current="page"]{color:#fff;background:var(--brand-navy);font-weight:600}
.workspace-navigation-header unicom-icon{display:inline-flex;flex:0 0 17.5px;width:17.5px;height:17.5px;align-items:center;justify-content:center}
.workspace-navigation-header unicom-icon:not(:defined){border-radius:4px;background:currentColor;opacity:.2}
.workspace-navigation-header unicom-navigation:defined>a{margin:0}
@media(max-width:768px){.workspace-sidebar{padding:0}.workspace-navigation-header .brand{padding-right:32px}}

@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .12s ease both}
::view-transition-new(root){animation:page-in .18s ease both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}to{opacity:1}}
.page-loading,.chat-bootstrap{position:fixed;inset:0 0 0 var(--workspace-width);z-index:70;background:var(--brand-paper);padding:70px clamp(20px,5vw,70px);pointer-events:none}
.page-loading{animation:page-in .12s ease both}
.skeleton-bar,.skeleton-card{border-radius:12px;background:linear-gradient(90deg,#e5ecf0 20%,#f8fafb 50%,#e5ecf0 80%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;margin-bottom:20px}
.skeleton-bar{width:60%;height:26px}.skeleton-bar.short{width:38%}.skeleton-card{width:100%;height:180px}
@keyframes skeleton-shimmer{to{background-position:-200% 0}}
@media(max-width:768px){.page-loading,.chat-bootstrap{left:0;padding:80px 16px}.page-leaving .workspace-sidebar,.page-leaving .workspace-backdrop{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.page-loading,.skeleton-bar,.skeleton-card{animation:none}}

.workspace-navigation-header unicom-navigation:not(:defined)>a{padding:10px 12px}
.workspace-navigation-header{view-transition-name:workspace-navigation}
.workspace-account{view-transition-name:workspace-account}


.workspace-navigation-header{--unicom-nav-active-background:var(--brand-gold);--unicom-nav-active-color:var(--brand-navy)}
.workspace-navigation-header unicom-navigation>a[aria-current="page"]{color:var(--brand-navy);background:var(--brand-gold)}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-navy)}
.telegram-code{font-size:48px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.2em;color:var(--brand-navy);background:var(--brand-gold-soft);border:1px solid var(--brand-gold);border-radius:12px;display:inline-block;padding:12px 20px;margin:8px 0}
.telegram-identity{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:12px 20px;margin:24px 0;padding:20px;background:var(--brand-paper);border-radius:12px;overflow-wrap:anywhere}.telegram-identity dt{color:var(--brand-muted)}.telegram-identity dd{margin:0;font-weight:650}