/* PAQUETE 97 · superficies compactas, controles completos y navegación azul. */
:root{--blue97:#075681;--aqua97:#00b8c5}
body.logged-in{background:#edf4f8!important}
body.logged-in #tabs{background:linear-gradient(160deg,#083752,#075b7b 58%,#087f92)!important;color:white!important;padding:12px 10px!important;box-sizing:border-box}
#tabs .nav-heading44,#tabs>button{display:flex!important;align-items:center;gap:10px;min-height:52px!important;padding:6px 9px!important;border-radius:12px!important;background:transparent!important;color:#edfaff!important;text-align:left}
#tabs .nav-heading44:hover,#tabs>button:hover,#tabs .nav-submenu44 button:hover{background:#ffffff16!important}
#tabs .nav-heading44>svg,#tabs>button>svg{width:38px!important;height:38px!important;flex:0 0 38px;box-sizing:border-box;padding:9px!important;border:3px solid #a9d8e6;border-radius:50%;background:radial-gradient(circle at 38% 30%,#05bed0,#03658e 70%);box-shadow:inset 0 0 0 2px #ffffff35,0 3px 7px #00283b60;stroke:#ecfdff!important;fill:none}
#tabs .nav-submenu44{border-color:#86c4d555!important;margin-left:25px!important}
#tabs .nav-submenu44 button{color:#e4f5fb!important;min-height:34px!important;padding:6px 10px!important;background:transparent!important}
#tabs .nav-submenu44 .active,#tabs .nav-submenu44 [aria-current=page],#tabs .contains-active44{background:#ffffff18!important;border-radius:9px}
button{transition:background-color .15s,box-shadow .15s,transform .15s}button:hover{box-shadow:0 2px 7px #07568124}button:focus-visible{outline:2px solid #009cae;outline-offset:2px}
#workspace>.context{display:flex!important;justify-content:space-between;align-items:center;gap:12px;min-height:48px!important;padding:6px 0!important}
.context [data-original97]{display:none!important}.context-button97{display:grid!important;text-align:left!important;gap:2px;background:white!important;border:1px solid #d1e1ea!important;padding:7px 13px!important;max-width:min(450px,75vw);min-height:42px!important;color:#16394b!important}.context-button97 small{font-size:11px;color:#527180}.company-options97{display:grid;gap:8px}.company-options97 button{text-align:left;white-space:normal}
dialog.compact95{max-height:calc(100dvh - 24px)!important;overflow:hidden!important;padding:0!important}
dialog.compact95>form{display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;margin:0!important;min-height:0}
dialog.compact95 .dialog-head{flex:none!important;padding:16px 20px!important}dialog.compact95 .dialog-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:16px 20px!important;max-height:none!important}
dialog.compact95 .dialog-actions{position:static!important;flex:none!important;display:flex!important;justify-content:flex-end;gap:8px;padding:12px 20px!important;width:auto!important;margin:0!important;background:white!important;border-top:1px solid #dce6ee;transform:none!important}
.dialog-body .form-grid{align-items:start!important;gap:14px 18px!important}.dialog-body .form-grid>label{display:flex!important;flex-direction:column;gap:6px;min-width:0}.dialog-body .form-grid>label>input,.dialog-body .form-grid>label>select{margin-top:auto!important}
.igss-dialog97 .form-grid>label{min-height:98px!important;justify-content:space-between}.igss-dialog97 .form-grid>label>input,.igss-dialog97 .form-grid>label>select{width:100%!important;height:34px!important;box-sizing:border-box}
.payroll-list97{display:grid;gap:5px;margin-top:12px}.payroll-row97{display:grid;grid-template-columns:24px minmax(150px,1fr) 75px minmax(100px,150px) 130px;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #e1eaf0}.payroll-row97 button{text-align:left!important;white-space:normal!important;padding:4px!important;background:transparent!important;color:#075681!important}.payroll-row97 input[type=checkbox]{width:17px!important;height:17px!important}.payroll-row97 small{color:#6f5220}.payroll-guide97{margin:10px 0;font-size:12px}.payroll-preview97{font-size:12px;color:#587182}.payroll-dialog97 .dialog-body>.form-grid{margin-bottom:12px}
.expense-view97 .expense-sheet63{width:100%!important;max-width:100%!important;overflow:visible!important;border:0!important;background:transparent!important}
.expense-view97 .expense-sheet63>table,.expense-view97 .expense-sheet63 tbody{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;table-layout:auto!important}
.expense-view97 .expense-sheet63 thead{display:none!important}
.expense-view97 .expense-sheet63 tbody>tr{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 10px!important;padding:11px!important;border:1px solid #cedee8!important;border-radius:10px;margin:9px 0!important;background:white!important;width:100%!important;box-sizing:border-box}
.expense-view97 .expense-sheet63 tbody>tr:nth-child(even){background:#f5f9fc!important}
.expense-view97 .expense-sheet63 td{display:flex!important;flex-direction:column;gap:3px;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;overflow:visible!important;grid-column:span 2;vertical-align:top}
.expense-view97 .expense-sheet63 td:before{content:attr(data-caption97)!important;display:block!important;position:static!important;width:auto!important;max-width:none!important;transform:none!important;font-size:10px!important;font-weight:700;line-height:1.2;color:#506e80;min-height:13px}
.expense-view97 .expense-sheet63 td[data-field97=proveedor]{grid-column:span 4}.expense-view97 .expense-sheet63 td[data-field97=descripcion],.expense-view97 .expense-sheet63 td[data-field97=cliente]{grid-column:span 3}
.expense-view97 .expense-sheet63 td[data-field97=importe]{grid-column:span 2}.expense-view97 .expense-sheet63 td[data-field97=viaje]{grid-column:span 2}
.expense-view97 .expense-sheet63 td[data-field97=fecha]{grid-column:span 2}.expense-view97 .expense-sheet63 td[data-field97=categoria]{grid-column:span 2}
.expense-view97 .expense-sheet63 input,.expense-view97 .expense-sheet63 select,.expense-view97 .expense-sheet63 textarea{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-height:32px!important;height:32px;padding:5px 7px!important;font-size:12px!important;line-height:1.35!important;border:1px solid #c8d9e6!important;background:white!important;color:#18394b!important}
.expense-view97 .expense-sheet63 textarea{resize:vertical;overflow:hidden;white-space:pre-wrap!important;overflow-wrap:normal!important;word-break:normal!important}
.expense-view97 .expense-sheet63 td[data-field97=proveedor] input{text-overflow:ellipsis}
.expense-view97 .expense-sheet63 input[type=date]{font-size:12px!important;min-height:32px!important}
.expense-view97 .expense-sheet63 .expense-proof91{grid-column:span 1}.expense-view97 .expense-sheet63 .expense-payable91{grid-column:span 2;font-weight:bold;font-size:12px}
.expense-view97 .expense-sheet63 td:last-child{grid-column:span 1}.expense-view97 .expense-sheet63 td:nth-last-child(2){grid-column:span 2}
.expense-top97{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(380px,1.15fr);gap:12px;margin:12px 0;align-items:stretch;max-width:100%;min-width:0}
.expense-top97 .fuel-controls91,.expense-top97 .expense-summary91{position:static!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:12px!important;box-sizing:border-box}
.expense-top97 .fuel-controls91{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-content:start}.expense-top97 .fuel-controls91>strong,.expense-top97 .fuel-controls91>p{grid-column:1/-1}.expense-top97 .fuel-controls91 label{display:flex!important;flex-direction:column!important;gap:5px;font-size:11px!important}.expense-top97 .fuel-controls91 input{width:100%!important;min-width:0!important;box-sizing:border-box;height:32px!important}.expense-top97 .fuel-controls91 p{font-size:10px!important;margin:2px 0!important}
.expense-top97 .expense-summary-line91{font-size:11px!important;padding:4px 0!important}.expense-top97 .expense-total91{display:block!important;font-size:15px!important;padding-top:6px!important;margin:0!important;border-top:1px solid #c9dde8}
.expense-tools91{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:10px 0!important}.expense-tools91 button{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
.stationery97{border:1px solid #cfdee8;border-radius:10px;padding:15px;margin:15px 0}.stationery97 .toolbar{display:flex;gap:8px;flex-wrap:wrap}.employee-state97{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid #d5e2eb;border-radius:9px;background:white;margin:10px 0}.employee-state97 strong{color:#075681}
@media(max-width:1100px){.expense-view97 .expense-sheet63 tbody>tr{grid-template-columns:repeat(6,minmax(0,1fr))}.expense-view97 .expense-sheet63 td[data-field97=proveedor]{grid-column:span 2}.expense-top97{grid-template-columns:1fr 1fr}.payroll-row97{grid-template-columns:24px 1fr 65px 100px}.payroll-row97 small{grid-column:2/-1}}
@media(max-width:700px){.expense-top97{grid-template-columns:1fr}.expense-view97 .expense-sheet63 tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-view97 .expense-sheet63 td,.expense-view97 .expense-sheet63 td[data-field97],.expense-view97 .expense-sheet63 .expense-proof91,.expense-view97 .expense-sheet63 .expense-payable91{grid-column:span 1!important}.expense-view97 .expense-sheet63 td[data-field97=descripcion],.expense-view97 .expense-sheet63 td[data-field97=cliente]{grid-column:span 2!important}.payroll-row97{grid-template-columns:24px 1fr 55px}.payroll-row97>span,.payroll-row97>small{grid-column:2/-1}.igss-dialog97 .form-grid>label{min-height:0!important}.context-button97{max-width:72vw}}

.expense-view97 .expense-sheet63 td[data-field97=proveedor]{grid-column:span 2}.expense-view97 .expense-sheet63 td[data-field97=descripcion],.expense-view97 .expense-sheet63 td[data-field97=cliente]{grid-column:span 2}.expense-view97 .expense-sheet63 td[data-field97=kilometros]{grid-column:span 1}.expense-view97 .expense-sheet63 td:nth-last-child(2){grid-column:span 1}.totals-wrap97{min-width:0;border:1px solid #d7e3eb;border-radius:10px;padding:8px 12px;background:white}.totals-wrap97 .expense-summary91{border:0!important;padding:0!important}.totals-wrap97 .expense-total91{font-size:15px!important;margin-top:6px!important}

.expense-view97 .expense-sheet63 textarea[name=nit],.expense-view97 .expense-sheet63 textarea[name=documento]{overflow-wrap:anywhere!important;word-break:break-all!important}.expense-view97 .expense-sheet63 [data-proof94]{white-space:nowrap!important;min-width:0!important;padding:5px!important}
body.logged-in>header,body.logged-in #account-dock{background:#083e59!important}body.logged-in>header::before{background:linear-gradient(160deg,#083752,#075b7b 58%,#087f92)!important}body.logged-in #tabs{background:transparent!important}
body.logged-in #tabs.grouped44 .nav-heading44>svg,body.logged-in #tabs.grouped44>button>svg{width:42px!important;height:42px!important;max-width:42px!important;min-width:42px!important;flex:0 0 42px!important;aspect-ratio:1!important;padding:9px!important;box-sizing:border-box!important;stroke:#ecfdff!important;stroke-width:1.8!important}
body.logged-in #tabs.grouped44 .nav-heading44>svg path,body.logged-in #tabs.grouped44>button>svg path{stroke:#ecfdff!important;fill:none!important}
body.logged-in .primary96,body.logged-in dialog .dialog-actions button:last-child{background:#075681!important;color:#fff!important}
@media(max-width:850px){body.logged-in #tabs{background:linear-gradient(160deg,#083752,#075b7b 58%,#087f92)!important}}
dialog.compact95[open]{display:flex!important;flex-direction:column!important;max-height:calc(100dvh - 24px)!important}dialog.compact95[open]>.dialog-head{flex:0 0 auto!important}dialog.compact95[open]>form{flex:1 1 auto!important;min-height:0!important;max-height:none!important}
body.logged-in #content .expense-tools91 button.primary96{background:#075681!important;color:white!important}#tabs.grouped44 button{text-transform:uppercase}#tabs.grouped44 .nav-title44{font-size:13px!important;line-height:1.25!important}#tabs.grouped44 .nav-arrow44{flex:0 0 14px!important;margin-left:0!important;font-size:16px!important}