/* Shared typography and surfaces across the business workspace. */




:root{--bg:var(--tbf4f5f8);--ink:var(--tf202b3b);--muted:var(--tf818b9a);--line:var(--tbe7eaf0);--green:var(--tb203a54);--soft:var(--tbedf0f4)}
body,html[lang=hy] body{font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;letter-spacing:-.2px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit;letter-spacing:inherit}strong,b{font-weight:600}button{font-weight:500;border-radius:10px}button.primary{background:var(--tb213a54);border-color:var(--tb213a54);box-shadow:none}button.primary:hover{background:var(--tb2c4965);border-color:var(--tb2c4965)}
header{background:var(--tbffffff);backdrop-filter:none;border-bottom:1px solid var(--line);height:76px}.businessicon{background:linear-gradient(130deg,var(--tb24465b),var(--tb37665f));border-radius:11px;box-shadow:none}.businesslabel strong,.topidentity strong{color:var(--tf22364e);font-size:14px;font-weight:600}.businesslabel small,.topidentity small{font-size:11px;color:var(--tf8c95a3);font-weight:400}.businesschevron{color:var(--tf939eac)}.language-trigger,.menutoggle{background:var(--tbf8f9fb);border:1px solid var(--tbe2e6ed);box-shadow:none;border-radius:9px;color:var(--tf52657b)}.modepill{background:var(--tbfafbfc);border-color:var(--tbe9edf2);color:var(--tf8a94a1);font-size:11px}
.heading h1,.financepage .heading h1,.ownerpage .heading h1{font-size:27px;letter-spacing:-.85px;font-weight:600;line-height:1.2}.heading #subtitle,.ownerpage .heading #subtitle{font-size:12px;color:var(--tf85909e);line-height:1.5}.heading{margin-bottom:24px}#add,.financepage #add{font-size:12px;font-weight:500;min-height:40px;padding:10px 16px;border-radius:9px}
nav a{font-size:13px;font-weight:500;color:var(--tf657080);padding:11px 12px;gap:12px;margin:4px 0;border-radius:10px}nav a i{width:34px;height:34px;background:var(--tbf0f2f5);color:var(--tf8591a1);border-radius:9px;box-shadow:none}nav a i .appicon{width:20px;height:20px;stroke-width:1.6}nav a.active{background:var(--tbedf0f4);color:var(--tf243b56);font-weight:600}nav a.active i,nav a.active:hover i{background:var(--tb223b57);color:var(--tfffffff);box-shadow:none}nav a:hover i{background:var(--tbe9edf2)}.brand b{border-radius:10px;box-shadow:none}.brand>span.brandname{font-weight:600;letter-spacing:-1px}.navlabel{font-size:9px;font-weight:500;letter-spacing:1.2px;color:var(--tfa0a8b4)}.owner{background:var(--tbf8f9fb);border-radius:11px;font-size:12px}
.panel,.card,.ledgerworkspace,.accounttile{border:1px solid var(--tbe8ebf0);background:var(--tbffffff);box-shadow:0 2px 9px var(--tb23324c03);border-radius:14px}.panel{padding:23px}.panel h3{font-size:14px;font-weight:600;color:var(--tf293647);letter-spacing:-.2px}.panelhead>.tiny{font-size:11px;background:transparent;color:var(--tf64778c);border:0;padding:5px;min-height:28px}.panelhead{margin-bottom:18px}.muted{font-size:11px;color:var(--tf8b95a3)}.empty,.ownerpage .panel .empty{font-size:12px;line-height:1.7;color:var(--tf939da9);padding:36px 16px}.empty strong,.ownerpage .panel .empty strong{font-size:15px;font-weight:500;color:var(--tf607083);margin-bottom:6px}.badge{font-size:10px;font-weight:500;padding:5px 8px;border-radius:6px}.positive{color:var(--tf31816c)}.negative{color:var(--tfb36756)}
.balancehero,.ownerpage .balancehero{border-radius:14px;box-shadow:none;background:linear-gradient(115deg,var(--tb23475e),var(--tb186257))}.balancehero>strong{font-weight:600;letter-spacing:-1px}.herobalances>div{border-radius:9px;background:var(--tbffffff0d)}.metriccard{border-radius:12px;box-shadow:none}.metriccard strong{font-weight:600;letter-spacing:-.6px}.metricicon{border-radius:7px;box-shadow:none;width:28px;height:28px}.metricicon .appicon{width:17px;height:17px;stroke-width:1.7}.metrichead{font-size:11px}.metriccard small{font-size:10px}.periodbar{background:var(--tbe9ebf0);border-radius:9px;gap:3px}.periodbar button{font-size:11px;font-weight:500;border-radius:6px}.periodbar button.selected{box-shadow:0 1px 3px var(--tb22374c12)}.revenuepanel{box-shadow:none}
.financepage .financetabs a{font-size:12px;color:var(--tf8591a0)}.financepage .financetabs a.selected{color:var(--tf243b56);border-bottom-color:var(--tb243b56);font-weight:500}.ledgerworkspace{padding:18px 22px}.ledgeraccount{font-size:13px;color:var(--tf34465b);font-weight:500}.ledgerfilter{font-size:11px;color:var(--tf8995a5)}.ledgerkinds button{font-size:11px;padding:6px 12px}.ledgerdate{font-size:11px;font-weight:400;color:var(--tf8d97a5);padding-top:22px}.ledgerrow{gap:12px;min-height:72px}.ledgerrowtext strong{font-size:13px;color:var(--tf344257);font-weight:500}.ledgerrowtext small{font-size:11px;color:var(--tf939daa);margin-top:5px}.ledgerrowamount strong{font-size:13px;font-weight:600}.ledgerrowamount small{font-size:10px}.ledgerrowamount.positive{color:var(--tf31816c)}.ledgerrowamount.negative{color:var(--tfb36756)}.ledgerrowicon{background:var(--tbf1f3f7);color:var(--tf8493a5);border-radius:9px;width:34px;height:34px}.ledgerrowicon.income{background:var(--tbeef5f1);color:var(--tf508d78)}.ledgerrowicon.expense{background:var(--tbf8efec);color:var(--tfb77c68)}.ledgerempty strong{font-size:14px;font-weight:500;color:var(--tf718092)}.ledgerempty p{font-size:12px;color:var(--tf9aa4b1)}.balancesummary span,.accounttilemain>small,.financepage .accounttilemain>small{font-size:11px}.accounttile h3,.financepage .accounttile h3{font-size:14px;font-weight:500}.accounttilemain>strong,.financepage .accounttilemain>strong{font-weight:600;font-size:26px;letter-spacing:-.8px}.accounttileicon{background:var(--tbf0f3f7);color:var(--tf7d8c9f)}.accounttilelink,.financepage .accounttilelink,.accounttilefooter,.accounttilefooter .tiny{font-size:11px;color:var(--tf8896a6)}.loansummary span,.loanhelp{font-size:12px}.loanrow{font-size:13px}.loanrow strong{font-weight:500}
.calendaritem{font-size:13px;align-items:center;padding:20px 0}.calendaritem p{font-size:11px;color:var(--tf8e98a6)}.caldate{font-size:12px;font-weight:500;color:var(--tf5a728b)}.calendaritem strong{font-weight:500}th{background:var(--tbf9fafc);font-size:11px;color:var(--tf919aa8)}td,td strong{font-size:12px}td strong{font-weight:500}.reportline{font-size:13px}.tiny{font-size:11px;background:var(--tbf7f9fb);border-color:var(--tbe8ecf2);font-weight:500}
dialog{border-radius:16px;box-shadow:0 24px 85px var(--tb182a4630);padding:25px}dialog::backdrop{background:var(--tb1b283e55);backdrop-filter:blur(2px)}.modalhead h2,.expensemodal .modalhead h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.close{width:30px;height:30px;min-height:30px;background:var(--tbf2f4f7);border-radius:8px;font-size:21px;color:var(--tf8a96a6);display:grid;place-items:center}#fields label,.expensemodal #fields label{font-size:12px;font-weight:500;color:var(--tf657184);margin:17px 0 7px}input,select{background:var(--tbf8f9fb);border:1px solid var(--tbe2e6ed);border-radius:9px;padding:12px;font-size:13px;color:var(--tf344154)}input:focus,select:focus{outline:2px solid var(--tbbacbdb);outline-offset:1px;border-color:var(--tb91a7bd)}#fields .help,.expensemodal #fields .help{font-size:11px;color:var(--tf939eab);line-height:1.7}.operationchoices strong{font-size:14px;font-weight:500;color:var(--tf35475d)}.operationchoices small{font-size:11px}.choiceicon{border-radius:10px;box-shadow:none}.expenseclassification,.expensedetails{border-color:var(--tbe8ecf1);background:var(--tbfafbfc)}.expensesummary{background:var(--tbfaf6f4);border-color:var(--tbeee4df)}.expenseamount input{font-weight:500}.storagehint{font-size:11px}.settings p{font-size:13px;color:var(--tf7d8998)}.notice{font-size:11px;background:var(--tbeef2f5);color:var(--tf7e8c99)}.assistantbadge{background:var(--tbeef2f6);color:var(--tf637d95);box-shadow:none}.assistantintro h3{font-weight:600}.assistantintro p{font-size:12px}.billinghero{box-shadow:none}footer,.financepage footer,.ownerpage footer{font-size:10px;color:var(--tfa2aab6)}
@media(max-width:780px){header{height:68px;padding:0 16px}.businesslabel strong{font-size:14px}.businesslabel small,.topidentity small{font-size:10px}.heading h1,.financepage .heading h1,.ownerpage .heading h1{font-size:24px;letter-spacing:-.7px}.heading #subtitle,.ownerpage .heading #subtitle{font-size:11px}.heading{gap:12px}#add,.financepage #add{font-size:11px;padding:10px 12px;min-height:37px}.panel{padding:18px;border-radius:13px}.panel h3{font-size:14px}.ledgerworkspace{padding:15px;border-radius:12px}.financepage .financetabs{gap:21px}.financepage .financetabs a{font-size:12px}.ledgeraccount{font-size:12px}.ledgerfilter{font-size:11px}.ledgerkinds button{font-size:10px;padding:6px 10px}.ledgerdate{font-size:10px}.ledgerrow{min-height:72px;padding:15px 0;gap:10px}.ledgerrowtext strong,.ledgerrowamount strong{font-size:12px}.ledgerrowtext small{font-size:10px;line-height:1.4}.ledgerrowicon{width:32px;height:32px}.ledgerempty strong{font-size:14px}.ledgerempty p{font-size:11px}.metrichead{font-size:10px}.metriccard small{font-size:10px}.ownerpage .balancehero>p{font-size:11px}.periodbar button{font-size:10px}.ownerchartempty{font-size:11px}.accounttilefooter .tiny{font-size:10px}.calendaritem{gap:12px}.calendaritem p{font-size:11px}.caldate{font-size:11px;min-width:60px}.row{gap:12px}.financepage footer,.ownerpage footer,footer{font-size:9px}.modepill{font-size:10px}.expensemodal .row input,.expensemodal .row select{font-size:12px}.empty,.ownerpage .panel .empty{font-size:11px}.empty strong,.ownerpage .panel .empty strong{font-size:14px}}
.financetabs{overflow-y:hidden;scrollbar-width:none}.financetabs::-webkit-scrollbar{display:none}.financepage .financetabs{padding-bottom:1px}

/* Workspace foundation: semantic tokens, readable secondary text and shared controls. */
:root{--bg:var(--tbf7f8fa);--ink:var(--tf202532);--muted:var(--tf626d7e);--line:var(--tbe5e7ed);--green:var(--tb4455c7);--soft:var(--tbeef0fc);--surface:var(--tbffffff);--accent:var(--tb4455c7);--radius:12px;--shadow:0 2px 6px var(--tb18203204)}
body{color:var(--ink)}
aside{display:flex;flex-direction:column;padding:28px 16px 16px;background:var(--tbfbfbfd);overflow-y:auto;overscroll-behavior:contain}
.brand{padding:0 12px 24px}.brand b{background:var(--tb252c42)}.brand small{color:var(--tf697386);letter-spacing:1.3px}
#nav{display:block;flex:1;margin:0;padding:0;overflow:visible}.navgroup{margin:0 0 18px}.navgroup-title{padding:6px 12px;margin:0 0 5px;font-size:10px;letter-spacing:1.15px;color:var(--tf737c8d);font-weight:600}
#nav a{min-height:43px;padding:9px 12px;margin:3px 0;gap:11px;border:1px solid transparent;border-radius:8px;font-size:13px;color:var(--tf586174)}
#nav a i,#nav a:hover i{width:21px;height:21px;background:transparent;color:inherit;border-radius:0;flex-shrink:0}
#nav a i .appicon{width:19px;height:19px;stroke-width:1.7}
#nav a.active{background:var(--tbeceefa);border-color:var(--tbe2e5f5);color:var(--tf3e4fb4);font-weight:600}#nav a.active i{background:transparent;color:inherit}#nav a:hover{background:var(--tbf0f1f6)}
.sidebottom{position:static;flex-shrink:0;margin-top:16px}.owner{background:var(--tbffffff);border-color:var(--line)}.ownericon{background:var(--tbebedf6);color:var(--tf4c5680)}.localstatus{font-size:11px;color:var(--tf667286)}
header{height:72px;background:var(--tbffffffed);backdrop-filter:blur(14px)}.businessicon{background:var(--tbedf0f9);color:var(--tf47557e)}.businesslabel small,.topidentity small{color:var(--tf697386)}.modepill{color:var(--tf626d7e)}
section{padding:32px;max-width:1480px}.heading h1,.ownerpage .heading h1,.financepage .heading h1{font-size:28px;font-weight:600;letter-spacing:-.85px;color:var(--ink)}.heading #subtitle,.ownerpage .heading #subtitle{font-size:13px;color:var(--muted)}
button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px var(--tb18203216)}button.primary:hover{background:var(--tb3746af);border-color:var(--tb3746af)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--tb8b98ec);outline-offset:3px}
.panel,.card,.ledgerworkspace,.accounttile{border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow)}.panel h3{font-size:15px;color:var(--tf2c3342)}.panelhead .muted,.muted{color:var(--muted);font-size:12px}
.balancehero,.ownerpage .balancehero{background:linear-gradient(120deg,var(--tb29364e),var(--tb344c64));border:1px solid var(--tb344761);border-radius:var(--radius)}.balancehero>p,.ownerpage .balancehero>p{color:var(--tfc3cfdf);font-size:12px}.herotop,.heroall{color:var(--tfd4deeb)}.herobalances span{color:var(--tfccd7e5);font-size:11px}.herobalances b{font-size:13px}
.metric{background:var(--tbffffff);border-color:var(--line);box-shadow:var(--shadow)}.metrichead{font-size:12px;color:var(--tf586174)}.metric>small{font-size:11px;color:var(--tf667286)}.metricicon{background:var(--metricbg);color:var(--metriccolor)}.metric>strong{font-size:24px;color:var(--tf252d3c)}
.periodbar{background:var(--tbeceef3);max-width:600px}.periodbar button{font-size:12px;color:var(--tf626d7e)}.periodbar button.selected{color:var(--tf3949aa)}
.empty,.ownerpage .panel .empty{color:var(--tf6c7687);font-size:13px}.empty strong,.ownerpage .panel .empty strong{font-size:15px;color:var(--tf414d61)}.ownerchartempty{font-size:12px;color:var(--tf6c7687)}.chartcaption{font-size:10px;color:var(--tf657084)}
.financepage .financetabs a{color:var(--tf667286);font-size:13px}.financepage .financetabs a.selected{color:var(--tf3e4fb4);border-color:var(--tb4455c7)}.ledgerrowtext small,.ledgerrowamount small,.ledgerdate{color:var(--tf667286);font-size:12px}.ledgerrowtext strong,.ledgerrowamount strong{font-size:14px}.ledgerkinds button{font-size:12px;min-height:34px;color:var(--tf626d7e)}.ledgerkinds button.selected{background:var(--tbeef0fc);color:var(--tf3e4fb4)}.ledgerempty p{color:var(--tf697386);font-size:13px}.ledgerempty strong{color:var(--tf46536a);font-size:15px}.ledgerfilter{font-size:12px;color:var(--tf626d7e)}
th{font-size:12px;color:var(--tf626d7e)}td,td strong{font-size:13px}td .muted{font-size:12px}.positive,.ledgerrowamount.positive{color:var(--tf21745d)}.negative,.ledgerrowamount.negative{color:var(--tfa7463b)}
.quickactions span{font-size:13px}.quickactions small{font-size:12px;color:var(--tf667286)}.channel>div:first-child,.channel b{font-size:12px}.storagehint{color:var(--tf667286);font-size:12px}.storagehint a{color:var(--tf4455b3);text-decoration:underline;text-underline-offset:3px}.settings p{color:var(--tf626d7e)}.notice{color:var(--tf536176);font-size:12px}.skiplink{position:fixed;top:10px;left:12px;z-index:100;transform:translateY(-160%);background:var(--tbffffff);color:var(--tf3949aa);padding:12px 18px;border-radius:8px}.skiplink:focus{transform:translateY(0)}
[hidden]{display:none!important}
@media(max-width:780px){aside{padding:24px 16px 16px;height:100dvh}.sidebottom{display:block}.brand>span.brandname{display:block}header{height:68px}.heading h1,.ownerpage .heading h1,.financepage .heading h1{font-size:25px}.heading #subtitle,.ownerpage .heading #subtitle{font-size:12px}section,.financepage section,.ownerpage section{padding:24px 16px}.heading,.financepage .heading{flex-wrap:wrap;gap:14px}#add,.financepage #add{font-size:12px;min-height:42px}.financepage .financebar{flex-wrap:wrap}.financepage .financetabs{width:100%;flex-basis:100%}.financepage .financetabs a{font-size:12px;min-height:44px}.ledgerrowtext strong,.ledgerrowamount strong{font-size:13px}.ledgerrowtext small,.ledgerrowamount small{font-size:11px}.ledgerkinds button{font-size:11px;min-height:38px}.ledgerkinds>span{display:none}.metrichead,html[lang=hy] .metrichead{font-size:11px}.metric>small{font-size:11px}.metric>strong{font-size:22px}.periodbar button,html[lang=hy] .periodbar button{font-size:11px;min-height:40px}.tiny{min-height:36px}.language-trigger,.menutoggle{min-height:40px}.panel{padding:18px}.row{grid-template-columns:1fr}.settings button{max-width:100%;white-space:normal}.calendaritem{flex-wrap:wrap}.businesslabel small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.cloudintro{display:flex;gap:18px;align-items:center;margin:4px 0 24px}.cloudintro h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:0 0 8px}.cloudintro p{font-size:14px;color:var(--muted);margin:0;line-height:1.65}.cloudsymbol{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;background:var(--tbeceefa);color:var(--accent);border-radius:14px}.cloudsymbol svg{width:25px;height:25px}.cloudnotice{padding:18px 22px;border:1px solid var(--tbdce1f3);background:var(--tbf0f2fb);border-radius:12px;margin-bottom:22px;color:var(--tf465476)}.cloudnotice p{font-size:13px;line-height:1.7;margin:7px 0 0}.cloudgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cloudnumber{font-size:38px;font-weight:600;letter-spacing:-1px}.cloudgrid p{color:var(--muted);font-size:13px}.cloudstat{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);margin:16px 0;font-size:13px}.cloudactions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.cloudpanel .help{font-size:13px;line-height:1.7;color:var(--muted)}.cloudmessage{margin:16px 0;font-size:14px;line-height:1.6}.cloudsignin{display:inline-block;padding:12px 18px;border-radius:9px;background:var(--accent);color:var(--tfffffff);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.cloudpanel>p{line-height:1.7}@media(max-width:600px){.cloudgrid{grid-template-columns:1fr;gap:0}.cloudintro{align-items:flex-start}.cloudintro h2{font-size:20px}.cloudactions{flex-direction:column}.cloudactions button{min-height:44px;text-align:center}}