/* The app's shared interface contract. Loaded last; business permissions remain in existing modules. */
:root{--app-header:68px;--app-rail:232px;--app-radius:12px;--workspace-surface:#fff;--workspace-soft:#f3f6fa;--workspace-ink:#172b40;--workspace-muted:#52667c;--workspace-line:#dce4ed;--app-accent:#b31b27;--app-hover:#eaf0f6;--app-nav:#0b253d;--app-nav-ink:#d5e0ec;--app-shadow:0 8px 32px #132d4510}
html[data-theme=dark]{--workspace-surface:#172a3a;--workspace-soft:#10202e;--workspace-ink:#edf3f9;--workspace-muted:#b0c1d1;--workspace-line:#385064;--app-hover:#223c51;--app-shadow:0 8px 32px #0003;color-scheme:dark}
html{scroll-padding-top:90px}body.app-interface{background:var(--workspace-soft);color:var(--workspace-ink)}
body.app-interface #appShell .top{position:sticky!important;top:0!important;z-index:220!important;display:grid!important;grid-template-columns:214px minmax(180px,460px) minmax(0,1fr)!important;align-items:center!important;gap:22px!important;height:var(--app-header)!important;min-height:var(--app-header)!important;padding:0 24px 0 16px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--workspace-line)!important;background:var(--workspace-surface)!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
body.app-interface #appShell .top>div:first-child{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;flex-shrink:0}
body.app-interface #appShell .top .brand{display:flex!important;align-items:center!important;flex:0 0 142px!important;width:142px!important;min-width:142px!important;height:44px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:none!important;margin:0!important}
body.app-interface #appShell .top .top-logo-frame{display:flex!important;align-items:center!important;width:142px!important;height:40px!important;min-width:142px!important;padding:5px 7px!important;background:#fff!important;border:1px solid #e1e6ed!important;border-radius:7px!important;box-shadow:none!important;transform:none!important;overflow:hidden!important}
body.app-interface #appShell .top .top-logo-frame img{width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important;animation:none!important}
body.app-interface.sidebar-choice #appShell #menuBtn.sidebar-toggle{flex:0 0 36px!important;min-width:36px!important;width:36px!important;height:36px!important;min-height:36px!important;padding:8px!important;border:1px solid var(--workspace-line)!important;border-radius:8px!important;background:#173c58!important;color:#fff!important;box-shadow:none!important}
body.app-interface #appShell #v8Search{position:relative!important;display:block!important;inset:auto!important;max-width:460px!important;width:100%!important;min-width:0!important;margin:0!important;transform:none!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body.app-interface #appShell #globalSearchInput{height:38px!important;min-height:38px!important;border:1px solid var(--workspace-line)!important;border-radius:8px!important;padding:8px 58px 8px 14px!important;background:var(--workspace-soft)!important;color:var(--workspace-ink)!important;font-size:13px!important;width:100%!important;max-width:100%!important;box-shadow:none!important}
.app-search-key{position:absolute;right:12px;top:11px;font:10px system-ui;color:var(--workspace-muted);pointer-events:none}
body.app-interface #appShell .userbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important;width:auto!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;overflow:visible!important}
body.app-interface #appShell .userbar :is(#notifBtn,.global-search-toggle){width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:9px!important;display:flex;align-items:center;justify-content:center;border:1px solid var(--workspace-line)!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border-radius:8px!important;box-shadow:none!important}
body.app-interface #appShell .userbar .global-search-toggle{display:none!important}
body.app-interface #appShell .userbar svg{width:19px;height:19px;flex-shrink:0}
body.app-interface #appShell .userbar #projectFinderButton{min-height:36px!important;height:36px!important;padding:7px 12px!important;font-size:12px!important;white-space:nowrap!important;background:transparent!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;box-shadow:none!important}
.app-account{position:relative;min-width:0}.app-account>summary{display:flex!important;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:4px 8px 4px 4px;border-radius:8px;min-height:40px;border:1px solid transparent;font-size:12px;font-weight:650;white-space:nowrap;color:var(--workspace-ink)}.app-account>summary::-webkit-details-marker{display:none}.app-account>summary:hover,.app-account[open]>summary{background:var(--app-hover);border-color:var(--workspace-line)}.app-account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}.app-account-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--app-nav);color:#fff;font-size:11px;font-weight:750;letter-spacing:.03em}.app-account-chevron{font-size:10px;color:var(--workspace-muted)}
.app-account-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(244px,calc(100vw - 24px));padding:12px;background:var(--workspace-surface);color:var(--workspace-ink);border:1px solid var(--workspace-line);border-radius:10px;box-shadow:0 12px 30px #102a4320;display:grid;gap:3px;z-index:300}
body.app-interface #appShell .top .app-account-panel :is(#userName,#userRole){display:block!important;white-space:nowrap!important;word-break:normal!important;overflow:auto!important;max-width:100%!important;min-width:0!important;width:auto!important;margin:0!important;transform:none!important;color:var(--workspace-ink)!important;background:transparent!important;padding:0!important;border:0!important;font-size:12px!important;line-height:1.6!important}
body.app-interface #appShell .top .app-account-panel #userRole{color:var(--workspace-muted)!important;font-size:11px!important;text-transform:none!important}
body.app-interface #appShell .top .app-account-panel button{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:100%!important;min-height:36px!important;height:36px!important;padding:7px 9px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--workspace-ink)!important;box-shadow:none!important;font-size:12px!important;text-align:left!important}
body.app-interface #appShell .top .app-account-panel button:hover{background:var(--app-hover)!important}
body.app-interface #appShell .top .app-account-panel #userRole{padding-bottom:10px!important;margin-bottom:5px!important;border-bottom:1px solid var(--workspace-line)!important}
body.app-interface #appShell .top .app-account-panel #logoutBtn{color:#b31b27!important;margin-top:5px!important;border-top:1px solid var(--workspace-line)!important;border-radius:0!important}
body.app-interface #appShell .top .app-account-panel #themeToggleIcon{font-size:17px!important;width:19px;display:inline-flex;justify-content:center}
body.app-interface #appShell .top .app-account-panel #projectFinderButton{display:flex!important;min-height:36px!important;height:36px!important;border:0!important;background:transparent!important;border-radius:6px!important;padding:7px 9px!important}
body.app-interface #appShell .top{flex:0 0 var(--app-header)!important;max-height:var(--app-header)!important}
body.app-interface #appShell .top .app-account-panel #themeToggleLabel,body.app-interface #appShell .top .app-account-panel .logout-label{display:inline!important}
body.app-interface.sidebar-choice #appShell .shell{display:grid!important;grid-template-columns:var(--app-rail) minmax(0,1fr)!important;gap:0!important;margin:0!important;padding:0!important;align-items:start!important}
body.app-interface.sidebar-choice:not(.sidebar-visible) #appShell .shell{grid-template-columns:minmax(0,1fr)!important}
body.app-interface.sidebar-choice.sidebar-visible #appShell #side{position:fixed!important;top:var(--app-header)!important;left:0!important;bottom:0!important;width:var(--app-rail)!important;max-width:var(--app-rail)!important;height:calc(100dvh - var(--app-header))!important;max-height:calc(100dvh - var(--app-header))!important;min-width:0!important;margin:0!important;padding:8px 10px!important;background:var(--app-nav)!important;border:0!important;border-right:1px solid #203b50!important;border-radius:0!important;box-shadow:none!important;transform:none!important;align-self:start!important}
body.app-interface.sidebar-choice #appShell #side .mobile-side-head{min-height:36px!important;padding:0 3px 8px!important;margin:0 0 8px!important;background:var(--app-nav)!important;border-color:#284256!important}
body.app-interface.sidebar-choice #appShell #side .mobile-side-head>span{font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding-left:9px!important;color:#a9bdd0!important}
body.app-interface.sidebar-choice #appShell #side #sideClose{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;flex-basis:32px!important;padding:8px!important}
body.app-interface #appShell #side .ui-menu-search{margin:0 4px 12px!important;padding:7px 10px!important;min-height:35px!important;max-width:100%;background:#18354b!important;border:1px solid #2b475d!important;border-radius:7px!important;gap:8px!important}
body.app-interface #appShell #side .ui-menu-search input{font-size:12px!important;min-height:24px!important;height:24px!important;padding:0!important;color:#dce6ef!important;background:transparent!important;border:0!important;width:100%;min-width:0}
body.app-interface #appShell #side .ui-menu-search input::placeholder{color:#a9bed0!important}
body.app-interface #appShell #side #nav{padding:0!important;gap:3px!important}
body.app-interface #appShell #side #nav button[data-page]{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:42px!important;height:auto!important;margin:3px 0!important;padding:10px 12px!important;white-space:nowrap!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--app-nav-ink)!important;font-size:12px!important;font-weight:500!important;line-height:1.5!important;box-shadow:none!important;text-align:left!important;transform:none!important}
body.app-interface #appShell #side #nav button[data-page].active{background:#25465f!important;color:#fff!important;border-color:#3b5a72!important;box-shadow:inset 3px 0 #e34c61!important;font-weight:650!important}
body.app-interface #appShell #side #nav button[data-page]:hover{background:#1d3b52!important}
body.app-interface #appShell #side #nav .nav-icon,body.app-interface #appShell #side #nav .nav-icon svg{flex:0 0 18px!important;width:18px!important;height:18px!important}
body.app-interface #appShell #side #nav [data-page] span:not(.nav-icon):not(.nav-attention-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-nav-section{padding:16px 13px 5px;color:#8fa7bc;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
body.app-interface #appShell #main{grid-column:2;align-self:start;padding:26px clamp(18px,2.7vw,40px) 48px!important;min-width:0!important;width:auto;max-width:none!important;margin:0!important;font:13px/1.55 'Segoe UI',system-ui,sans-serif!important;color:var(--workspace-ink)!important;background:var(--workspace-soft)!important;overflow:visible!important}
body.app-interface #appShell #main> :is(div,section){min-width:0;max-width:1500px;margin-inline:auto}
body.app-interface #appShell #main .workspace-context{padding:0 0 15px!important;margin:0 0 20px!important;min-height:0!important;border:0!important;font-size:11px!important;background:transparent!important}
body.app-interface #appShell #main .workspace-context-path{font-size:11px!important}body.app-interface #main .workspace-context time{font-size:11px!important;color:var(--workspace-muted)}
body.app-interface #appShell #main :is(.page-head,.keeper-head,.rd-hero){display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px 20px!important;padding:0!important;margin:0 0 20px!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
body.app-interface #appShell #main :is(.page-head,.keeper-head,.rd-hero) h1{font-size:25px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:0 0 5px!important;color:var(--workspace-ink)!important}
body.app-interface #appShell #main :is(.page-head,.keeper-head) :is(p,.muted){font-size:12px!important;line-height:1.55!important;max-width:75ch;margin:3px 0!important;color:var(--workspace-muted)!important}
body.app-interface #appShell #main :is(.page-head,.keeper-head) :is(.eyebrow,.role-eyebrow,.keeper-kicker){display:none!important}
body.app-interface #appShell #main :is(h2,.section-title h2){font-size:16px!important;line-height:1.4!important;letter-spacing:-.015em!important;color:var(--workspace-ink)}
body.app-interface #appShell #main h3{font-size:14px!important;line-height:1.5!important}
body.app-interface #appShell #main :is(.card,.keeper-card,.uw-request-card,.pay-request,.rq-card,.project-directory-card){background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;border-radius:var(--app-radius)!important;box-shadow:none!important;padding:20px!important}
body.app-interface #appShell #main :is(button,.button),body.app-interface #modalBox button{font-size:12px!important;font-weight:600!important;line-height:1.45!important;border-radius:8px!important;padding:9px 13px;min-height:38px;box-shadow:none!important;transform:none!important;white-space:normal;max-width:100%}
body.app-interface #appShell #main button.primary,body.app-interface #modalBox button.primary{background:var(--app-accent)!important;color:#fff!important;border-color:var(--app-accent)!important}
body.app-interface #appShell #main button.secondary,body.app-interface #modalBox button.secondary{background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important}
body.app-interface #appShell #main :is(input,select,textarea),body.app-interface #modalBox :is(input,select,textarea){font:13px/1.5 'Segoe UI',system-ui,sans-serif;max-width:100%;min-width:0;box-sizing:border-box;border-radius:8px;background:var(--workspace-surface);color:var(--workspace-ink);border:1px solid var(--workspace-line)}
body.app-interface #appShell #main .uw-context{display:flex;align-items:center;gap:10px;border:0!important;background:transparent!important;padding:0!important;margin:0 0 16px!important;min-width:0}
body.app-interface #appShell #main .uw-context>button:first-child{display:none!important}
body.app-interface #appShell #main .uw-context>span{font-size:11px!important;color:var(--workspace-muted)!important}
body.app-interface #appShell #main :is(.uw-screen-tabs,.workspace-toolstrip,.pay-tabs,.rq-filterbar,.v34-tabs){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%;gap:6px!important;padding:4px 0 10px!important;margin:0 0 18px!important;scrollbar-width:thin;min-height:0;align-items:center}
body.app-interface #appShell #main :is(.uw-screen-tabs,.pay-tabs,.v34-tabs)>button{flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important;font-size:12px!important;padding:9px 13px!important;min-height:38px!important;border-radius:7px!important;background:var(--workspace-surface)!important;color:var(--workspace-muted)!important;border:1px solid var(--workspace-line)!important}
body.app-interface #appShell #main :is(.uw-screen-tabs,.pay-tabs,.v34-tabs)>button:is(.active,[aria-current=page]){background:var(--app-hover)!important;color:var(--workspace-ink)!important;border-color:#8da5ba!important;font-weight:700!important}
body.app-interface #appShell #main :is(.tablewrap,.keeper-table,.op-table){max-width:100%!important;min-width:0!important;overflow:auto!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;background:var(--workspace-surface)!important}
body.app-interface #appShell #main :is(.tablewrap,.keeper-table,.op-table) table{table-layout:auto!important;min-width:100%!important;width:max-content!important;max-width:none!important;border-collapse:collapse!important}
body.app-interface #appShell #main table :is(th,td){font-size:12px!important;line-height:1.55!important;padding:13px 15px!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:middle!important;color:var(--workspace-ink)!important;max-width:520px}
body.app-interface #appShell #main table th{position:sticky;top:0;background:var(--app-hover)!important;font-size:10px!important;font-weight:650!important;color:var(--workspace-muted)!important;white-space:nowrap!important;text-transform:none!important;letter-spacing:.02em}
body.app-interface #appShell #main table td.app-cell-line{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;max-width:none!important}
body.app-interface #appShell #main #ut table td{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:12px!important}
body.app-interface #appShell #main #ut table td:first-child{font-family:ui-monospace,Consolas,monospace;font-size:11px!important;color:var(--workspace-muted)!important}
body.app-interface #appShell #main #ut table td.app-user-projects{max-width:330px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.app-cell-details{border:0;background:transparent;color:var(--workspace-ink);font:inherit;max-width:330px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:0!important;text-decoration:underline;text-underline-offset:3px;min-height:32px!important}
body.app-interface #appShell #main :is(.fd-stats,.keeper-metrics){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 22px!important}
body.app-interface #appShell #main :is(.fd-stat,.keeper-metric){min-height:108px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;padding:16px 18px!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;text-align:left!important}
body.app-interface #appShell #main :is(.fd-stat>strong,.keeper-metric>b){font-size:27px!important;line-height:1.15!important;letter-spacing:-.03em!important}
body.app-interface #appShell #main .fd-stat>small{display:none}
body.app-interface #appShell #main .fd-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:18px!important;margin-bottom:18px!important}
body.app-interface #appShell #main .fd-card-head{margin:0 0 12px!important;align-items:center!important;gap:10px!important}
body.app-interface #appShell #main .fd-card-head h2{margin:0!important;font-size:15px!important}
body.app-interface #appShell #main .fd-row{padding:13px 0!important;gap:14px!important;border-color:var(--workspace-line)!important}
body.app-interface #appShell #main .fd-row strong{font-size:12px!important;font-weight:650!important;overflow-wrap:break-word!important}
body.app-interface #appShell #main .fd-row small{font-size:11px!important;line-height:1.5!important;margin-top:4px!important}
body.app-interface #appShell #main .fd-scope{justify-content:flex-start!important;margin-bottom:18px!important}body.app-interface .fd-scope label{font-size:11px}
body.app-interface #appShell #main .fd-scope select{max-width:480px!important;width:min(480px,100%)!important}
.app-dashboard-more{border-top:1px solid var(--workspace-line);margin-top:8px;padding-top:12px}.app-dashboard-more>summary{cursor:pointer;font-size:12px;font-weight:650;min-height:40px;align-content:center}.app-dashboard-more>.fd-columns{margin-top:12px}
body.app-interface #appShell #main .dashboard-refreshbar{background:transparent!important;border:0!important;padding:0!important;margin:0!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px!important;color:var(--workspace-muted)!important}
body.app-interface #appShell #main .dashboard-refreshbar>span{font-size:10px!important}
body.app-interface #appShell #main .fd-card-head>div>p{display:none!important}
.app-dashboard-actions{margin:0 0 20px!important}
.app-dashboard-stack{display:grid;gap:18px;align-content:start;min-width:0}
body.app-interface #appShell #main .app-dashboard-columns{align-items:start!important}
body.app-interface #appShell #main .fd-scope label{white-space:nowrap!important}
body.app-interface #appShell #main .personal-shortcuts:has(>button:only-child){display:none!important}
body.app-interface #appShell #main .keeper-workbar{background:var(--workspace-surface)!important;border:1px solid var(--workspace-line)!important;border-radius:12px!important;padding:18px!important;margin:0 0 20px!important}
body.app-interface #appShell #main .keeper-workflow{display:none!important}
body.app-interface #appShell #main .keeper-columns{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:18px!important}
body.app-interface #appShell #main .keeper-columns>div{min-width:0}
body.app-interface #appShell #main .keeper-card header{margin-bottom:12px!important}body.app-interface .keeper-card header p{font-size:11px!important}
body.app-interface #appShell #main .keeper-served-sites{margin:10px 0 0;padding:0;list-style:none}
body.app-interface .keeper-served-sites li{font-size:12px;line-height:1.5;padding:8px 0;border-bottom:1px solid var(--workspace-line)}
body.app-interface #appShell #main .settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;background:var(--workspace-surface);border:1px solid var(--workspace-line);border-radius:12px;padding:20px}
.app-settings-intro{margin-bottom:20px}.app-settings-intro h1{margin:0 0 5px;font-size:25px}.app-settings-intro p{font-size:12px;color:var(--workspace-muted)}
.app-settings-section{margin:20px 0;padding:20px;background:var(--workspace-surface);border:1px solid var(--workspace-line);border-radius:12px}
body.app-interface #appShell #main .settings-nav{display:flex;flex-direction:column;gap:5px;border:0;padding:0}
body.app-interface #appShell #main .settings-nav button{min-height:40px;text-align:left;border:0!important;background:transparent!important;color:var(--workspace-muted)!important;white-space:nowrap;padding:10px 12px!important}
body.app-interface #appShell #main .settings-nav button.active{color:var(--workspace-ink)!important;background:var(--app-hover)!important;font-weight:700}
body.app-interface #appShell #main .setting-row{padding:17px 0!important;border:0!important;border-bottom:1px solid var(--workspace-line)!important;background:transparent!important;gap:16px;align-items:center;display:flex;justify-content:space-between}
.app-setting-text{min-width:0}.app-setting-text strong{font-size:13px}.app-setting-text p{font-size:12px;color:var(--workspace-muted);margin:4px 0}.app-setting-status{font-size:11px;color:var(--workspace-muted);white-space:nowrap}
body.app-interface #appShell #main .setting-value{font-size:12px;font-weight:600;padding:6px 0;color:var(--workspace-ink)}
.app-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--workspace-line)}
.app-switch-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.app-switch-copy>strong{font-size:13px}.app-switch-copy>small{font-size:12px;color:var(--workspace-muted);line-height:1.5}
body.app-interface :is(#appShell #main,#modal #modalBox) input.app-switch{appearance:none!important;-webkit-appearance:none!important;display:block!important;position:relative!important;flex:0 0 42px!important;width:42px!important;height:24px!important;min-width:42px!important;min-height:24px!important;max-width:42px!important;margin:0!important;padding:0!important;border-radius:7px!important;border:1px solid #8b9daf!important;background:#a5b3c0!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s!important}
body.app-interface :is(#appShell #main,#modal #modalBox) input.app-switch::before{content:''!important;position:absolute!important;display:block!important;inset:3px auto auto 3px!important;width:16px!important;height:16px!important;border:0!important;border-radius:4px!important;background:#fff!important;transform:none!important;transition:left .15s!important;box-shadow:0 1px 3px #0002!important}
body.app-interface :is(#appShell #main,#modal #modalBox) input.app-switch:checked{background:#245d78!important;border-color:#245d78!important}body.app-interface :is(#appShell #main,#modal #modalBox) input.app-switch:checked::before{left:21px!important}
body.app-interface #workspacePreferencesForm .pref-reminders{display:block}body.app-interface #workspacePreferencesForm .pref-reminders .pref-choice{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:18px;padding:13px 0;border:0;border-bottom:1px solid var(--workspace-line);background:transparent}
body.app-interface .pref-result,.app-settings-result{font-size:12px;min-height:18px;color:var(--workspace-muted)}
body.app-interface .app-activity-meta{display:grid;gap:5px;margin:10px 0 2px;font-size:11px;line-height:1.6;color:var(--workspace-muted)}.app-activity-meta>div{display:flex;align-items:baseline;gap:7px;min-width:0}.app-activity-meta b{font-size:10px;font-weight:650;flex:0 0 74px;color:var(--workspace-muted)}.app-activity-meta span{color:var(--workspace-ink);overflow-wrap:anywhere}.app-activity-meta details{margin:3px 0}.app-activity-meta summary{cursor:pointer;min-height:28px;color:var(--workspace-ink)}.app-activity-meta ul{padding-left:18px;margin:6px 0}.app-activity-context-note{color:var(--workspace-muted)!important;font-size:11px!important;margin:6px 0!important}
body.app-interface .v33-activity-row{align-items:flex-start!important;padding:18px 0!important;gap:14px!important}body.app-interface .v33-activity-copy{min-width:0;flex:1}body.app-interface .v33-activity-copy>strong{font-size:12px!important}body.app-interface .v33-activity-copy>p{font-size:12px!important}body.app-interface .v33-activity-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:8px!important}body.app-interface .v33-activity-row time{font-size:10px;white-space:nowrap;color:var(--workspace-muted)}
body.app-interface #appShell #mobileBottomNav{background:var(--workspace-surface)!important;border-top:1px solid var(--workspace-line)!important;box-shadow:0 -4px 20px #10283d08!important}
@media(max-width:1180px){body.app-interface #appShell .top{grid-template-columns:200px minmax(160px,1fr) auto!important;gap:18px!important;padding-right:16px!important}.app-account-name{max-width:82px}body.app-interface #projectFinderButton{display:none!important}body.app-interface #main .fd-row>button{font-size:11px!important}}
@media(max-width:900px){body.app-interface #appShell .top{grid-template-columns:200px minmax(130px,1fr) auto!important;gap:12px!important}.app-account-name,.app-account-chevron{display:none}.app-account>summary{padding:3px}body.app-interface #main .fd-columns{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:800px){:root{--app-header:60px}body.app-interface #appShell .top{padding:0 12px!important;grid-template-columns:1fr auto!important;gap:10px!important}body.app-interface #appShell .top #v8Search{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:68px!important;width:calc(100% - 24px)!important;max-width:none!important;padding:10px!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;background:var(--workspace-surface)!important;box-shadow:var(--app-shadow)!important}body.app-interface #appShell .top #v8Search.search-open{display:block!important}.app-search-key{display:none}body.app-interface #appShell .userbar .global-search-toggle{display:flex!important}body.app-interface #appShell .top .userbar{gap:6px!important}body.app-interface #appShell .userbar #projectFinderButton{display:none!important}body.app-interface #appShell .top .top-logo-frame,body.app-interface #appShell .top .brand{width:124px!important;min-width:124px!important;flex-basis:124px!important;height:36px!important}body.app-interface #appShell .top>div:first-child{gap:9px!important}body.app-interface #appShell .userbar :is(#notifBtn,.global-search-toggle){width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}body.app-interface #appShell .shell{display:block!important}body.app-interface.sidebar-choice.sidebar-visible #appShell #side{position:fixed!important;inset:var(--app-header) auto 0 0!important;width:min(280px,86vw)!important;max-width:86vw!important;z-index:210!important;padding-bottom:76px!important}body.app-interface #appShell #main{padding:20px 16px 96px!important}body.app-interface #appShell #main :is(.page-head,.keeper-head) h1{font-size:23px!important}body.app-interface #appShell #main .workspace-context{margin-bottom:16px!important;padding:0!important}body.app-interface #appShell #main .workspace-context time{display:none!important}body.app-interface #appShell #main :is(.fd-stats,.keeper-metrics){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.app-interface #appShell #main :is(.fd-columns,.keeper-columns){grid-template-columns:minmax(0,1fr)!important}body.app-interface #appShell #main :is(.card,.keeper-card,.rq-card,.pay-request){padding:16px!important}body.app-interface #appShell #main .keeper-context{display:none!important}body.app-interface #appShell #main .settings-layout{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}body.app-interface #appShell #main .settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:8px}body.app-interface #appShell #main .settings-nav>button{flex:0 0 auto}body.app-interface #appShell #main .fd-scope label{width:100%}body.app-interface #appShell #main .fd-scope select{width:100%!important;max-width:100%!important}body.app-interface #main .uw-context{flex-wrap:wrap}body.app-interface #main .uw-inventory-picker{width:100%}body.app-interface #main .keeper-workbar{flex-wrap:wrap}body.app-interface #main .keeper-work-actions{flex-wrap:wrap}body.app-interface #main .keeper-work-actions>button{flex:1 1 120px}body.app-interface #main .fd-card-head>button{min-height:38px!important}body.app-interface #modalBox{padding:20px 16px!important}body.app-interface #modalBox :is(input,select,textarea){font-size:16px!important}body.app-interface #appShell #main #ut table td{font-size:12px!important}}
@media(max-width:380px){body.app-interface #appShell .top{padding:0 8px!important}body.app-interface #appShell .top .top-logo-frame,body.app-interface #appShell .top .brand{width:106px!important;min-width:106px!important;flex-basis:106px!important}body.app-interface #appShell .top .userbar{gap:4px!important}}
@media(max-width:800px){body.app-interface #appShell #main{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:28px!important;overscroll-behavior-y:contain}body.app-interface #appShell .shell{min-height:0!important;overflow:hidden!important}body.app-interface.sidebar-choice #appShell .sidebar-overlay.open{inset:var(--app-header) 0 0!important}}
@media(prefers-reduced-motion:reduce){body.app-interface *,body.app-interface *::before{transition:none!important;scroll-behavior:auto!important}}
html[data-text-size=large] body.app-interface #appShell #main{font-size:16px!important}html[data-text-size=large] body.app-interface #appShell #main :is(p,td,label,input,select,button){font-size:15px!important}
html[data-contrast=high] body.app-interface{--workspace-muted:var(--workspace-ink);--workspace-line:var(--workspace-ink)}
/* Own the masthead geometry instead of inheriting the old fixed-header offsets/cropped logo. */
/* A fixed masthead avoids legacy overflow containers swallowing sticky positioning. */
body.app-interface.app-mode #appShell{box-sizing:border-box!important;padding-top:var(--app-header)!important}
body.app-interface.sidebar-choice #appShell header.top{position:fixed!important;inset:0 0 auto!important;width:100%!important;height:var(--app-header)!important;min-height:var(--app-header)!important;max-height:var(--app-header)!important;flex:0 0 var(--app-header)!important;box-sizing:border-box!important}
body.app-interface.sidebar-choice #appShell .shell{min-height:calc(100dvh - var(--app-header))!important}
@media(max-width:800px){body.app-interface.sidebar-choice #appShell .shell{min-height:0!important}}
body.app-interface.app-mode #appShell header.top button.brand-home{box-sizing:border-box!important;flex:0 0 var(--app-logo,142px)!important;width:var(--app-logo,142px)!important;min-width:var(--app-logo,142px)!important;max-width:var(--app-logo,142px)!important;height:44px!important;overflow:visible!important}
body.app-interface.app-mode #appShell header.top button.brand-home .top-logo-frame{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;width:var(--app-logo,142px)!important;min-width:var(--app-logo,142px)!important;max-width:var(--app-logo,142px)!important;flex:0 0 var(--app-logo,142px)!important;height:38px!important;padding:4px 6px!important;overflow:hidden!important;transform:none!important}
body.app-interface.app-mode #appShell header.top button.brand-home .top-logo-frame img{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;position:static!important;inset:auto!important}
@media(max-width:800px){:root{--app-logo:124px}body.app-interface.sidebar-choice #appShell .shell{display:block!important;grid-template-columns:minmax(0,1fr)!important;margin:0!important;padding:0!important}body.app-interface.sidebar-choice #appShell #main{grid-column:1/-1!important;width:100%!important;max-width:100%!important;margin-left:0!important}body.app-interface.sidebar-choice #appShell header.top{background:var(--workspace-surface)!important}}
@media(max-width:380px){:root{--app-logo:106px}}
@media(max-width:800px){body.app-interface.sidebar-choice #appShell #mobileBottomNav{grid-template-columns:repeat(var(--app-mobile-items,5),minmax(0,1fr))!important;grid-auto-flow:column!important}body.app-interface #appShell #mobileBottomNav button{font-size:10px!important;white-space:nowrap!important;min-width:0!important;padding:7px 3px!important}body.app-interface #appShell #mobileBottomNav :is(.mobile-nav-icon,.mobile-nav-icon svg){width:18px!important;height:18px!important}}
body.app-interface #modal #modalBox #workspacePreferencesForm .pref-appearance{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
body.app-interface #modal #modalBox #workspacePreferencesForm .pref-appearance .app-switch-row{margin:0!important}

/* One aligned dashboard layout for every role. */
body.app-interface #appShell #main :is(.focused-dashboard,.keeper-shell[data-keeper-view=overview]){max-width:1440px;margin-inline:auto}
body.app-interface #appShell #main :is(.fd-header,.keeper-shell[data-keeper-view=overview]>.keeper-head){gap:12px 24px!important;align-items:center!important;margin-bottom:18px!important}
body.app-interface #appShell #main .app-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;min-width:0}
body.app-interface #appShell #main .app-head-actions .dashboard-refreshbar{gap:8px!important;margin:0!important;min-width:0}
body.app-interface #appShell #main .app-head-actions button{margin:0!important;min-height:36px!important;white-space:nowrap!important}
body.app-interface #appShell #main .fd-scope{margin:0 0 16px!important;gap:8px!important;align-items:center!important}
body.app-interface #appShell #main .fd-scope label{display:flex!important;align-items:center!important;gap:10px!important;font-size:12px!important;min-width:0;max-width:100%;font-weight:600}
body.app-interface #appShell #main .fd-scope select{height:38px!important;min-height:38px!important;font-weight:400!important}
body.app-interface #appShell #main .app-dashboard-actions{display:grid!important;grid-template-columns:repeat(var(--dashboard-actions,3),minmax(0,1fr));gap:12px!important;margin:0 0 18px!important;min-width:0}
body.app-interface #appShell #main .app-dashboard-actions .fd-action{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:15px!important;min-height:78px!important;width:100%!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;background:var(--workspace-surface)!important;color:var(--workspace-ink)!important;text-align:left!important}
body.app-interface #appShell #main .app-dashboard-actions .fd-action:hover{background:var(--app-hover)!important;border-color:#8da5ba!important}
.fd-action-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:var(--app-hover);color:var(--workspace-ink)}
.fd-action-icon svg{display:block;width:20px;height:20px}.fd-action-copy{display:grid;gap:4px;min-width:0;flex:1}.fd-action-copy strong{font-size:12px;line-height:1.4;font-weight:650}.fd-action-copy small{font-size:11px;line-height:1.5;font-weight:400;color:var(--workspace-muted)}.fd-action-arrow{font-size:16px;color:var(--workspace-muted);flex:0 0 auto}
body.app-interface #appShell #main :is(.fd-stats,.keeper-metrics){gap:12px!important;margin-bottom:18px!important}
body.app-interface #appShell #main :is(.fd-stat,.keeper-metric){justify-content:space-between!important;min-height:112px!important;gap:12px!important;padding:17px 18px!important}
body.app-interface #appShell #main :is(.fd-stat-heading,.dashboard-stat-heading){display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;gap:12px;font-size:12px!important;font-weight:500!important;color:var(--workspace-muted)!important}
.fd-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;width:19px;height:19px;color:var(--workspace-muted)}.fd-symbol svg{display:block;width:19px;height:19px}
body.app-interface #appShell #main :is(.fd-stat>strong,.keeper-metric>b){margin:0!important;line-height:1!important;font-size:29px!important;font-variant-numeric:tabular-nums}
body.app-interface #appShell #main .keeper-metric small{display:none!important}
body.app-interface #appShell #main .app-dashboard-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
body.app-interface #appShell #main .app-dashboard-columns>.fd-card{margin:0!important;min-width:0}
body.app-interface #appShell #main .fd-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding-bottom:14px!important;margin-bottom:0!important;border-bottom:1px solid var(--workspace-line)}
.fd-card-head>div{min-width:0}.fd-panel-title{display:flex;align-items:center;gap:9px}.fd-panel-title>span:last-child{min-width:0}
body.app-interface #appShell #main .fd-card-head>button{flex:0 0 auto!important;min-height:32px!important;padding:6px 9px!important;font-size:11px!important}
body.app-interface #appShell #main .fd-card-head h2{font-size:14px!important;line-height:1.5!important;margin:5px 0!important}
body.app-interface #appShell #main .fd-empty{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:116px!important;margin:0!important;padding:22px 8px!important;text-align:left!important;background:transparent!important;border:0!important;color:var(--workspace-muted)!important}
.fd-empty p{font-size:12px;line-height:1.7;margin:0}.fd-empty .fd-symbol{flex:0 0 24px;width:24px;height:24px}
body.app-interface #appShell #main .fd-row{align-items:center!important;min-height:74px!important;padding:14px 0!important}
body.app-interface #appShell #main .fd-row:last-child{padding-bottom:0!important;border-bottom:0!important}
.fd-row>div:first-child{min-width:0}.fd-stock-balance{display:grid;justify-items:end;gap:6px;flex:0 0 auto;font-variant-numeric:tabular-nums}.fd-stock-state{font-size:10px;line-height:1.5;padding:2px 7px;border-radius:5px;font-weight:600;background:#fff4d9;color:#805400}.fd-stock-state[data-state=out]{background:#fff0f1;color:#a51b31}html[data-theme=dark] .fd-stock-state{background:#403620;color:#f3d18a}html[data-theme=dark] .fd-stock-state[data-state=out]{background:#412b36;color:#ffb7c2}
body.app-interface #appShell #main .keeper-overview-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
body.app-interface #appShell #main .keeper-overview-actions .fd-action{gap:9px!important;padding:13px!important}
body.app-interface #appShell #main .keeper-overview-actions .fd-action-icon{width:30px;height:30px;flex-basis:30px}
body.app-interface #appShell #main .keeper-overview-actions .fd-action-arrow{display:none}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview] .keeper-updatebar:not(:has(button)):has(>#keeperFeedback:empty){display:none!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview]>.keeper-head .keeper-context:not(:has(select)){display:none!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview]>.keeper-head .keeper-context :is(.dashboard-avatar,.dashboard-person-copy>strong){display:none!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview]>.keeper-head .keeper-context:has(select){display:block!important;text-align:left!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview] .keeper-context{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;min-height:0!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview] .keeper-context label{margin:0!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview] .keeper-context select{height:36px!important;min-height:36px!important;max-width:220px!important;padding:6px 10px!important}
body.app-interface #appShell #main .keeper-shell[data-keeper-view=overview] .keeper-workbar{padding:16px 18px!important;margin-bottom:14px!important;gap:14px!important;border-left:3px solid var(--app-accent)!important}
body.app-interface #appShell #main .keeper-workbar .dashboard-location-icon{height:36px;width:36px;flex:0 0 36px;background:var(--app-hover);border-radius:9px;color:var(--workspace-ink)}
body.app-interface #appShell #main .keeper-workbar h2{margin:2px 0 4px!important;font-size:16px!important}
body.app-interface #appShell #main .keeper-workbar,body.app-interface #appShell #main .keeper-workbar h2{color:var(--workspace-ink)!important}
body.app-interface #appShell #main .keeper-workbar :is(p,.keeper-kicker){color:var(--workspace-muted)!important}
body.app-interface #appShell #main .keeper-workbar::after{display:none!important}
body.app-interface #appShell #main .keeper-workbar .keeper-kicker{font-size:9px!important}
body.app-interface #appShell #main .keeper-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.app-interface #appShell #main .keeper-columns>div{display:grid;align-content:start;gap:18px}
body.app-interface #appShell #main .keeper-columns .keeper-card{margin:0!important}
body.app-interface #appShell #main .keeper-card header{align-items:center!important;gap:10px!important;padding-bottom:12px;border-bottom:1px solid var(--workspace-line)}
body.app-interface #appShell #main .keeper-card header h2{font-size:14px!important;margin:0!important}
body.app-interface #appShell #main .keeper-card header p{display:none!important}
body.app-interface #appShell #main .keeper-card header button{min-height:32px!important;font-size:11px!important;padding:6px 9px!important}
/* Profile identity and a single icon column keep every account action aligned. */
body.app-interface #appShell .top .app-account-panel{width:252px;padding:10px;gap:0;max-height:calc(100dvh - var(--app-header) - 20px);overflow-y:auto}
.app-account-identity{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;border-bottom:1px solid var(--workspace-line);margin-bottom:6px;min-width:0}.app-account-identity .app-account-avatar{flex-basis:34px;width:34px;height:34px}.app-account-person{display:grid;min-width:0;gap:2px;flex:1}
body.app-interface #appShell .top .app-account-panel .app-account-identity :is(#userName,#userRole){font-size:12px!important;line-height:1.5!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.app-interface #appShell .top .app-account-panel .app-account-identity #userName{font-weight:650!important}
body.app-interface #appShell .top .app-account-panel .app-account-identity #userRole{font-size:11px!important;font-weight:400!important;color:var(--workspace-muted)!important}
.app-account-links{display:grid;gap:2px}
body.app-interface #appShell .top .app-account-panel :is(.app-account-links button,#logoutBtn){display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important;justify-content:stretch!important;column-gap:10px!important;text-align:left!important;height:36px!important;min-height:36px!important;padding:7px 8px!important;font-size:12px!important}
body.app-interface #appShell .top .app-account-panel button :is(svg,.app-menu-icon,#themeToggleIcon){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;min-width:18px!important;height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}
body.app-interface #appShell .top .app-account-panel button :is(.app-preference-label,#themeToggleLabel,.logout-label){justify-self:start!important;font-size:12px!important;font-weight:500!important}
.app-menu-icon svg{width:18px;height:18px}
.app-theme-track{display:block;width:26px;height:16px;background:#b1bfcc;border-radius:5px;position:relative}.app-theme-track:before{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;background:#fff;border-radius:3px}html[data-theme=dark] .app-theme-track{background:#b31b27}html[data-theme=dark] .app-theme-track:before{left:13px}
/* Working pages follow title → location/filter → sections → supporting tools. */
body.app-interface #appShell #main .page-head>.ss-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}
body.app-interface #appShell #main .uw-context.app-context-minimal{display:none!important}
body.app-interface #appShell #main :is(.ss-picker,.uw-context:has(select)){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:12px 14px!important;margin:0 0 14px!important;border:1px solid var(--workspace-line)!important;border-radius:10px!important;background:var(--workspace-surface)!important;max-width:100%;min-width:0}
body.app-interface #appShell #main .ss-picker>label{font-size:12px!important;font-weight:600!important;white-space:nowrap!important;margin:0!important}
body.app-interface #appShell #main .ss-picker>select{width:min(520px,100%)!important;max-width:100%!important;min-width:0!important;min-height:38px!important;height:38px!important;margin:0!important;font-size:12px!important}
body.app-interface #appShell #main .uw-context .uw-inventory-picker{display:flex!important;align-items:center!important;gap:10px!important;flex:0 1 620px!important;min-width:0!important;font-size:12px!important;font-weight:600!important;white-space:nowrap}
body.app-interface #appShell #main .uw-context .uw-inventory-picker select{flex:1!important;min-width:0!important;max-width:520px!important;height:38px!important;min-height:38px!important;margin:0!important;font-size:12px!important}
body.app-interface #appShell #main .uw-context:has(select)>span{display:none!important}
.app-secondary-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;min-width:0}
body.app-interface #appShell #main .app-secondary-tools :is(.op-tools,[data-workspace-tools]){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important}
body.app-interface #appShell #main .app-secondary-tools button{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
body.app-interface #appShell #main .workspace-context:has(time){margin-bottom:12px!important;padding-bottom:0!important}
body.app-interface #appShell #main :is(.page-head,.keeper-head)>div:first-child,body.app-interface #appShell #main :is(.page-head,.keeper-head) h1{text-align:left!important}
/* Keep full text in the record; shorten only its table preview. */
body.app-interface #appShell #main td.app-compact-cell{width:auto!important;max-width:none!important}
body.app-interface #appShell #main button.app-cell-details{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;max-width:28ch!important;min-width:0!important;min-height:32px!important;padding:3px 0!important;margin:0!important;border:0!important;border-radius:3px!important;box-shadow:none!important;background:transparent!important;color:var(--workspace-ink)!important;text-align:left!important;font:inherit!important;text-decoration:underline;text-decoration-color:#91a5b9;text-underline-offset:4px;white-space:nowrap!important}
body.app-interface #appShell #main button.app-cell-details[data-detail-kind=id]{max-width:13ch!important;font-family:ui-monospace,Consolas,monospace!important;font-size:11px!important}
body.app-interface #appShell #main button.app-cell-details[data-detail-kind=projects]{max-width:23ch!important}
.app-value-preview{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.app-interface #appShell #main button.app-cell-details:hover{color:var(--app-accent)!important}
body.app-interface #appShell #main button.app-cell-details:focus-visible{outline:2px solid var(--workspace-focus,#175da8)!important;outline-offset:4px!important}
body.app-interface #appShell #main .app-head-actions>:is(.actions,.ss-actions,.role-head-actions,.page-head-actions){display:contents!important}
body.app-interface #appShell #main .pay-workspace>.page-head{display:grid!important;grid-template-columns:minmax(200px,1fr) auto!important;gap:16px 24px!important;align-items:center!important}
body.app-interface #appShell #main .pay-workspace>.page-head>.app-head-actions{max-width:100%!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
body.app-interface #appShell #main .pay-workspace>.page-head button{min-height:36px!important;padding:8px 11px!important;font-size:12px!important;line-height:1.5!important}
@media(max-width:1100px){body.app-interface #appShell #main .pay-workspace>.page-head{grid-template-columns:minmax(0,1fr)!important}body.app-interface #appShell #main .pay-workspace>.page-head>.app-head-actions{justify-content:flex-start!important}}
@media(max-width:800px){body.app-interface #appShell #main .pay-workspace>.page-head>.app-head-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}body.app-interface #appShell #main .pay-workspace>.page-head button{white-space:normal!important;width:100%!important;height:auto!important;min-height:40px!important}}
.app-value-detail{max-width:100%;min-width:0}.app-full-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;user-select:text;line-height:1.7;padding:14px;border:1px solid var(--workspace-line);border-radius:8px;background:var(--workspace-soft);color:var(--workspace-ink)}
.app-dashboard-loading{display:flex;align-items:center;gap:12px;min-height:112px;padding:24px;border:1px solid var(--workspace-line);border-radius:12px;background:var(--workspace-surface);color:var(--workspace-muted);max-width:100%}.app-dashboard-loading p{margin:0;font-size:13px;line-height:1.6}.app-loading-mark{display:block;flex:0 0 20px;width:20px;height:20px;border:2px solid var(--workspace-line);border-top-color:var(--app-accent);border-radius:50%;animation:app-dashboard-load .9s linear infinite}@keyframes app-dashboard-load{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.app-loading-mark{animation:none}}html[data-motion=reduced] .app-loading-mark{animation:none}
.app-project-detail{display:grid;gap:4px;padding:12px 0;margin:0;border-bottom:1px solid var(--workspace-line);overflow-wrap:anywhere}.app-project-detail>strong{font-size:12px}.app-project-detail>span{font-size:13px;line-height:1.6}
@media(max-width:800px){body.app-interface #appShell #main button.app-cell-details{max-width:22ch!important}body.app-interface #appShell #main button.app-cell-details[data-detail-kind=projects]{max-width:20ch!important}}
@media(max-width:800px){body.app-interface #appShell #main :is(.page-head,.keeper-head)>div:first-child{width:100%!important}body.app-interface #appShell #main .app-head-actions{width:100%!important}}
@media(max-width:800px){body.app-interface #appShell #main :is(.ss-picker,.uw-context:has(select)){align-items:stretch!important;flex-direction:column!important;gap:7px!important;padding:12px!important}body.app-interface #appShell #main .ss-picker>select{width:100%!important}body.app-interface #appShell #main .uw-context .uw-inventory-picker{display:grid!important;gap:6px!important;flex:0 1 auto!important;width:100%!important}body.app-interface #appShell #main .uw-context .uw-inventory-picker select{width:100%!important;max-width:100%!important}}
@media(max-width:1100px){body.app-interface #appShell #main .keeper-overview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.app-interface #appShell #main .app-dashboard-columns{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:800px){body.app-interface #appShell #main .app-dashboard-actions{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}body.app-interface #appShell #main .app-dashboard-actions .fd-action{min-height:64px!important;padding:12px!important}body.app-interface #appShell #main .fd-action-copy small{font-size:11px!important}body.app-interface #appShell #main .fd-scope label{display:grid!important;gap:6px!important;width:100%}body.app-interface #appShell #main .fd-scope select{width:100%!important;max-width:100%!important}body.app-interface #appShell #main .app-head-actions{justify-content:flex-start!important}body.app-interface #appShell #main .app-head-actions .dashboard-refreshbar>span{display:none!important}body.app-interface #appShell #main .app-dashboard-columns,body.app-interface #appShell #main .keeper-columns{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body.app-interface #appShell #main .keeper-overview-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.app-interface #appShell #main .keeper-overview-actions .fd-action{flex-wrap:wrap!important;align-content:start!important;min-height:114px!important}body.app-interface #appShell #main .keeper-overview-actions .fd-action-copy{flex-basis:100%}body.app-interface #appShell #main .keeper-workbar{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important}body.app-interface #appShell #main .keeper-workbar .keeper-work-actions{grid-column:1/-1;width:100%}body.app-interface #appShell #main .keeper-workbar .keeper-work-actions button{width:100%;min-width:0!important}body.app-interface #appShell #main .fd-stock-row{gap:8px!important}.fd-stock-balance{flex-shrink:1;min-width:80px;text-align:right}}