/* Material 3 Expressive: local typography, tonal surfaces, rounded shapes and spring-like motion. */
@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/google-sans-400.ttf') format('truetype')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/google-sans-500.ttf') format('truetype')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/google-sans-600.ttf') format('truetype')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/google-sans-700.ttf') format('truetype')}
:root{--ink:#202723;--green:#315c46;--muted:#626d65;--line:#dde4dc;--paper:#f5f7f2;--soft:#e8eee5;--gold:#5e8054;--spring:cubic-bezier(.2,.9,.25,1.15);--ease:cubic-bezier(.2,0,0,1)}
body,button,input,select,textarea{font-family:'Google Sans',sans-serif}body{font-size:14px;-webkit-font-smoothing:antialiased}button{position:relative;isolation:isolate;overflow:hidden;transition:background .2s var(--ease),color .2s,box-shadow .2s,transform .35s var(--spring),border-radius .35s var(--spring)}button:hover{filter:none}button:active:not(:disabled){transform:scale(.97);border-radius:16px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #528666;outline-offset:4px}button:disabled{opacity:.42}.material-ripple{position:absolute;pointer-events:none;background:currentColor;opacity:0;border-radius:50%;animation:ripple .6s var(--ease);z-index:-1}@keyframes ripple{from{opacity:.16;transform:scale(0)}to{opacity:0;transform:scale(1)}}
#app h1,#app h2,#app h3,.catalog-dialog h2,.catalog-dialog h3,.password-card h2{font-family:'Google Sans',sans-serif;font-style:normal}#app h1{font-size:48px;line-height:1.12;font-weight:500;letter-spacing:-2px}#app h2{font-weight:600;font-size:20px;letter-spacing:-.5px}.eyebrow{color:#63765f;letter-spacing:1.6px;font-size:10px}.muted{color:#657168;font-size:14px}.dot{color:#6e945c}.primary,.secondary,.danger{border-radius:28px;padding:13px 21px;font-size:13px;font-weight:600;min-height:46px}.primary{background:#315c46;color:#fff;box-shadow:0 2px 5px #23443116}.primary:hover{background:#244e39;box-shadow:0 4px 12px #23443125}.secondary{background:#edf2e8;border:1px solid transparent;color:#36543d}.secondary:hover{background:#dfe8d8}.danger{color:#9e342c;background:#fff0ed;border-color:transparent}.danger:hover{background:#ffdad4}.text-button{font-size:13px;font-weight:500;border-radius:20px;padding:10px 12px}.text-button:hover{background:#e5ecdf}
aside{width:256px;padding:25px 16px 20px;background:#080a09;color:#f4f7f1;border:0;z-index:5}.brandmark{border:0;border-radius:24px;width:76px;height:76px;background:#101311;color:white;overflow:hidden}.brandmark img{width:100%;height:100%;object-fit:contain}.brand{font:500 22px 'Google Sans',sans-serif;margin:16px 12px 44px;letter-spacing:-.5px}.brand span{font:500 9px 'Google Sans',sans-serif;color:#a4b09f;letter-spacing:2px;margin-top:9px}.nav-label{color:#869481;font-size:10px;margin:0 16px 16px}nav{gap:7px}nav button{color:#b9c3b6;padding:15px 17px;font-size:13px;font-weight:500;border-radius:30px;min-height:52px;gap:13px}nav button:hover{background:#1c211c;color:#fff}nav button.active{background:#d0e9bc;color:#172d15;border-radius:18px}nav button.active:hover{background:#dcf2cb}.nav-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}nav button small{font-size:11px;background:#ffffff13;padding:3px 7px;border-radius:10px;color:inherit}nav button.active small{background:#183b1512}.aside-bottom{padding:16px 7px 0;border-top:1px solid #292e29;font-size:12px;gap:8px}.aside-bottom>div{min-width:0;overflow-wrap:anywhere}.aside-bottom small{color:#93a08d}.aside-bottom button{padding:8px;border-radius:50%;color:#c7d3c1}.aside-bottom button:hover{background:#30392d}.avatar{font:600 14px 'Google Sans',sans-serif;background:#d1e8bd;color:#2c4825}.workspace{margin-left:256px}.workspace>header{height:76px;padding:0 40px;border:0;color:#667261;font-weight:500;background:#f5f7f2}.header-right{font-size:11px}.header-right i{height:7px;width:7px;background:#4d8752;box-shadow:0 0 0 4px #4d875211}#content{padding:29px 40px 45px;max-width:1800px}.page-title{margin-bottom:30px}.page-title .primary{min-height:54px;border-radius:20px;padding:15px 24px}.stats{border:0;border-radius:28px;gap:5px;background:transparent;overflow:visible;margin-bottom:26px;grid-template-columns:1fr 1.2fr 1.2fr}.stats section{background:#e6eddf;border:0;border-radius:12px;padding:26px 28px}.stats section:first-child{border-radius:28px 12px 12px 28px;background:#d4e8c4}.stats section:last-child{border-radius:12px 28px 28px 12px;background:#e9eee6}.stats section>span{font-size:10px;letter-spacing:1.2px;color:#53654b}.stats strong,.stats strong.amounts{font-family:'Google Sans',sans-serif;font-weight:500;letter-spacing:-1px}.stats strong{font-size:42px}.stats strong.amounts{font-size:27px}.stats small{color:#62715a;font-size:11px}.records{border:0;border-radius:28px;background:#fff;box-shadow:0 1px 3px #243b1910}.toolbar{padding:20px 24px 0;align-items:center}.tabs .selected{border:0;background:#e7efdf;border-radius:24px}.tabs button{padding:12px 17px;margin-bottom:16px;font-weight:500}.tabs small{border-radius:12px;background:#d4e6c7}.tools{padding-bottom:16px}.tools input{width:230px;background:#f0f3ed}.tools select{width:165px}.tools button{border-radius:22px}.records th{background:#f1f5ed;color:#62715a;font-size:10px;letter-spacing:.6px;padding:17px 22px}.records td{padding:21px 22px;border-top:1px solid #edf1e8}.records td b{font-size:13px;font-weight:500}.records td small{font-size:11px;color:#73806c}tr[data-id]{transition:background .18s}tr[data-id]:hover{background:#f0f5e9}.badge{border-radius:9px;padding:7px 11px;font-size:11px;font-weight:500;color:#5b6655;background:#edf0e7}.badge.sent{background:#e0ebff;color:#365989}.badge.paid{background:#d3edcf;color:#2d6633}.badge.part-paid{background:#fff0c1;color:#795c0b}.badge.cancelled{background:#ffdfd8;color:#973c31}.table-foot{padding:19px 24px;color:#6d7c64}.table-foot span,.footnote span{font-family:'Google Sans',sans-serif;font-style:normal}.empty h2{font-family:'Google Sans',sans-serif;font-size:26px}.empty p{color:#748268}.footnote{color:#7b8973;font-size:9px}.footnote span{font-size:11px}
input,textarea,select{background:#f8faf6;border:1px solid #cbd5c5;border-radius:12px;min-height:46px;padding:12px 14px;color:#263422;transition:border-color .2s,background .2s,box-shadow .2s}input:hover,textarea:hover,select:hover{border-color:#798d70}input:focus,textarea:focus,select:focus{background:#fff;border-color:#416c38;box-shadow:0 0 0 3px #64885120}label,.phone-field{color:#52634a;font-size:12px;font-weight:500}input[type=checkbox]{min-height:0;accent-color:#466e37}input:disabled,select:disabled{color:#788570;background:#edf1e8}.card{border:0;border-radius:26px;padding:28px;box-shadow:0 1px 3px #243b190a;margin-bottom:18px}.card h2>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#e4edda;color:#567045;font-size:10px;letter-spacing:0;margin-right:10px}.editor-top{margin:0 0 26px}.compact h1{font-size:32px!important;letter-spacing:-1px!important}.editor-grid{gap:20px;grid-template-columns:minmax(0,1fr) 310px}.summary{background:#e9efdf;top:18px}.summary h2{font:500 26px 'Google Sans',sans-serif!important}.summary-row{font-size:12px}.summary-row span{color:#5c6e51}.grand strong{font:500 31px 'Google Sans',sans-serif;letter-spacing:-1px}.grand{border-color:#cdd9c1}.helper,.phone-field small,.catalog-hint,.invoice-creator,.region-indicator{color:#718168}.note p,.note small{font-family:'Google Sans',sans-serif;font-style:normal}.note p{font-size:15px}.note small{color:#7b8972}.note{color:#5c784b}.items{min-width:880px}.items th{font-size:9px}.items input,.items select{min-height:40px;border-radius:10px;font-size:12px}.items .item-line-label{font-size:10px}.items td{padding-top:14px;padding-bottom:14px}.remove{border-radius:50%;width:32px;height:32px;color:#8a675b}.remove:hover{background:#ffe3dc;color:#9e342c}.generated-code{color:#73876a!important}.invoice-number-field small,.address-data-status,.address-data-credit{color:#77866f}.billing-address{border-color:#e1e8da}.address-preview{background:#f0f5e9;border-radius:16px;color:#637458}.address-options{border-radius:18px;border-color:#dce5d5;box-shadow:0 8px 24px #263b1c25;padding:8px}.address-option{border-radius:10px;padding:12px;font-size:12px}.address-option:hover,.address-option.highlighted{background:#deedcf}.address-combobox>button{border-radius:10px}.country-tabs button,.catalog-tabs button{border-radius:22px;background:#eaf0e2;border-color:transparent;color:#526746;font-weight:500}.country-tabs .selected,.catalog-tabs .selected{background:#cce4b9;color:#294322}.country-tabs button:hover{background:#dbe9ce}.date-filter-bar{background:#f6f9f1;border-color:#e3eada}.date-filter-controls select,.date-filter-controls input{border-radius:12px;min-height:42px}.trash-selected{background:#e8f2dc}.trash-toolbar{padding:22px 24px}.trash-actions>span{color:#637956}.price-context,.price-context b,.price-list-toolbar>span{color:#667e58}.price-table input[type=number]{font-size:13px}.price-list-toolbar{padding:20px 24px}.price-table input[type=checkbox],.check-cell input{width:18px;height:18px}.person{border-color:#e5ebdf}.person b{font-size:14px}.person small,.activity small{color:#788b6d}.activity b{font-size:12px}.person .avatar{border-radius:14px}.settings-card{max-width:1100px}details{border-color:#dde6d5}summary{padding:9px 0;font-size:13px;color:#49643d}
.catalog-overlay{background:#0c170d80;backdrop-filter:blur(6px);animation:scrim-in .2s var(--ease)}.catalog-dialog{border-radius:32px;padding:30px;background:#f3f7ed;box-shadow:0 24px 80px #0b180d40;animation:dialog-in .45s var(--spring)}.catalog-top h2{font-size:32px;font-weight:500;letter-spacing:-1px}.catalog-product{border:0;border-radius:22px;padding:22px;transition:box-shadow .25s,transform .35s var(--spring)}.catalog-product:hover{box-shadow:0 5px 20px #38542312;transform:translateY(-2px)}.product-heading h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.product-heading small,.catalog-price-note{color:#6e8162}.catalog-search input{border-radius:28px;background:#e7edde}.preview-modal{background:#e7ece3}.preview-actions{padding:10px 0}.password-card{border-radius:30px;box-shadow:0 16px 64px #1d321b20;animation:dialog-in .4s var(--spring)}#toast{background:#243321;color:#f1f7eb;border-radius:18px;padding:17px 24px;box-shadow:0 6px 24px #17301230;transform:translate(-50%,12px);transition:opacity .2s,transform .35s var(--spring);font-size:13px;max-width:calc(100vw - 32px)}#toast.show{transform:translate(-50%,0)}
.login{background:#f5f8f0}.intro{background:#000;color:#fff;border-radius:0 48px 48px 0;padding:65px 11%}.intro h1{font-size:58px!important;font-weight:500!important;letter-spacing:-2.5px}.intro p{color:#fff}.intro-foot{color:#fff}.login form{max-width:430px}.login h2{font:500 38px 'Google Sans',sans-serif!important;letter-spacing:-1.5px}.login button{border-radius:28px;min-height:54px}.login small{color:#75896a}.intro .brandmark{background:#101511;border-radius:28px;width:110px;height:110px}.intro .eyebrow{color:#fff}
#content>.page-title,#content>.editor-top{animation:content-in .4s var(--ease)}#content>.stats,#content>.editor-grid,#content>.records,#content>.card,#content>.team-grid{animation:content-in .5s var(--ease)}@keyframes content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes scrim-in{from{opacity:0}to{opacity:1}}
/* Keep the invoice artboard geometry independent from application components. */
.paper,.paper *{font-family:'Google Sans',sans-serif!important}.paper input,.paper select{min-height:0}.paper-heading h1{font-family:'Google Sans',sans-serif!important}.paper footer{font-family:'Google Sans',sans-serif!important}
@media(min-width:1650px){.editor-grid{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1200px){aside{width:216px}.workspace{margin-left:216px}#content{padding:28px 24px}.workspace>header{padding:0 24px}.brand{font-size:20px}.editor-grid{grid-template-columns:1fr}.summary-column{display:grid;grid-template-columns:1fr 1fr}.summary{position:static}.stats section{padding:24px 20px}.stats strong.amounts{font-size:24px}.tools{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.card{padding:24px}}
@media(max-width:760px){aside{position:static;width:100%;padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;border-radius:0 0 26px 26px}.brandmark{display:none}.brand{margin:0;font-size:20px}.brand span{display:none}.nav-label{display:none}nav{display:flex;order:3;width:100%;margin:0;overflow-x:auto;gap:5px}nav button{flex:0 0 auto;padding:12px;min-height:44px;font-size:11px;gap:7px}nav .nav-icon{width:18px;height:18px}nav small{display:none}.aside-bottom{margin:0 0 0 auto;border:0;padding:0;width:auto}.aside-bottom>div,.aside-bottom #account{display:none}.aside-bottom .avatar{width:28px;height:28px}.workspace{margin:0}.workspace>header{height:58px;padding:0 20px}.header-right .avatar{display:none}#content{padding:24px 16px}#app h1{font-size:38px}.page-title{gap:18px;align-items:start}.page-title .primary{min-height:46px;padding:12px 16px;font-size:12px;border-radius:18px}.page-title p{font-size:12px}.stats{grid-template-columns:1fr;gap:4px;border-radius:24px;overflow:hidden}.stats section,.stats section:first-child,.stats section:last-child{border-radius:0;padding:20px 24px}.stats strong{font-size:32px}.stats strong.amounts{font-size:25px}.card{padding:20px;border-radius:22px}.records{border-radius:22px}.toolbar{padding:16px 16px 0}.tools{width:100%;gap:8px}.tools input{width:100%}.tools select{flex:1}.summary-column{display:block}.compact h1{font-size:27px!important}.editor-top{align-items:start}.editor-top>div{gap:6px}.editor-top button{font-size:11px;padding:10px 13px;min-height:40px}.country-tabs{gap:5px}.country-tabs button{padding:11px 14px;font-size:11px}.login{grid-template-columns:1fr}.intro{padding:35px;border-radius:0 0 36px 36px}.intro h1{font-size:40px!important}.intro .brandmark{display:flex;width:75px;height:75px;margin-bottom:20px}.login form{padding:35px 24px}.catalog-dialog{padding:22px;border-radius:26px}.catalog-top h2{font-size:28px}.catalog-tabs{grid-template-columns:1fr 1fr}.preview-actions{gap:12px;flex-wrap:wrap}.preview-actions>div{display:flex;gap:5px;flex-wrap:wrap}.price-list-toolbar{padding:18px}.footnote{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.catalog-product:hover{transform:none}}
@media print{.material-ripple{display:none!important}.paper,.paper *{animation:none!important;transition:none!important}}
.price-table .locked-price{display:block;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;color:#304a29}.price-table .price-lock-label{color:#788670;font-size:10px;margin-top:7px}.price-table .price-actions{white-space:nowrap;min-width:190px}.price-actions .primary,.price-actions .secondary{font-size:12px;padding:10px 18px;min-height:40px}.price-actions .text-button{font-size:12px;margin-left:5px}
.login .auth-tabs{display:flex;background:#e5edde;border-radius:30px;padding:5px;gap:4px;margin-bottom:34px}.login .auth-tabs button{margin:0;width:50%;justify-content:center;padding:12px;min-height:44px;border-radius:24px;color:#52664a;font-weight:500}.login .auth-tabs .selected{background:#fff;color:#294d33;box-shadow:0 2px 6px #243b1912}.auth-password{position:relative}.auth-password input{padding-right:70px}.login .auth-password button{position:absolute;right:5px;top:5px;width:58px;min-height:36px;margin:0;padding:8px;display:block;text-align:center;font-size:12px;border-radius:10px;color:#496940}.login .auth-password button:hover{background:#e4eedc}.login .auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;color:#65745b;font-size:12px}.login .auth-switch button{display:inline-block;width:auto;margin:0;padding:8px;font-weight:600;font-size:12px;color:#315c46;min-height:36px}.login #password-hint{margin-top:9px}.login #error:empty{display:none}.login #auth-submit{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;min-height:54px}.login input{font-size:14px}
.trash-confirm-dialog{border:0;border-radius:30px;padding:30px;max-width:460px;width:calc(100vw - 36px);background:#f5f8ef;color:#263422;box-shadow:0 24px 80px #10200d40;animation:dialog-in .35s var(--spring)}.trash-confirm-dialog::backdrop{background:#0c170d80;backdrop-filter:blur(4px)}.trash-confirm-dialog h2{font:500 26px 'Google Sans',sans-serif;letter-spacing:-.6px;margin:16px 0}.trash-confirm-dialog p{color:#67705f;font-size:14px;overflow-wrap:anywhere}.delete-dialog-icon{display:flex;align-items:center;justify-content:center;background:#ffdfd8;color:#9e342c;width:48px;height:48px;border-radius:16px;font-size:30px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.trash-confirm-dialog .danger{background:#a4352b;color:#fff}.trash-confirm-dialog .danger:hover{background:#86271f}
.login #error.approval-notice{background:#dfecd5;color:#38562d;padding:16px;border-radius:16px;line-height:1.6}.person [data-approve]{font-size:11px;min-height:38px;padding:10px 14px}
.invoice-scope-tabs{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap}.invoice-scope-tabs button{white-space:nowrap;color:#64745a}.invoice-scope-tabs button.selected{color:#2e4f25}.invoice-scope-tabs button:not(.selected):hover{background:#f1f5ec;border-radius:24px}
.last-edited-cell{min-width:175px}.last-edited-cell small{line-height:1.6;white-space:normal}.invoice-last-edit{font-size:12px;color:#45653d;margin:8px 0 0;line-height:1.6}.edit-history .helper{margin-top:0}.edit-history ol{list-style:none;padding:0;margin:20px 0 0;max-height:380px;overflow:auto}.edit-history li{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #e4ebdf;font-size:13px}.edit-history li b{display:block;font-weight:600;margin-bottom:5px}.edit-history li span,.edit-history li small{display:block;color:#6b7c61;font-size:12px;line-height:1.6}.edit-history li small{font-size:11px}.edit-history time{font-size:11px;color:#697b5e;line-height:1.6;text-align:right;white-space:nowrap}@media(max-width:760px){.edit-history li{flex-direction:column;gap:8px}.edit-history time{text-align:left;white-space:normal}}
/* Navigation and invoice forms designed for touch screens. */
.mobile-topbar,.mobile-close,.mobile-nav-backdrop{display:none}.editor-actions,.editor-secondary-actions,.editor-main-actions{display:flex;align-items:center;gap:8px}.mobile-nav-backdrop[hidden]{display:none!important}
@media(max-width:900px){
 body.mobile-nav-open{overflow:hidden}#app{min-width:0}.mobile-topbar{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:10px;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:#080a09;color:#f3f7ef;z-index:40}.mobile-topbar strong{flex:1;font-size:17px;font-weight:500;letter-spacing:-.4px}.mobile-topbar button{min-height:44px;min-width:44px;border-radius:16px;padding:10px;color:inherit}.mobile-topbar #mobile-create{background:#d0e9bc;color:#263d20;font-size:13px;font-weight:600;padding:10px 13px}.mobile-topbar svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
 #app>aside#workspace-nav{position:fixed;inset:0 auto 0 0;width:min(320px,88vw);height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));border-radius:0 28px 28px 0;z-index:60;transform:translateX(-105%);visibility:hidden;transition:transform .35s var(--spring),visibility .35s;box-shadow:12px 0 50px #06100625}#app.nav-open>aside#workspace-nav{transform:translateX(0);visibility:visible}.mobile-nav-backdrop{position:fixed;inset:0;z-index:55;background:#07130a80;backdrop-filter:blur(3px);border-radius:0}.nav-open>.mobile-nav-backdrop{display:block}.mobile-close{display:block;position:absolute;right:15px;top:calc(16px + env(safe-area-inset-top));width:44px;height:44px;font-size:28px;color:#d6e5cd;border-radius:50%}
 #workspace-nav .brandmark{display:flex;width:64px;height:64px;border-radius:20px}#workspace-nav .brand{display:block;margin:14px 10px 30px;font-size:22px}#workspace-nav .brand span{display:block;font-size:9px}#workspace-nav .nav-label{display:block;margin:0 14px 12px}#workspace-nav nav{display:grid;gap:7px;width:100%;margin:0;overflow:visible;order:0}#workspace-nav nav button{display:flex;min-height:52px;padding:14px 17px;font-size:14px;gap:13px;flex:auto}#workspace-nav nav .nav-icon{width:22px;height:22px}#workspace-nav nav small{display:block}#workspace-nav .aside-bottom{display:flex;width:100%;gap:9px;align-items:center;margin:30px 0 0;padding:16px 0 0;border-top:1px solid #2b3328}#workspace-nav .aside-bottom>div{display:block;flex:1;font-size:12px}#workspace-nav .aside-bottom .avatar{width:32px;height:32px}#workspace-nav .aside-bottom #account,#workspace-nav .aside-bottom #logout{display:block;min-width:44px;min-height:44px;padding:10px;margin:0}
 #app .workspace{margin:0;padding-top:calc(64px + env(safe-area-inset-top));min-width:0}#app .workspace>header{height:52px;padding:0 20px;font-size:10px}#app .header-right{font-size:10px}#app .header-right .avatar{display:none}#content{padding:20px 16px 32px}#content:has(.editor-grid){padding-bottom:calc(110px + env(safe-area-inset-bottom))}#app .card{padding:20px;border-radius:22px;min-width:0}#app .editor-grid{grid-template-columns:minmax(0,1fr);gap:6px}#app .summary-column{display:block}#app .summary{position:static}#app .fields{min-width:0;gap:16px}#app .fields>*{min-width:0}#app input,#app select,#app textarea,.catalog-dialog input,.catalog-dialog select{font-size:16px;min-height:48px}#app input[type=checkbox]{min-height:0;width:20px;height:20px}#app label,#app .phone-field{font-size:13px;line-height:1.4}#app textarea{min-height:100px}#app .billing-address textarea{min-height:80px}#app .billing-title{flex-direction:column;align-items:start;gap:8px}#app .address-options{max-height:240px}#app .address-option{min-height:44px;font-size:14px}#app .phone-inputs{display:grid;grid-template-columns:1fr;gap:10px}#app .phone-inputs select,#app .phone-inputs input{width:100%;max-width:none;min-width:0}#app .phone-inputs #phone-custom-code{max-width:100%}
 #app .editor-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 22px}#app .editor-top>.text-button{font-size:13px;padding:12px 8px;min-height:44px}#app .editor-top .editor-actions{display:block;margin-left:auto}#app .editor-secondary-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}#app .editor-secondary-actions button{min-height:44px;font-size:12px;padding:10px 14px}#app .editor-main-actions{position:fixed;inset:auto 0 0;z-index:35;display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#f5f8eff5;backdrop-filter:blur(12px);border-top:1px solid #d5dfcc;box-shadow:0 -5px 25px #253a1910}#app .editor-main-actions button{width:100%;min-height:50px;font-size:14px;padding:12px 16px;border-radius:20px}
 #app .items{display:block;min-width:0;width:100%;border-collapse:separate}#app .items thead{display:none}#app .items tbody{display:grid;gap:16px}#app .items tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:18px;background:#f4f8ee;border:1px solid #e0e8d7;border-radius:20px}#app .items td{display:block;width:auto!important;min-width:0;padding:0;border:0;text-align:left;white-space:normal}#app .items td::before{content:attr(data-label);display:block;margin-bottom:8px;color:#5e7253;font-size:11px;font-weight:500;letter-spacing:.3px}#app .items td:first-child,#app .items td:nth-child(6),#app .items td:last-child{grid-column:1/-1}#app .items td:last-child::before{display:none}#app .items td:nth-child(6){display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;padding-top:10px;border-top:1px solid #dce6d1}#app .items td:nth-child(6)::before{margin:0}#app .items td input,#app .items td select{width:100%;min-width:0;max-width:none;font-size:16px;min-height:48px;padding:11px 12px}#app .items .generated-code{max-width:none;font-size:11px;line-height:1.6}#app .items .item-line-label{font-size:11px;margin-top:14px}#app .items .remove{width:100%;min-height:44px;border-radius:14px;background:#f9e9e4;color:#924d3c;font-size:20px}#app .items .remove::after{content:' Remove item';font-size:13px;vertical-align:2px}#app .equipment-heading{align-items:start;flex-direction:column}#app .equipment-heading button{width:100%;min-height:46px;font-size:13px}#app .items+.text-button{width:100%;min-height:48px;margin-top:16px;border:1px dashed #a6bc94;border-radius:16px}#app .card .table-wrap{overflow:visible}
 .catalog-overlay{padding:10px}.catalog-dialog{max-height:94vh;max-height:94dvh;padding:22px;border-radius:26px}.catalog-dialog #catalog-products{grid-template-columns:1fr}.catalog-dialog .catalog-tabs{grid-template-columns:1fr 1fr}.catalog-dialog .product-options .primary{min-height:46px;font-size:14px;width:100%}.catalog-dialog .product-heading{flex-wrap:wrap}.catalog-dialog .product-heading>b{font-size:14px}.catalog-dialog .product-heading h3{font-size:23px}.preview-actions{align-items:center;gap:10px;flex-wrap:wrap}.preview-actions>div{display:flex;flex-wrap:wrap;gap:6px}.preview-actions button{min-height:44px;font-size:12px}
}
@media(max-width:600px){
 #app .fields.two,#app .fields.three,#app .fields.four{grid-template-columns:minmax(0,1fr)}#app h1{font-size:35px;letter-spacing:-1.2px}#app .compact h1{font-size:25px!important}#app .page-title{gap:12px;flex-wrap:wrap;margin-bottom:22px}#app .page-title p{font-size:13px}#app .page-title .primary{margin:0;min-height:48px;font-size:13px}#app .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:22px;overflow:hidden}#app .stats section{min-width:0;padding:17px;border-radius:0!important}#app .stats section:first-child{grid-column:1/-1}#app .stats strong{font-size:32px;margin:8px 0}#app .stats strong.amounts{font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere}.stats small{font-size:10px}.stats section>span{font-size:9px;letter-spacing:.7px}
 #app .toolbar{display:block;padding:16px 16px 0}#app .invoice-scope-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:14px}#app .invoice-scope-tabs button{padding:12px 8px;margin:0;min-height:46px;font-size:12px}#app .invoice-scope-tabs small{margin-left:5px}#app .tools{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:10px;padding-bottom:16px}#app .tools input{grid-column:1/-1}#app .tools input,#app .tools select{width:100%;min-width:0;font-size:16px}#app .tools button{min-height:48px;font-size:12px;padding:12px 16px}#app .date-filter-bar{display:block;padding:16px}#app .date-filter-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}#app .date-filter-controls label:first-child{grid-column:1/-1}#app .date-filter-controls select,#app .date-filter-controls input{width:100%;min-width:0;font-size:16px}#app .date-filter-note{grid-column:1/-1;line-height:1.6}#app .date-sort{display:block;margin-top:16px;max-width:none;width:100%}#app .date-sort select{margin-top:8px;width:100%}
 #app .records .table-wrap{overflow:visible}#app .records table{display:block;width:100%;min-width:0!important}#app .records thead{display:none}#app .records tbody{display:grid;gap:12px;padding:12px}#app .records tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:18px;border:1px solid #e2e9da;background:#fafcf7;border-radius:20px}#app .records td,#app .records .check-cell{display:block;width:auto!important;min-width:0!important;max-width:100%;padding:0!important;border:0;text-align:left;overflow-wrap:anywhere;white-space:normal!important}#app .records td:first-child{grid-column:1/-1}#app .records td::before{content:attr(data-label);display:block;font-size:9px;letter-spacing:.6px;color:#788c69;margin-bottom:7px;font-weight:500}#app .records td b{font-size:13px;line-height:1.4;overflow-wrap:anywhere;white-space:normal!important}#app .records td small{font-size:11px;margin-top:5px;line-height:1.6;white-space:normal!important}#app .records tr[data-id] td:last-child{display:none}#app .records .table-foot{padding:16px}.trash-records table{min-width:0}#app .trash-records thead{display:block;padding:12px 18px 0}#app .trash-records thead tr{display:block}#app .trash-records th{display:none}#app .trash-records th.check-cell{display:flex;align-items:center;gap:10px;background:transparent}#app .trash-records th.check-cell::after{content:'Select all invoices';font-size:12px;letter-spacing:0}#app .trash-records tbody td.check-cell::before{content:'Select invoice'}#app .trash-records td.trash-row-actions{grid-column:1/-1;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e2e9da;padding-top:12px!important}#app .trash-row-actions::before{display:none}#app .trash-row-actions button{min-height:44px;padding:10px 14px;border-radius:16px;font-size:12px;margin:0}#app .trash-row-actions .text-button{background:#e7efdf}#app .trash-row-actions .trash-delete-button{background:#ffebe5}#app .trash-toolbar{padding:16px}#app .trash-toolbar>input{width:100%;font-size:16px}#app .trash-actions>span{width:100%}#app .trash-actions button{min-height:44px;font-size:12px}
 #app .price-table input[type=number]{width:100%;min-width:0;font-size:16px}#app .price-table td.price-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}#app .price-actions::before{display:none}#app .price-actions button{min-height:44px}#app .price-list-toolbar{flex-wrap:wrap;padding:16px}#app .price-list-toolbar>div{flex-wrap:wrap}#app .price-list-toolbar button{min-height:44px;font-size:11px}#app .price-context{font-size:11px}#app .country-tabs{gap:6px}#app .country-tabs button{min-height:44px;font-size:12px;padding:10px 14px}#app .person{flex-wrap:wrap;gap:10px}#app .person>div{min-width:120px}#app .person button{min-height:44px}#app .activity{max-height:none}#app .login .intro{padding:30px 24px;border-radius:0 0 32px 32px}#app .login .intro h1{font-size:36px!important;letter-spacing:-1.5px}#app .login .intro .brandmark{width:58px;height:58px;margin-bottom:14px}#app .login form{padding:28px 24px;max-width:460px}#app .login h2{font-size:32px!important}.edit-history li{gap:8px}
}
@media(prefers-reduced-motion:reduce){#app>aside#workspace-nav{transition:none}}
@media print{.mobile-topbar,.mobile-nav-backdrop,.mobile-close{display:none!important}}
@media(max-width:900px){#content>.editor-top{animation:none!important}}
@media(max-width:900px){.catalog-overlay,.preview-modal{z-index:80}.catalog-dialog{overscroll-behavior:contain}.catalog-top{position:sticky;top:0;background:#f3f7ed;z-index:2;padding:8px 0}.catalog-top #catalog-close{min-width:44px;min-height:44px}.preview-actions{position:sticky;top:0;z-index:2;background:#e7ece3;padding:10px 0}.preview-modal{overscroll-behavior:contain}}
@media(max-width:900px){#app .grand strong{font-size:28px;overflow-wrap:anywhere}#app .summary-row b{min-width:0;max-width:62%;overflow-wrap:anywhere;text-align:right}#app .items td:nth-child(6){overflow-wrap:anywhere}}
.staff-edit-dialog{border:0;border-radius:30px;padding:28px;width:480px;max-width:calc(100vw - 28px);max-height:90vh;max-height:90dvh;overflow:auto;background:#f5f8ef;color:#263422;box-shadow:0 24px 80px #10200d40}.staff-edit-dialog::backdrop{background:#0c170d80;backdrop-filter:blur(4px)}.staff-edit-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:24px}.staff-edit-heading h2{font-size:26px;letter-spacing:-.6px;margin:0}.staff-edit-heading .eyebrow{margin-bottom:10px}.staff-edit-heading button{font-size:23px;min-width:44px;min-height:44px;padding:8px}.staff-edit-dialog label{margin-top:18px}.staff-edit-dialog small{display:block;font-size:11px;color:#718168;line-height:1.6;margin-top:8px}.staff-edit-dialog #staff-edit-error{color:#a4352b;font-size:13px;line-height:1.5}.staff-edit-dialog input,.staff-edit-dialog select{font-size:16px;min-height:48px}.staff-edit-dialog .helper{margin-top:18px}.person [data-edit-user]{min-height:40px;padding:10px 16px;font-size:12px}

/* Customer workspace and iOS date controls */
#app input[type=date],dialog input[type=date]{display:block;box-sizing:border-box;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;height:48px;text-align:left;-webkit-appearance:none;appearance:none;overflow:hidden}
#app input[type=date]::-webkit-date-and-time-value,dialog input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}
#app input[type=date]::-webkit-datetime-edit,dialog input[type=date]::-webkit-datetime-edit{padding:0;min-width:0;display:inline-flex}
#app .fields>label,dialog label{min-width:0}
.customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
button.customer-card{text-align:left;display:block;color:inherit;width:100%;padding:24px;white-space:normal}
.customer-card h2{margin:14px 0 8px;overflow-wrap:anywhere}.customer-card p{overflow-wrap:anywhere}
.customer-progress{margin-top:20px}.customer-progress>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.customer-progress progress{width:100%;height:12px;accent-color:#315e49;margin:12px 0 6px}.customer-progress small{display:block}
.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.customer-address{white-space:pre-line;overflow-wrap:anywhere}.customer-documents{margin-top:24px}.customer-document{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #dce3d6}.customer-document:last-child{border:0}.customer-document small{display:block;margin-top:5px;overflow-wrap:anywhere}.document-link{display:block;text-align:left;padding:0;white-space:normal;overflow-wrap:anywhere}.customer-form{max-width:1000px}.customer-form>button{margin-top:24px}.customer-form>label{margin-top:20px}.payment-dialog label{margin-top:16px}
@media(max-width:700px){.customer-detail-grid{grid-template-columns:minmax(0,1fr);gap:0}.customer-document{grid-template-columns:minmax(0,1fr);gap:14px}.customer-document>button.secondary,.customer-document>button.danger{justify-self:start}.customer-grid{gap:12px}.customer-progress>div{display:grid;gap:5px}.customer-form{padding-bottom:32px}}
#app .document-link{border-radius:10px;padding:10px 12px;min-width:0;max-width:100%;overflow-wrap:anywhere}

#app .login .intro h1,#app .login .intro p,#app .login .intro .eyebrow,#app .login .intro .intro-foot{color:#fff}

.customer-list-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:end}.customer-list-controls label{min-width:0}.customer-country-group{margin:30px 0 36px}.customer-country-heading{display:flex;align-items:center;gap:12px;margin:0 0 16px}.customer-country-heading h2{margin:0;font-size:23px}.customer-country-heading>span{padding:5px 10px;border-radius:20px;background:#e4ecdd;color:#526849;font-size:12px}.customer-card h3{margin:14px 0 8px;font-size:20px;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}.customer-added{display:block;color:#6c7a65;margin-bottom:12px;line-height:1.6}
@media(max-width:700px){.customer-list-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px}.customer-list-controls>label:first-child{grid-column:1/-1}.customer-list-controls select{font-size:16px;padding:11px 10px}.customer-country-heading h2{font-size:21px}}
@media(max-width:500px){.customer-list-controls{grid-template-columns:minmax(0,1fr)}}