/* Generated by scripts/scope_legacy_operational_css.py; do not edit. */
@media (max-width:760px){.legacy-functional-surface.depo-v3[data-path="/scan"] :where(.btn,.mobile-action-pill,.camera-toolbar .btn,.qty-preset-row .btn,.scan-sticky-bar .btn,.mobile-action-strip a){min-height:48px!important;line-height:1.15!important}.legacy-functional-surface.depo-v3[data-path="/scan"] :where(.rich-section-nav a){flex:1 1 130px!important}.legacy-functional-surface[data-layout-system="depo-shell-v705"] :where(.mobile-bottom-nav-v705 .mobile-nav-item){min-height:50px!important}}@media (max-width:380px){.legacy-functional-surface[data-layout-system="depo-shell-v705"] .mobile-bottom-nav-v705 .mobile-nav-item.active span:last-child, .legacy-functional-surface[data-layout-system="depo-shell-v705"] .mobile-bottom-nav-v705 .mobile-nav-item[aria-current="page"] span:last-child{display:block!important;max-width:58px!important;font-size:.66rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}.legacy-functional-surface.depo-v3:is([data-path="/movements"],[data-path="/quick-stock"],[data-path="/transfers"]) :where(.page-shell,.ops-shell-v434,.grid-2,.transfer-clean-grid,.page-hero,.compact-hero,.section-card,.card,.metric-grid,.page-context-rail,.hero-actions,.core-hero-actions,.row,.chips,.chip,.btn){box-sizing:border-box;min-width:0;max-width:100%}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,24rem);gap:16px;max-width:100%;overflow:hidden}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432>*){min-width:0;max-width:100%}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432 .hero-actions){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432 .hero-actions .btn){flex:1 1 9rem;min-width:0}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432 .page-context-rail .badge){max-width:100%;white-space:normal;overflow-wrap:anywhere}.legacy-functional-surface.depo-v3:is([data-path="/quick-stock"],[data-path="/transfers"],[data-path="/movements"]) :where(.btn,button.btn,a.btn,.mobile-action-pill,.chips .chip,.quick-qty-chips .chip,[data-qty-preset],[data-qty-delta],[data-transfer-qty],[data-quick-filter],[data-transfer-filter],[data-movement-filter]){display:inline-flex;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;padding-inline:12px!important;line-height:1.15!important;white-space:normal}.legacy-functional-surface.depo-v3:is([data-path="/quick-stock"],[data-path="/transfers"],[data-path="/movements"]) :where(.chips.scroll){max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}@media (max-width:900px){.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432){grid-template-columns:1fr}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432 .hero-actions){justify-content:flex-start}.legacy-functional-surface.depo-v3[data-path="/movements"] :where(.movements-hero-v432 .hero-actions .btn){flex:1 1 150px}}@media (max-width:760px){.legacy-functional-surface.depo-v3:is([data-path="/movements"],[data-path="/quick-stock"],[data-path="/transfers"]) :where(.hero-actions,.core-hero-actions){display:grid!important;grid-template-columns:1fr!important;width:100%;justify-content:stretch!important}.legacy-functional-surface.depo-v3:is([data-path="/movements"],[data-path="/quick-stock"],[data-path="/transfers"]) :where(.hero-actions .btn,.core-hero-actions .btn){width:100%!important}}@media (max-width:760px){.legacy-functional-surface.depo-v3 :where(.r38-brand,.zip3-mobile-menu-button,.btn,button.btn,a.btn,.button,input[type="submit"],.zip3-shell-actions .btn,.zip3-command-strip .btn,.topbar .btn,.app-topbar .btn,.btn.small,button.btn.small,a.btn.small,.core-ops-pill){min-height:44px!important}.legacy-functional-surface.depo-v3 :where(.zip3-mobile-menu-button,.zip3-shell-actions .btn.small,.zip3-command-strip .btn.small,.topbar .btn.small,.app-topbar .btn.small,.btn.small,button.btn.small,a.btn.small){padding-top:8px!important;padding-bottom:8px!important}.legacy-functional-surface.depo-v3 :where(.zip3-mobile-menu-button,.core-ops-pill){min-width:44px!important}}.legacy-functional-surface.depo-v3{--depo-primary:var(--tenant-brand-primary,#2563eb);--depo-primary-2:#0f766e;--depo-primary-dark:#1d4ed8}.legacy-functional-surface.depo-v3 :where(h1,h2,h3,h4,.page-title,.section-title,.metric-value,.stat-value,.hero-kicker,.kicker,.eyebrow,.brand,.brand-name,.r38-brand-copy strong,.zip3-workflow-bar__title,.dashboard-command-header-v707 h2,.operations-backbone-head-v708 h2,.finance-control-head-v709 h2,.qr-order-print-head-v710 h2){letter-spacing:0!important}.legacy-functional-surface.depo-v3 :where(.btn,button.btn,a.btn,.button,.primary-button,.secondary-button,input[type="submit"],.zip3-mobile-menu-button,.zip3-shell-actions .btn,.zip3-command-strip .btn,.topbar .btn,.app-topbar .btn,.mobile-action-pill,.core-ops-pill){min-height:44px!important}.legacy-functional-surface.depo-v3 :where(a.badge,button.badge,a.chip,button.chip,a.pill,button.pill,.badge.action,.chip.action,.scope-chip:is(a,button),.status-badge:is(a,button),.public-topnav a,.parca3-guest-nav-link,.r38-clean-nav a,.shell-nav-rail a,.mobile-nav-item){min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere!important}@media (max-width:760px){.legacy-functional-surface.depo-v3 :where(h1,.page-title){font-size:2rem!important;line-height:1.12!important}.legacy-functional-surface.depo-v3 :where(h2,.section-title){font-size:1.42rem!important;line-height:1.18!important}.legacy-functional-surface.depo-v3 :where(.metric-value,.stat-value){font-size:1.72rem!important;line-height:1.05!important}}/* NIRVANA AJAN 2 — APPLICATION SHELL & NAVIGATION (integration-compacted) */.legacy-functional-surface[data-surface-kind] :where(.surface-kind-platform,.surface-kind-owner,.surface-kind-workspace){--agent2-header-height:68px;--agent2-sidebar-width:272px;--agent2-sidebar-collapsed-width:76px;--agent2-shell-gap:18px;--agent2-mobile-nav-height:78px;--agent2-surface:var(--color-surface,#fff);--agent2-subtle:var(--color-surface-subtle,#f7f8fa);--agent2-border:var(--color-border,#dfe3e8);--agent2-text:var(--color-text,#172033);--agent2-muted:var(--color-text-muted,#667085);--agent2-primary:var(--color-primary,var(--tenant-brand-primary,#2563eb));--agent2-shadow:var(--shadow-sm,0 8px 24px rgba(15,23,42,.08));background:var(--color-background,#f3f5f7);}.legacy-functional-surface .agent2-app-shell{min-height:100dvh;background:var(--color-background,#f3f5f7)}.legacy-functional-surface .agent2-app-header{position:sticky;top:0;z-index:70;border-bottom:1px solid var(--agent2-border);background:color-mix(in srgb,var(--agent2-surface) 96%,transparent);box-shadow:0 1px 12px rgba(15,23,42,.05);backdrop-filter:saturate(125%) blur(12px)}.legacy-functional-surface .agent2-header-inner{width:calc(100% - 32px);max-width:1920px;min-height:var(--agent2-header-height);margin-inline:auto;display:flex;align-items:center;gap:10px}.legacy-functional-surface .agent2-brand{flex:0 1 auto;max-width:min(330px,27vw)}.legacy-functional-surface .agent2-brand .a4-brand__mark{width:40px;height:40px;border-radius:12px}.legacy-functional-surface .agent2-brand .a4-brand__copy{min-width:0}.legacy-functional-surface .agent2-brand .a4-brand__copy strong, .legacy-functional-surface .agent2-brand .a4-brand__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .agent2-sidebar-toggle{display:grid;flex:0 0 auto}.legacy-functional-surface .agent2-mobile-menu-toggle{display:none}.legacy-functional-surface .agent2-header-context{min-width:0;margin-inline-start:auto}.legacy-functional-surface .agent2-context-chip{display:grid;min-width:0;max-width:260px;min-height:44px;padding:7px 12px;border:1px solid var(--agent2-border);border-radius:12px;background:var(--agent2-subtle);color:var(--agent2-text);text-decoration:none}.legacy-functional-surface .agent2-context-chip:hover{border-color:color-mix(in srgb,var(--agent2-primary) 28%,var(--agent2-border));background:color-mix(in srgb,var(--agent2-primary) 5%,var(--agent2-surface))}.legacy-functional-surface .agent2-context-chip__label, .legacy-functional-surface .agent2-context-chip__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .agent2-context-chip__label{font-size:.82rem;font-weight:800}.legacy-functional-surface .agent2-context-chip__meta{color:var(--agent2-muted);font-size:.72rem}.legacy-functional-surface .agent2-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.legacy-functional-surface .agent2-command-trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 10px;border:1px solid var(--agent2-border);border-radius:12px;background:var(--agent2-surface);color:var(--agent2-text);font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}.legacy-functional-surface .agent2-command-trigger:hover{background:var(--agent2-subtle)}.legacy-functional-surface .agent2-command-trigger kbd{padding:2px 5px;border:1px solid var(--agent2-border);border-radius:5px;background:var(--agent2-subtle);color:var(--agent2-muted);font-size:.66rem;font-family:inherit}.legacy-functional-surface .agent2-quick-actions, .legacy-functional-surface .agent2-user-menu{position:relative}.legacy-functional-surface .agent2-popover{position:absolute;top:calc(100%+9px);right:0;z-index:95;width:min(300px,calc(100vw - 24px));padding:8px;border:1px solid var(--agent2-border);border-radius:14px;background:var(--agent2-surface);box-shadow:0 18px 45px rgba(15,23,42,.16)}.legacy-functional-surface .agent2-popover__head{display:grid;gap:2px;padding:8px 9px 10px;border-bottom:1px solid var(--agent2-border)}.legacy-functional-surface .agent2-popover__head span{color:var(--agent2-muted);font-size:.76rem}.legacy-functional-surface .agent2-popover>a{display:flex;align-items:center;min-height:44px;padding:9px 10px;border-radius:9px;color:var(--agent2-text);font-weight:700;text-decoration:none}.legacy-functional-surface .agent2-popover>a:hover{background:var(--agent2-subtle)}.legacy-functional-surface .agent2-user-menu__panel{min-width:280px;max-width:min(340px,calc(100vw - 24px));border:1px solid var(--agent2-border);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.legacy-functional-surface .agent2-user-menu__panel .a4-user-menu__identity small{display:block;margin-top:4px;color:var(--agent2-muted);font-size:.75rem}.legacy-functional-surface[data-surface-kind] .agent2-shell-layout{width:calc(100% - 32px);max-width:1920px;margin:16px auto 0;display:grid;grid-template-columns:var(--agent2-sidebar-width) minmax(0,1fr);gap:var(--agent2-shell-gap);align-items:start;transition:grid-template-columns .18s ease}.legacy-functional-surface .agent2-primary-navigation{min-width:0;width:100%;position:sticky;top:calc(var(--agent2-header-height)+16px);max-height:calc(100dvh - var(--agent2-header-height) - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--agent2-border);border-radius:16px;background:var(--agent2-surface);box-shadow:var(--agent2-shadow);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--agent2-muted) 38%,transparent) transparent}.legacy-functional-surface .agent2-navigation__head{position:sticky;top:0;z-index:2;padding:14px;border-bottom:1px solid var(--agent2-border);background:var(--agent2-surface)}.legacy-functional-surface .agent2-navigation{display:grid;gap:5px;padding:10px}.legacy-functional-surface .agent2-navigation-group{border-radius:12px}.legacy-functional-surface .agent2-navigation-group__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--agent2-text);font:inherit;text-align:left;cursor:pointer}.legacy-functional-surface .agent2-navigation-group__toggle:hover{background:var(--agent2-subtle)}.legacy-functional-surface .agent2-navigation-group__toggle>span:first-child{display:grid;gap:2px;min-width:0}.legacy-functional-surface .agent2-navigation-group__toggle strong{font-size:.78rem;letter-spacing:.025em}.legacy-functional-surface .agent2-navigation-group__toggle small{overflow:hidden;color:var(--agent2-muted);font-size:.68rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .agent2-navigation-group__toggle[aria-expanded="false"]>span:last-child{transform:rotate(-90deg)}.legacy-functional-surface .agent2-navigation-group__links{display:grid;gap:3px;padding:0 2px 8px}.legacy-functional-surface .agent2-navigation-link{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;padding:8px 10px;border:1px solid transparent;border-radius:10px;color:var(--agent2-text);text-decoration:none}.legacy-functional-surface .agent2-navigation-link:hover{border-color:color-mix(in srgb,var(--agent2-primary) 14%,var(--agent2-border));background:var(--agent2-subtle)}.legacy-functional-surface .agent2-navigation-link:where(.is-active,[aria-current="page"]){border-color:color-mix(in srgb,var(--agent2-primary) 24%,var(--agent2-border));background:color-mix(in srgb,var(--agent2-primary) 8%,var(--agent2-surface));color:color-mix(in srgb,var(--agent2-primary) 86%,#10213c)}.legacy-functional-surface .agent2-navigation-link:where(.is-active,[aria-current="page"])::before{content:"";position:absolute;left:3px;top:9px;bottom:9px;width:3px;border-radius:99px;background:var(--agent2-primary)}.legacy-functional-surface .agent2-navigation-link svg{width:19px;height:19px}.legacy-functional-surface .agent2-navigation-link__copy{min-width:0}.legacy-functional-surface .agent2-navigation-link__copy strong{display:block;overflow:hidden;font-size:.84rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .agent2-navigation-link__current{color:var(--agent2-primary);font-size:.64rem;font-weight:850;text-transform:uppercase}.legacy-functional-surface .agent2-navigation__footer{position:sticky;bottom:0;padding:12px 14px;border-top:1px solid var(--agent2-border);background:var(--agent2-subtle)}.legacy-functional-surface .agent2-navigation__footer small{display:block;margin-top:2px;color:var(--agent2-muted);font-size:.7rem;line-height:1.35}.legacy-functional-surface .agent2-shell-content{min-width:0;padding-bottom:30px}.legacy-functional-surface .agent2-context-container{margin-bottom:14px}.legacy-functional-surface .agent2-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--agent2-border);border-radius:16px;background:var(--agent2-surface);box-shadow:var(--agent2-shadow)}.legacy-functional-surface .agent2-page-header__copy{min-width:0;max-width:920px}.legacy-functional-surface .agent2-page-header__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:6px}.legacy-functional-surface .agent2-page-header h1{min-width:0;margin:0;color:var(--agent2-text);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.16;overflow-wrap:anywhere}.legacy-functional-surface .agent2-page-header p{max-width:78ch;margin:6px 0 0;color:var(--agent2-muted);font-size:.9rem;line-height:1.45}.legacy-functional-surface .agent2-breadcrumb ol{display:flex;align-items:center;gap:6px;min-width:0;margin:0;padding:0;overflow:hidden;list-style:none;font-size:.75rem}.legacy-functional-surface .agent2-breadcrumb li{min-width:0;flex:0 1 auto}.legacy-functional-surface .agent2-breadcrumb a, .legacy-functional-surface .agent2-breadcrumb span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .agent2-page-header__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.legacy-functional-surface .agent2-page-header__filters{margin-top:10px}.legacy-functional-surface .agent2-page-header--compact{padding-block:13px}.legacy-functional-surface .agent2-page-header--full-width+.agent2-main{max-width:none}.legacy-functional-surface[data-surface-kind].agent2-sidebar-collapsed .agent2-shell-layout{grid-template-columns:var(--agent2-sidebar-collapsed-width) minmax(0,1fr)}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation__head>div, .legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation-group__toggle, .legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation-link__copy, .legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation-link__current, .legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation__footer{display:none}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation{padding:8px}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation-group__links{display:grid!important;padding:0 0 4px}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation-link{grid-template-columns:1fr;place-items:center;min-height:48px;padding:10px}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation-link::before{left:2px}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-navigation__head{display:flex;justify-content:center;padding:8px}.legacy-functional-surface.agent2-sidebar-collapsed .agent2-primary-navigation{overflow-x:visible}.legacy-functional-surface .agent2-command-palette[hidden]{display:none!important}.legacy-functional-surface .agent2-command-palette{position:fixed;inset:0;z-index:180;display:grid;place-items:start center;padding:9vh 16px 16px}.legacy-functional-surface .agent2-command-palette__backdrop{position:absolute;inset:0;border:0;background:rgba(10,18,32,.46);backdrop-filter:blur(3px)}.legacy-functional-surface .agent2-command-palette__dialog{position:relative;width:min(720px,100%);max-height:min(78dvh,760px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid color-mix(in srgb,var(--agent2-border) 75%,#fff);border-radius:18px;background:var(--agent2-surface);box-shadow:0 28px 80px rgba(2,8,23,.28);overflow:hidden}.legacy-functional-surface .agent2-command-palette__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px 12px}.legacy-functional-surface .agent2-command-palette__head>div{display:grid;gap:3px}.legacy-functional-surface .agent2-command-palette__head span{color:var(--agent2-muted);font-size:.8rem}.legacy-functional-surface .agent2-command-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 16px 10px;padding:0 12px;border:1px solid var(--agent2-border);border-radius:12px;background:var(--agent2-subtle)}.legacy-functional-surface .agent2-command-search:focus-within{border-color:var(--agent2-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--agent2-primary) 14%,transparent)}.legacy-functional-surface .agent2-command-search input{width:100%;min-height:48px;border:0;background:transparent;box-shadow:none;outline:0;font:inherit}.legacy-functional-surface .agent2-command-search kbd, .legacy-functional-surface .agent2-command-palette__footer kbd{padding:2px 5px;border:1px solid var(--agent2-border);border-radius:5px;background:var(--agent2-surface);font-family:inherit;font-size:.7rem}.legacy-functional-surface .agent2-command-results{min-height:110px;overflow:auto;padding:4px 10px 12px}.legacy-functional-surface .agent2-command-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:9px 11px;border:1px solid transparent;border-radius:11px;color:var(--agent2-text);text-decoration:none}.legacy-functional-surface .agent2-command-results a:hover, .legacy-functional-surface .agent2-command-results a.is-selected{border-color:color-mix(in srgb,var(--agent2-primary) 20%,var(--agent2-border));background:color-mix(in srgb,var(--agent2-primary) 7%,var(--agent2-surface))}.legacy-functional-surface .agent2-command-results a>span{display:grid;gap:2px;min-width:0}.legacy-functional-surface .agent2-command-results small, .legacy-functional-surface .agent2-command-results code{color:var(--agent2-muted);font-size:.72rem}.legacy-functional-surface .agent2-command-results code{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .agent2-command-empty{place-items:center;gap:3px;min-height:150px;padding:20px;color:var(--agent2-muted);text-align:center}.legacy-functional-surface .agent2-command-empty:not([hidden]){display:grid}.legacy-functional-surface .agent2-command-palette__footer{display:flex;justify-content:flex-end;gap:16px;padding:10px 16px;border-top:1px solid var(--agent2-border);color:var(--agent2-muted);font-size:.7rem}.legacy-functional-surface .agent2-mobile-bottom-nav{display:none}.legacy-functional-surface :where(.agent2-command-trigger,.agent2-sidebar-toggle,.agent2-navigation-group__toggle,.agent2-mobile-more,.agent2-context-chip,.agent2-navigation-link):focus-visible{outline:3px solid color-mix(in srgb,var(--agent2-primary) 42%,transparent);outline-offset:2px}@media (max-width:1180px){.legacy-functional-surface .agent2-header-context{display:none}.legacy-functional-surface .agent2-brand{max-width:32vw}}@media (max-width:860px){.legacy-functional-surface :where(.surface-kind-platform,.surface-kind-owner,.surface-kind-workspace){padding-bottom:calc(var(--agent2-mobile-nav-height)+env(safe-area-inset-bottom,0px))}.legacy-functional-surface .agent2-header-inner{width:calc(100% - 20px);min-height:60px}.legacy-functional-surface .agent2-mobile-menu-toggle{display:grid}.legacy-functional-surface .agent2-sidebar-toggle{display:none}.legacy-functional-surface .agent2-brand{max-width:min(48vw,300px)}.legacy-functional-surface .agent2-brand .a4-brand__copy small{display:none}.legacy-functional-surface .agent2-command-trigger kbd, .legacy-functional-surface .agent2-command-trigger__label, .legacy-functional-surface .agent2-quick-actions{display:none}.legacy-functional-surface .agent2-header-actions{margin-left:auto}.legacy-functional-surface .agent2-user-menu .a4-user-menu__copy{display:none}.legacy-functional-surface[data-surface-kind] .agent2-shell-layout{width:calc(100% - 20px);display:block;margin-top:10px}.legacy-functional-surface .agent2-primary-navigation{position:fixed;inset:0 auto 0 0;z-index:130;width:min(88vw,340px);max-height:none;border-width:0 1px 0 0;border-radius:0;transform:translateX(-104%);transition:transform .2s ease;box-shadow:18px 0 44px rgba(15,23,42,.2)}.legacy-functional-surface.a4-nav-open .agent2-primary-navigation{transform:translateX(0)}.legacy-functional-surface .agent2-nav-backdrop{position:fixed;inset:0;z-index:120;width:100%;height:100%;border:0;background:rgba(15,23,42,.42)}.legacy-functional-surface.a4-nav-open{overflow:hidden;touch-action:none}.legacy-functional-surface .agent2-navigation__head{min-height:64px}.legacy-functional-surface .agent2-navigation__head .a4-nav-close{display:grid}.legacy-functional-surface .agent2-page-header{display:grid;gap:14px;padding:15px}.legacy-functional-surface .agent2-page-header__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-content:stretch}.legacy-functional-surface .agent2-page-header__actions .btn{width:100%;min-height:44px}.legacy-functional-surface .agent2-mobile-bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:80;padding:7px max(8px,env(safe-area-inset-left)) calc(7px+env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));border-top:1px solid var(--agent2-border);background:color-mix(in srgb,var(--agent2-surface) 96%,transparent);backdrop-filter:blur(12px)}.legacy-functional-surface .agent2-mobile-bottom-nav__track{width:min(100%,560px);margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.legacy-functional-surface .agent2-mobile-bottom-nav .mobile-nav-item{display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:58px;padding:5px 2px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--agent2-muted);font:inherit;font-size:.68rem;font-weight:750;text-decoration:none;cursor:pointer}.legacy-functional-surface .agent2-mobile-bottom-nav .mobile-nav-item:where(.active,.is-active,[aria-current="page"]){border-color:color-mix(in srgb,var(--agent2-primary) 18%,var(--agent2-border));background:color-mix(in srgb,var(--agent2-primary) 8%,var(--agent2-surface));color:var(--agent2-primary)}.legacy-functional-surface .agent2-mobile-bottom-nav .mobile-nav-ic{font-size:1.05rem;line-height:1}.legacy-functional-surface .agent2-command-palette{padding:0}.legacy-functional-surface .agent2-command-palette__dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.legacy-functional-surface .agent2-command-palette__footer{justify-content:center}}@media (max-width:520px){.legacy-functional-surface .agent2-brand .a4-brand__mark{width:36px;height:36px}.legacy-functional-surface .agent2-brand .a4-brand__copy strong{max-width:34vw;font-size:.83rem}.legacy-functional-surface .agent2-user-menu__panel{position:fixed;top:62px;right:10px;left:10px;width:auto;max-width:none}.legacy-functional-surface .agent2-page-header__actions{grid-template-columns:1fr}.legacy-functional-surface .agent2-command-palette__head{padding:14px}.legacy-functional-surface .agent2-command-search{margin-inline:10px}.legacy-functional-surface .agent2-command-results code{display:none}}@media (max-width:360px){.legacy-functional-surface .agent2-brand .a4-brand__copy{display:none}.legacy-functional-surface .agent2-mobile-bottom-nav .mobile-nav-item{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.legacy-functional-surface .agent2-shell-layout, .legacy-functional-surface .agent2-primary-navigation{transition:none!important}}@media print{.legacy-functional-surface .agent2-app-header, .legacy-functional-surface .agent2-primary-navigation, .legacy-functional-surface .agent2-nav-backdrop, .legacy-functional-surface .agent2-mobile-bottom-nav, .legacy-functional-surface .agent2-command-palette, .legacy-functional-surface .agent2-context-container{display:none!important}.legacy-functional-surface .agent2-shell-layout{display:block!important;width:100%!important;max-width:none!important;margin:0!important}.legacy-functional-surface .agent2-shell-content{padding:0!important}}/* NIRVANA_AGENT_8 */.legacy-functional-surface{--n8-fast:140ms;--n8-standard:200ms;--n8-overlay:260ms;--n8-ease:cubic-bezier(.2,0,0,1)}.legacy-functional-surface[data-nirvana-agent8="ready"] :where(.btn,button,[role=button]){transition:background-color var(--n8-fast) var(--n8-ease),border-color var(--n8-fast) var(--n8-ease),transform 90ms var(--n8-ease)}.legacy-functional-surface[data-nirvana-agent8="ready"] :where(.btn,button,[role=button]):not(:disabled):active{transform:translateY(1px)}.legacy-functional-surface .n8-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.legacy-functional-surface .n8-icon--sm{width:16px;height:16px}.legacy-functional-surface .n8-icon--lg{width:28px;height:28px}.legacy-functional-surface [data-n8-empty]{display:grid;gap:8px;min-height:148px;padding:24px;border:1px dashed var(--ui-border-strong);background:var(--ui-surface-subtle);color:var(--ui-text-secondary)}.legacy-functional-surface .n8-empty-mark{display:grid;place-items:center;width:46px;height:46px}.legacy-functional-surface [data-n8-feedback]{position:relative;padding-left:50px}.legacy-functional-surface .n8-feedback-mark{position:absolute;left:16px;top:50%;display:grid;place-items:center;transform:translateY(-50%)}.legacy-functional-surface .n8-skeleton{background:linear-gradient(100deg,var(--ui-neutral-soft) 20%,var(--ui-surface) 42%,var(--ui-neutral-soft) 64%);background-size:220% 100%;animation:n8-skeleton-shift 1.4s linear infinite}.legacy-functional-surface .n8-skeleton--card{min-height:148px}.legacy-functional-surface .n8-spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:n8-spin .75s linear infinite}.legacy-functional-surface .n8-toast{animation:n8-toast-enter var(--n8-standard) var(--n8-ease) both}@keyframes n8-spin{to{transform:rotate(360deg)}}@keyframes n8-skeleton-shift{to{background-position:-220% 0}}@keyframes n8-toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.legacy-functional-surface :where(.n8-skeleton,.n8-spinner,.n8-toast){animation-duration:.01ms!important;animation-iteration-count:1!important}.legacy-functional-surface[data-nirvana-agent8="ready"] :where(.btn,button,[role=button]):active{transform:none}}/* Deep V2 ZIP14 — Information Architecture V3 */.legacy-functional-surface .agent2-navigation-more{margin:2px 2px 7px;border-top:1px dashed var(--agent2-border)}.legacy-functional-surface .agent2-navigation-more>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 10px;color:var(--agent2-muted);font-size:.72rem;font-weight:800;cursor:pointer;list-style:none}.legacy-functional-surface .agent2-navigation-more>summary::-webkit-details-marker{display:none}.legacy-functional-surface .agent2-navigation-more>summary span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--agent2-border);border-radius:999px;background:var(--agent2-subtle);font-size:.65rem}.legacy-functional-surface .a4-navigation-more__items{display:grid;gap:3px;padding:0 0 4px}.legacy-functional-surface .a4-navigation-link--secondary{min-height:39px;opacity:.88}.legacy-functional-surface .snav-disclosure--tasks{margin-top:6px;border-top:1px dashed var(--depo-border,#dfe3e8)}.legacy-functional-surface .snav-disclosure--tasks>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;color:var(--depo-text-soft,#667085);font-size:.76rem;font-weight:800;cursor:pointer}.legacy-functional-surface .snav-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:6px;border:1px solid var(--depo-border,#dfe3e8);border-radius:999px;background:var(--depo-bg-soft,#f7f8fa);font-size:.66rem}.legacy-functional-surface .snav-secondary-items{display:grid;gap:2px;padding-bottom:6px}/* source: frontend/design-system/v1/10-ui-system.css */.legacy-functional-surface{color-scheme:light;--ui-font-sans:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;--ui-font-display:"Segoe UI Variable Display","Segoe UI",var(--ui-font-sans);--ui-font-mono:"Cascadia Code","Cascadia Mono",Consolas,"Liberation Mono",monospace;--ui-canvas:#f5f4ef;--ui-surface:#ffffff;--ui-surface-elevated:#ffffff;--ui-surface-subtle:#eef2ef;--ui-surface-inverse:#172525;--ui-text:#182426;--ui-text-secondary:#425457;--ui-text-muted:#607174;--ui-text-disabled:#7a898b;--ui-border:#d4ddda;--ui-border-strong:#aebfba;--ui-focus:#176b87;--ui-brand-primary:var(--tenant-brand-primary,#126b67);--ui-brand-primary-strong:var(--tenant-brand-primary-strong,#0c4e4b);--ui-brand-primary-soft:color-mix(in srgb,var(--ui-brand-primary) 11%,white);--ui-brand-secondary:var(--tenant-brand-secondary,#174866);--ui-brand-accent:var(--tenant-brand-accent,#b66d2d);--ui-brand-accent-soft:color-mix(in srgb,var(--ui-brand-accent) 12%,white);--ui-overlay:rgb(10 25 28 / 56%);--ui-neutral:#526467;--ui-neutral-strong:#344649;--ui-neutral-soft:#edf1f0;--ui-neutral-border:#ccd7d4;--ui-neutral-text:#344649;--ui-neutral-contrast:#ffffff;--ui-success:#16734a;--ui-success-strong:#0d5636;--ui-success-soft:#e7f5ed;--ui-success-border:#a6d8bc;--ui-success-text:#0d5636;--ui-success-contrast:#ffffff;--ui-warning:#9a5d13;--ui-warning-strong:#73420b;--ui-warning-soft:#fff3dc;--ui-warning-border:#e8c78b;--ui-warning-text:#693a08;--ui-warning-contrast:#ffffff;--ui-danger:#b4232c;--ui-danger-strong:#861a21;--ui-danger-soft:#fdebed;--ui-danger-border:#efb0b5;--ui-danger-text:#861a21;--ui-danger-contrast:#ffffff;--ui-info:#176b87;--ui-info-strong:#0f5066;--ui-info-soft:#e4f2f7;--ui-info-border:#9ccddd;--ui-info-text:#0f5066;--ui-info-contrast:#ffffff;--ui-font-weight-regular:400;--ui-font-weight-medium:560;--ui-font-weight-semibold:650;--ui-font-weight-bold:740;--ui-text-display-size:clamp(2rem,3.2vw,3.5rem);--ui-text-page-title-size:clamp(1.65rem,2.25vw,2.5rem);--ui-text-section-title-size:clamp(1.2rem,1.45vw,1.55rem);--ui-text-card-title-size:1.0625rem;--ui-text-body-size:1rem;--ui-text-body-small-size:.9rem;--ui-text-helper-size:.8125rem;--ui-text-table-size:.875rem;--ui-text-label-size:.8125rem;--ui-line-display:1.06;--ui-line-heading:1.2;--ui-line-body:1.55;--ui-letter-display:-.035em;--ui-letter-heading:-.018em;--ui-letter-label:.015em;--ui-space-0:0;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-space-10:40px;--ui-space-12:48px;--ui-space-16:64px;--ui-radius-control-small:7px;--ui-radius-control:10px;--ui-radius-card:14px;--ui-radius-panel:18px;--ui-radius-round:999px;--ui-shadow-flat:none;--ui-shadow-raised:0 1px 2px rgb(22 42 44 / 6%),0 8px 24px rgb(22 42 44 / 5%);--ui-shadow-dropdown:0 16px 42px rgb(16 36 38 / 15%);--ui-shadow-sticky:0 8px 24px rgb(16 36 38 / 8%);--ui-shadow-modal:0 28px 80px rgb(8 25 28 / 22%);--ui-shadow-toast:0 16px 38px rgb(8 25 28 / 18%);--ui-motion-fast:110ms;--ui-motion-normal:180ms;--ui-motion-slow:280ms;--ui-ease-standard:cubic-bezier(.2,0,0,1);--ui-ease-enter:cubic-bezier(0,0,.2,1);--ui-ease-exit:cubic-bezier(.4,0,1,1);--ui-ease-emphasis:cubic-bezier(.2,.8,.2,1);--ui-layer-base:0;--ui-layer-sticky:100;--ui-layer-dropdown:300;--ui-layer-drawer:500;--ui-layer-overlay:600;--ui-layer-modal:700;--ui-layer-toast:900;--ui-layer-critical:1100;--ui-touch:44px;--ui-control-height:44px;--ui-control-height-compact:38px;--ui-header:68px;--ui-content-max:1480px;--ui-reading-max:72ch;--ui-card-padding:20px;--ui-section-gap:24px;--ui-table-cell-block:12px;--ui-table-cell-inline:14px;--ui-toolbar-height:48px;--ui-density-scale:1;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--ui-bg:var(--ui-canvas);--ui-bg-elevated:var(--ui-surface);--ui-bg-subtle:var(--ui-surface-subtle);--ui-text-muted:var(--ui-text-secondary);--ui-primary:var(--ui-brand-primary);--ui-primary-strong:var(--ui-brand-primary-strong);--ui-accent:var(--ui-brand-accent);--ui-radius-xs:var(--ui-radius-control-small);--ui-radius-sm:var(--ui-radius-control);--ui-radius-md:var(--ui-radius-card);--ui-radius-lg:var(--ui-radius-panel);--ui-shadow-xs:0 1px 2px rgb(22 42 44 / 7%);--ui-shadow-sm:var(--ui-shadow-raised);--ui-shadow-md:var(--ui-shadow-modal);--ui-content:var(--ui-content-max);--color-background:var(--ui-canvas);--color-surface:var(--ui-surface);--color-surface-elevated:var(--ui-surface-elevated);--color-surface-subtle:var(--ui-surface-subtle);--color-text:var(--ui-text);--color-text-muted:var(--ui-text-secondary);--color-primary:var(--ui-brand-primary);--color-primary-contrast:#ffffff;--color-success:var(--ui-success);--color-warning:var(--ui-warning);--color-danger:var(--ui-danger);--color-info:var(--ui-info);--color-border:var(--ui-border);--color-border-strong:var(--ui-border-strong);--color-focus:var(--ui-focus);--space-1:var(--ui-space-1);--space-2:var(--ui-space-2);--space-3:var(--ui-space-3);--space-4:var(--ui-space-4);--space-5:var(--ui-space-5);--space-6:var(--ui-space-6);--space-7:28px;--space-8:var(--ui-space-8);--space-9:36px;--space-10:var(--ui-space-10);--radius-sm:var(--ui-radius-control);--radius-md:var(--ui-radius-card);--radius-lg:var(--ui-radius-panel);--shadow-sm:var(--ui-shadow-raised);--shadow-md:var(--ui-shadow-modal);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--content-max-width:var(--ui-content-max);--form-control-height:var(--ui-control-height);--touch-target-min:44px;--motion-fast:var(--ui-motion-fast);--motion-normal:var(--ui-motion-normal);--motion-slow:var(--ui-motion-slow);--layer-base:var(--ui-layer-base);--layer-sticky:var(--ui-layer-sticky);--layer-dropdown:var(--ui-layer-dropdown);--layer-drawer:var(--ui-layer-drawer);--layer-overlay:var(--ui-layer-overlay);--layer-modal:var(--ui-layer-modal);--layer-toast:var(--ui-layer-toast);--depo-bg:var(--ui-canvas);--depo-bg-soft:var(--ui-surface-subtle);--depo-surface:var(--ui-surface);--depo-surface-2:var(--ui-surface-subtle);--depo-text:var(--ui-text);--depo-text-soft:var(--ui-text-secondary);--depo-muted:var(--ui-text-muted);--depo-border:var(--ui-border);--depo-border-strong:var(--ui-border-strong);--depo-primary:var(--ui-brand-primary);--depo-primary-2:var(--ui-brand-secondary);--depo-primary-dark:var(--ui-brand-primary-strong);--depo-success:var(--ui-success);--depo-warning:var(--ui-warning);--depo-danger:var(--ui-danger);--depo-info:var(--ui-info);--depo-focus:var(--ui-focus);--depo-shadow-sm:var(--ui-shadow-xs);--depo-shadow:var(--ui-shadow-raised);--depo-shadow-strong:var(--ui-shadow-modal);--depo-radius-xs:var(--ui-radius-control-small);--depo-radius-sm:var(--ui-radius-control);--depo-radius:var(--ui-radius-card);--depo-radius-lg:var(--ui-radius-panel);--depo-content-wide:var(--ui-content-max);--depo-topbar:var(--ui-header)}.legacy-functional-surface{min-inline-size:320px;background:var(--ui-canvas);color:var(--ui-text);font-family:var(--ui-font-sans);font-size:16px;line-height:var(--ui-line-body);scroll-padding-block-start:calc(var(--ui-header) + var(--ui-space-4));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.legacy-functional-surface *, .legacy-functional-surface *::before, .legacy-functional-surface *::after{box-sizing:border-box}.legacy-functional-surface{min-inline-size:320px;min-block-size:100dvh;margin:0;padding-inline:var(--safe-area-left) var(--safe-area-right);background:radial-gradient(circle at 92% -10%,color-mix(in srgb,var(--ui-brand-primary) 8%,transparent) 0,transparent 30rem),linear-gradient(180deg,#faf9f5 0,var(--ui-canvas) 34rem);color:var(--ui-text);font:inherit;text-size-adjust:100%}.legacy-functional-surface :where(button,input,select,textarea){font:inherit}.legacy-functional-surface :where(img,svg,video,canvas){max-inline-size:100%;block-size:auto}.legacy-functional-surface :where(h1,h2,h3,h4,p){overflow-wrap:anywhere}.legacy-functional-surface :where(a,button,input,select,textarea,summary,[tabindex],[role="button"]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--ui-focus) 18%,transparent)}.legacy-functional-surface :where([tabindex="-1"]):focus{outline:0}.legacy-functional-surface :where([hidden]){display:none}.legacy-functional-surface :where([aria-disabled="true"],:disabled){cursor:not-allowed}.legacy-functional-surface :where(.sr-only,.visually-hidden){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.legacy-functional-surface .skip-link{position:fixed;inset-block-start:max(var(--ui-space-2),var(--safe-area-top));inset-inline-start:var(--ui-space-2);z-index:var(--ui-layer-critical);transform:translateY(-160%);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-control);background:var(--ui-surface-inverse);color:#fff;font-weight:var(--ui-font-weight-bold)}.legacy-functional-surface .skip-link:focus-visible{transform:translateY(0)}.legacy-functional-surface :where(h1,.page-title){margin:0;max-inline-size:28ch;color:var(--ui-text);font-family:var(--ui-font-display);font-size:var(--ui-text-page-title-size);font-weight:var(--ui-font-weight-bold);line-height:var(--ui-line-heading);letter-spacing:var(--ui-letter-display);text-wrap:balance}.legacy-functional-surface h2{margin-block:0 var(--ui-space-3);font-family:var(--ui-font-display);font-size:var(--ui-text-section-title-size);line-height:var(--ui-line-heading);letter-spacing:var(--ui-letter-heading)}.legacy-functional-surface h3{margin-block:0 var(--ui-space-2);font-size:var(--ui-text-card-title-size);line-height:var(--ui-line-heading)}.legacy-functional-surface :where(.lead,.page-summary,.section-summary,.section-sub){max-inline-size:var(--ui-reading-max);margin-block:var(--ui-space-2) 0;color:var(--ui-text-secondary);font-size:clamp(.95rem,1.1vw,1.0625rem)}.legacy-functional-surface :where(.muted,.text-muted,.form-help,.help-text,small){color:var(--ui-text-muted)}.legacy-functional-surface :where(.eyebrow,.kicker,.overline){color:var(--ui-brand-primary-strong);font-size:var(--ui-text-label-size);font-weight:var(--ui-font-weight-bold);letter-spacing:.075em;text-transform:uppercase}.legacy-functional-surface :where(code,kbd,samp,.numeric,[data-numeric]){font-family:var(--ui-font-mono);font-variant-numeric:tabular-nums}.legacy-functional-surface :where(.container,.shell-main,.r38-clean-header,.zip3-command-strip,.zip3-context-container){inline-size:min(calc(100% - 32px),var(--ui-content-max));margin-inline:auto}.legacy-functional-surface :where(.app-shell,.depo-shell){min-block-size:100dvh}.legacy-functional-surface .shell-main{min-inline-size:0;padding-block:var(--ui-space-6) var(--ui-space-16)}.legacy-functional-surface :where(.page-stack,.content-stack,[data-ui-stack]){display:grid;gap:var(--ui-section-gap);min-inline-size:0}.legacy-functional-surface :where(.page-hero,.section-header,.card-header,.toolbar,.hero-actions,.form-actions,.sticky-actions,.a4-operation-actions){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);min-inline-size:0;flex-wrap:wrap}.legacy-functional-surface .page-hero{padding:clamp(var(--ui-space-5),2vw,var(--ui-space-8));border:1px solid color-mix(in srgb,var(--ui-border) 84%,white);border-radius:var(--ui-radius-panel);background:linear-gradient(135deg,var(--ui-surface) 0,color-mix(in srgb,var(--ui-brand-primary) 4%,white) 100%);box-shadow:var(--ui-shadow-raised)}.legacy-functional-surface :where(.grid,.card-grid,.dashboard-grid,.stats-grid,.module-grid,.form-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--ui-space-4);min-inline-size:0}.legacy-functional-surface :where(.grid-2,.two-column){grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-functional-surface :where(.grid-3,.three-column){grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-functional-surface :where(.grid-4,.four-column){grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-functional-surface :where(.card,.panel,.surface-card,.dashboard-card,.module-card,.stat-card,.form-card,.table-card,.auth-card,.section-card,[data-ui-card]){min-inline-size:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-flat)}.legacy-functional-surface :where(.card,.panel,.surface-card,.dashboard-card,.module-card,.stat-card,.form-card,.table-card,.auth-card,.section-card,[data-ui-card]):not(.no-padding){padding:var(--ui-card-padding)}.legacy-functional-surface :where(.card,.panel,[data-ui-card])[data-interactive="true"], .legacy-functional-surface :where(.action-card,.selectable-card,.media-card){transition:border-color var(--ui-motion-fast) var(--ui-ease-standard),box-shadow var(--ui-motion-fast) var(--ui-ease-standard),transform var(--ui-motion-fast) var(--ui-ease-standard)}.legacy-functional-surface :where(.action-card,.selectable-card,.media-card):hover, .legacy-functional-surface :where(.card,.panel,[data-ui-card])[data-interactive="true"]:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-raised);transform:translateY(-1px)}.legacy-functional-surface :where(.selectable-card,[data-ui-card][aria-selected="true"]){border-color:var(--ui-brand-primary)}.legacy-functional-surface :where(.selectable-card,[data-ui-card])[aria-selected="true"]{background:var(--ui-brand-primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-brand-primary) 24%,transparent)}.legacy-functional-surface :where(.kpi-card,.stat-card){display:grid;align-content:start;gap:var(--ui-space-2)}.legacy-functional-surface :where(.kpi-value,.stat-value,.metric-value){font-family:var(--ui-font-display);font-size:clamp(1.65rem,2.4vw,2.35rem);font-weight:var(--ui-font-weight-bold);line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.legacy-functional-surface :where(.warning-card,.card[data-tone="warning"]){border-color:var(--ui-warning-border);background:var(--ui-warning-soft)}.legacy-functional-surface :where(.danger-card,.card[data-tone="danger"]){border-color:var(--ui-danger-border);background:var(--ui-danger-soft)}.legacy-functional-surface :where(.success-card,.card[data-tone="success"]){border-color:var(--ui-success-border);background:var(--ui-success-soft)}.legacy-functional-surface :where(.btn,button,input[type="submit"],input[type="button"],[role="button"]){--button-bg:var(--ui-surface);--button-border:var(--ui-border-strong);--button-text:var(--ui-text);--button-hover-bg:var(--ui-surface-subtle);--button-active-bg:color-mix(in srgb,var(--button-bg) 88%,black);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-block-size:var(--ui-control-height);max-inline-size:100%;padding:0 var(--ui-space-4);border:1px solid var(--button-border);border-radius:var(--ui-radius-control);background:var(--button-bg);color:var(--button-text);font-size:var(--ui-text-body-small-size);font-weight:var(--ui-font-weight-semibold);line-height:1.2;text-align:center;text-decoration:none;touch-action:manipulation;cursor:pointer;user-select:none;transition:background-color var(--ui-motion-fast) var(--ui-ease-standard),border-color var(--ui-motion-fast) var(--ui-ease-standard),color var(--ui-motion-fast) var(--ui-ease-standard),box-shadow var(--ui-motion-fast) var(--ui-ease-standard),transform var(--ui-motion-fast) var(--ui-ease-standard)}.legacy-functional-surface :where(.btn,button,input[type="submit"],input[type="button"],[role="button"]):hover:not(:disabled):not([aria-disabled="true"]){background:var(--button-hover-bg)}.legacy-functional-surface :where(.btn,button,input[type="submit"],input[type="button"],[role="button"]):active:not(:disabled):not([aria-disabled="true"]){background:var(--button-active-bg);transform:translateY(1px)}.legacy-functional-surface :where(.btn.primary,.btn-primary,button.primary,[data-variant="primary"]){--button-bg:var(--ui-brand-primary);--button-border:var(--ui-brand-primary);--button-text:#ffffff;--button-hover-bg:var(--ui-brand-primary-strong);--button-active-bg:color-mix(in srgb,var(--ui-brand-primary-strong) 82%,black)}.legacy-functional-surface :where(.btn.secondary,.btn-secondary,button.secondary,[data-variant="secondary"]){--button-bg:var(--ui-surface);--button-border:color-mix(in srgb,var(--ui-brand-primary) 44%,var(--ui-border));--button-text:var(--ui-brand-primary-strong);--button-hover-bg:var(--ui-brand-primary-soft)}.legacy-functional-surface :where(.btn.tertiary,.btn-tertiary,[data-variant="tertiary"]){--button-bg:var(--ui-surface-subtle);--button-border:transparent;--button-text:var(--ui-text);--button-hover-bg:color-mix(in srgb,var(--ui-surface-subtle) 82%,var(--ui-brand-primary) 18%)}.legacy-functional-surface :where(.btn.ghost,.btn-ghost,[data-variant="ghost"]){--button-bg:transparent;--button-border:transparent;--button-text:var(--ui-text-secondary);--button-hover-bg:var(--ui-surface-subtle)}.legacy-functional-surface :where(.btn.danger,.btn-danger,button.danger,[data-variant="danger"]){--button-bg:var(--ui-danger);--button-border:var(--ui-danger);--button-text:var(--ui-danger-contrast);--button-hover-bg:var(--ui-danger-strong)}.legacy-functional-surface :where(.btn.success,.btn-success,[data-variant="success"]){--button-bg:var(--ui-success);--button-border:var(--ui-success);--button-text:var(--ui-success-contrast);--button-hover-bg:var(--ui-success-strong)}.legacy-functional-surface :where(.btn.link,.btn-link,[data-variant="link"]){min-block-size:var(--ui-touch);padding-inline:var(--ui-space-2);border-color:transparent;background:transparent;color:var(--ui-brand-primary-strong);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}.legacy-functional-surface :where(.icon-button,.btn-icon,[data-icon-only]){inline-size:var(--ui-control-height);flex:0 0 var(--ui-control-height);padding:0}.legacy-functional-surface :where(.split-action,[data-ui-split-action]){display:inline-flex;align-items:stretch}.legacy-functional-surface :where(.split-action,[data-ui-split-action])>:where(.btn,button){border-radius:0}.legacy-functional-surface :where(.split-action,[data-ui-split-action])>:first-child{border-start-start-radius:var(--ui-radius-control);border-end-start-radius:var(--ui-radius-control)}.legacy-functional-surface :where(.split-action,[data-ui-split-action])>:last-child{border-start-end-radius:var(--ui-radius-control);border-end-end-radius:var(--ui-radius-control);margin-inline-start:-1px}.legacy-functional-surface :where(.btn,button,input[type="submit"],input[type="button"]):disabled, .legacy-functional-surface :where(.btn,button,[role="button"])[aria-disabled="true"]{opacity:.58;box-shadow:none;transform:none;pointer-events:none}.legacy-functional-surface :where(.btn,button)[aria-busy="true"], .legacy-functional-surface :where(.btn,button).is-loading{color:transparent;pointer-events:none}.legacy-functional-surface :where(.btn,button)[aria-busy="true"]::after, .legacy-functional-surface :where(.btn,button).is-loading::after{content:"";position:absolute;inline-size:18px;block-size:18px;border:2px solid color-mix(in srgb,currentColor 32%,transparent);border-block-start-color:currentColor;border-radius:50%;color:var(--button-text);animation:ui-spin .7s linear infinite}.legacy-functional-surface :where(.field,.form-group,.control-group,[data-ui-field]){display:grid;gap:var(--ui-space-2);min-inline-size:0}.legacy-functional-surface :where(label,.form-label,.field-label){color:var(--ui-text-secondary);font-size:var(--ui-text-label-size);font-weight:var(--ui-font-weight-semibold);letter-spacing:var(--ui-letter-label)}.legacy-functional-surface :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea,.input-like){inline-size:100%;min-inline-size:0;min-block-size:var(--ui-control-height);padding:9px 12px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-text);font-size:max(1rem,16px);line-height:1.35;box-shadow:0 1px 1px rgb(22 42 44 / 3%) inset;transition:border-color var(--ui-motion-fast) var(--ui-ease-standard),box-shadow var(--ui-motion-fast) var(--ui-ease-standard),background-color var(--ui-motion-fast) var(--ui-ease-standard)}.legacy-functional-surface textarea{min-block-size:112px;resize:vertical}.legacy-functional-surface :where(input,select,textarea)::placeholder{color:var(--ui-text-muted);opacity:.88}.legacy-functional-surface :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):hover:not(:disabled):not([readonly]){border-color:color-mix(in srgb,var(--ui-brand-primary) 44%,var(--ui-border-strong))}.legacy-functional-surface :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{border-color:var(--ui-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-focus) 16%,transparent);outline:0}.legacy-functional-surface :where(input,select,textarea):disabled{background:var(--ui-neutral-soft);color:var(--ui-text-disabled);opacity:1}.legacy-functional-surface :where(input,select,textarea)[readonly]{border-style:dashed;background:color-mix(in srgb,var(--ui-surface-subtle) 66%,white);color:var(--ui-text-secondary)}.legacy-functional-surface :where(input,select,textarea)[aria-invalid="true"], .legacy-functional-surface :where(.field,[data-ui-field])[data-state="error"]:where(input,select,textarea){border-color:var(--ui-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-danger) 13%,transparent)}.legacy-functional-surface :where(.field,[data-ui-field])[data-state="warning"]:where(input,select,textarea){border-color:var(--ui-warning)}.legacy-functional-surface :where(.field,[data-ui-field])[data-state="success"]:where(input,select,textarea){border-color:var(--ui-success)}.legacy-functional-surface :where(.form-help,.help-text,.field-description){font-size:var(--ui-text-helper-size);line-height:1.45}.legacy-functional-surface :where(.field-error,.error-text,.inline-validation,.a4-inline-error){color:var(--ui-danger-text);font-size:var(--ui-text-helper-size);font-weight:var(--ui-font-weight-semibold)}.legacy-functional-surface :where(.field-warning,.warning-text){color:var(--ui-warning-text);font-size:var(--ui-text-helper-size);font-weight:var(--ui-font-weight-semibold)}.legacy-functional-surface :where(.field-success,.success-text){color:var(--ui-success-text);font-size:var(--ui-text-helper-size);font-weight:var(--ui-font-weight-semibold)}.legacy-functional-surface :where(input[type="checkbox"],input[type="radio"]){inline-size:22px;block-size:22px;min-block-size:22px;margin:0;accent-color:var(--ui-brand-primary)}.legacy-functional-surface :where(.checkbox-row,.radio-row,label:has(>input[type="checkbox"]),label:has(>input[type="radio"])){display:flex;align-items:center;gap:var(--ui-space-2);min-block-size:var(--ui-touch)}.legacy-functional-surface :where(.switch,[role="switch"]){--switch-size:24px;position:relative;display:inline-flex;align-items:center;inline-size:46px;block-size:28px;padding:2px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-round);background:var(--ui-neutral-border);cursor:pointer}.legacy-functional-surface :where(.switch,[role="switch"])::after{content:"";inline-size:var(--switch-size);block-size:var(--switch-size);border-radius:50%;background:white;box-shadow:0 1px 3px rgb(22 42 44 / 20%);transform:translateX(0);transition:transform var(--ui-motion-normal) var(--ui-ease-standard),background-color var(--ui-motion-normal) var(--ui-ease-standard)}.legacy-functional-surface :where(.switch,[role="switch"])[aria-checked="true"]{border-color:var(--ui-brand-primary);background:var(--ui-brand-primary)}.legacy-functional-surface :where(.switch,[role="switch"])[aria-checked="true"]::after{transform:translateX(18px)}.legacy-functional-surface :where(.input-group,[data-ui-input-group]){display:flex;min-inline-size:0}.legacy-functional-surface :where(.input-group,[data-ui-input-group])>*{border-radius:0}.legacy-functional-surface :where(.input-group,[data-ui-input-group])>:first-child{border-start-start-radius:var(--ui-radius-control);border-end-start-radius:var(--ui-radius-control)}.legacy-functional-surface :where(.input-group,[data-ui-input-group])>:last-child{border-start-end-radius:var(--ui-radius-control);border-end-end-radius:var(--ui-radius-control)}.legacy-functional-surface :where(.input-prefix,.input-suffix){display:inline-flex;align-items:center;padding-inline:var(--ui-space-3);border:1px solid var(--ui-border-strong);background:var(--ui-surface-subtle);color:var(--ui-text-secondary)}.legacy-functional-surface input[type="file"]{max-inline-size:100%;min-block-size:var(--ui-touch);padding:var(--ui-space-2);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-control);background:var(--ui-surface-subtle)}.legacy-functional-surface .a4-form-error-summary{display:grid;gap:var(--ui-space-2);margin-block-end:var(--ui-space-4);padding:var(--ui-space-4);border:1px solid var(--ui-danger-border);border-inline-start:4px solid var(--ui-danger);border-radius:var(--ui-radius-control);background:var(--ui-danger-soft);color:var(--ui-danger-text)}.legacy-functional-surface .a4-form-error-summary ul{margin:0;padding-inline-start:var(--ui-space-5)}.legacy-functional-surface .a4-form-error-summary a{color:inherit;font-weight:var(--ui-font-weight-semibold)}.legacy-functional-surface :where(.badge,.tag,.chip,.status-pill,[data-ui-badge]){--status-bg:var(--ui-neutral-soft);--status-border:var(--ui-neutral-border);--status-text:var(--ui-neutral-text);display:inline-flex;align-items:center;gap:6px;min-block-size:26px;max-inline-size:100%;padding:3px 9px;border:1px solid var(--status-border);border-radius:var(--ui-radius-round);background:var(--status-bg);color:var(--status-text);font-size:.75rem;font-weight:var(--ui-font-weight-semibold);line-height:1.2;overflow-wrap:anywhere}.legacy-functional-surface :where(button.chip,a.chip[href],[role="button"].chip){min-block-size:var(--ui-touch);padding-block:var(--ui-space-2)}.legacy-functional-surface :where(.badge,.tag,.chip,.status-pill,[data-ui-badge])::before, .legacy-functional-surface :where(.status-dot,[data-status-dot])::before{content:"";inline-size:7px;block-size:7px;flex:0 0 7px;border-radius:50%;background:currentColor}.legacy-functional-surface :where([data-tone="success"],.badge.success,.status-success){--status-bg:var(--ui-success-soft);--status-border:var(--ui-success-border);--status-text:var(--ui-success-text)}.legacy-functional-surface :where([data-tone="warning"],.badge.warning,.status-warning){--status-bg:var(--ui-warning-soft);--status-border:var(--ui-warning-border);--status-text:var(--ui-warning-text)}.legacy-functional-surface :where([data-tone="danger"],.badge.danger,.status-danger){--status-bg:var(--ui-danger-soft);--status-border:var(--ui-danger-border);--status-text:var(--ui-danger-text)}.legacy-functional-surface :where([data-tone="info"],.badge.info,.status-info){--status-bg:var(--ui-info-soft);--status-border:var(--ui-info-border);--status-text:var(--ui-info-text)}.legacy-functional-surface :where(.alert,.flash,.banner,.inline-alert,[role="alert"],[data-ui-alert]){--alert-bg:var(--ui-info-soft);--alert-border:var(--ui-info-border);--alert-text:var(--ui-info-text);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ui-space-3);align-items:start;padding:var(--ui-space-4);border:1px solid var(--alert-border);border-inline-start:4px solid var(--alert-text);border-radius:var(--ui-radius-control);background:var(--alert-bg);color:var(--alert-text)}.legacy-functional-surface :where(.alert,.flash,.banner,.inline-alert,[role="alert"],[data-ui-alert])[data-tone="success"], .legacy-functional-surface :where(.alert.success,.flash-success){--alert-bg:var(--ui-success-soft);--alert-border:var(--ui-success-border);--alert-text:var(--ui-success-text)}.legacy-functional-surface :where(.alert,.flash,.banner,.inline-alert,[role="alert"],[data-ui-alert])[data-tone="warning"], .legacy-functional-surface :where(.alert.warning,.flash-warning){--alert-bg:var(--ui-warning-soft);--alert-border:var(--ui-warning-border);--alert-text:var(--ui-warning-text)}.legacy-functional-surface :where(.alert,.flash,.banner,.inline-alert,[role="alert"],[data-ui-alert])[data-tone="danger"], .legacy-functional-surface :where(.alert.danger,.flash-error){--alert-bg:var(--ui-danger-soft);--alert-border:var(--ui-danger-border);--alert-text:var(--ui-danger-text)}.legacy-functional-surface :where(.tabs,[role="tablist"],[data-ui-tabs]){display:flex;gap:var(--ui-space-1);min-inline-size:0;overflow-x:auto;scrollbar-width:thin;border-block-end:1px solid var(--ui-border)}.legacy-functional-surface :where([role="tab"],.tab,.tab-link){display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--ui-touch);padding-inline:var(--ui-space-3);border:0;border-block-end:3px solid transparent;border-radius:var(--ui-radius-control) var(--ui-radius-control) 0 0;background:transparent;color:var(--ui-text-secondary);font-weight:var(--ui-font-weight-semibold);white-space:nowrap}.legacy-functional-surface :where([role="tab"],.tab,.tab-link)[aria-selected="true"], .legacy-functional-surface :where(.tab.active,.tab-link.active){border-block-end-color:var(--ui-brand-primary);color:var(--ui-brand-primary-strong);background:var(--ui-brand-primary-soft)}.legacy-functional-surface :where(.segmented-control,[data-ui-segmented]){display:inline-flex;max-inline-size:100%;padding:3px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface-subtle)}.legacy-functional-surface :where(.segmented-control,[data-ui-segmented])>:where(button,.btn){min-block-size:36px;border-color:transparent;background:transparent}.legacy-functional-surface :where(.segmented-control,[data-ui-segmented])>[aria-pressed="true"]{background:var(--ui-surface);color:var(--ui-brand-primary-strong);box-shadow:var(--ui-shadow-xs)}.legacy-functional-surface :where(.breadcrumb,[aria-label="Breadcrumb"],[data-ui-breadcrumb]){display:flex;flex-wrap:wrap;gap:var(--ui-space-2);align-items:center;color:var(--ui-text-muted);font-size:var(--ui-text-body-small-size)}.legacy-functional-surface :where(.pagination,[data-ui-pagination]){display:flex;flex-wrap:wrap;gap:var(--ui-space-1);align-items:center}.legacy-functional-surface :where(.pagination,[data-ui-pagination]):where(a,button){min-inline-size:var(--ui-touch);padding-inline:var(--ui-space-2)}.legacy-functional-surface :where(.pagination,[data-ui-pagination]) [aria-current="page"]{border-color:var(--ui-brand-primary);background:var(--ui-brand-primary-soft);color:var(--ui-brand-primary-strong)}.legacy-functional-surface :where(.dropdown-menu,.popover,[role="menu"],[data-ui-popover]){position:absolute;z-index:var(--ui-layer-dropdown);min-inline-size:min(220px,calc(100vw - 24px));max-inline-size:min(360px,calc(100vw - 24px));max-block-size:min(70dvh,560px);overflow:auto;overscroll-behavior:contain;padding:var(--ui-space-2);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:var(--ui-shadow-dropdown)}.legacy-functional-surface :where([role="menuitem"],.dropdown-item){display:flex;align-items:center;gap:var(--ui-space-2);min-block-size:var(--ui-touch);padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-control-small);color:var(--ui-text);text-decoration:none}.legacy-functional-surface :where([role="menuitem"],.dropdown-item):hover{background:var(--ui-surface-subtle)}.legacy-functional-surface :where(.tooltip,[role="tooltip"]){z-index:var(--ui-layer-dropdown);max-inline-size:min(280px,calc(100vw - 24px));padding:7px 10px;border-radius:var(--ui-radius-control-small);background:var(--ui-surface-inverse);color:white;font-size:var(--ui-text-helper-size);line-height:1.4;box-shadow:var(--ui-shadow-dropdown)}.legacy-functional-surface :where(details,.accordion-item){border-block-end:1px solid var(--ui-border)}.legacy-functional-surface :where(summary,.accordion-trigger){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);min-block-size:var(--ui-touch);padding-block:var(--ui-space-3);color:var(--ui-text);font-weight:var(--ui-font-weight-semibold);cursor:pointer}.legacy-functional-surface :where(.accordion-panel,details>:not(summary)){padding-block-end:var(--ui-space-4)}.legacy-functional-surface :where(.stepper,[data-ui-stepper]){display:flex;gap:var(--ui-space-2);align-items:flex-start;counter-reset:ui-step}.legacy-functional-surface :where(.step,[data-ui-step]){display:grid;grid-template-columns:30px minmax(0,1fr);gap:var(--ui-space-2);min-inline-size:0;color:var(--ui-text-muted);counter-increment:ui-step}.legacy-functional-surface :where(.step,[data-ui-step])::before{content:counter(ui-step);display:grid;place-items:center;inline-size:30px;block-size:30px;border:1px solid var(--ui-border-strong);border-radius:50%;background:var(--ui-surface);font-weight:var(--ui-font-weight-bold)}.legacy-functional-surface :where(.step,[data-ui-step])[aria-current="step"]{color:var(--ui-brand-primary-strong)}.legacy-functional-surface :where(.step,[data-ui-step])[aria-current="step"]::before{border-color:var(--ui-brand-primary);background:var(--ui-brand-primary);color:white}.legacy-functional-surface :where(progress,.progress,[data-ui-progress]){inline-size:100%;block-size:10px;border:0;border-radius:var(--ui-radius-round);overflow:hidden;background:var(--ui-neutral-soft);accent-color:var(--ui-brand-primary)}.legacy-functional-surface progress::-webkit-progress-bar{background:var(--ui-neutral-soft)}.legacy-functional-surface progress::-webkit-progress-value{border-radius:var(--ui-radius-round);background:var(--ui-brand-primary)}.legacy-functional-surface :where(.table-wrap,.table-responsive,[data-ui-table-wrap]){min-inline-size:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface)}.legacy-functional-surface table{inline-size:100%;border-collapse:separate;border-spacing:0;color:var(--ui-text);font-size:var(--ui-text-table-size);font-variant-numeric:tabular-nums}.legacy-functional-surface th{position:relative;padding:var(--ui-table-cell-block) var(--ui-table-cell-inline);border-block-end:1px solid var(--ui-border-strong);background:var(--ui-surface-subtle);color:var(--ui-text-secondary);font-size:var(--ui-text-label-size);font-weight:var(--ui-font-weight-bold);line-height:1.3;text-align:start;vertical-align:middle;white-space:nowrap}.legacy-functional-surface td{min-inline-size:0;padding:var(--ui-table-cell-block) var(--ui-table-cell-inline);border-block-end:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);vertical-align:middle;overflow-wrap:anywhere}.legacy-functional-surface tbody tr:last-child td{border-block-end:0}.legacy-functional-surface tbody tr:hover td{background:color-mix(in srgb,var(--ui-brand-primary) 4%,white)}.legacy-functional-surface tbody tr[aria-selected="true"] td, .legacy-functional-surface tbody tr.is-selected td{background:var(--ui-brand-primary-soft);box-shadow:inset 3px 0 0 var(--ui-brand-primary)}.legacy-functional-surface :where(th,td).numeric, .legacy-functional-surface :where(th,td)[data-type="number"]{text-align:end;white-space:nowrap}.legacy-functional-surface :where(th,td).actions, .legacy-functional-surface :where(th,td)[data-type="actions"]{inline-size:1%;text-align:end;white-space:nowrap}.legacy-functional-surface table[data-sticky-header="true"] thead th, .legacy-functional-surface table[data-a4-operation-table] thead th{position:sticky;inset-block-start:0;z-index:1;box-shadow:0 1px 0 var(--ui-border-strong)}.legacy-functional-surface .a4-table-summary{display:flex;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-3) var(--ui-space-4);border-block-end:1px solid var(--ui-border);color:var(--ui-text-secondary)}.legacy-functional-surface :where(.table-empty-state,.a4-empty-cell){padding:var(--ui-space-8);text-align:center}.legacy-functional-surface :where(.empty-state,.rich-empty-state,.a4-empty-state,.error-state,.permission-state,[data-ui-empty-state]){display:grid;place-items:center;gap:var(--ui-space-3);min-block-size:180px;padding:clamp(var(--ui-space-6),5vw,var(--ui-space-12));color:var(--ui-text-secondary);text-align:center}.legacy-functional-surface :where(.empty-state,.rich-empty-state,.a4-empty-state,.error-state,.permission-state,[data-ui-empty-state])>:where(p,span){max-inline-size:54ch;margin:0}.legacy-functional-surface :where(.empty-state-icon,.state-icon){display:grid;place-items:center;inline-size:52px;block-size:52px;border-radius:50%;background:var(--ui-brand-primary-soft);color:var(--ui-brand-primary-strong)}.legacy-functional-surface :where(.spinner,[data-ui-spinner]){display:inline-block;inline-size:22px;block-size:22px;border:3px solid var(--ui-neutral-border);border-block-start-color:var(--ui-brand-primary);border-radius:50%;animation:ui-spin .75s linear infinite}.legacy-functional-surface :where(.skeleton,[data-ui-skeleton]){display:block;min-block-size:1em;border-radius:var(--ui-radius-control-small);background:linear-gradient(90deg,var(--ui-neutral-soft) 20%,color-mix(in srgb,var(--ui-neutral-soft) 64%,white) 45%,var(--ui-neutral-soft) 70%);background-size:240% 100%;color:transparent;animation:ui-skeleton 1.25s var(--ui-ease-standard) infinite}.legacy-functional-surface [aria-busy="true"]{cursor:progress}.legacy-functional-surface :where(.modal-backdrop,.a4-modal-backdrop,[data-ui-overlay]){position:fixed;inset:0;z-index:var(--ui-layer-overlay);display:grid;place-items:center;padding:clamp(var(--ui-space-3),3vw,var(--ui-space-8));background:var(--ui-overlay);overscroll-behavior:contain}.legacy-functional-surface :where(.modal-backdrop,.a4-modal-backdrop,[data-ui-overlay])[aria-hidden="true"]{display:none}.legacy-functional-surface :where(.modal,.a4-modal,[role="dialog"],[role="alertdialog"]){inline-size:min(640px,100%);max-inline-size:100%;max-block-size:min(88dvh,900px);overflow:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--ui-border) 70%,white);border-radius:var(--ui-radius-panel);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-modal)}.legacy-functional-surface :where(.modal-header,.a4-modal__header,.modal-footer,.a4-modal__footer){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-4) var(--ui-space-5)}.legacy-functional-surface :where(.modal-header,.a4-modal__header){position:sticky;inset-block-start:0;z-index:1;border-block-end:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 96%,transparent)}.legacy-functional-surface:where(.modal-body,.a4-modal__body){padding:var(--ui-space-5)}.legacy-functional-surface :where(.modal-footer,.a4-modal__footer){position:sticky;inset-block-end:0;justify-content:flex-end;border-block-start:1px solid var(--ui-border);background:var(--ui-surface)}.legacy-functional-surface.a4-modal-open, .legacy-functional-surface.ui-modal-open{overflow:hidden}.legacy-functional-surface :where(.drawer,.a4-nav-drawer,[data-ui-drawer]){position:fixed;z-index:var(--ui-layer-drawer);max-inline-size:min(420px,calc(100vw - 24px));max-block-size:100dvh;overflow:auto;overscroll-behavior:contain;background:var(--ui-surface);box-shadow:var(--ui-shadow-modal)}.legacy-functional-surface :where(.toast-host,[data-a4-toast-host],[data-ui-toast-host]){position:fixed;inset-block-start:calc(var(--safe-area-top) + var(--ui-space-4));inset-inline-end:calc(var(--safe-area-right) + var(--ui-space-4));z-index:var(--ui-layer-toast);display:grid;gap:var(--ui-space-2);inline-size:min(390px,calc(100vw - 24px));pointer-events:none}.legacy-functional-surface :where(.toast,.a4-toast,[data-ui-toast]){--toast-border:var(--ui-info-border);--toast-accent:var(--ui-info);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--ui-space-3);align-items:start;padding:var(--ui-space-4);border:1px solid var(--toast-border);border-inline-start:4px solid var(--toast-accent);border-radius:var(--ui-radius-card);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-toast);pointer-events:auto;animation:ui-toast-in var(--ui-motion-normal) var(--ui-ease-enter)}.legacy-functional-surface :where(.toast,.a4-toast,[data-ui-toast])[data-tone="success"]{--toast-border:var(--ui-success-border);--toast-accent:var(--ui-success)}.legacy-functional-surface :where(.toast,.a4-toast,[data-ui-toast])[data-tone="warning"]{--toast-border:var(--ui-warning-border);--toast-accent:var(--ui-warning)}.legacy-functional-surface :where(.toast,.a4-toast,[data-ui-toast])[data-tone="danger"]{--toast-border:var(--ui-danger-border);--toast-accent:var(--ui-danger)}.legacy-functional-surface :where(.depo-top-shell,.a4-app-header){position:sticky;inset-block-start:0;z-index:var(--ui-layer-sticky);border-block-end:1px solid var(--ui-border);background:rgb(255 255 255 / 94%);box-shadow:var(--ui-shadow-sticky);backdrop-filter:blur(10px) saturate(112%)}.legacy-functional-surface :where(.r38-clean-header,.a4-app-header__inner){display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);min-block-size:var(--ui-header);padding-block:var(--ui-space-2)}.legacy-functional-surface :where(.a4-primary-navigation,.r38-clean-nav,.zip3-shell-nav){display:flex;align-items:center;gap:var(--ui-space-1);min-inline-size:0;overflow-x:auto;scrollbar-width:thin}.legacy-functional-surface :where(.a4-primary-navigation,.r38-clean-nav,.zip3-shell-nav) a{display:inline-flex;align-items:center;min-block-size:40px;padding-inline:var(--ui-space-3);border-radius:var(--ui-radius-control);color:var(--ui-text-secondary);font-size:var(--ui-text-body-small-size);font-weight:var(--ui-font-weight-semibold);text-decoration:none;white-space:nowrap}.legacy-functional-surface :where(.a4-primary-navigation,.r38-clean-nav,.zip3-shell-nav) a:hover{background:var(--ui-surface-subtle);color:var(--ui-text)}.legacy-functional-surface :where(.a4-primary-navigation,.r38-clean-nav,.zip3-shell-nav) a[aria-current="page"]{background:var(--ui-brand-primary-soft);color:var(--ui-brand-primary-strong)}.legacy-functional-surface .a4-active-context{border-block-end:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface-subtle) 72%,white)}.legacy-functional-surface .a4-active-context__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ui-space-2);padding-block:var(--ui-space-2)}.legacy-functional-surface .a4-active-context__grid span{color:var(--ui-text-muted);font-size:.72rem}.legacy-functional-surface .a4-active-context__grid strong{display:block;min-inline-size:0;overflow:hidden;color:var(--ui-text);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.legacy-functional-surface .a4-nav-backdrop{position:fixed;inset:0;z-index:calc(var(--ui-layer-drawer) - 1);background:var(--ui-overlay)}.legacy-functional-surface.zip3-nav-open, .legacy-functional-surface.a4-nav-open{overflow:hidden}.legacy-functional-surface:where(.legacy-functional-surface,[data-ui-density-root])[data-ui-density="comfortable"], .legacy-functional-surface:not([data-ui-density]){--ui-control-height:44px;--ui-card-padding:20px;--ui-section-gap:24px;--ui-table-cell-block:12px;--ui-table-cell-inline:14px;--ui-toolbar-height:48px}.legacy-functional-surface:where(.legacy-functional-surface,[data-ui-density-root])[data-ui-density="compact"]{--ui-control-height:38px;--ui-card-padding:14px;--ui-section-gap:16px;--ui-table-cell-block:8px;--ui-table-cell-inline:10px;--ui-toolbar-height:40px}.legacy-functional-surface:where(.legacy-functional-surface,[data-ui-density-root])[data-ui-density="compact"] :where(.btn,button,input,select){font-size:.875rem}.legacy-functional-surface:where(.legacy-functional-surface,[data-ui-density-root])[data-ui-density="compact"] :where(.icon-button,.btn-icon,[data-icon-only]){min-block-size:var(--ui-touch);inline-size:var(--ui-touch)}.legacy-functional-surface [data-ui-card-table="true"] td::before{content:attr(data-ui-label)}.legacy-functional-surface .a4-filter-shell{display:grid;gap:var(--ui-space-3)}.legacy-functional-surface .a4-filter-toggle{display:none}.legacy-functional-surface .a4-dirty-indicator{color:var(--ui-warning-text);font-size:var(--ui-text-helper-size);font-weight:var(--ui-font-weight-semibold)}.legacy-functional-surface .a4-operation-message[data-tone="success"]{color:var(--ui-success-text)}.legacy-functional-surface .a4-operation-message[data-tone="warning"]{color:var(--ui-warning-text)}.legacy-functional-surface .a4-operation-message[role="alert"]{color:var(--ui-danger-text)}.legacy-functional-surface .a4-print-portal{display:none} @keyframes ui-spin{to{transform:rotate(1turn)}} @keyframes ui-skeleton{from{background-position:100% 0} to{background-position:-120% 0}} @keyframes ui-toast-in{from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)}} @media (max-width:1024px){.legacy-functional-surface :where(.grid-4,.four-column){grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-functional-surface .a4-active-context__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-functional-surface :is(.btn.small,button.small,a.btn.small,[data-ui-size="small"]){min-block-size:var(--ui-touch)}} @media (max-width:860px){.legacy-functional-surface :where(.a4-nav-drawer,[data-a4-nav-drawer]){position:fixed;z-index:var(--ui-layer-drawer);inset:0 auto 0 0;inline-size:min(86vw,340px);transform:translateX(-104%);transition:transform var(--ui-motion-normal) var(--ui-ease-standard)}.legacy-functional-surface.a4-nav-open :where(.a4-nav-drawer,[data-a4-nav-drawer]), .legacy-functional-surface.zip3-nav-open :where(.a4-nav-drawer,[data-a4-nav-drawer]){transform:translateX(0)}.legacy-functional-surface :where(.a4-primary-navigation,.r38-clean-nav,.zip3-shell-nav){align-items:stretch;flex-direction:column;overflow:visible}} @media (max-width:768px){.legacy-functional-surface :where(.grid-2,.two-column,.grid-3,.three-column,.grid-4,.four-column){grid-template-columns:minmax(0,1fr)}.legacy-functional-surface .a4-active-context__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-functional-surface :where(.stepper,[data-ui-stepper]){flex-direction:column}} @media (max-width:720px){.legacy-functional-surface :where(.container,.shell-main,.r38-clean-header,.zip3-command-strip,.zip3-context-container){inline-size:min(calc(100% - 24px),var(--ui-content-max))}.legacy-functional-surface .shell-main{padding-block:var(--ui-space-4) calc(var(--ui-space-16) + var(--safe-area-bottom))}.legacy-functional-surface :where(.page-hero,.section-header,.card-header,.toolbar,.hero-actions,.form-actions,.sticky-actions,.a4-operation-actions){align-items:stretch}.legacy-functional-surface :where(.hero-actions,.form-actions,.sticky-actions,.a4-operation-actions){inline-size:100%}.legacy-functional-surface :where(.hero-actions,.form-actions,.sticky-actions,.a4-operation-actions)>:where(.btn,button,a){flex:1 1 min(100%,220px)}.legacy-functional-surface .a4-filter-toggle{display:inline-flex}.legacy-functional-surface .a4-filter-shell[data-a4-filter-open="false"]>[data-a4-filter-form]{display:none}.legacy-functional-surface .a4-filter-shell[data-a4-filter-open="true"]>[data-a4-filter-form]{display:grid;max-block-size:min(72dvh,720px);overflow:auto;overscroll-behavior:contain}.legacy-functional-surface table[data-ui-card-table="true"], .legacy-functional-surface table[data-a4-operation-table]{display:block}.legacy-functional-surface table[data-ui-card-table="true"] thead, .legacy-functional-surface table[data-a4-operation-table] thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.legacy-functional-surface table[data-ui-card-table="true"] tbody, .legacy-functional-surface table[data-a4-operation-table] tbody{display:grid;gap:var(--ui-space-3)}.legacy-functional-surface table[data-ui-card-table="true"] tbody tr, .legacy-functional-surface table[data-a4-operation-table] tbody tr{display:grid;padding:var(--ui-space-3) var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface)}.legacy-functional-surface table[data-ui-card-table="true"] tbody td, .legacy-functional-surface table[data-a4-operation-table] tbody td{display:grid;grid-template-columns:minmax(96px,36%) minmax(0,1fr);gap:var(--ui-space-3);inline-size:100%;padding:9px 0;border:0;border-block-end:1px solid var(--ui-border);background:transparent;text-align:start;white-space:normal}.legacy-functional-surface table[data-ui-card-table="true"] tbody td:last-child, .legacy-functional-surface table[data-a4-operation-table] tbody td:last-child{border-block-end:0}.legacy-functional-surface table[data-ui-card-table="true"] tbody td::before, .legacy-functional-surface table[data-a4-operation-table] tbody td::before{color:var(--ui-text-muted);font-size:var(--ui-text-label-size);font-weight:var(--ui-font-weight-bold)}.legacy-functional-surface :where(.modal-footer,.a4-modal__footer){flex-wrap:wrap}.legacy-functional-surface :where(.modal-footer,.a4-modal__footer)>:where(.btn,button){flex:1 1 160px}} @media (max-width:430px){.legacy-functional-surface :where(.container,.shell-main,.r38-clean-header,.zip3-command-strip,.zip3-context-container){inline-size:min(calc(100% - 20px),var(--ui-content-max))}.legacy-functional-surface .page-hero{padding:var(--ui-space-5)}.legacy-functional-surface .a4-active-context__grid{grid-template-columns:minmax(0,1fr)}.legacy-functional-surface table[data-ui-card-table="true"] tbody td, .legacy-functional-surface table[data-a4-operation-table] tbody td{grid-template-columns:minmax(0,1fr);gap:var(--ui-space-1)}.legacy-functional-surface :where(.toast-host,[data-a4-toast-host],[data-ui-toast-host]){inset-inline:var(--ui-space-3);inline-size:auto}.legacy-functional-surface .a4-header-actions{min-inline-size:0;max-inline-size:calc(100vw - 112px)}.legacy-functional-surface .a4-user-menu{min-inline-size:0;max-inline-size:100%}.legacy-functional-surface .a4-user-menu__trigger{min-inline-size:0;max-inline-size:100%;padding-inline:var(--ui-space-2)}.legacy-functional-surface .a4-user-menu__trigger:where(span,strong,small){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} @media (prefers-reduced-motion:reduce){.legacy-functional-surface{scroll-behavior:auto}.legacy-functional-surface *, .legacy-functional-surface *::before, .legacy-functional-surface *::after{animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms;scroll-behavior:auto}} @media (forced-colors:active){.legacy-functional-surface :where(.btn,button,input,select,textarea,.card,.panel,.modal,[role="dialog"],.badge,.alert,.toast){border:1px solid CanvasText;forced-color-adjust:auto}.legacy-functional-surface :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid Highlight;box-shadow:none}.legacy-functional-surface :where(.badge,.status-dot)::before{border:1px solid CanvasText}} @page a4-operation{size:A4 portrait;margin:12mm} @page pos80{size:80mm auto;margin:4mm} @page ticket72x210{size:72mm 210mm;margin:3mm} @media print{.legacy-functional-surface, .legacy-functional-surface{min-inline-size:0;background:#fff;color:#111;padding:0;font-family:Arial,"DejaVu Sans",sans-serif;font-size:10pt;line-height:1.35}.legacy-functional-surface.a4-print-mode>:not(.a4-print-portal){display:none}.legacy-functional-surface .a4-print-portal{display:block;inline-size:100%;max-inline-size:none;margin:0;padding:0;background:#fff;color:#111}.legacy-functional-surface .a4-print-portal[data-print-format="a4"]{page:a4-operation}.legacy-functional-surface .a4-print-portal[data-print-format="pos80"]{page:pos80;inline-size:72mm;margin-inline:auto;font-size:9pt}.legacy-functional-surface .a4-print-portal[data-print-format="ticket72x210"]{page:ticket72x210;inline-size:66mm;margin-inline:auto;font-size:8.5pt}.legacy-functional-surface .a4-print-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6mm;margin-block-end:6mm;padding-block-end:4mm;border-block-end:1px solid #555}.legacy-functional-surface .a4-print-portal:where(nav,aside,button,.btn,.hero-actions,.a4-operation-actions,.a4-filter-toggle,.form-actions,.sticky-actions,[data-browser-only],form){display:none}.legacy-functional-surface .a4-print-portal:where(.page-hero,.card,.section-card,section){break-inside:avoid;box-shadow:none;background:#fff;color:#111;border-color:#bbb}.legacy-functional-surface .a4-print-portal table{display:table;inline-size:100%;border-collapse:collapse}.legacy-functional-surface .a4-print-portal:where(thead,tbody,tr){display:table-row-group}.legacy-functional-surface .a4-print-portal tr{display:table-row;break-inside:avoid}.legacy-functional-surface .a4-print-portal:where(th,td){display:table-cell;padding:2mm;border:1px solid #888;color:#111;background:#fff;font-size:8.5pt}}/* source: frontend/design-system/v1/11-a4-operation-print.css */