.locked>aside,.locked>main,.locked>dialog{display:none!important}#login{display:none}.locked #login{display:grid;min-height:100vh;place-items:center;padding:25px;background:radial-gradient(ellipse at top left,#d9e8d0,transparent 65%),#eff3ed}.loginbox{max-width:480px;width:100%;padding:36px;background:#fff;border:1px solid #dfe6dc;border-radius:18px;box-shadow:0 20px 80px #183e3012}.loginbox form{display:grid;gap:16px;margin-top:25px}.loginbox p{font-size:13px}.loginbox #loginerror{color:#aa3333;margin:0}.loginbox>button{font-size:12px}#companyselect{max-width:250px;font-weight:600}header{gap:15px}header>div{align-items:center;flex-wrap:wrap}.companylogo{display:block;max-width:180px;max-height:85px;object-fit:contain;margin-bottom:18px}.serviceline{display:grid;grid-template-columns:1.2fr .8fr .6fr .8fr .7fr 35px;gap:10px;padding:18px;background:#f5f7f3;border:1px solid #dfe5dc;border-radius:10px;margin:12px 0}.serviceline label{min-width:0}.serviceline .servicepick{grid-column:1/7}.serviceline input,.serviceline select{width:100%}.serviceline button{align-self:end;padding:10px 0}.serviceline .description{grid-column:auto}dialog{width:min(960px,95vw)}#catalogsearch{width:100%;margin-bottom:20px}.designed{font-family:Arial,sans-serif;padding:32px 40px;max-width:900px;margin:auto}.invoiceheading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:30px;border-bottom:4px solid var(--invoice-color)}.invoiceheading>div:last-child{text-align:right}.invoiceheading h1{font-size:26px;letter-spacing:-.8px;margin-top:9px;color:var(--invoice-color)}.sellername{font-size:24px;font-weight:800;color:var(--invoice-color)}.invoicelogo{max-width:210px;max-height:95px;object-fit:contain}.addressblocks{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0 25px}.addressblocks h2{margin-top:12px;font-size:15px}.addressblocks p,.addressblocks pre{font-size:12px;line-height:1.8}.invoicemeta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px;background:#f1f4ef;margin-bottom:25px;border-radius:6px;font-size:11px;color:#68796b}.invoicemeta strong{display:block;font-size:13px;color:#24382b;margin-top:8px}.designed th{background:var(--invoice-color);color:#fff;font-size:10px;padding:13px 9px}.designed td{font-size:11px;vertical-align:top}.invoicesums{width:50%;margin:20px 0 20px auto;font-size:12px}.invoicesums .summaryrow{padding:12px 0}.grandtotal{border-top:2px solid var(--invoice-color);color:var(--invoice-color);font-size:19px;margin-top:8px}.paymentbox{background:#f1f4ef;border-radius:7px;padding:17px 20px;margin-top:35px;font-size:12px}.paymentbox p{margin:8px 0 0;color:#4c6252;font-size:11px}.invoicenote{border-top:1px solid #dfe6dc;margin-top:35px;padding-top:18px;font-size:11px;text-align:center;color:#7b897d}.invoice .eyebrow{color:var(--invoice-color)}@media(max-width:700px){header{height:auto;min-height:85px;flex-wrap:wrap}.serviceline{grid-template-columns:1fr 1fr}.serviceline .servicepick,.serviceline .description{grid-column:1/-1}.designed{padding:15px 5px}.addressblocks{gap:20px}.invoicesums{width:80%}#companyselect{max-width:190px}}@media print{@page{size:A4;margin:0}html,body{background:white!important}dialog[open]{max-width:none!important;width:100%!important;overflow:visible!important;margin:0!important}.designed{padding:12mm!important;font-size:11px;max-width:none}.invoiceheading{break-inside:avoid}.designed table{table-layout:fixed}.designed th:nth-child(2){width:30%}.designed tr,.paymentbox,.invoicesums{break-inside:avoid}.designed th{print-color-adjust:exact;-webkit-print-color-adjust:exact}.invoicemeta,.paymentbox{print-color-adjust:exact;-webkit-print-color-adjust:exact}.tablewrap{overflow:visible}.invoicesums{width:48%}.invoicenote{margin-top:20px}}
@media(min-width:651px) and (max-height:850px){aside{overflow-y:auto}.asidebottom{display:none}.brand{font-size:16px;margin-bottom:30px}nav{gap:3px}nav button{padding:11px}}

.companygrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.companycard{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0}.companycard.is-active{border-color:#d0a156;box-shadow:0 0 0 1px #d0a15622}.companycardtop{display:flex;justify-content:space-between;align-items:center;min-height:24px}.companybadge{background:#fff3db;color:#805716;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.companycard .companylogo{margin:0;max-height:48px;max-width:150px}.companycard h2{margin:2px 0 0}.companycard>p{margin:0;min-height:38px;font-size:13px}.companystats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;padding:12px 8px;background:#f5f7f3;border-radius:8px;text-align:center;font-size:11px;color:#68796b}.companystats b{display:block;color:#26372b;font-size:16px;margin-bottom:3px}.companycard>button{margin-top:auto}.settingssectionhead{align-items:flex-start;margin-bottom:22px}.settingssectionhead h2,.backupcard h2{margin:5px 0 0}.backupcard{margin-top:20px;border-left:4px solid #d0a156}.backupcard p{max-width:760px;font-size:13px;line-height:1.7}.backupcard small{display:block;color:#68796b;line-height:1.6}.backupcard .formactions{justify-content:flex-start}
.companycardactions{width:100%;justify-content:stretch;padding:0;gap:8px}.companycardactions button{flex:1}.formactions .danger{border-color:#e1baba;background:#fff;color:#a53232}.formactions .danger:hover{background:#fff4f4}
 .receiptocrstatus{font-size:12px;line-height:1.6;color:#53685a;background:#f1f5ef;border-radius:6px;padding:10px;margin-top:8px}.receiptocrdetails{font-size:12px;margin-top:6px}.receiptocrdetails pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;background:#f6f7f4;padding:10px;border-radius:6px}