:root{font-family:'DM Sans',sans-serif;color:#202624;background:#f5f6f2;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202624;--muted:#868d88;--line:#eceee9;--green:#246b54;--green-dark:#1b5944;--pale:#f5f6f2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f7f4}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid #edeee9;padding:27px 17px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:11px;align-items:center;padding:0 9px;text-decoration:none;color:var(--ink)}.brand-mark{width:36px;height:36px;border-radius:11px;background:#286e56;color:white;display:grid;place-items:center;font:800 12px Manrope;letter-spacing:-.8px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font:800 15px Manrope;letter-spacing:-.6px}.brand-copy small{font-size:8px;letter-spacing:1.55px;color:#9b9f9a;font-weight:700}.workspace-label,.nav-label{font-size:9px;letter-spacing:1.2px;color:#a3a8a3;font-weight:700;margin:42px 10px 10px}.site-switcher{font:inherit;color:inherit;background:#fafbf8;border:1px solid #eff0eb;border-radius:8px;text-align:left;padding:10px 9px;display:flex;align-items:center;gap:9px;cursor:pointer}.site-switcher .site-icon{display:grid;place-items:center;width:29px;height:29px;background:#e7f0e9;color:#397159;border-radius:7px;font-size:16px}.site-switcher span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.site-switcher strong{font-size:10px;white-space:nowrap}.site-switcher small{font-size:9px;color:#939994}.site-switcher .chevron{margin-left:auto;color:#949a94}.nav-label{margin-top:36px;margin-bottom:9px}.main-nav{display:grid;gap:4px}.nav-link{height:38px;display:flex;align-items:center;gap:11px;padding:0 11px;text-decoration:none;color:#737b75;font-size:11px;font-weight:500;border-radius:7px}.nav-link.active{background:#edf4ef;color:#27644e;font-weight:700}.nav-icon{font-size:15px;width:17px;text-align:center}.soon-tag{margin-left:auto;font-size:7px;letter-spacing:.7px;color:#9ba19b;background:#f2f3f0;border-radius:4px;padding:3px 5px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #eceee8;background:#fafbf9;padding:14px 13px 13px;border-radius:8px;margin:0 2px 15px}.help-icon{font-size:16px;color:#438065;margin-bottom:8px}.help-card strong{font-size:10px}.help-card p{font-size:9px;line-height:1.6;color:#89908a;margin:5px 0 11px}.help-card a{font-size:9px;color:#327257;text-decoration:none;font-weight:700}.help-card a span{margin-left:3px}.profile{border:0;background:none;border-top:1px solid #eff0ec;padding:13px 5px 0;width:100%;display:flex;align-items:center;gap:9px;text-align:left;color:inherit;font:inherit;cursor:pointer}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ecd8bf;color:#70543a;font-size:9px;font-weight:700}.profile>span:nth-child(2){display:grid;gap:3px}.profile strong{font-size:10px}.profile small{font-size:9px;color:#969c96}.profile .more{margin-left:auto;font-size:18px;letter-spacing:1px;color:#879087}.main-content{margin-left:248px;padding:0 42px;max-width:1600px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebede8}.breadcrumb{font-size:10px;color:#939992}.breadcrumb span{margin:0 9px;color:#c2c6c1}.breadcrumb strong{font-weight:600;color:#555d57}.top-actions{display:flex;align-items:center;gap:17px}.date-chip{font-size:10px;color:#727a73;display:flex;align-items:center;gap:7px}.date-chip span:first-child{font-size:14px;color:#89918a}.icon-button{position:relative;border:1px solid #e9ebe6;background:white;color:#59625b;width:31px;height:31px;border-radius:7px;font-size:15px;cursor:pointer}.icon-button i{position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:#e78c62;border:1px solid white}.page-heading{padding:31px 0 23px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:8px;letter-spacing:1.25px;font-weight:700;color:#738179;display:flex;align-items:center;gap:6px}.status-dot{background:#63a77e;width:6px;height:6px;border-radius:50%}h1,h2,p{margin-top:0}h1{font:700 24px Manrope;letter-spacing:-1px;margin:9px 0 5px}.wave{font-size:18px;color:#dfa268}.page-heading p{font-size:11px;color:#848c85;margin:0}.primary-button{display:inline-flex;align-items:center;gap:8px;background:#256a52;border:1px solid #256a52;color:white;font:600 10px 'DM Sans';padding:10px 14px;border-radius:6px;cursor:pointer;box-shadow:0 2px 3px #1c574411;transition:background .15s}.primary-button:hover{background:#1b5944}.primary-button span{font-size:15px;line-height:10px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card{height:132px;background:#fff;border:1px solid #ebede8;border-radius:8px;padding:15px 16px;position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center}.card-label{font-size:8px;letter-spacing:.8px;font-weight:700;color:#929993}.summary-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px}.mint{background:#e6f2eb;color:#3f8b66}.lilac{background:#f0edf8;color:#8575ae}.peach{background:#fbefe6;color:#bf7c4e}.blue{background:#eaf0f5;color:#66869e}.amount{font:700 23px Manrope;letter-spacing:-.9px;margin-top:11px;color:#252c27}.category-amount{font-size:19px;margin-top:13px}.card-foot{font-size:9px;margin-top:3px;color:#929a93}.trend{display:inline-flex;align-items:center;gap:3px}.trend.positive{color:#438262}.trend.neutral{color:#919891}.sparkline{position:absolute;right:14px;bottom:13px;height:22px;width:87px;display:flex;align-items:flex-end;gap:4px}.sparkline span{width:4px;background:#d8eadc;border-radius:2px}.sparkline span:nth-child(1){height:35%}.sparkline span:nth-child(2){height:49%}.sparkline span:nth-child(3){height:38%}.sparkline span:nth-child(4){height:67%}.sparkline span:nth-child(5){height:51%}.sparkline span:nth-child(6){height:77%}.sparkline span:nth-child(7){height:58%}.sparkline span:nth-child(8){height:63%}.sparkline span:nth-child(9){height:47%}.sparkline span:nth-child(10){height:90%}.sparkline span:nth-child(11){height:71%}.sparkline span:nth-child(12){height:100%}.sparkline span:nth-child(13){height:76%}.sparkline span:nth-child(14){height:92%;background:#65a27b}.mini-bars{position:absolute;bottom:12px;right:17px;height:28px;display:flex;align-items:flex-end;gap:4px}.mini-bars i{width:6px;border-radius:2px 2px 0 0;background:#e8e2f2}.mini-bars i:nth-last-child(-n+2){background:#b8acd0}.avatar-stack{display:flex;align-items:center;margin-top:12px}.stack-avatar{border:1px solid white;width:20px;height:20px;background:#ecd8bf;color:#71563e;display:grid;place-items:center;border-radius:50%;font-size:7px;font-weight:700}.stack-avatar.alt{margin-left:-5px;background:#e8eee7;color:#55745c}.avatar-stack small{font-size:9px;color:#929991;margin-left:6px}.category-meter{position:absolute;left:16px;right:16px;bottom:18px;height:4px;border-radius:4px;background:#eef1ee}.category-meter span{height:100%;display:block;background:#82a995;border-radius:4px;width:0;transition:width .25s}.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:14px}.panel{background:#fff;border:1px solid #ebede8;border-radius:8px}.breakdown-panel,.activity-panel{height:274px;padding:17px 18px 0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font:700 13px Manrope;letter-spacing:-.25px;margin:0 0 4px}.panel-heading p{font-size:9px;color:#969d96;margin:0}.select-button{background:white;border:1px solid #e9ebe6;border-radius:5px;padding:6px 8px;color:#69716b;font:500 9px 'DM Sans'}.select-button span{margin-left:8px;color:#a1a69f}.breakdown-body{display:flex;align-items:center;gap:36px;height:169px;padding:6px 24px}.donut-wrap{width:141px;height:141px;flex:0 0 141px;display:grid;place-items:center}.donut{width:133px;height:133px;border-radius:50%;background:conic-gradient(#e9ede9 0 100%);display:grid;place-items:center;position:relative}.donut-hole{width:91px;height:91px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.donut-hole strong{font:700 17px Manrope;letter-spacing:-.7px}.donut-hole small{font-size:7px;letter-spacing:.7px;color:#9ca39c;font-weight:700}.legend{display:grid;gap:10px;flex:1;min-width:0}.legend-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:9px;color:#747c75}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-row strong{font-weight:600;color:#444c46}.empty-legend{font-size:9px;color:#a0a59f;line-height:1.5;max-width:145px}.panel-divider{height:1px;background:#eff0ec}.breakdown-footer,.activity-footer{height:39px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#858d86}.footer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d9b7e;margin:0 5px 0 1px}.text-button{border:0;background:none;color:#387057;font:600 9px 'DM Sans';cursor:pointer}.text-button span{margin-left:4px;font-size:12px}.activity-panel{padding-bottom:0}.icon-button.small{height:25px;width:27px;font-size:15px;line-height:10px}.activity-list{height:191px;overflow:auto}.activity-item{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #f0f1ee}.activity-item:first-child{margin-top:6px}.activity-symbol{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:13px;background:#eaf2eb;color:#528365}.activity-symbol.labor{background:#f2edf8;color:#8871a5}.activity-symbol.equipment{background:#eef2f5;color:#678296}.activity-symbol.transport{background:#fbf0e9;color:#b77c56}.activity-copy{display:grid;gap:3px;min-width:0}.activity-copy strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy small{font-size:8px;color:#9ba19a}.activity-amount{text-align:right;font:700 10px Manrope}.activity-amount small{display:block;font:400 8px 'DM Sans';color:#9ba19a;margin-top:3px}.activity-footer{border-top:1px solid #eff0ec;height:39px}.empty-state{height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-icon{width:29px;height:29px;background:#eef4ef;color:#528268;display:grid;place-items:center;border-radius:8px;font-size:14px;margin-bottom:7px}.empty-state strong,.table-empty strong{font-size:10px}.empty-state p,.table-empty p{font-size:9px;color:#989e98;max-width:195px;line-height:1.5;margin:4px 0 7px}.inline-add{font:600 9px 'DM Sans';border:0;background:none;color:#327355;cursor:pointer}.transactions-panel{margin-top:14px;overflow:hidden}.transaction-heading{padding:17px 18px 14px;align-items:center}.transaction-heading h2{display:flex;align-items:center;gap:7px}.count-badge{font:600 8px 'DM Sans';padding:3px 6px;border-radius:8px;background:#f1f3ef;color:#7b837b}.table-actions{display:flex;gap:7px;align-items:center}.search-box{height:29px;width:160px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #e9ebe6;border-radius:5px;color:#929992}.search-box span{font-size:15px}.search-box input{border:0;outline:0;width:100%;font:9px 'DM Sans';color:#414a43;background:transparent}.search-box input::placeholder{color:#a1a69f}.table-actions select,.export-button{height:29px;border:1px solid #e9ebe6;border-radius:5px;background:white;color:#666e68;font:9px 'DM Sans';padding:0 8px}.export-button{font-weight:600;cursor:pointer}.export-button span{margin-right:4px;font-size:12px}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#fafbf9}th{height:30px;color:#9ca29c;letter-spacing:.7px;font-size:7px;font-weight:700;padding:0 18px}th.right,td.right{text-align:right}td{height:44px;border-top:1px solid #f0f1ee;padding:0 18px;font-size:9px;color:#555d57}td:first-child{min-width:190px}.expense-cell{display:flex;align-items:center;gap:9px}.expense-cell .activity-symbol{width:25px;height:25px;font-size:11px}.expense-details{display:grid;gap:3px}.expense-details strong{font-size:9px;color:#3b433d}.expense-details small{font-size:8px;color:#9ca29c}.category-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;background:#f5f7f3;border-radius:4px;color:#69736a;font-size:8px;white-space:nowrap}.category-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#77a184}.date-cell{color:#7f8780}.added-by{display:flex;align-items:center;gap:6px}.added-by .avatar{width:19px;height:19px;font-size:6px}.amount-cell{font:700 9px Manrope;color:#39423b}.row-menu{border:0;background:none;color:#99a099;font-size:17px;cursor:pointer}.table-scroll{min-height:110px;position:relative}.table-empty{display:none;height:110px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.table-empty.visible{display:flex}.table-empty .empty-icon{margin-bottom:4px}.table-empty p{margin:3px}.table-footer{border-top:1px solid #eff0ec;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;color:#959b95;font-size:8px}.pagination{display:flex;gap:5px}.pagination button{width:22px;height:22px;border:1px solid #eceee9;background:white;border-radius:4px;color:#a3a8a3}.pagination button:disabled{opacity:.55}.page-footer{display:flex;justify-content:space-between;padding:18px 1px 24px;color:#9da39d;font-size:8px}.page-footer a{color:#65816e;text-decoration:none}.expense-dialog{border:0;padding:0;border-radius:11px;width:min(460px,calc(100% - 28px));box-shadow:0 20px 70px #1d332d2b;color:var(--ink)}.expense-dialog::backdrop{background:#18251f65;backdrop-filter:blur(2px)}.expense-dialog form{padding:23px}.dialog-heading{display:flex;justify-content:space-between;margin-bottom:21px}.dialog-heading h2{font:700 20px Manrope;letter-spacing:-.6px;margin:8px 0 4px}.dialog-heading p{font-size:10px;color:#8c948d;margin:0}.dialog-close{border:0;background:#f3f5f1;width:27px;height:27px;border-radius:6px;color:#667069;font-size:19px;cursor:pointer}.field-label{display:block;font-size:9px;font-weight:700;color:#58615a;margin:13px 0 6px}.field-input{width:100%;height:36px;border:1px solid #e4e8e2;border-radius:5px;background:white;padding:0 10px;font:10px 'DM Sans';color:#39423b;outline:none}.field-input:focus,.amount-input:focus-within{border-color:#77a78d;box-shadow:0 0 0 2px #76a78d22}.field-input::placeholder{color:#a6aca6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amount-input{height:36px;display:flex;align-items:center;border:1px solid #e4e8e2;border-radius:5px;padding:0 10px;gap:5px;color:#89928a;font-size:10px}.amount-input input{width:100%;border:0;outline:0;font:10px 'DM Sans'}.amount-input input::-webkit-inner-spin-button{-webkit-appearance:none}.optional{font-size:7px;color:#a3a9a3;font-weight:500;margin-left:3px;letter-spacing:.3px}.notes-input{height:60px;padding-top:9px;resize:vertical}.dialog-actions{margin-top:21px;border-top:1px solid #eff0ec;padding-top:14px;display:flex;justify-content:flex-end;gap:8px}.cancel-button{border:1px solid #e5e8e2;border-radius:5px;background:white;padding:0 13px;height:34px;font:600 9px 'DM Sans';color:#626b63;cursor:pointer}.dialog-actions .primary-button{height:34px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,12px);opacity:0;background:#263c30;color:white;padding:10px 15px;border-radius:7px;font-size:10px;box-shadow:0 8px 30px #18251f33;z-index:5;transition:.2s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}
@media(min-width:1500px){.main-content{margin-right:auto}.summary-card{height:145px}.breakdown-panel,.activity-panel{height:290px}.breakdown-body{height:185px}}
@media(max-width:1100px){.main-content{padding:0 24px}.sidebar{width:220px}.main-content{margin-left:220px}.summary-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.breakdown-panel,.activity-panel{height:auto;min-height:270px}.activity-list{height:auto;min-height:176px}.breakdown-body{justify-content:center}}
@media(max-width:700px){.sidebar{position:static;width:auto;height:auto;padding:12px 16px;border-right:0;border-bottom:1px solid #edeee9;flex-direction:row;align-items:center}.brand{padding:0}.sidebar>.workspace-label,.sidebar>.site-switcher,.sidebar>.nav-label,.sidebar>.main-nav,.sidebar-bottom{display:none}.main-content{margin:0;padding:0 16px}.topbar{height:48px}.page-heading{padding:24px 0 17px;align-items:flex-start;gap:10px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px;max-width:230px;line-height:1.5}.page-heading .primary-button{font-size:0;padding:9px 10px;gap:3px}.page-heading .primary-button span{font-size:17px}.summary-grid{gap:8px}.summary-card{height:119px;padding:12px}.amount{font-size:20px}.sparkline{right:10px;opacity:.65}.mini-bars{right:12px}.category-meter{left:12px;right:12px}.card-label{font-size:7px}.content-grid{margin-top:10px;gap:10px}.breakdown-panel,.activity-panel{padding-left:13px;padding-right:13px}.breakdown-body{gap:20px;padding:5px 0}.donut-wrap{width:120px;height:120px;flex-basis:120px}.donut{width:115px;height:115px}.donut-hole{width:79px;height:79px}.legend{gap:8px}.transaction-heading{display:block;padding:15px 13px 12px}.table-actions{margin-top:12px;gap:5px}.search-box{width:auto;flex:1}.table-actions select{max-width:110px}.export-button{padding:0 6px;font-size:8px}.table-scroll{overflow-x:auto}table{min-width:650px}th,td{padding:0 11px}.page-footer{font-size:7px}.breadcrumb{font-size:9px}.date-chip{font-size:9px}.top-actions{gap:10px}}
/* Incremental styles for project, payment, labour, and phone workflows. */
.heading-actions{display:flex;gap:8px;align-items:center}.secondary-button{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e3e8e2;color:#42614d;font:600 10px 'DM Sans';padding:10px 13px;border-radius:6px;cursor:pointer}.secondary-button span{font-size:14px}.labour-panel{margin-top:14px;padding:17px 18px 0;overflow:hidden}.labour-panel .panel-heading{margin-bottom:13px}.project-category{display:grid;gap:3px}.project-category strong{font-size:9px;font-weight:600;color:#505951}.project-category small,.payment-date{font-size:8px;color:#9ba19a}.payment-pill{display:inline-block;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:700}.payment-pill.is-paid{background:#e8f3eb;color:#427958}.payment-pill.is-pending{background:#fcf0e6;color:#a96e3e}.payment-date{display:block;margin-top:4px;white-space:nowrap}.date-filter{height:29px;display:flex;align-items:center;gap:5px;border:1px solid #e9ebe6;border-radius:5px;padding:0 6px;color:#929992;font-size:8px}.date-filter input{width:99px;border:0;background:transparent;outline:0;font:8px 'DM Sans';color:#606a62}.project-list{display:grid;gap:7px;max-height:220px;overflow:auto}.project-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #edf0eb;border-radius:7px}.project-row>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.project-row strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row small{font-size:8px;color:#929a93}.project-row .site-icon{flex:none;width:28px;height:28px;display:grid;place-items:center;background:#e7f0e9;color:#397159;border-radius:7px}.project-row button{border:1px solid #e8ebe6;background:#fff;padding:5px 8px;border-radius:5px;font:600 8px 'DM Sans';color:#657168;cursor:pointer}.project-row .active-project-button{background:#edf4ef;color:#2d6b50;border-color:#e3eee5}.cost-preview{margin:15px 0 0;padding:11px;background:#f5f8f4;border-radius:6px;font-size:9px;color:#68746a}.cost-preview strong{font:700 12px Manrope;color:#286849;margin-left:4px}.expense-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.expense-dialog form{padding:23px}
@media(max-width:1100px){.table-actions{flex-wrap:wrap;justify-content:flex-end}.date-filter input{width:89px}}
@media(max-width:700px){.sidebar{gap:10px;justify-content:space-between}.sidebar>.workspace-label,.sidebar>.nav-label,.sidebar-bottom{display:none}.sidebar>.site-switcher{display:flex;padding:5px 7px;gap:5px;max-width:170px;border:0;background:transparent}.site-switcher .site-icon{width:25px;height:25px;flex:none}.site-switcher strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:9px}.site-switcher small{display:none}.site-switcher .chevron{font-size:11px}.sidebar>.main-nav{display:flex;gap:2px;margin-left:auto}.main-nav .nav-link{height:32px;width:32px;padding:0;justify-content:center;font-size:0;gap:0}.main-nav .nav-icon{font-size:14px}.main-nav .nav-link:nth-child(n+3){display:none}.main-nav .nav-link.active{background:#edf4ef}.main-content{padding:0 12px}.page-heading{align-items:center}.page-heading h1{font-size:18px}.heading-actions{gap:5px}.heading-actions .primary-button,.heading-actions .secondary-button{padding:9px 8px;font-size:0;gap:2px}.heading-actions .primary-button span,.heading-actions .secondary-button span{font-size:15px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{height:111px}.content-grid{margin-top:10px}.breakdown-panel,.activity-panel{min-height:250px}.breakdown-body{height:150px;gap:12px}.donut-wrap{width:106px;height:106px;flex-basis:106px}.donut{width:101px;height:101px}.donut-hole{width:70px;height:70px}.donut-hole strong{font-size:14px}.legend{gap:7px}.legend-row{font-size:8px}.labour-panel{padding:14px 12px 0}.labour-panel .table-scroll{overflow-x:auto}.labour-panel table{min-width:470px}.transaction-heading{padding:14px 11px 12px}.table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:6px}.search-box{width:auto;min-width:0;height:34px;grid-column:1 / -1}.table-actions select,.export-button,.date-filter{height:34px;width:100%;max-width:none}.date-filter{justify-content:space-between}.date-filter input{width:calc(100% - 28px);font-size:9px}.export-button{font-size:9px}.table-scroll{overflow-x:auto}table{min-width:650px}.expense-dialog form{padding:18px}.form-row{gap:8px}.field-input,.amount-input{height:39px}.page-footer span:nth-child(2){display:none}}
.auth-gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#f5f6f2;overflow:auto}.auth-gate[hidden],.auth-card[hidden]{display:none}.auth-card{width:min(410px,100%);padding:30px;background:white;border:1px solid #e8ece6;border-radius:12px;box-shadow:0 20px 60px #1d332d12;display:flex;flex-direction:column;align-items:stretch}.auth-card>.brand-mark{margin-bottom:19px}.auth-card .eyebrow{margin-bottom:7px}.auth-card h1{font-size:23px}.auth-card>p:not(.auth-error){font-size:11px;line-height:1.6;color:#818a82;margin:0 0 10px}.auth-card .primary-button{justify-content:center;height:39px;margin-top:17px}.auth-link{border:0;background:none;color:#397354;font:600 10px 'DM Sans';margin-top:13px;cursor:pointer}.auth-error{min-height:15px;margin:10px 0 0;color:#ac574c;font-size:10px;line-height:1.5}.role-badge{background:#edf4ef;color:#28684f;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.invite-button,.sign-out-button{height:30px;border:1px solid #e5eae4;border-radius:6px;background:white;padding:0 9px;color:#386d52;font:600 9px 'DM Sans';cursor:pointer;white-space:nowrap}.sign-out-button{color:#737c74}.local-mode-notice{margin:10px 0 0;padding:8px 11px;border:1px solid #eadfbd;background:#fff9e9;border-radius:6px;color:#76663d;font-size:9px;line-height:1.5}.local-mode-notice[hidden]{display:none}
@media(max-width:700px){.top-actions{gap:5px}.role-badge{font-size:8px;padding:5px 7px}.invite-button,.sign-out-button{font-size:8px;padding:0 6px;height:29px}.auth-card{padding:23px}}

/* Labour filtering and record actions. */
.labour-actions{display:flex;align-items:center;gap:10px}.labour-actions select{height:29px;max-width:180px;padding:0 8px;border:1px solid #e9ebe6;border-radius:5px;background:#fff;color:#68716a;font:9px 'DM Sans';cursor:pointer}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.row-action{width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#778078;font:14px 'DM Sans';cursor:pointer}.row-action:hover{border-color:#e6ebe5;background:#f2f5f1}.delete-action{font-size:18px}.delete-action:hover{border-color:#f3deda;background:#fbefed;color:#ac574c}
@media(max-width:700px){.labour-actions{gap:6px}.labour-actions select{max-width:130px;font-size:8px}.labour-actions .text-button{font-size:8px;white-space:nowrap}.row-actions{gap:2px}.row-action{width:24px;height:24px}}
@media(max-width:700px){.main-nav .nav-link:nth-child(3){display:flex}}
@media(max-width:1100px){.labour-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.labour-actions .date-filter{flex:1 1 120px;width:auto}.labour-actions .date-filter input{width:calc(100% - 32px)}}
.project-search-label{display:block;margin:14px 0 6px;font-size:9px;font-weight:700;color:#58615a}.project-search{margin-bottom:9px}.project-search-empty{padding:18px 10px;text-align:center;color:#858e87;font-size:10px;border:1px dashed #e5eae4;border-radius:7px}
.role-pay-heading{display:flex;flex-direction:column;gap:3px;margin-top:14px;color:#58615a;font-size:9px}.role-pay-heading span{font-size:8px;color:#8c958e}.role-pay-row{gap:12px}.role-pay-row .field-label{margin-top:10px}.labour-cell-detail{justify-items:end}.labour-cell-detail small{white-space:nowrap}
.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.expense-dialog textarea.field-input{height:auto;min-height:76px;padding:9px 10px;resize:vertical}
.select-button{cursor:pointer}
.period-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:-7px 0 11px}.period-toolbar label{font-size:9px;font-weight:700;color:#58615a}.period-toolbar .select-button{min-width:118px}.period-toolbar>span,.period-active{font-size:9px;color:#929a93}.period-toolbar>span{margin-left:3px}
@media(max-width:620px){.period-toolbar{justify-content:flex-start;flex-wrap:wrap}.period-toolbar>span{flex-basis:100%;margin-left:0}}
.custom-period-range{display:flex;align-items:center;gap:6px}.custom-period-range[hidden]{display:none}.custom-period-range label{font-size:8px;color:#89918a}.custom-period-range input{height:30px;border:1px solid #e9ebe6;border-radius:5px;padding:0 6px;background:#fff;color:#69716b;font:9px 'DM Sans'}
.project-status-control{display:flex;align-items:center;gap:6px;border:1px solid #e9ebe6;border-radius:6px;background:#fff;padding:5px 8px}.project-status-control span{font-size:8px;font-weight:700;color:#858d86;white-space:nowrap}.project-status-control select{border:0;outline:0;background:transparent;color:#276b53;font:600 9px 'DM Sans';cursor:pointer;max-width:130px}.project-status-text{color:#387057;font-weight:700}
.project-status-control{min-height:42px;padding:7px 11px;gap:9px;border-color:#dfe7df}.project-status-control span{font-size:10px}.project-status-control select{font-size:12px;max-width:160px}
@media(max-width:700px){.project-status-control{min-height:36px;padding:5px 7px;gap:4px}.project-status-control span{font-size:8px}.project-status-control select{font-size:10px;max-width:116px}}
.auth-card #resetPasswordSuccess{margin:12px 0 0;padding:10px;border:1px solid #dcebe0;border-radius:6px;background:#f0f7f2;color:#28684f;font-size:11px;line-height:1.5}
.main-nav .nav-link[hidden]{display:none}.team-page[hidden]{display:none}.team-page>.page-heading{margin-top:28px}.team-panel{margin:14px 0;padding:17px 18px}.team-panel .panel-heading{margin-bottom:12px}.team-list{display:grid}.team-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 145px auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff0ec}.team-person{display:grid;gap:4px;min-width:0}.team-person strong{overflow:hidden;text-overflow:ellipsis;font-size:10px}.team-person small{font-size:8px;color:#929a93}.team-current-role,.team-status{font-size:9px;font-weight:700;color:#59645b;text-transform:capitalize}.team-status.is-pending{color:#a96e3e}.team-role-control select{height:30px;width:100%;padding:0 8px;border:1px solid #e6eae4;border-radius:5px;background:white;color:#58615a;font:9px 'DM Sans'}.team-row .select-project-button{border:1px solid #e8ebe6;background:#fff;padding:7px 9px;border-radius:5px;font:600 8px 'DM Sans';color:#657168;cursor:pointer}.team-row .select-project-button:disabled{opacity:.5;cursor:wait}.team-empty{padding:15px 0;color:#89928a;font-size:9px}.team-message{padding:9px 12px;border-radius:6px;background:#edf5ef;color:#286849;font-size:10px}.team-message.is-error{background:#fbefed;color:#9e4d43}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.team-page>.page-heading{margin-top:20px;align-items:center}.team-page>.page-heading h1{font-size:19px}.team-panel{padding:13px}.team-row{grid-template-columns:minmax(110px,1fr) auto;gap:8px}.team-person{grid-column:1 / -1}.team-role-control{grid-column:1}.team-current-role{grid-column:2;grid-row:2;text-align:right}.team-row .select-project-button{justify-self:end}.team-row:has(.team-status) .team-person{grid-column:1 / -1}.team-row:has(.team-status) .team-status{grid-column:1}.team-row:has(.team-status) .select-project-button{grid-column:2}}
@media(max-width:700px){.main-nav .nav-link:nth-child(4){display:flex}}
.breadcrumb{font-size:13px}.breadcrumb strong{font-size:16px;font-weight:700;color:#343b36}.site-switcher strong{font-size:13px}.site-switcher small{font-size:10px}.activity-panel .panel-heading{min-height:28px}.project-create-trigger{margin-top:11px;justify-content:center;width:100%;height:36px}.project-create-trigger[hidden],#cancelNewProject[hidden],#createProjectSubmit[hidden],#projectCreateFields[hidden]{display:none}.team-person strong{font-size:12px}
@media(max-width:700px){.breadcrumb{font-size:10px}.breadcrumb strong{font-size:13px}.site-switcher strong{font-size:12px}}

/* Keep native hidden states effective even when component styles set display. */
[hidden]{display:none!important}
.project-delete-button{color:#a24f45!important;border-color:#f0deda!important}
.mobile-viewer{display:none}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .app-shell{width:100%;min-width:0;overflow-x:clip}
  .main-content{width:100%;min-width:0;padding-left:16px;padding-right:16px}
  .topbar{align-items:flex-start;gap:8px;height:auto;min-height:48px;padding:10px 0;flex-wrap:wrap}
  .breadcrumb{min-width:0;flex:1 1 180px;line-height:1.4}
  .breadcrumb strong{overflow-wrap:anywhere}
  .mobile-viewer{display:flex;align-items:center;gap:8px;flex:0 1 180px;min-width:0;padding:3px 0}
  .mobile-viewer .avatar{width:34px;height:34px;flex:none;font-size:10px}
  .mobile-viewer-copy{display:grid;gap:2px;min-width:0}
  .mobile-viewer-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#343c36}
  .mobile-viewer-copy small{font-size:9px;color:#7e8980}
  .top-actions{flex:1 1 100%;gap:7px;flex-wrap:wrap;justify-content:flex-start;max-width:100%}
  .page-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding:20px 0 16px}
  .page-heading>div:first-child{min-width:0}
  .page-heading h1{font-size:22px;line-height:1.15}
  .page-heading p{max-width:none}
  .heading-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px 46px;align-items:stretch;width:100%;gap:8px}
  .heading-actions .project-status-control{min-width:0;width:100%;justify-content:space-between}
  .heading-actions .project-status-control select{max-width:112px}
  .heading-actions .primary-button,.heading-actions .secondary-button{min-width:46px;height:42px;justify-content:center;border-radius:9px}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .summary-card:last-child{grid-column:1 / -1}
  .summary-card{height:auto;min-height:130px;padding:13px 12px 38px;border-radius:12px}
  .card-label{font-size:8px;line-height:1.35;letter-spacing:.55px}
  .amount{font-size:clamp(16px,5vw,21px);letter-spacing:-.7px;white-space:nowrap}
  .card-foot{position:relative;z-index:1;font-size:9px;line-height:1.4}
  .sparkline,.mini-bars{opacity:.4;bottom:10px}
  .category-meter{bottom:14px}
  .content-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
  .breakdown-panel,.activity-panel{height:auto;min-height:260px;border-radius:12px}
  .breakdown-body{min-width:0;gap:12px;padding:8px 0}
  .donut-wrap{width:108px;height:108px;flex-basis:108px}
  .donut{width:102px;height:102px}
  .donut-hole{width:72px;height:72px}
  .legend{gap:8px}
  .legend-row{font-size:9px;line-height:1.35}
  .activity-list{height:auto;max-height:260px}
  .project-row{flex-wrap:wrap;gap:7px;padding:10px}
  .project-row>span:nth-child(2){flex:1 1 calc(100% - 45px)}
  .project-row>button{flex:1 1 auto;min-height:34px}
  .project-row small{line-height:1.5;white-space:normal}
  .panel,.summary-card{box-shadow:0 2px 10px #233d2e08}
}
@media(max-width:380px){
  .main-content{padding-left:12px;padding-right:12px}
  .summary-grid{grid-template-columns:minmax(0,1fr)}
  .summary-card{min-height:116px}
  .top-actions{flex-wrap:wrap}
  .heading-actions{grid-template-columns:minmax(0,1fr) 42px 42px;gap:6px}
  .breakdown-body{gap:8px}
  .donut-wrap{width:94px;height:94px;flex-basis:94px}
  .donut{width:90px;height:90px}
  .donut-hole{width:64px;height:64px}
}
.sidebar-bottom #teamNavLink{margin:0 2px 10px}
@media(max-width:700px){.sidebar>.sidebar-bottom{display:flex;flex-direction:row;align-items:center;gap:0;margin:0}.sidebar-bottom .help-card,.sidebar-bottom .profile{display:none}.sidebar-bottom #teamNavLink{height:32px;width:32px;margin:0;padding:0;justify-content:center;font-size:0;gap:0}.sidebar-bottom #teamNavLink .nav-icon{font-size:14px}}
.team-row:not(:has(.team-status)){grid-template-columns:minmax(180px,1fr) 75px 130px auto auto}
.team-self-label{font-size:9px;color:#89928a;text-align:center}
.team-remove-button{color:#a24f45!important;border-color:#f0deda!important}
@media(max-width:700px){.team-row:not(:has(.team-status)){grid-template-columns:minmax(110px,1fr) auto}.team-row:not(:has(.team-status)) .team-remove-button,.team-row:not(:has(.team-status)) .team-self-label{grid-column:2;grid-row:3;justify-self:end}}

.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid #e9ebe6;border-radius:7px;background:#fff;color:#59625b;font:500 9px 'DM Sans';cursor:pointer;white-space:nowrap}
.theme-toggle span:first-child{font-size:14px;line-height:1}
.theme-toggle:hover{border-color:#b8c9bc;color:#286e56}
@media(max-width:700px){.theme-toggle{min-height:32px;padding:0 9px}}

:root[data-theme="dark"]{color-scheme:dark;color:#e6eee8;background:#111714;--ink:#e6eee8;--muted:#a0ada4;--line:#303c34;--green:#7db69a;--green-dark:#91c3a7;--pale:#171f1a}
:root[data-theme="dark"] body,:root[data-theme="dark"] .app-shell{background:#111714;color:#e6eee8}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .summary-card,:root[data-theme="dark"] .expense-dialog,:root[data-theme="dark"] .auth-card{background:#19221c;border-color:#303b33;color:#e6eee8}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .profile,:root[data-theme="dark"] .panel-divider,:root[data-theme="dark"] .activity-item,:root[data-theme="dark"] .team-row,:root[data-theme="dark"] .table-footer{border-color:#303b33}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,:root[data-theme="dark"] .brand,:root[data-theme="dark"] .amount,:root[data-theme="dark"] .amount-cell,:root[data-theme="dark"] .activity-copy strong,:root[data-theme="dark"] .panel-heading h2,:root[data-theme="dark"] .mobile-viewer-copy strong,:root[data-theme="dark"] .breadcrumb strong,:root[data-theme="dark"] .dialog-heading h2,:root[data-theme="dark"] .field-label,:root[data-theme="dark"] .profile strong{color:#e6eee8}
:root[data-theme="dark"] .breadcrumb,:root[data-theme="dark"] .date-chip,:root[data-theme="dark"] .card-foot,:root[data-theme="dark"] .page-heading p,:root[data-theme="dark"] .dialog-heading p,:root[data-theme="dark"] .legend-row,:root[data-theme="dark"] .breakdown-footer,:root[data-theme="dark"] .activity-footer,:root[data-theme="dark"] .team-person small,:root[data-theme="dark"] .profile small,:root[data-theme="dark"] .mobile-viewer-copy small{color:#a0ada4}
:root[data-theme="dark"] .site-switcher,:root[data-theme="dark"] .help-card,:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .select-button,:root[data-theme="dark"] .field-input,:root[data-theme="dark"] .amount-input,:root[data-theme="dark"] .cancel-button,:root[data-theme="dark"] .pagination button,:root[data-theme="dark"] .team-role-control select,:root[data-theme="dark"] .team-row .select-project-button,:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .project-status-control select{background:#202a23;border-color:#3a473e;color:#e0e9e2}
:root[data-theme="dark"] .field-input::placeholder,:root[data-theme="dark"] input::placeholder{color:#829087}
:root[data-theme="dark"] .field-input option,:root[data-theme="dark"] select option{background:#202a23;color:#e0e9e2}
:root[data-theme="dark"] .nav-link{color:#a4b0a7}
:root[data-theme="dark"] .nav-link.active{background:#263b2f;color:#a3d0b4}
:root[data-theme="dark"] .soon-tag,:root[data-theme="dark"] .category-pill{background:#27312a;color:#aeb9b0}
:root[data-theme="dark"] .site-switcher .site-icon,:root[data-theme="dark"] .dialog-close{background:#2b3930;color:#a6d0b4}
:root[data-theme="dark"] .donut-hole{background:#19221c}
:root[data-theme="dark"] .category-meter,:root[data-theme="dark"] .table-empty{background:#222c25}
:root[data-theme="dark"] .table-footer,:root[data-theme="dark"] .team-panel{color:#a0ada4}
:root[data-theme="dark"] .team-message{background:#263b2f;color:#a3d0b4}
:root[data-theme="dark"] .team-message.is-error{background:#422b28;color:#f0aaa0}
:root[data-theme="dark"] .expense-dialog::backdrop{background:#050907b8}
:root[data-theme="dark"] .toast{background:#d8e8dc;color:#17231b}
:root[data-theme="dark"] .category-pill:before{background:#83b895}
:root[data-theme="dark"] .project-delete-button,:root[data-theme="dark"] .team-remove-button{color:#f09a8e!important;border-color:#65413c!important}
:root[data-theme="dark"] .theme-toggle:hover{border-color:#648773;color:#a3d0b4}
:root[data-theme="dark"] .transaction-heading,:root[data-theme="dark"] .labour-panel{background:#19221c}
:root[data-theme="dark"] thead,:root[data-theme="dark"] th{background:#263a30;color:#bdcec2}
:root[data-theme="dark"] td{background:#19221c;border-color:#303b33;color:#c2cdc5}
:root[data-theme="dark"] .table-actions select,:root[data-theme="dark"] .export-button,:root[data-theme="dark"] .date-filter,:root[data-theme="dark"] .search-box{background:#202b24;border-color:#3a473e;color:#dce7df}
:root[data-theme="dark"] .export-button{background:#294638;border-color:#3a5947;color:#b8d9c3}
:root[data-theme="dark"] .search-box input,:root[data-theme="dark"] .date-filter input{background:transparent;color:#e1ebe4}
:root[data-theme="dark"] .date-filter input::-webkit-calendar-picker-indicator{filter:invert(.82)}
:root[data-theme="dark"] .count-badge{background:#304338;color:#b9d5c2}
:root[data-theme="dark"] .date-cell,:root[data-theme="dark"] .expense-details strong{color:#c2cdc5}
:root[data-theme="dark"] .expense-details small{color:#9eada2}

@media(max-width:700px){
  .sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand switcher" "navigation navigation" "team team";gap:9px 8px;padding:10px 12px;align-items:center}
  .sidebar>.brand{grid-area:brand;min-width:0}
  .sidebar>.site-switcher{grid-area:switcher;width:100%;max-width:none;min-width:0;justify-self:stretch;padding:5px 7px;gap:5px;border:0;background:transparent}
  .sidebar>.site-switcher .site-icon{width:25px;height:25px;flex:none}
  .sidebar>.site-switcher strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:10px}
  .sidebar>.site-switcher small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
  .sidebar>.nav-label,.sidebar>.workspace-label{display:none}
  .sidebar>.main-nav{grid-area:navigation;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px;margin:0}
  .main-nav .nav-link:nth-child(-n+3){display:flex;width:100%;height:40px;min-width:0;padding:0 4px;justify-content:center;gap:5px;border:1px solid #e4e9e2;border-radius:8px;font-size:10px;white-space:nowrap}
  .main-nav .nav-link:nth-child(n+4){display:none}
  .main-nav .nav-icon{width:auto;font-size:13px}
  .main-nav .nav-link.active{background:#edf4ef;color:#27644e;border-color:#dce9df}
  .sidebar>.sidebar-bottom{grid-area:team;display:flex;justify-content:flex-end;min-height:0;margin:0}
  .sidebar-bottom .help-card,.sidebar-bottom .profile{display:none}
  .sidebar-bottom #teamNavLink{width:auto;min-width:96px;height:34px;margin:0;padding:0 10px;justify-content:center;gap:5px;border:1px solid #e4e9e2;border-radius:8px;font-size:10px}
  .sidebar-bottom #teamNavLink .nav-icon{font-size:13px}
}
:root[data-theme="dark"] .main-nav .nav-link{color:#c3d1c7}
:root[data-theme="dark"] .main-nav .nav-link.active{background:#263b2f;border-color:#3b5846;color:#a9d4b8}
@media(max-width:700px){:root[data-theme="dark"] .main-nav .nav-link{background:#202a23;border-color:#36463b}:root[data-theme="dark"] .main-nav .nav-link.active{background:#263b2f;border-color:#3b5846}:root[data-theme="dark"] .sidebar-bottom #teamNavLink{background:#202a23;border-color:#36463b;color:#c3d1c7}}

/* On small screens, keep Team in line with the primary tabs. */
@media(max-width:700px){
  .sidebar{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"brand brand switcher switcher" "navigation navigation navigation navigation";gap:8px;padding:10px 12px}
  .sidebar>.brand{grid-area:brand}
  .sidebar>.site-switcher{grid-area:switcher}
  .sidebar>.main-nav{display:contents}
  .sidebar>.main-nav .nav-link:nth-child(-n+3){display:flex;flex-direction:column;gap:2px;width:100%;height:48px;padding:4px 2px;font-size:8px;line-height:1.1}
  .sidebar>.main-nav .nav-link:nth-child(1){grid-column:1;grid-row:2}
  .sidebar>.main-nav .nav-link:nth-child(2){grid-column:2;grid-row:2}
  .sidebar>.main-nav .nav-link:nth-child(3){grid-column:3;grid-row:2}
  .sidebar>.main-nav .nav-link:nth-child(n+4){display:none}
  .sidebar>.main-nav .nav-icon{font-size:13px}
  .sidebar>.sidebar-bottom{display:contents}
  .sidebar-bottom .help-card,.sidebar-bottom .profile{display:none}
  .sidebar-bottom #teamNavLink{grid-column:4;grid-row:2;width:100%;min-width:0;height:48px;margin:0;padding:4px 2px;display:flex;flex-direction:column;gap:2px;font-size:8px;line-height:1.1}
  .sidebar-bottom #teamNavLink .nav-icon{font-size:13px}
  .heading-actions:has(#projectStatusControl[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .heading-actions:has(#projectStatusControl[hidden]) .primary-button,
  .heading-actions:has(#projectStatusControl[hidden]) .secondary-button{width:100%;min-width:0;height:44px;padding:8px 10px;justify-content:center;gap:6px;font-size:10px}
  .heading-actions:has(#projectStatusControl[hidden]) .primary-button span,
  .heading-actions:has(#projectStatusControl[hidden]) .secondary-button span{font-size:14px}
}
:root[data-theme="dark"] .secondary-button{background:#202a23;border-color:#3a473e;color:#c3d1c7}
:root[data-theme="dark"] .project-status-control{background:#202a23;border-color:#3a473e}
:root[data-theme="dark"] .project-status-control span{color:#a0ada4}
:root[data-theme="dark"] .project-status-control select{background:#202a23;color:#a9d4b8}
@media(max-width:700px){:root[data-theme="dark"] .sidebar-bottom #teamNavLink{background:#202a23;border-color:#36463b;color:#c3d1c7}}
@media(max-width:700px){
  .heading-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .heading-actions .project-status-control{grid-column:1 / -1}
  .heading-actions .primary-button,
  .heading-actions .secondary-button{width:100%;min-width:0;height:44px;padding:8px;justify-content:center;gap:6px;font-size:10px;white-space:nowrap}
  .heading-actions .primary-button span,
  .heading-actions .secondary-button span{font-size:14px}
}