#etg4-root{--coral:#e07b6e;--coral-dk:#c96b5e;--ink:#2c2c2a;--muted:#888;--border:#e0dbd5;--bg:#f9f7f5;--white:#fff;--green:#3B6D11;--green-bg:#e4f2d9;--blue:#1a4f7a;--blue-bg:#daeaf8;--amber:#633806;--amber-bg:#faeeda;--purple:#3c3489;--purple-bg:#eeedfe;--gray:#555;--gray-bg:#f0f0f0;--red-bg:#fdf0ef;--red:#c0392b;--interno:#fff8e1;--interno-border:#f0c040;--radius:8px;--radius-lg:12px;font-family:'Montserrat',sans-serif;color:var(--ink)}#etg4-root *{box-sizing:border-box;margin:0;padding:0}#etg4-app{display:flex;min-height:650px}#etg4-nav{width:195px;flex-shrink:0;background:var(--ink);display:flex;flex-direction:column;padding:1.25rem 0;gap:2px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}#etg4-main{flex:1;background:var(--bg);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:1.5rem;min-width:0;overflow-x:auto}.etg4-nav-logo{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#fff;letter-spacing:.06em;padding:.5rem 1.25rem .75rem;line-height:1}.etg4-nav-logo span{color:var(--coral)}.etg4-nav-logo small{display:block;font-size:10px;color:#666;letter-spacing:.1em;font-family:'Montserrat',sans-serif;margin-top:2px}.etg4-nav-btn{display:flex;align-items:center;gap:8px;width:100%;padding:.6rem 1.25rem;background:none;border:none;color:#ccc;font-size:12px;cursor:pointer;text-align:left;transition:background .15s,color .15s;font-family:'Montserrat',sans-serif}.etg4-nav-btn:hover{background:rgb(255 255 255 / .07);color:#fff}.etg4-nav-btn.active{background:rgb(224 123 110 / .18);color:var(--coral);font-weight:500}.etg4-nav-spacer{flex:1}.etg4-nav-logout{color:#666;font-size:11px}#etg4-login{display:flex;justify-content:center;align-items:center;min-height:450px}.etg4-login-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:340px;display:flex;flex-direction:column;gap:1rem}.etg4-logo{font-family:Georgia,serif;font-size:28px;color:var(--ink);text-align:center;letter-spacing:.06em}.etg4-logo span{color:var(--coral)}.etg4-login-sub{font-size:12px;color:var(--muted);text-align:center;margin-top:-6px}.etg4-lbl{font-size:12px;color:var(--muted)}.etg4-err{font-size:12px;color:var(--red);min-height:16px;text-align:center}.etg4-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.etg4-view-header h2{font-family:Georgia,serif;font-size:20px;font-weight:400}.etg4-estado-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:1rem}.etg4-etab{font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s}.etg4-etab:hover{border-color:#bbb}.etg4-etab.active[data-estado=""]{background:var(--gray-bg);border-color:#bbb;color:var(--ink);font-weight:500}.etg4-etab.active[data-estado="pendiente"]{background:var(--gray-bg);border-color:#bbb;color:var(--gray);font-weight:500}.etg4-etab.active[data-estado="aprobado"]{background:var(--amber-bg);border-color:#e09f27;color:var(--amber);font-weight:500}.etg4-etab.active[data-estado="en-proceso"]{background:var(--purple-bg);border-color:#afa9ec;color:var(--purple);font-weight:500}.etg4-etab.active[data-estado="facturado"]{background:var(--blue-bg);border-color:#7ab3e0;color:var(--blue);font-weight:500}.etg4-etab.active[data-estado="pagado"]{background:var(--green-bg);border-color:#7dbf4a;color:var(--green);font-weight:500}.etg4-etab.active[data-estado="cancelado"]{background:var(--red-bg);border-color:#e07b6e;color:var(--coral-dk);font-weight:500}.etg4-badge{font-size:11px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.etg4-badge-pendiente{background:var(--gray-bg);color:var(--gray)}.etg4-badge-aprobado{background:var(--amber-bg);color:var(--amber)}.etg4-badge-en-proceso{background:var(--purple-bg);color:var(--purple)}.etg4-badge-facturado{background:var(--blue-bg);color:var(--blue)}.etg4-badge-pagado{background:var(--green-bg);color:var(--green)}.etg4-badge-cancelado{background:var(--red-bg);color:var(--coral-dk)}.etg4-toolbar{display:flex;gap:10px;margin-bottom:1rem;flex-wrap:wrap}.etg4-search-wrap{position:relative;flex:1;min-width:200px;display:flex;align-items:center}.etg4-search-wrap>span{position:absolute;left:10px;pointer-events:none;font-size:13px}.etg4-search{padding-left:32px!important}.etg4-exp-list{display:flex;flex-direction:column;gap:6px}.etg4-exp-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.etg4-exp-card:hover{border-color:#c9c4be;box-shadow:0 1px 4px rgb(0 0 0 / .06)}.etg4-exp-card-inner{display:grid;grid-template-columns:110px 1fr auto auto;align-items:center;gap:12px}.etg4-exp-meta{display:flex;flex-direction:column;gap:3px}.etg4-exp-ref{font-size:12px;font-weight:600;color:var(--ink);font-family:monospace}.etg4-exp-date{font-size:11px;color:#aaa}.etg4-exp-client{font-size:13px;font-weight:500;color:var(--ink)}.etg4-exp-client-sub{font-size:11px;color:var(--muted);margin-top:2px;display:flex;gap:10px;flex-wrap:wrap}.etg4-exp-amount{font-size:14px;font-weight:600;color:var(--ink);text-align:right;white-space:nowrap}.etg4-exp-arrow{color:#ccc;font-size:18px}.etg4-empty{text-align:center;padding:3rem;color:#bbb;font-size:14px}.etg4-estado-sel{font-size:11px;font-weight:500;padding:3px 8px;border-radius:20px;border:1px solid var(--border);cursor:pointer;font-family:'Montserrat',sans-serif;background:var(--white);min-width:110px}.etg4-estado-sel:focus{outline:none}.etg4-es-pendiente{background:var(--gray-bg);color:var(--gray);border-color:#bbb}.etg4-es-aprobado{background:var(--amber-bg);color:var(--amber);border-color:#e09f27}.etg4-es-en-proceso{background:var(--purple-bg);color:var(--purple);border-color:#afa9ec}.etg4-es-facturado{background:var(--blue-bg);color:var(--blue);border-color:#7ab3e0}.etg4-es-pagado{background:var(--green-bg);color:var(--green);border-color:#7dbf4a}.etg4-es-cancelado{background:var(--red-bg);color:var(--coral-dk);border-color:#e07b6e}#etg4-root .etg4-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--ink);background:var(--white);transition:border-color .15s;font-family:'Montserrat',sans-serif}#etg4-root .etg4-input:focus{outline:none;border-color:var(--coral)}#etg4-root textarea.etg4-input{resize:vertical}#etg4-root select.etg4-input{cursor:pointer}#etg4-root .etg4-btn-coral{background:var(--coral);color:#fff;border:none;border-radius:var(--radius);padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;font-family:'Montserrat',sans-serif;transition:background .15s}#etg4-root .etg4-btn-coral:hover{background:var(--coral-dk)}#etg4-root .etg4-btn-sm{padding:7px 14px;font-size:12px}#etg4-root .etg4-btn-xs{padding:4px 8px;font-size:11px}#etg4-root .etg4-btn-ghost{background:none;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:7px 16px;font-size:13px;cursor:pointer;font-family:'Montserrat',sans-serif}#etg4-root .etg4-btn-ghost:hover{border-color:#bbb}#etg4-root .etg4-btn-outline{background:none;color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:12px;cursor:pointer;font-family:'Montserrat',sans-serif}#etg4-root .etg4-btn-outline:hover{border-color:#bbb;background:var(--bg)}#etg4-root .etg4-btn-danger{background:none;color:var(--red);border:1px solid #e0b0ae;border-radius:var(--radius);padding:7px 14px;font-size:12px;cursor:pointer;font-family:'Montserrat',sans-serif}#etg4-root .etg4-btn-danger:hover{background:var(--red-bg)}#etg4-root .etg4-btn-volver{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:7px 14px;font-size:13px;color:var(--muted);cursor:pointer;font-family:'Montserrat',sans-serif;white-space:nowrap}#etg4-root .etg4-btn-volver:hover{border-color:#bbb;color:var(--ink)}#etg4-root .etg4-add-btn-dashed{border:2px dashed var(--border);background:none;border-radius:var(--radius);width:100%;padding:12px;cursor:pointer;color:var(--muted);font-size:13px;font-family:'Montserrat',sans-serif;margin-top:8px;transition:all .15s}#etg4-root .etg4-add-btn-dashed:hover{border-color:var(--coral);color:var(--coral)}.etg4-editor-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0 16px;margin-bottom:1.5rem;border-bottom:2px solid var(--border);gap:12px;flex-wrap:wrap;position:sticky;top:0;background:var(--bg);z-index:20}.etg4-editor-header-left{display:flex;align-items:center;gap:14px}.etg4-editor-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.etg4-editor-title{font-family:Georgia,serif;font-size:20px;font-weight:400;color:var(--ink)}.etg4-editor-ref{font-size:12px;color:var(--muted);font-family:monospace;margin-top:2px}.etg4-editor-body{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:3rem}.etg4-bloque{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.etg4-bloque-interno{background:var(--interno);border-color:var(--interno-border)}.etg4-bloque-titulo{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:8px;border-bottom:1px solid var(--border)}.etg4-form-row{display:grid;gap:12px}.etg4-cols-2{grid-template-columns:1fr 1fr}.etg4-cols-3{grid-template-columns:repeat(3,1fr)}.etg4-cols-4{grid-template-columns:repeat(4,1fr)}.etg4-fg{display:flex;flex-direction:column;gap:5px}.etg4-fg label{font-size:12px;color:var(--muted);font-weight:500}.etg4-full{grid-column:1/-1}.etg4-fg-sm{max-width:130px}.etg4-fg-autocomplete{position:relative}.etg4-suggestions,.etg4-tela-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);z-index:100;box-shadow:0 4px 16px rgb(0 0 0 / .12);max-height:220px;overflow-y:auto}.etg4-sug-item{padding:10px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--border)}.etg4-sug-item:last-child{border-bottom:none}.etg4-sug-item:hover{background:var(--bg)}.etg4-sug-name{font-weight:500}.etg4-sug-sub{font-size:11px;color:var(--muted)}.etg4-cli-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:10px}.etg4-cli-card-info{font-size:13px;color:var(--ink);line-height:1.7}.etg4-linea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.etg4-linea-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--white);border-bottom:1px solid var(--border)}.etg4-linea-tipo-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--gray-bg);color:var(--gray)}.etg4-linea-tipo-badge.cortina{background:#e8f4ff;color:#1a4f7a}.etg4-linea-tipo-badge.enrollable{background:#f0eeeb;color:#555}.etg4-btn-del-linea{background:none;border:none;cursor:pointer;color:#ccc;font-size:16px;border-radius:4px;padding:2px 6px}.etg4-btn-del-linea:hover{color:var(--red);background:var(--red-bg)}.etg4-linea-body{padding:14px}.etg4-linea-total-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--muted)}.etg4-linea-total-row strong{font-size:16px;font-weight:600;color:var(--coral)}.etg4-desglose{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-top:12px}.etg4-desglose-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--muted);border-bottom:1px solid #f5f3f0}.etg4-desglose-row:last-child{border-bottom:none}.etg4-desglose-total{font-weight:600;font-size:13px;color:var(--ink);padding-top:6px!important;margin-top:4px}.etg4-desglose-total span:last-child{color:var(--coral);font-size:15px}.etg4-totales-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.etg4-totales-left{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.etg4-totales-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:240px}.etg4-total-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--muted);gap:24px}.etg4-total-row span:last-child{font-weight:500;color:var(--ink)}.etg4-total-final{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.etg4-total-final span:first-child{font-size:15px;color:var(--ink);font-weight:500}.etg4-total-final span:last-child{font-size:22px;color:var(--coral);font-weight:700}.etg4-coste-row{display:grid;grid-template-columns:2fr 120px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgb(240 192 64 / .3)}.etg4-coste-row:last-child{border-bottom:none}.etg4-btn-del-coste{background:none;border:none;cursor:pointer;color:#ccc;font-size:14px;flex-shrink:0}.etg4-btn-del-coste:hover{color:var(--red)}.etg4-margen-box{background:rgb(240 192 64 / .12);border:1px solid var(--interno-border);border-radius:var(--radius);padding:12px 16px;margin-top:12px}.etg4-margen-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--amber)}.etg4-margen-final{font-weight:700;font-size:15px;border-top:1px solid var(--interno-border);margin-top:6px;padding-top:8px;color:#2e5a0f}.etg4-hist-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.etg4-hist-item:last-child{border-bottom:none}.etg4-hist-fecha{font-size:11px;color:#aaa;white-space:nowrap;min-width:130px}.etg4-hist-nota{color:var(--muted);flex:1}.etg4-cli-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.etg4-cli-card-item{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s}.etg4-cli-card-item:hover{border-color:#c9c4be}.etg4-cli-name{font-size:14px;font-weight:500}.etg4-cli-empresa{font-size:12px;color:var(--muted);margin-top:2px}.etg4-cli-detail{font-size:12px;color:#aaa;margin-top:6px;line-height:1.6}.etg4-tela-list{display:flex;flex-direction:column;gap:6px}.etg4-tela-row{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer}.etg4-tela-row:hover{border-color:#c9c4be}.etg4-tela-nombre{flex:1;font-size:13px;font-weight:500}.etg4-tela-precio{font-size:14px;font-weight:600;color:var(--coral)}.etg4-tela-prov{font-size:11px;color:var(--muted)}.etg4-modal-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:999999;overflow-y:auto}.etg4-modal{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);width:760px;max-width:100%}.etg4-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);gap:12px}.etg4-modal-title{font-size:15px;font-weight:500}.etg4-modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted);border-radius:6px;padding:2px 6px}.etg4-modal-close:hover{background:var(--bg)}.etg4-modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;max-height:70vh;overflow-y:auto}.etg4-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border)}@media(max-width:700px){#etg4-app{flex-direction:column}#etg4-nav{width:100%;flex-direction:row;flex-wrap:wrap;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.75rem}#etg4-main{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.etg4-exp-card-inner{grid-template-columns:1fr auto}.etg4-cols-4,.etg4-cols-3{grid-template-columns:1fr 1fr}}