#create-invoice .invoice-layout{grid-template-columns:minmax(480px,560px) minmax(0,1fr);gap:20px}
#create-invoice .invoice-layout>.card{padding:22px;max-height:none;overflow:visible;scrollbar-gutter:auto}
.invoice-client-picker{grid-column:1/-1;border:1px solid var(--line);background:var(--panel2);border-radius:16px;padding:14px}.invoice-client-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.invoice-client-picker-head span{font-weight:900;color:var(--text)}.invoice-client-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.invoice-client-picker input{height:46px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:0 13px;font:inherit;outline:0}.invoice-client-picker input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(40,199,197,.12)}
.invoice-client-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1/-1}.invoice-client-fields label{transition:.2s}.invoice-client-fields label.is-optional{display:none}.invoice-type-note{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:rgba(40,199,197,.08);color:var(--muted);font-size:12px;border:1px solid rgba(40,199,197,.16)}
#create-invoice .invoice-items-head{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#create-invoice .invoice-items{padding:0;border:0;background:transparent;gap:10px}#create-invoice .invoice-item-row{grid-template-columns:minmax(180px,2fr) minmax(90px,.65fr) minmax(110px,.85fr) 84px 42px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}#create-invoice .invoice-item-row:before{content:'15%';grid-column:4;grid-row:1;display:grid;place-items:center;height:42px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-weight:900}#create-invoice .invoice-item-remove{grid-column:5;grid-row:1;align-self:end}
.invoice-live-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.invoice-live-total{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.invoice-live-total small{display:block;color:var(--muted);margin-bottom:5px}.invoice-live-total b{font-size:16px}.invoice-live-total.final{border-color:rgba(40,199,197,.38);background:rgba(40,199,197,.08)}
#create-invoice .invoice-form-actions{display:flex;gap:10px;position:sticky;bottom:-22px;background:var(--panel);padding:14px 0 2px;z-index:4}#create-invoice .invoice-form-actions .btn{flex:1}.invoice-zatca-btn{background:linear-gradient(135deg,var(--maroon),var(--maroon2))!important}.invoice-zatca-btn[disabled]{opacity:.55;cursor:not-allowed}.invoice-readiness-hint{flex-basis:100%;padding:10px 12px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:800;line-height:1.65}.pill.is-blocked{background:#fff1f2!important;border-color:#fecaca!important;color:#b91c1c!important}.pill.is-ready{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}
.invoice-client-modal{position:fixed;inset:0;display:none;place-items:center;padding:18px;background:rgba(2,8,15,.72);backdrop-filter:blur(7px);z-index:1200}.invoice-client-modal.open{display:grid}.invoice-client-dialog{width:min(620px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.invoice-client-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.invoice-client-dialog-head h3{margin:0}.invoice-client-dialog .form{grid-template-columns:1fr 1fr}.invoice-client-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
@media(max-width:1250px){#create-invoice .invoice-layout{grid-template-columns:1fr}#create-invoice .invoice-layout>.card{position:relative;max-height:none;top:auto}#create-invoice .invoice-preview-wrap{min-height:600px}}
@media(max-width:700px){.invoice-client-picker-row,.invoice-client-fields,.invoice-live-totals,.invoice-client-dialog .form{grid-template-columns:1fr}#create-invoice .invoice-item-row{grid-template-columns:1fr 1fr 42px}#create-invoice .invoice-item-row label:first-child{grid-column:1/-1}#create-invoice .invoice-item-row:before{grid-column:2;grid-row:2}#create-invoice .invoice-item-remove{grid-column:3;grid-row:2}.invoice-form-actions{flex-direction:column}}

/* Searchable client selector */
.invoice-client-picker-row{align-items:start}.invoice-client-select-wrap{position:relative;min-width:0}.invoice-client-select{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:0 13px;font:inherit;text-align:start;cursor:pointer}.invoice-client-select:hover,.invoice-client-select[aria-expanded="true"]{border-color:var(--cyan)}.invoice-client-select[aria-expanded="true"] i{transform:rotate(180deg)}.invoice-client-select i{transition:transform .18s}.invoice-client-dropdown{position:absolute;top:calc(100% + 7px);inset-inline:0;z-index:30;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.invoice-client-search-wrap{position:relative}.invoice-client-search-wrap i{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px}.invoice-client-search-wrap input{box-sizing:border-box;width:100%;height:42px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:0 35px 0 12px;font:inherit;outline:0}.invoice-client-search-wrap input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(40,199,197,.12)}.invoice-client-options{display:grid;gap:4px;max-height:220px;overflow:auto;margin-top:8px}.invoice-client-option{display:grid;gap:2px;width:100%;border:0;border-radius:10px;background:transparent;color:var(--text);padding:10px;text-align:start;cursor:pointer;font:inherit}.invoice-client-option:hover{background:rgba(40,199,197,.1)}.invoice-client-option small,.invoice-client-empty{color:var(--muted);font-size:12px}.invoice-client-empty{margin:10px;text-align:center}