.profile-avatar {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--soft);
    color: var(--brand);
    display: grid;
    place-items: center;
    font-size: 24px;
    font-weight: 900;
}

.environment-banner {
    display: inline-block;
    margin-top: 10px;
    padding: 7px 11px;
    border-radius: 7px;
    font-size: 12px;
    letter-spacing: .4px;
}

.environment-banner.test {
    background: #fff3cd;
    color: #745600;
    border: 1px solid #ffe69c;
}

.environment-banner.production {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f1aeb5;
}

.environment-banner strong { font-weight: 900; }
.invoice-page-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-16px 0 18px; padding:10px 0 14px; border-bottom:1px solid var(--line); }
.invoice-head-title { display:flex; align-items:center; gap:14px; min-width:0; }
.invoice-head-title h1 { margin:0; font-size:26px; font-weight:850; }
.invoice-head-title .environment-banner { margin:0; white-space:nowrap; }
.invoice-head-actions { display:flex; align-items:center; gap:10px; }
.invoice-head-actions .search-box { width:300px; }
.mini-search { padding:7px 10px; font-size:13px; background:#fbfcfc; }
.rz-dropdown { width:100%; min-height:42px; border-color:#d8dfdd; border-radius:8px; background:#fff; }
.rz-dropdown:not(.rz-state-disabled):hover { border-color:var(--brand); }
.rz-dropdown-panel { border-radius:10px; box-shadow:0 14px 38px #102f2924; }
.rz-option-detail { display:flex; flex-direction:column; gap:2px; padding:3px 0; }
.rz-option-detail strong { color:var(--ink); font-size:14px; }
.rz-option-detail small { color:var(--muted); font-size:11px; }
.list-toolbar { display:none; }
.grid-panel { overflow:visible; padding:12px; border:0; background:transparent; box-shadow:none; }
.grid-panel .rz-data-grid { border-radius:12px; box-shadow:0 6px 22px #17382f12; overflow:hidden; }

.list-toolbar { display:flex; justify-content:flex-end; margin:-12px 0 16px; }
.search-box { max-width:390px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236d7885' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") no-repeat 13px center; padding-left:40px; }
.tax-type { padding:5px 10px; border-radius:999px; font-size:12px; font-weight:800; }
.tax-type.salestax { background:#e7f1ff; color:#194f91; }
.tax-type.furthertax { background:#f5eafe; color:#67358a; }
.invoice-workspace { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:20px; align-items:start; margin-bottom:26px; }
.invoice-editor,.invoice-summary { background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 30px #17382f0c; }
.invoice-editor { padding:26px; }
.invoice-summary { padding:24px; position:sticky; top:82px; background:#102f29; color:#fff; }
.invoice-title { display:flex; justify-content:space-between; align-items:start; border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:22px; }
.invoice-title h2 { font-size:25px; font-weight:850; margin:4px 0 0; }
.eyebrow { color:#76948d; font-size:10px; font-weight:900; letter-spacing:1.7px; }
.pos-chip { padding:7px 11px; border-radius:8px; background:var(--soft); color:var(--brand-dark); font-size:12px; font-weight:800; }
.line-composer { background:#f4f8f7; border:1px solid #e0e9e6; border-radius:12px; padding:18px; margin-bottom:20px; }
.composer-row { display:grid; grid-template-columns:minmax(220px,2fr) 110px 160px; gap:12px; }
.tax-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.tax-box { display:grid; grid-template-columns:1.5fr 1fr; gap:10px; padding:13px; background:#fff; border:1px solid var(--line); border-radius:10px; }
.tax-box.fixed-tax { grid-template-columns:1fr auto; align-items:end; }
.configured-rate { min-width:58px; padding:10px 8px; border-radius:8px; text-align:center; background:#edf5f3; color:var(--brand-dark); }
.row-input { min-width:80px; max-width:105px; padding:7px 8px; text-align:right; }
.row-input.price { min-width:110px; }
.add-line { margin-top:14px; background:#173e36; border-color:#173e36; }
.summary-row { display:flex; justify-content:space-between; padding:14px 0; color:#c0d3ce; border-bottom:1px solid #315048; }
.summary-total { padding:24px 0; }
.summary-total span { display:block; color:#9cb8b1; font-size:12px; margin-bottom:6px; }
.summary-total strong { font-size:25px; }
.receipt-line-description { font-size:10px; font-weight:400; line-height:1.25; margin-top:2px; white-space:pre-wrap; overflow-wrap:anywhere; }
.invoice-a4 { width:210mm; min-height:297mm; box-sizing:border-box; padding:16mm 15mm; border:1px solid #202020; }
.invoice-a4 .invoice-report-header { margin:0 0 12mm; text-align:center; }
.invoice-a4 .invoice-report-header h1 { margin:0 0 5px; font-size:24px; letter-spacing:1px; }
.invoice-a4 .invoice-report-header > strong { font-size:20px; }
.invoice-parties { display:grid; grid-template-columns:1fr 1fr; gap:10mm; margin-bottom:9mm; }
.party-box { border:1px solid #222; }
.party-box h2 { margin:0; padding:7px 9px; border-bottom:1px solid #222; background:#f1f4f3; font-size:14px; }
.party-row { display:grid; grid-template-columns:105px 1fr; min-height:31px; border-bottom:1px solid #777; }
.party-row:last-child { border-bottom:0; }
.party-row span,.party-row strong { padding:6px 8px; font-size:12px; line-height:1.35; }
.party-row span { border-right:1px solid #777; }
.party-row strong { overflow-wrap:anywhere; }
.invoice-document-meta { max-width:430px; margin-bottom:8mm; }
.invoice-a4 table { margin-top:0; font-size:12px; }
.invoice-a4 .receipt-qr img { width:120px; height:120px; }
@page { size:A4 portrait; margin:0; }
@media print { .invoice-a4 { width:210mm; min-height:297mm; margin:0; border:0; padding:14mm 15mm; } }
@media(max-width:900px) { .invoice-a4 { width:100%; min-height:auto; padding:24px 18px; } .invoice-parties { grid-template-columns:1fr; gap:14px; } }
@media(max-width:1000px){.invoice-page-head{align-items:flex-start;flex-direction:column}.invoice-head-actions{width:100%}.invoice-head-actions .search-box{width:100%;max-width:none}.invoice-workspace{grid-template-columns:1fr}.invoice-summary{position:static}.composer-row,.tax-grid{grid-template-columns:1fr}.tax-box{grid-template-columns:1fr 1fr}}
.landing{max-width:1180px;margin:auto;padding:0 28px 70px}.landing-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.landing-nav nav{display:flex;align-items:center;gap:22px}.landing-brand{font-size:20px;font-weight:850;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.landing-brand span{background:var(--brand);color:white;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.hero{padding:90px 0 110px;max-width:800px}.hero h1{font-size:58px;line-height:1.02;font-weight:900;margin:18px 0}.hero p{font-size:20px;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:30px}.package-grid,.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-card,.import-card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px}.package-card .price{font-size:28px;font-weight:900;margin:20px 0}.package-card .price small{font-size:13px;color:var(--muted)}.import-card{display:flex;flex-direction:column;gap:15px}.import-result{background:var(--soft);padding:12px;border-radius:8px;display:flex;flex-direction:column}.send-tabs,.print-actions{display:flex;gap:8px;margin-bottom:18px}.print-actions{justify-content:center}.receipt{width:430px;margin:auto;background:white;border:7px solid #111;padding:24px 12px;color:#111;font-family:Arial,sans-serif}.receipt header{text-align:center;margin:55px 0 35px}.receipt header h1{font-size:25px;font-weight:900}.receipt-meta{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:13px}.receipt table{width:100%;margin-top:15px;border-collapse:collapse;font-size:12px}.receipt th,.receipt td{border-top:1px solid #222;border-bottom:1px solid #222;padding:6px 2px;text-align:right}.receipt th:first-child,.receipt td:first-child{text-align:left}.receipt-totals{display:grid;grid-template-columns:1fr auto}.receipt-totals span,.receipt-totals strong{padding:7px 0;border-bottom:1px solid #222}.receipt footer{text-align:center;margin-top:35px;font-size:11px}@media(max-width:850px){.package-grid,.import-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{font-size:40px}}@media print{.sidebar,.top-row,.print-actions,#blazor-error-ui{display:none!important}.content{padding:0!important}.receipt{border:2px solid #111;margin:0 auto}.page{display:block}main{width:100%}}
.invoice-status-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem}.invoice-status-filters label{display:flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid #d8e3e0;border-radius:.55rem;background:#fff;font-weight:600}.invoice-status-filters input{width:1rem;height:1rem;accent-color:#168476}
.invoice-month-filter{min-width:155px;max-width:180px}