/* ELITECH V5 — admin-only billing studio; styles scoped to billing workspace */
body.elitech-billing-open{overflow:hidden!important}
#elitech-billing-root{position:fixed;inset:0;z-index:10000;background:#eaf0f8;color:#102b4c;font-family:'DM Sans',Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
#elitech-billing-root *{box-sizing:border-box}
#elitech-billing-root button,#elitech-billing-root input,#elitech-billing-root select,#elitech-billing-root textarea{font:inherit}
#elitech-billing-root button{cursor:pointer}
#elitech-billing-root button:disabled{cursor:wait;opacity:.6}
#elitech-billing-root .billing-workspace{max-width:1640px;margin:0 auto;padding:22px 28px 40px}
#elitech-billing-root .billing-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-radius:18px;background:#fff;border:1px solid #dce5f2;box-shadow:0 12px 30px rgba(6,32,76,.04)}
#elitech-billing-root .billing-brand{display:flex;align-items:center;gap:20px;min-width:0}
#elitech-billing-root .billing-brand img{width:175px;max-width:35%;height:auto;object-fit:contain}
#elitech-billing-root .billing-brand span{font-size:10px;font-weight:800;letter-spacing:2px;color:#2874ce}
#elitech-billing-root .billing-brand h1{font-size:clamp(20px,2.1vw,30px);line-height:1.1;letter-spacing:-1px;margin:5px 0 0;font-weight:800;color:#0b2444}
#elitech-billing-root .billing-brand h1 em{font-style:normal;color:#0864cc}
#elitech-billing-root .billing-top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#elitech-billing-root .billing-top-actions button{border:1px solid #bcd4f1;border-radius:10px;padding:11px 13px;background:#edf5ff;color:#0754b1;font-size:12px;font-weight:800;white-space:nowrap}
#elitech-billing-root .billing-top-actions button:nth-child(2){background:#0b5ec7;color:#fff;border-color:#0b5ec7}
#elitech-billing-root .billing-top-actions .billing-close{background:#f1f5fa;color:#2b4464;border-color:#e0e7f1;font-size:18px;padding:6px 13px}
#elitech-billing-root .billing-top-actions button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0d448024}
#elitech-billing-root .billing-banner{padding:14px 18px;font-size:12px;color:#46607f}
#elitech-billing-root .billing-columns{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
#elitech-billing-root .billing-list,#elitech-billing-root .billing-editor{background:#fff;border:1px solid #dce5f2;border-radius:18px;box-shadow:0 12px 35px #0926500a;overflow:hidden}
#elitech-billing-root .billing-list{position:sticky;top:14px;max-height:calc(100dvh - 175px);display:flex;flex-direction:column}
#elitech-billing-root .billing-list-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 15px;border-bottom:1px solid #edf1f6}
#elitech-billing-root .billing-list-heading b{font-size:15px;color:#0b2444}
#elitech-billing-root .billing-list-heading button{border:0;background:transparent;color:#0864cc;font-size:12px;font-weight:800}
#elitech-billing-root .billing-list-controls{padding:15px 15px 10px}
#elitech-billing-root .billing-filters{display:flex;gap:5px;background:#f2f5fa;border-radius:10px;padding:4px;margin-bottom:10px}
#elitech-billing-root .billing-filters button{flex:1;border:0;border-radius:8px;padding:8px 5px;background:transparent;color:#61758c;font-size:11px;font-weight:700}
#elitech-billing-root .billing-filters button.selected{background:#fff;color:#075ac1;box-shadow:0 1px 6px #0a284219}
#elitech-billing-root #billing-search{width:100%;padding:11px 12px;border:1px solid #dbe4f0;border-radius:10px;font-size:12px;color:#102b4c;background:#fff}
#elitech-billing-root .billing-list-items{overflow:auto;padding:5px 10px 18px}
#elitech-billing-root .billing-list-entry{width:100%;display:flex;flex-direction:column;gap:7px;text-align:left;padding:14px 12px;margin-bottom:8px;border:1px solid #e4eaf3;background:#fff;border-radius:12px;color:#173454}
#elitech-billing-root .billing-list-entry.active{border-color:#3988e7;background:#f0f6ff}
#elitech-billing-root .billing-list-entry:hover{border-color:#8ab7f0}
#elitech-billing-root .billing-entry-top,#elitech-billing-root .billing-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
#elitech-billing-root .billing-entry-top b{font-size:11px;color:#0961cb}
#elitech-billing-root .billing-entry-top small{font-size:10px;text-transform:capitalize;background:#edf2f8;border-radius:20px;padding:3px 7px;color:#5d7290}
#elitech-billing-root .billing-list-entry strong{font-size:13px}
#elitech-billing-root .billing-entry-bottom{font-size:10px;color:#6e829b}
#elitech-billing-root .billing-entry-bottom b{color:#123254;font-size:12px}
#elitech-billing-root .billing-list-empty{text-align:center;color:#72859b;padding:35px 10px;font-size:12px;line-height:1.9}
#elitech-billing-root .billing-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(110deg,#0b2241,#0b3c79);color:#fff;padding:25px 28px}
#elitech-billing-root .billing-editor-head .billing-eyebrow{font-size:10px;letter-spacing:1.7px;color:#87c3ff;font-weight:800}
#elitech-billing-root .billing-editor-head h2{font-size:27px;margin:7px 0;letter-spacing:-.8px;color:#fff}
#elitech-billing-root .billing-editor-head p{font-size:12px;margin:0;color:#b9d0e9}
#elitech-billing-root .billing-editor-head img{width:170px;height:auto;border-radius:8px;background:#fff;padding:7px;object-fit:contain}
#elitech-billing-root .billing-editor-body{padding:24px 28px 28px}
#elitech-billing-root .billing-section-title{font-size:14px;font-weight:800;color:#123456;border-bottom:1px solid #e5edf7;padding-bottom:12px;margin:8px 0 18px}
#elitech-billing-root .billing-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
#elitech-billing-root .billing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
#elitech-billing-root .billing-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#3c5878;font-size:12px;font-weight:700}
#elitech-billing-root .billing-field input,#elitech-billing-root .billing-field textarea,#elitech-billing-root .billing-field select{width:100%;border:1px solid #d8e3f0;border-radius:10px;padding:12px 13px;background:#fff;color:#173454;font-size:13px;font-weight:500;outline:0}
#elitech-billing-root .billing-field textarea{resize:vertical;line-height:1.6}
#elitech-billing-root .billing-field input:focus,#elitech-billing-root .billing-field textarea:focus,#elitech-billing-root .billing-field select:focus,#elitech-billing-root .billing-items input:focus{border-color:#2474d3;box-shadow:0 0 0 3px #2474d31f}
#elitech-billing-root .billing-full{margin:10px 0 16px}
#elitech-billing-root .billing-dates{grid-template-columns:repeat(3,minmax(0,1fr))}
#elitech-billing-root .billing-add{border:1px solid #b9d4f5;background:#eff6ff;border-radius:9px;color:#075fc8;padding:9px 12px;font-size:12px;font-weight:800}
#elitech-billing-root .billing-items-wrap{overflow-x:auto;border:1px solid #dce6f1;border-radius:12px}
#elitech-billing-root .billing-items{width:100%;border-collapse:collapse;min-width:550px}
#elitech-billing-root .billing-items th{text-align:left;background:#f1f6fd;color:#57728f;font-size:10px;letter-spacing:.5px;text-transform:uppercase;padding:12px 10px}
#elitech-billing-root .billing-items th:nth-child(2){width:85px}#elitech-billing-root .billing-items th:nth-child(3){width:130px}#elitech-billing-root .billing-items th:nth-child(4){width:120px}#elitech-billing-root .billing-items th:nth-child(5){width:36px}
#elitech-billing-root .billing-items td{padding:10px 7px;border-top:1px solid #eaf0f7}
#elitech-billing-root .billing-items input{border:1px solid #e0e7f1;border-radius:7px;width:100%;min-width:0;padding:10px;color:#1a3655;font-size:12px;background:#fff}
#elitech-billing-root .billing-line-total{text-align:right;color:#15385e;font-size:12px;font-weight:800;white-space:nowrap}
#elitech-billing-root .billing-remove{border:0;background:#fff2f1;color:#bc3f36;border-radius:8px;padding:6px 10px;font-size:19px}
#elitech-billing-root .billing-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:26px}
#elitech-billing-root .billing-notes-area{display:flex;flex-direction:column;gap:16px}
#elitech-billing-root .billing-totals-panel{border:1px solid #dce7f4;background:#f8fbff;border-radius:13px;padding:18px;align-self:start}
#elitech-billing-root .billing-sum-line,#elitech-billing-root .billing-sum-edit{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:#54708d}
#elitech-billing-root .billing-sum-line strong{font-size:13px;color:#16385d}
#elitech-billing-root .billing-sum-edit input{width:115px;max-width:50%;padding:8px 9px;border:1px solid #dce6f1;border-radius:7px;color:#12385d;background:#fff;text-align:right;font-size:12px}
#elitech-billing-root .billing-grand{border-top:1px solid #bfd2ea;padding-top:15px;margin-top:14px;color:#0b4fa3;font-weight:800}
#elitech-billing-root .billing-grand strong{font-size:22px;color:#0758b8}
#elitech-billing-root .billing-balance{border-top:1px solid #d8e4f0;padding-top:12px;font-weight:800}
#elitech-billing-root .billing-editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e5edf7;margin-top:27px;padding-top:22px}
#elitech-billing-root .billing-button{border:1px solid transparent;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800}
#elitech-billing-root .billing-button.primary{background:#0b61ce;color:#fff;box-shadow:0 7px 18px #0b61ce26}
#elitech-billing-root .billing-button.secondary{background:#eef6ff;color:#095bbd;border-color:#c2daf7}
#elitech-billing-root .billing-button.ghost{background:#fff;color:#1d486f;border-color:#d8e3f0}
#elitech-billing-root .billing-print-note{font-size:11px;color:#7a8da4;flex:1;min-width:180px}
#elitech-billing-root .billing-notice{position:sticky;bottom:12px;margin:18px auto 0;width:fit-content;max-width:100%;padding:11px 18px;border-radius:11px;background:#0b315d;color:#fff;font-size:12px;box-shadow:0 9px 20px #102b4c28}
#elitech-billing-root .billing-notice.billing-error{background:#b9372f}
#elitech-billing-root .billing-error-panel{padding:35px;color:#26445f}
.admin-sidebar [data-elitech-billing-button]{background:#eaf4ff!important;color:#095bbd!important;border:1px solid #a7cef6!important;border-radius:9px!important;font-weight:800!important;margin-top:12px!important}
.admin-sidebar [data-elitech-billing-button]:hover{background:#d7eaff!important}
@media(max-width:1050px){#elitech-billing-root .billing-columns{grid-template-columns:260px minmax(0,1fr)}#elitech-billing-root .billing-bottom-grid{grid-template-columns:1fr}#elitech-billing-root .billing-brand img{width:120px}}
@media(max-width:760px){#elitech-billing-root .billing-workspace{padding:10px 10px 30px}#elitech-billing-root .billing-top{padding:14px;flex-direction:column;align-items:stretch}#elitech-billing-root .billing-top-actions{justify-content:flex-start}#elitech-billing-root .billing-columns{grid-template-columns:1fr}#elitech-billing-root .billing-list{position:static;max-height:260px}#elitech-billing-root .billing-list-items{max-height:125px}#elitech-billing-root .billing-editor-head{padding:20px;flex-wrap:wrap}#elitech-billing-root .billing-editor-head img{width:135px}#elitech-billing-root .billing-editor-body{padding:20px}#elitech-billing-root .billing-form-grid{grid-template-columns:1fr}#elitech-billing-root .billing-dates{grid-template-columns:1fr 1fr}#elitech-billing-root .billing-bottom-grid{gap:15px}}
@media(max-width:440px){#elitech-billing-root .billing-brand img{width:100px}#elitech-billing-root .billing-brand h1{font-size:20px}#elitech-billing-root .billing-dates{grid-template-columns:1fr}#elitech-billing-root .billing-top-actions button{font-size:11px;padding:9px 10px}#elitech-billing-root .billing-editor-head img{display:none}}
@media(prefers-reduced-motion:reduce){#elitech-billing-root *{transition:none!important;animation:none!important}}