/* UI13 visual iteration — deliberate unfrozen design layer. */

/* Header/profile: undo legacy .beta-profile span sizing that compressed the copy to 24px. */
.beta-profile{width:auto!important;min-width:168px!important;max-width:244px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 12px!important}
.beta-profile>.beta-profile-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important;display:grid!important}
.beta-profile>.beta-profile-copy{width:auto!important;height:auto!important;min-width:0!important;max-width:188px!important;display:block!important;overflow:hidden!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.beta-profile-copy small,.beta-profile-copy strong{width:auto!important;height:auto!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left}
.beta-profile-copy small{font-size:9.5px!important;line-height:1.1;color:var(--b-text-3)!important;font-weight:650!important}
.beta-profile-copy strong{font-size:11.5px!important;line-height:1.25;color:var(--b-text)!important;font-weight:760!important;margin-top:2px}
.beta-logout{min-width:68px!important;padding:0 13px!important;flex:0 0 auto!important}

/* KPI accent: anchored left, strong start, feathered tail. Hover fills the full edge. */
.dashboard-kpi::before{left:0!important;right:auto!important;width:72%!important;transform:none!important;background:linear-gradient(90deg,var(--dash-accent,var(--b-green)) 0%,var(--dash-accent,var(--b-green)) 46%,color-mix(in srgb,var(--dash-accent,var(--b-green)) 50%,transparent) 74%,transparent 100%)!important;transition:width .36s cubic-bezier(.22,.8,.2,1),background .26s ease!important}
.dashboard-kpi:hover::before,.dashboard-kpi:focus-visible::before{width:100%!important;background:linear-gradient(90deg,var(--dash-accent,var(--b-green)) 0%,var(--dash-accent,var(--b-green)) 88%,color-mix(in srgb,var(--dash-accent,var(--b-green)) 72%,transparent) 100%)!important}

/* Primary actions: airy glass-accent, never the cramped fully-filled green pill. */
.ui-button-primary,.beta-btn-primary{position:relative;min-height:44px!important;padding:0 17px!important;border-radius:14px!important;border:1px solid rgba(33,142,59,.20)!important;background:linear-gradient(145deg,rgba(225,247,231,.86),rgba(247,252,248,.66))!important;color:#146b2d!important;box-shadow:0 9px 24px rgba(24,103,45,.09),inset 0 1px 0 rgba(255,255,255,.86)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);font-weight:780!important;letter-spacing:0!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}
.ui-button-primary:hover:not(:disabled),.beta-btn-primary:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(26,135,53,.34)!important;background:linear-gradient(145deg,rgba(215,244,223,.96),rgba(249,253,250,.78))!important;box-shadow:0 13px 30px rgba(24,103,45,.13),inset 0 1px 0 rgba(255,255,255,.92)!important}
.ui-button-primary:active:not(:disabled),.beta-btn-primary:active:not(:disabled){transform:translateY(0) scale(.985)}
.ui-button-primary svg,.beta-btn-primary svg{color:#1a8739}
html[data-theme="dark"] .ui-button-primary,html[data-theme="dark"] .beta-btn-primary{background:linear-gradient(145deg,rgba(65,105,74,.28),rgba(37,47,40,.72))!important;color:#a9dfb4!important;border-color:rgba(127,192,140,.16)!important;box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important}

/* Dock staged hide: labels fade first, then the glass container/icons leave the viewport. */
.beta-mobile-nav{transition:transform .38s cubic-bezier(.2,.78,.18,1),opacity .24s ease!important;will-change:transform,opacity}
.beta-mobile-nav.is-collapsed{transition-delay:.09s,.09s!important}
.beta-mobile-nav-label,.beta-mobile-search>span{transform:translate3d(0,0,0);opacity:1;transition:opacity .11s ease,transform .14s cubic-bezier(.22,.8,.2,1)}
.beta-mobile-nav:not(.is-collapsed) .beta-mobile-nav-label,.beta-mobile-nav:not(.is-collapsed) .beta-mobile-search>span{transition-delay:.14s}
.beta-mobile-nav.is-collapsed .beta-mobile-nav-label,.beta-mobile-nav.is-collapsed .beta-mobile-search>span{opacity:0;transform:translate3d(0,7px,0);transition-delay:0s}
.beta-mobile-nav-icon,.beta-mobile-search>svg{transform:translate3d(0,0,0) scale(1);opacity:1;transition:opacity .15s ease,transform .20s cubic-bezier(.22,.8,.2,1)}
.beta-mobile-nav.is-collapsed .beta-mobile-nav-icon,.beta-mobile-nav.is-collapsed .beta-mobile-search>svg{opacity:0;transform:translate3d(0,10px,0) scale(.82);transition-delay:.08s}

/* General desktop readability — moderate, without changing information density or mobile layout. */
@media(min-width:1180px){
 .beta-page-head h1{font-size:36px}.beta-page-head p{font-size:13.5px}
 .beta-nav-item{font-size:13.5px}.beta-toolbar{font-size:12.5px}
 .beta-table td,.ui-table td{font-size:13.25px!important;line-height:1.42}.beta-table th,.ui-table th{font-size:10.75px!important}
 .beta-item-title{font-size:13.25px}.beta-item-sub{font-size:10px}
 .ui-card-head h2{font-size:17px}.ui-card-head p{font-size:11.5px}
}
@media(max-width:1360px) and (min-width:901px){.beta-readonly{display:none!important}.beta-search-trigger{min-width:220px;flex-basis:330px}.beta-profile{min-width:150px!important;max-width:198px!important}.beta-profile>.beta-profile-copy{max-width:146px!important}}
@media(max-width:900px){
 .beta-topbar{overflow:hidden!important}
 .beta-brand{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
 .beta-brand-copy{min-width:0!important;overflow:hidden!important}
 .beta-brand-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .beta-topbar-spacer{display:none!important;min-width:0!important}
 .beta-profile{width:clamp(126px,35vw,160px)!important;min-width:clamp(126px,35vw,160px)!important;max-width:clamp(126px,35vw,160px)!important;flex:0 0 clamp(126px,35vw,160px)!important;padding:0 8px!important}
 .beta-profile>.beta-profile-copy{max-width:calc(clamp(126px,35vw,160px) - 45px)!important}
 .beta-profile-copy small{font-size:8.5px!important}.beta-profile-copy strong{font-size:10.5px!important}.beta-logout{display:none!important}
}
@media(max-width:390px){.beta-profile-copy small{display:none!important}}
@media(max-width:365px){.beta-profile{width:126px!important;min-width:126px!important;max-width:126px!important;flex-basis:126px!important}.beta-profile>.beta-profile-copy{max-width:82px!important}.beta-brand-logo-wrap{flex-basis:36px!important;width:36px!important}.beta-brand-logo{width:34px!important;height:34px!important}.beta-brand{gap:7px!important}.beta-brand-copy strong{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.dashboard-kpi::before,.ui-button-primary,.beta-btn-primary,.beta-mobile-nav,.beta-mobile-nav-label,.beta-mobile-search>span,.beta-mobile-nav-icon,.beta-mobile-search>svg{transition-duration:.01ms!important;transition-delay:0s!important}}