:root{--bg:#f6f7fb;--card:#fff;--card2:#fbfaff;--text:#171727;--muted:#74748a;--line:#e8e6f2;--brand:#6d4fd1;--brand2:#8b5cf6;--good:#059669;--warn:#b45309;--bad:#dc2626;--chip:#ede9fe;--shadow:0 12px 35px rgba(31,27,65,.08)}
body.dark{--bg:#090914;--card:#11111f;--card2:#151529;--text:#eceaf7;--muted:#918dac;--line:#252540;--chip:#261d48;--shadow:0 12px 35px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.mt{margin-top:14px}.sub{color:var(--muted);font-size:13px}.label{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}textarea{width:100%;resize:vertical}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#ede9fe,transparent 35%),var(--bg)}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.login-card h1{margin:8px 0 0;font-size:28px}.login-card p{margin:4px 0 18px;color:var(--muted)}.login-card label{display:block;margin-top:12px;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.login-card input{width:100%}.note{margin-top:14px;padding:12px;border:1px solid var(--line);background:var(--card2);border-radius:14px;color:var(--muted);font-size:13px;line-height:1.45}
.logo-img{display:block;max-width:100%;height:auto}.login-logo{width:230px;margin-bottom:10px}.brand-logo{width:180px}.brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.login-card h1{margin:0;font-size:28px}.login-card p{margin:4px 0 18px;color:var(--muted)}
.top{position:sticky;top:0;z-index:20;background:rgba(246,247,251,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}body.dark .top{background:rgba(9,9,20,.88)}.header{max-width:1240px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:12px}.logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--brand),#111827);color:white;display:grid;place-items:center;font-weight:900;letter-spacing:-3px;font-size:28px;box-shadow:var(--shadow)}.logo.small{width:42px;height:42px;border-radius:14px;font-size:20px;letter-spacing:-2px}.brand h1{font-size:17px;margin:0}.brand p{font-size:12px;margin:2px 0 0;color:var(--muted)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.period{display:flex;gap:8px;align-items:center;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.period span{font-size:12px;color:var(--muted)}
select,input,textarea{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 10px;outline:none}select:focus,input:focus,textarea:focus{border-color:var(--brand)}.btn{border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:var(--card);color:var(--text);font-weight:650}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:white}.btn-primary:hover{background:#5f3fc4;color:white}.btn-danger{color:var(--bad)}.btn-small{padding:5px 8px;border-radius:9px;font-size:12px}.tabs{max-width:1240px;margin:auto;padding:0 20px;display:flex;gap:4px;overflow-x:auto}.tab{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:12px 13px;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}
main{max-width:1240px;margin:0 auto;padding:22px 20px 60px}.panel{display:none}.panel.active{display:block}.grid{display:grid;gap:14px}.grid.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1.2fr .8fr}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 10px}.card h2{font-size:18px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow)}.kpi-l{color:var(--muted);font-size:12px;margin-bottom:6px}.kpi-v{font-size:23px;font-weight:850;letter-spacing:-.5px}.positive{color:var(--good)}.negative{color:var(--bad)}.brandc{color:var(--brand)}.warn{color:var(--warn)}
.balance-verdict{border-radius:20px;padding:22px;text-align:center;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card2));box-shadow:var(--shadow)}.balance-verdict .who{font-size:16px;color:var(--muted);font-weight:800}.balance-verdict .amount{font-size:40px;font-weight:900;letter-spacing:-1px;margin:4px 0}.balance-lines{margin-top:12px}.line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:8px 0}.line:last-child{border:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--card2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}.empty{padding:28px;text-align:center;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.b-lucio{background:#ede9fe;color:#5b21b6}.b-daniela{background:#fae8ff;color:#a21caf}.b-ok{background:#d1fae5;color:#047857}.b-pend{background:#fef3c7;color:#a16207}body.dark .b-lucio{background:#2b2054;color:#c4b5fd}body.dark .b-daniela{background:#431640;color:#f5a4e8}body.dark .b-ok{background:#08301e;color:#6ee7b7}body.dark .b-pend{background:#3a2a10;color:#fbbf24}
.month-bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:90px 1fr 100px;gap:10px;align-items:center;font-size:12px}.bar{height:10px;background:var(--card2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:999px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.client-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#db2777);display:grid;place-items:center;color:white;font-weight:900;margin-bottom:10px}.client-card h3{margin:0 0 4px}.client-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;z-index:60;align-items:center;justify-content:center;padding:18px}.modal-bg.open{display:flex}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.modal.wide{width:min(960px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px;margin:0}.modal-body{padding:16px}.modal-foot{display:flex;gap:8px;padding:16px;border-top:1px solid var(--line)}.modal-foot button{flex:1}.field{margin-bottom:12px}.field label{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field input,.field select,.field textarea{width:100%}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:11px 16px;border-radius:13px;background:var(--text);color:var(--bg);display:none;z-index:90;font-weight:700;font-size:13px}
@media(max-width:900px){.grid.kpi,.grid.two{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column}.period{width:100%;justify-content:space-between}.field-row{grid-template-columns:1fr}.actions{width:100%}.actions .btn-primary{flex:1}.balance-verdict .amount{font-size:34px}}
.note.compact{padding:10px;margin-top:10px}.users-layout h3{margin:0 0 6px}.inline-foot{padding:10px 0 0;border-top:0}.inline-foot button{flex:0 0 auto}.modal-body code{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:2px 6px}.modal.wide{width:min(1120px,100%)}


/* v5 logo/header fix: logo chico + acciones visibles */
.header{
  align-items:center !important;
  flex-wrap:wrap !important;
}
.brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 1 auto !important;
  min-width:0 !important;
}
.brand > div{
  min-width:0 !important;
}
.logo-img{
  display:block !important;
  height:auto !important;
  object-fit:contain !important;
}
.brand-logo{
  width:150px !important;
  max-width:150px !important;
  max-height:32px !important;
  flex:0 0 auto !important;
}
.login-logo{
  width:180px !important;
  max-width:70% !important;
  max-height:70px !important;
  margin:0 auto 12px !important;
}
.actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
@media(max-width:900px){
  .brand-logo{width:120px !important;max-width:120px !important;max-height:28px !important}
  .login-logo{width:150px !important;max-width:70% !important}
  .actions{margin-left:0 !important;width:100% !important}
}


/* v6 balances en Cobros y Pagos */
.panel-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 10px}
.panel-title-row h2{margin:0;font-size:22px;letter-spacing:-.3px}
.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 14px}
.summary-card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:16px;padding:13px 14px;box-shadow:var(--shadow)}
.summary-card span{display:block;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.45px;margin-bottom:5px}
.summary-card b{display:block;font-size:20px;line-height:1.15;letter-spacing:-.4px}

/* v6 logo realmente chico */
.brand-logo{width:96px !important;max-width:96px !important;max-height:28px !important}
.login-logo{width:140px !important;max-width:60% !important;max-height:56px !important}
@media(max-width:900px){.brand-logo{width:82px !important;max-width:82px !important;max-height:24px !important}.login-logo{width:120px !important}}


/* v7 header alignment fix */
.top{overflow:hidden}
.header{
  max-width:1360px !important;
  display:grid !important;
  grid-template-columns:minmax(280px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
}
.brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex-wrap:nowrap !important;
}
.brand-logo{
  width:110px !important;
  max-width:110px !important;
  max-height:28px !important;
  flex:0 0 auto !important;
}
.brand h1{
  margin:0 !important;
  font-size:17px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.brand p{
  margin:4px 0 0 !important;
  font-size:12px !important;
  line-height:1.1 !important;
}
.actions{
  margin-left:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
}
.actions .btn,
.actions .period{
  flex:0 0 auto !important;
}
.period{
  padding:8px 10px !important;
}
.period select{
  min-width:96px;
}
.tabs{
  max-width:1360px !important;
}
@media(max-width:1200px){
  .header{
    grid-template-columns:1fr !important;
    align-items:flex-start !important;
  }
  .actions{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
}
@media(max-width:900px){
  .header{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .brand{
    width:100% !important;
  }
  .brand-logo{
    width:90px !important;
    max-width:90px !important;
    max-height:24px !important;
  }
  .brand h1{
    white-space:normal !important;
    font-size:16px !important;
  }
  .actions{
    width:100% !important;
    gap:8px !important;
    flex-wrap:wrap !important;
  }
}

/* v8 - liquidación mensual */
.settlement-card{margin:14px 0 16px;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:rgba(124,91,230,.08);display:flex;flex-direction:column;gap:8px}
.settlement-card.paid{border-color:rgba(0,153,108,.45);background:rgba(0,153,108,.10)}
.check-row{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text);cursor:pointer;user-select:none}
.check-row input{width:22px;height:22px;accent-color:#00996c;cursor:pointer}
.settlement-card small{color:var(--muted);line-height:1.45}
.settle-head{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--text)}
.settle-dot{width:12px;height:12px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 5px rgba(124,91,230,.13)}
.settle-grid{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted)}
.settle-grid span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.04)}
.balance-verdict.settled{border-color:rgba(0,153,108,.35);background:linear-gradient(180deg,rgba(0,153,108,.10),rgba(124,91,230,.06))}
.month-status{min-width:84px;text-align:center;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:800;color:var(--muted)}
.month-status.paid{color:#00996c;border-color:rgba(0,153,108,.45);background:rgba(0,153,108,.10)}
@media (max-width: 760px){.month-status{min-width:auto}.settle-grid{flex-direction:column}}

/* V10 - selector de módulo y soporte */
.module-view{max-width:1120px;margin:0 auto;padding:48px 20px 70px}.hero-card{display:flex;align-items:center;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.module-logo{width:145px;max-height:44px;object-fit:contain}.hero-card h1{margin:0 0 6px;font-size:32px;letter-spacing:-.8px}.hero-card p{margin:0;color:var(--muted);font-weight:650}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.module-option{text-align:left;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--card),var(--card2));padding:26px;box-shadow:var(--shadow);color:var(--text);display:flex;flex-direction:column;gap:10px;min-height:180px}.module-option:hover{border-color:var(--brand);transform:translateY(-1px)}.module-icon{font-size:34px}.module-option strong{font-size:25px}.module-option span:last-child{color:var(--muted);line-height:1.45}.support-app .compact-header{padding-bottom:14px}.support-actions{align-items:center}.support-tabs{padding-top:10px}.support-tab{border:0;background:transparent;color:var(--muted);font-weight:850;padding:13px 18px;border-bottom:3px solid transparent}.support-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.section-title h2{margin:0;font-size:28px;letter-spacing:-.8px}.section-title p{margin:6px 0 0;color:var(--muted);font-weight:650}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-box{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.summary-box span{display:block;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.4px}.summary-box strong{display:block;margin-top:8px;font-size:25px;letter-spacing:-.5px}.compact-toolbar{justify-content:flex-end;margin:0}.compact-toolbar select{min-width:170px}.modal-bg.show{display:flex}.modal.wide{width:min(760px,94vw)}.support-modal .modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-modal .modal-body label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.support-modal .modal-body .check{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0;font-size:14px}.support-modal .modal-body .full{grid-column:1/-1}.support-status{font-weight:850}.status-nuevo{color:#2563eb}.status-en-progreso{color:#7c3aed}.status-pausado{color:#a16207}.status-resuelto,.status-cerrado{color:#059669}.linkish{border:0;background:transparent;color:var(--brand);font-weight:850;padding:0;cursor:pointer}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;color:var(--muted)}@media(max-width:980px){.module-grid,.summary-strip{grid-template-columns:1fr}.hero-card{align-items:flex-start;flex-direction:column}.section-title{align-items:flex-start;flex-direction:column}.modal-body{grid-template-columns:1fr}.support-actions{width:100%}}

/* v12 ajustes home/logo/soporte */
.brand img,
.logo-img,
.brand-logo,
.module-brand img,
.compact-brand img {
  width: auto !important;
  max-width: 150px !important;
  height: 42px !important;
  object-fit: contain !important;
}
.app-header .brand img,
.support-header .brand img {
  height: 38px !important;
  max-width: 140px !important;
}
.support-tech-form {
  padding: 16px;
  margin-bottom: 16px;
}
.support-tech-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
}
.tech-active-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}
.support-tech-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.actions-cell,
.row-actions {
  white-space: nowrap;
}
@media (max-width: 720px) {
  .brand img,
  .logo-img,
  .brand-logo,
  .module-brand img,
  .compact-brand img {
    height: 34px !important;
    max-width: 120px !important;
  }
}


.support-filters {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

.support-filters select {
  min-width: 150px;
}

.support-filters .filter-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

@media (max-width: 760px) {
  .support-filters {
    width: 100%;
    margin-left: 0;
  }

  .support-filters select,
  .support-filters button {
    flex: 1 1 100%;
  }
}

/* v21 - filtros avanzados y exportación de soporte */
.support-filters.wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;min-width:min(920px,100%);gap:10px}
.support-filters.wide span{align-self:center;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em}
.support-filters input[type="date"],.support-filters input[type="search"]{min-height:38px;width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card);color:var(--text)}
.support-filters select{width:100%;min-width:0}
.hint{color:var(--muted);font-size:13px;margin:-8px 0 14px 0;font-weight:600}
.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px 0;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:700}
.table-wrap input[type="checkbox"]{width:16px;height:16px;accent-color:var(--brand)}
.linkish.danger{color:#dc2626}
@media(max-width:900px){.support-filters.wide{grid-template-columns:1fr}.section-title{align-items:stretch}.compact-toolbar{width:100%}}


/* v23 - tipografia mas limpia y soporte minimalista */
body{font-family:"Segoe UI",Inter,Arial,sans-serif !important;font-weight:400 !important;}
.brand h1,.section-title h2,.card h2,.card h3,.panel-title-row h2,.modal-head h2{font-weight:600 !important;letter-spacing:-0.35px !important;}
.brand p,.section-title p,.hint,.sub,.kpi-l,.period span{font-weight:400 !important;}
.btn,.support-tab,.tab,.linkish,.pill,.support-filters.wide span,th,.label,.field label,.support-modal .modal-body label{font-weight:500 !important;}
.btn{border-radius:12px !important;padding:9px 14px !important;box-shadow:none !important;}
.btn-primary{font-weight:600 !important;}
.support-tab,.tab{font-size:14px !important;color:#6f7188 !important;}
.support-tab.active,.tab.active{color:var(--brand) !important;}
.support-app main,main{line-height:1.45 !important;}
.summary-box,.card,.kpi-card,.table-wrap,.module-option,.hero-card{box-shadow:0 10px 28px rgba(31,27,65,.055) !important;}
.summary-box strong,.kpi-v,.balance-verdict .amount{font-weight:600 !important;letter-spacing:-0.35px !important;}
.summary-box span,.summary-card span,.support-filters.wide span{font-size:11px !important;letter-spacing:.05em !important;}
.support-filters.wide{background:transparent !important;}
.support-filters input[type="date"],.support-filters input[type="search"],.support-filters select,select,input,textarea{border-radius:12px !important;font-weight:400 !important;}
.support-status,.badge,.month-status,.check-row,.settle-head{font-weight:500 !important;}
td,th{font-weight:400 !important;}
th{color:var(--muted) !important;}
.toast{font-weight:500 !important;}
body.dark .support-tab,body.dark .tab{color:#9a97ad !important;}

/* v24 - Soporte más limpio, filtros ordenados y modo oscuro */
:root{ --font-main: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body{font-family:var(--font-main);font-weight:400;letter-spacing:-0.01em;}
h1,h2,h3,.brand h1,.support-brand h1,.tab-btn,.btn,.kpi-v{font-weight:600;letter-spacing:-0.025em;}
.sub,.muted,small,.kpi-l{font-weight:400;}
.btn{border-radius:12px;font-size:.94rem;box-shadow:none;}
.btn-primary{font-weight:600;}
.support-shell{transition:background .2s ease,color .2s ease;}
.support-shell .compact-toolbar.support-filters{align-items:flex-end;gap:10px;padding:14px;margin:10px 0 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 36px rgba(15,23,42,.04);}
.support-shell .compact-toolbar.support-filters .toolbar-title{flex-basis:100%;margin:0 0 2px 0;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}
.support-shell .compact-toolbar.support-filters select,
.support-shell .compact-toolbar.support-filters input{min-width:150px;height:44px;font-size:.92rem;border-radius:12px;}
.support-shell .compact-toolbar.support-filters button{height:44px;}
.support-shell .compact-toolbar.support-filters .primary-action{height:54px;min-width:86px;}
.theme-select{height:52px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;font-weight:500;}
.support-shell .module-tabs{gap:8px;}
.support-shell .tab-btn{font-weight:600;color:var(--muted);}
.support-shell .tab-btn.active{color:var(--brand);}
.support-dark{--bg:#0f1220;--card:#15192a;--card2:#111626;--ink:#f4f6fb;--muted:#a9b0c3;--line:#2a3147;--line2:#20263b;--brand:#8b6bff;background:#0f1220;color:#f4f6fb;}
.support-dark .support-app,
.support-dark .support-shell{background:#0f1220;color:#f4f6fb;}
.support-dark .topbar.support-topbar{background:#0f1220;border-color:#20263b;}
.support-dark .support-logo-row img{filter:none;}
.support-dark .support-brand h1,.support-dark .support-section-title h2,.support-dark h3{color:#f7f8ff;}
.support-dark .support-brand p,.support-dark .support-section-title p,.support-dark .muted,.support-dark .sub{color:#a9b0c3;}
.support-dark .panel,.support-dark .card,.support-dark .support-card,.support-dark .client-card,.support-dark .kpi-card,.support-dark .table-wrap,.support-dark .compact-toolbar.support-filters{background:#15192a;border-color:#2a3147;box-shadow:0 16px 48px rgba(0,0,0,.22);}
.support-dark input,.support-dark select,.support-dark textarea,.support-dark .theme-select{background:#101526;color:#f4f6fb;border-color:#30364d;}
.support-dark input::placeholder,.support-dark textarea::placeholder{color:#747d95;}
.support-dark table th{color:#b6bdcf;border-color:#2a3147;}
.support-dark table td{border-color:#242b3f;color:#eef2ff;}
.support-dark .btn{background:#171d2f;border-color:#30364d;color:#f4f6fb;}
.support-dark .btn-primary{background:#7757e8;border-color:#7757e8;color:#fff;}
.support-dark .badge{background:#1e2540;color:#d9def0;border-color:#30364d;}
.support-dark .modal-card{background:#15192a;color:#f4f6fb;border-color:#2a3147;}
.support-dark .modal-backdrop{background:rgba(0,0,0,.72);}
@media (max-width:900px){.support-shell .compact-toolbar.support-filters select,.support-shell .compact-toolbar.support-filters input{min-width:100%;}.support-shell .compact-toolbar.support-filters .primary-action{width:100%;}}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;align-items:end;}
.filter-grid .toolbar-title{grid-column:1/-1;}
.filter-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.filter-field small{font-size:.72rem;color:var(--muted);font-weight:500;letter-spacing:.02em;}
.filter-field.wide{grid-column:span 2;}
.filter-field select,.filter-field input{width:100%;}
@media (max-width:1100px){.filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr));}.filter-field.wide{grid-column:span 2;}}
@media (max-width:700px){.filter-grid{grid-template-columns:1fr;}.filter-field.wide{grid-column:span 1;}}

/* v25 fixes */
html, body { min-height: 100%; }
body.support-body-dark { background: #0f1322; }
.support-app { min-height: 100vh; }
.support-app.support-dark { min-height: 100vh; background: #0f1322; }
.support-dark .support-layout { background: #0f1322; }
.modal-body .summary-strip{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.modal-body .summary-strip>div{border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:180px;background:var(--card)}
.modal-body .summary-strip small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.modal-body .summary-strip strong{font-size:18px}
.client-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.support-filters{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;align-items:end;margin:16px 0 18px}
.support-filters .filter-actions{display:flex;gap:10px;justify-content:flex-end;align-items:end}
.support-filters label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}
@media (max-width: 1000px){.support-filters{grid-template-columns:1fr 1fr}.support-filters .filter-actions{justify-content:flex-start}}
@media (max-width: 640px){.support-filters{grid-template-columns:1fr}}

/* v27 - soporte: tipografía más limpia, filtros ordenados y modo oscuro a pantalla completa */
body.support-body-dark,
body.support-body-dark #supportView,
body.support-body-dark .support-app {
  background: var(--support-bg) !important;
  min-height: 100vh;
}
#supportView, .support-app { min-height: 100vh; }
.support-app, .support-app input, .support-app select, .support-app textarea, .support-app button {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.support-app h1, .support-app h2, .support-app h3 { font-weight: 600; letter-spacing: -0.02em; }
.support-app .support-tabs button,
.support-app .btn,
.support-app th,
.support-app .metric-label,
.support-app .filter-label { font-weight: 500; }
.support-app .metric-value { font-weight: 600; }
#supportTickets .section-title,
#supportHoras .section-title {
  display: block;
}
#supportTickets .section-title > div:first-child,
#supportHoras .section-title > div:first-child {
  margin-bottom: 18px;
}
#supportTickets .compact-toolbar.support-filters,
#supportHoras .compact-toolbar.support-filters {
  width: 100%;
  max-width: none;
  justify-content: stretch;
  align-items: end;
}
.support-app .filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
}
.support-app .filter-grid .toolbar-title {
  grid-column: 1 / -1;
  margin-bottom: 2px;
}
.support-app .filter-grid .wide { grid-column: span 2; }
.support-app .filter-field { display: flex; flex-direction: column; gap: 5px; }
.support-app .filter-field small { color: var(--muted); font-size: 12px; font-weight: 500; }
.support-app .filter-grid .btn { min-height: 44px; }
@media (max-width: 1100px) {
  .support-app .filter-grid { grid-template-columns: repeat(2, minmax(150px, 1fr)); }
}
@media (max-width: 680px) {
  .support-app .filter-grid { grid-template-columns: 1fr; }
  .support-app .filter-grid .wide { grid-column: auto; }
}

/* Papelera de recuperación */
.toolbar.tight{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#trashModal .table-wrap{max-height:60vh;overflow:auto}
#trashModal td .btn{margin-right:6px;margin-bottom:4px}
.support-dark #trashModal .modal{background:#15192a;color:#f4f6fb;border-color:#2a3147}
.support-dark #trashModal .table-wrap{background:#15192a;border-color:#2a3147}
.support-dark #trashModal table td,.support-dark #trashModal table th{border-color:#2a3147;color:#f4f6fb}

/* v35 - Modo oscuro unificado Balance / Soporte
   Mantiene el mismo tema al cambiar de módulo y evita fondos blancos en Soporte. */
:root{--support-bg:#f6f7fb;--support-card:#ffffff;--support-card2:#fbfaff;--support-text:#171727;--support-muted:#74748a;--support-line:#e8e6f2;}
body.dark,
body.support-body-dark,
.support-app.support-dark{
  --bg:#0f1322 !important;
  --card:#15192a !important;
  --card2:#111626 !important;
  --text:#f4f6fb !important;
  --ink:#f4f6fb !important;
  --muted:#a9b0c3 !important;
  --line:#2a3147 !important;
  --line2:#20263b !important;
  --brand:#8b6bff !important;
  --brand2:#a78bfa !important;
  --chip:#211b3f !important;
  --support-bg:#0f1322 !important;
  --support-card:#15192a !important;
  --support-card2:#111626 !important;
  --support-text:#f4f6fb !important;
  --support-muted:#a9b0c3 !important;
  --support-line:#2a3147 !important;
  --shadow:0 14px 42px rgba(0,0,0,.28) !important;
}
body.dark,
body.support-body-dark{background:#0f1322 !important;color:#f4f6fb !important;}
body.dark .login-page{background:radial-gradient(circle at top left,rgba(139,107,255,.20),transparent 36%),#0f1322 !important;}
body.dark .module-view,
body.dark #appView,
body.dark main,
body.dark .panel,
body.support-body-dark #supportView,
body.support-body-dark .support-app,
.support-app.support-dark,
.support-app.support-dark .container,
.support-app.support-dark main,
.support-app.support-dark .support-panel{background:#0f1322 !important;color:#f4f6fb !important;}
body.dark .top,
.support-app.support-dark .app-header,
.support-app.support-dark .compact-header,
.support-app.support-dark .support-tabs{
  background:rgba(15,19,34,.94) !important;
  border-color:#20263b !important;
  backdrop-filter:blur(14px);
}
body.dark .hero-card,
body.dark .module-option,
body.dark .period,
body.dark .card,
body.dark .kpi-card,
body.dark .client-card,
body.dark .summary-box,
body.dark .balance-verdict,
body.dark .table-wrap,
body.dark .modal,
body.dark .note,
body.dark .bar,
.support-app.support-dark .hero-card,
.support-app.support-dark .module-option,
.support-app.support-dark .period-picker,
.support-app.support-dark .card,
.support-app.support-dark .card-soft,
.support-app.support-dark .kpi-card,
.support-app.support-dark .client-card,
.support-app.support-dark .summary-box,
.support-app.support-dark .balance-verdict,
.support-app.support-dark .table-wrap,
.support-app.support-dark .modal,
.support-app.support-dark .note,
.support-app.support-dark .compact-toolbar.support-filters,
.support-app.support-dark .support-tech-form{
  background:#15192a !important;
  border-color:#2a3147 !important;
  color:#f4f6fb !important;
  box-shadow:0 14px 42px rgba(0,0,0,.24) !important;
}
body.dark .summary-box,
body.dark .balance-verdict,
body.dark .module-option,
.support-app.support-dark .summary-box,
.support-app.support-dark .balance-verdict,
.support-app.support-dark .module-option{background:linear-gradient(180deg,#15192a,#111626) !important;}
body.dark input,
body.dark select,
body.dark textarea,
.support-app.support-dark input,
.support-app.support-dark select,
.support-app.support-dark textarea,
.support-app.support-dark .theme-select{
  background:#101526 !important;
  color:#f4f6fb !important;
  border-color:#30364d !important;
}
body.dark input::placeholder,
body.dark textarea::placeholder,
.support-app.support-dark input::placeholder,
.support-app.support-dark textarea::placeholder{color:#747d95 !important;}
body.dark .btn,
.support-app.support-dark .btn{background:#171d2f !important;border-color:#30364d !important;color:#f4f6fb !important;}
body.dark .btn:hover,
.support-app.support-dark .btn:hover{border-color:#8b6bff !important;color:#c4b5fd !important;}
body.dark .btn-primary,
.support-app.support-dark .btn-primary{background:#7757e8 !important;border-color:#7757e8 !important;color:#fff !important;}
body.dark th,
.support-app.support-dark th{background:#111626 !important;color:#b6bdcf !important;border-color:#2a3147 !important;}
body.dark td,
.support-app.support-dark td{border-color:#242b3f !important;color:#eef2ff !important;}
body.dark .sub,
body.dark .muted,
body.dark .kpi-l,
body.dark .period span,
body.dark .hero-card p,
body.dark .module-option span:last-child,
body.dark .section-title p,
body.dark .hint,
body.dark .filter-field small,
body.dark .filter-label,
.support-app.support-dark .sub,
.support-app.support-dark .muted,
.support-app.support-dark .kpi-l,
.support-app.support-dark .period-picker span,
.support-app.support-dark .section-title p,
.support-app.support-dark .hint,
.support-app.support-dark .filter-field small,
.support-app.support-dark .filter-label{color:#a9b0c3 !important;}
body.dark .tab,
body.dark .support-tab,
.support-app.support-dark .support-tab{color:#a9b0c3 !important;}
body.dark .tab.active,
body.dark .support-tab.active,
.support-app.support-dark .support-tab.active{color:#a78bfa !important;border-bottom-color:#8b6bff !important;}
body.dark .modal-bg.open,
body.dark .modal-bg.show,
.support-app.support-dark .modal-bg.open,
.support-app.support-dark .modal-bg.show{background:rgba(0,0,0,.72) !important;}
body.dark .toast{background:#f4f6fb !important;color:#0f1322 !important;}


/* FIX v36 - Acciones visibles en Soporte (Tickets/Horas) */
#supportTicketsList,
#supportHoursList{
  position:relative;
}
#supportTicketsList table,
#supportHoursList table{
  min-width:1080px;
}
#supportTicketsList th:last-child,
#supportHoursList th:last-child,
#supportTicketsList td.actions-cell,
#supportHoursList td.actions-cell{
  position:sticky;
  right:0;
  z-index:4;
  min-width:210px;
  max-width:250px;
  background:var(--card);
  box-shadow:-12px 0 18px rgba(15,23,42,.08);
}
#supportTicketsList th:last-child,
#supportHoursList th:last-child{
  z-index:5;
  background:var(--card2);
}
#supportTicketsList td.actions-cell,
#supportHoursList td.actions-cell{
  white-space:normal;
}
.row-action-buttons{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
  white-space:normal;
}
.row-action-buttons.actions-inline{
  margin-top:0;
}
.row-action-buttons .linkish{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(108,79,210,.08);
  text-decoration:none;
  line-height:1.1;
}
.row-action-buttons .linkish:hover{
  border-color:var(--brand);
  background:rgba(108,79,210,.16);
}
.row-action-buttons .linkish.danger{
  color:var(--bad);
  background:rgba(239,68,68,.08);
}
body.dark #supportTicketsList th:last-child,
body.dark #supportHoursList th:last-child,
.support-app.support-dark #supportTicketsList th:last-child,
.support-app.support-dark #supportHoursList th:last-child{
  background:#15192a !important;
}
body.dark #supportTicketsList td.actions-cell,
body.dark #supportHoursList td.actions-cell,
.support-app.support-dark #supportTicketsList td.actions-cell,
.support-app.support-dark #supportHoursList td.actions-cell{
  background:#111626 !important;
  box-shadow:-12px 0 22px rgba(0,0,0,.28);
}
body.dark .row-action-buttons .linkish,
.support-app.support-dark .row-action-buttons .linkish{
  background:rgba(124,92,255,.16);
  border-color:#30364d;
  color:#c9c2ff;
}
body.dark .row-action-buttons .linkish:hover,
.support-app.support-dark .row-action-buttons .linkish:hover{
  background:rgba(124,92,255,.26);
  border-color:#7c5cff;
}
body.dark .row-action-buttons .linkish.danger,
.support-app.support-dark .row-action-buttons .linkish.danger{
  color:#fca5a5;
  background:rgba(239,68,68,.14);
}
@media (max-width: 980px){
  #supportTicketsList table,
  #supportHoursList table{min-width:980px;}
  #supportTicketsList th:last-child,
  #supportHoursList th:last-child,
  #supportTicketsList td.actions-cell,
  #supportHoursList td.actions-cell{min-width:180px;max-width:210px;}
}


/* FIX v37 - selector de tema en inicio + modo oscuro consistente para Soporte/Tickets */
.module-theme-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--card),var(--card2));
  box-shadow:var(--shadow);
}
.module-theme-card strong{display:block;font-size:17px;margin-bottom:4px;color:var(--text)}
.module-theme-card span{display:block;color:var(--muted);line-height:1.45;font-size:13px}
.theme-choice-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.theme-choice{
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px 16px;
  background:var(--card);
  color:var(--text);
  font-weight:700;
  min-width:112px;
}
.theme-choice:hover{border-color:var(--brand);color:var(--brand)}
.theme-choice.active{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
  box-shadow:0 12px 28px rgba(109,79,209,.22);
}
body.dark .module-theme-card,
body.dark .theme-choice{
  background:#11111f !important;
  border-color:#252540 !important;
  color:#eceaf7 !important;
}
body.dark .theme-choice.active{background:#6d4fd1 !important;border-color:#6d4fd1 !important;color:#fff !important}
body.dark .module-theme-card span{color:#a9a6bd !important}

/* Soporte usa el mismo modo oscuro visual de Balance y corrige Tickets/Horas */
body.support-body-dark{background:#090914 !important;color:#eceaf7 !important;}
body.dark #supportView.support-app,
#supportView.support-app.support-dark{
  --bg:#090914 !important;
  --card:#11111f !important;
  --card2:#151529 !important;
  --text:#eceaf7 !important;
  --ink:#eceaf7 !important;
  --muted:#a9a6bd !important;
  --line:#252540 !important;
  --line2:#20243a !important;
  --brand:#8b6bff !important;
  --brand2:#a78bfa !important;
  --chip:#211b3f !important;
  --shadow:0 12px 35px rgba(0,0,0,.35) !important;
  background:#090914 !important;
  color:#eceaf7 !important;
}
body.dark #supportView.support-app main,
body.dark #supportView.support-app .container,
body.dark #supportView.support-app .support-panel,
#supportView.support-app.support-dark main,
#supportView.support-app.support-dark .container,
#supportView.support-app.support-dark .support-panel{
  background:#090914 !important;
  color:#eceaf7 !important;
}
body.dark #supportView .app-header,
body.dark #supportView .compact-header,
body.dark #supportView .support-tabs,
#supportView.support-dark .app-header,
#supportView.support-dark .compact-header,
#supportView.support-dark .support-tabs{
  background:#090914 !important;
  border-color:#252540 !important;
}
body.dark #supportView .card,
body.dark #supportView .card-soft,
body.dark #supportView .summary-box,
body.dark #supportView .table-wrap,
body.dark #supportView .compact-toolbar.support-filters,
body.dark #supportView .support-tech-form,
body.dark #supportView .modal,
body.dark #supportView .note,
#supportView.support-dark .card,
#supportView.support-dark .card-soft,
#supportView.support-dark .summary-box,
#supportView.support-dark .table-wrap,
#supportView.support-dark .compact-toolbar.support-filters,
#supportView.support-dark .support-tech-form,
#supportView.support-dark .modal,
#supportView.support-dark .note{
  background:#11111f !important;
  border-color:#252540 !important;
  color:#eceaf7 !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35) !important;
}
body.dark #supportView .summary-box,
#supportView.support-dark .summary-box{
  background:linear-gradient(180deg,#11111f,#151529) !important;
}
body.dark #supportView input,
body.dark #supportView select,
body.dark #supportView textarea,
body.dark #supportView .theme-select,
#supportView.support-dark input,
#supportView.support-dark select,
#supportView.support-dark textarea,
#supportView.support-dark .theme-select{
  background:#0f0f1d !important;
  color:#ffffff !important;
  border-color:#2d2d4d !important;
  box-shadow:none !important;
}
body.dark #supportView input::placeholder,
body.dark #supportView textarea::placeholder,
#supportView.support-dark input::placeholder,
#supportView.support-dark textarea::placeholder{color:#8c89a3 !important;}
body.dark #supportView input[type="date"],
#supportView.support-dark input[type="date"]{color-scheme:dark;}
body.dark #supportView .btn,
#supportView.support-dark .btn{
  background:#11111f !important;
  border-color:#2d2d4d !important;
  color:#eceaf7 !important;
}
body.dark #supportView .btn:hover,
#supportView.support-dark .btn:hover{border-color:#8b6bff !important;color:#c4b5fd !important;}
body.dark #supportView .btn-primary,
#supportView.support-dark .btn-primary{
  background:#6d4fd1 !important;
  border-color:#6d4fd1 !important;
  color:#fff !important;
}
body.dark #supportTickets .section-title h2,
body.dark #supportHoras .section-title h2,
body.dark #supportView h1,
body.dark #supportView h2,
body.dark #supportView h3,
#supportView.support-dark h1,
#supportView.support-dark h2,
#supportView.support-dark h3{color:#f7f5ff !important;}
body.dark #supportTickets .section-title p,
body.dark #supportHoras .section-title p,
body.dark #supportView .hint,
body.dark #supportView .sub,
body.dark #supportView .filter-field small,
body.dark #supportView .filter-label,
#supportView.support-dark .hint,
#supportView.support-dark .sub,
#supportView.support-dark .filter-field small,
#supportView.support-dark .filter-label{color:#a9a6bd !important;}
body.dark #supportView table,
#supportView.support-dark table{background:#11111f !important;color:#eceaf7 !important;}
body.dark #supportView th,
#supportView.support-dark th{
  background:#151529 !important;
  color:#b9b5d1 !important;
  border-color:#252540 !important;
}
body.dark #supportView td,
#supportView.support-dark td{
  background:#11111f !important;
  color:#f2f0ff !important;
  border-color:#252540 !important;
}
body.dark #supportView tr:hover td,
#supportView.support-dark tr:hover td{background:#151529 !important;}
body.dark #supportView input[type="checkbox"],
#supportView.support-dark input[type="checkbox"]{accent-color:#8b6bff;}
body.dark #supportView .support-tab,
#supportView.support-dark .support-tab{color:#a9a6bd !important;}
body.dark #supportView .support-tab.active,
#supportView.support-dark .support-tab.active{color:#a78bfa !important;border-bottom-color:#8b6bff !important;}
body.dark #supportView .status-nuevo,
#supportView.support-dark .status-nuevo{color:#60a5fa !important;}
body.dark #supportView .status-en-progreso,
#supportView.support-dark .status-en-progreso{color:#a78bfa !important;}
body.dark #supportView .status-resuelto,
body.dark #supportView .status-cerrado,
#supportView.support-dark .status-resuelto,
#supportView.support-dark .status-cerrado{color:#34d399 !important;}
body.dark #supportView .status-pausado,
#supportView.support-dark .status-pausado{color:#fbbf24 !important;}
body.dark #supportTicketsList th:last-child,
body.dark #supportHoursList th:last-child,
#supportView.support-dark #supportTicketsList th:last-child,
#supportView.support-dark #supportHoursList th:last-child{background:#151529 !important;}
body.dark #supportTicketsList td.actions-cell,
body.dark #supportHoursList td.actions-cell,
#supportView.support-dark #supportTicketsList td.actions-cell,
#supportView.support-dark #supportHoursList td.actions-cell{
  background:#11111f !important;
  box-shadow:-12px 0 22px rgba(0,0,0,.35) !important;
}
body.dark #supportView .row-action-buttons .linkish,
#supportView.support-dark .row-action-buttons .linkish{
  background:rgba(139,107,255,.14) !important;
  border-color:#2d2d4d !important;
  color:#d6d0ff !important;
}
body.dark #supportView .row-action-buttons .linkish:hover,
#supportView.support-dark .row-action-buttons .linkish:hover{
  background:rgba(139,107,255,.24) !important;
  border-color:#8b6bff !important;
}
body.dark #supportView .row-action-buttons .linkish.danger,
#supportView.support-dark .row-action-buttons .linkish.danger{
  color:#fca5a5 !important;
  background:rgba(239,68,68,.13) !important;
}
@media(max-width:800px){
  .module-theme-card{align-items:flex-start;flex-direction:column}
  .theme-choice-buttons{width:100%;justify-content:stretch}
  .theme-choice{flex:1}
}

/* FIX v38 - Horas más legibles, acciones únicas y exportación consistente */
#supportTicketsList table.support-tickets-table{min-width:1120px;}
#supportHoursList table.support-hours-table{min-width:1180px;}
.support-hours-table td,
.support-tickets-table td{vertical-align:top;}
.support-hours-table th:nth-child(6),
.support-hours-table td:nth-child(6){min-width:260px;}
.support-hours-table th:nth-child(4),
.support-hours-table td:nth-child(4){min-width:250px;}
.support-hours-table th:nth-child(3),
.support-hours-table td:nth-child(3){min-width:190px;}
.hour-date-cell strong{white-space:nowrap;}
.hour-category-pill{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:3px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(108,79,210,.08);
  color:var(--brand);
  font-weight:800;
  font-size:12px;
  margin-bottom:5px;
}
.hour-comment{
  display:block;
  color:var(--muted);
  line-height:1.35;
  max-width:520px;
}
.hour-total-cell{
  text-align:right;
  white-space:nowrap;
}
.hour-total-cell strong{font-size:16px;}
.hour-total-cell small{display:block;color:var(--muted);font-size:11px;margin-top:2px;}
#supportHoursList td.actions-cell,
#supportTicketsList td.actions-cell{vertical-align:middle;}
#supportHoursList .row-action-buttons.actions-inline,
#supportTicketsList .row-action-buttons.actions-inline{justify-content:flex-start;}
body.dark #supportView .hour-category-pill,
#supportView.support-dark .hour-category-pill{
  background:rgba(139,107,255,.18) !important;
  border-color:#302b54 !important;
  color:#c4b5fd !important;
}
body.dark #supportView .hour-comment,
#supportView.support-dark .hour-comment{color:#b5b1c9 !important;}
body.dark #supportView .hour-total-cell small,
#supportView.support-dark .hour-total-cell small{color:#a9a6bd !important;}
@media(max-width:980px){
  #supportHoursList table.support-hours-table{min-width:1080px;}
  #supportTicketsList table.support-tickets-table{min-width:1020px;}
}

/* FIX v39 - Modal de horas del ticket más ancho/legible + usuarios duplicados */
#paymentsModal{padding:28px !important;}
#paymentsModal .modal.wide{
  width:min(1320px,96vw) !important;
  max-height:94vh !important;
  border-radius:24px !important;
}
#paymentsModal .modal-head{
  padding:20px 24px !important;
}
#paymentsModal .modal-body{
  padding:24px !important;
}
.ticket-hours-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.ticket-hours-summary>div{
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px 18px;
  background:linear-gradient(180deg,var(--card),var(--card2));
}
.ticket-hours-summary small{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
  font-weight:700;
}
.ticket-hours-summary strong{
  font-size:20px;
  line-height:1.25;
}
.ticket-hours-wrap{
  max-height:68vh;
  overflow:auto;
}
.ticket-hours-table{
  min-width:1040px;
}
.ticket-hours-table th{
  position:sticky;
  top:0;
  z-index:2;
}
.ticket-hours-table td{
  vertical-align:top;
  padding:14px 12px;
  white-space:normal;
}
.ticket-hours-table .nowrap{white-space:nowrap;}
.ticket-hours-table th:nth-child(4),
.ticket-hours-table td:nth-child(4){min-width:420px;}
.ticket-hour-description{
  line-height:1.45;
  color:var(--text);
}
.ticket-hour-amount{
  text-align:right;
  white-space:nowrap !important;
}
.ticket-hour-amount strong{font-size:17px;}
.ticket-hour-amount small{display:block;color:var(--muted);font-size:11px;margin-top:2px;}
.support-users-table{min-width:980px;}
.support-users-table td{vertical-align:middle;}
.support-users-table .user-actions{min-width:300px;max-width:none;}
.support-users-table .row-action-buttons{margin-top:0;}
.hint.compact{padding:10px 12px;margin:0 0 10px;border:1px solid var(--line);border-radius:14px;background:var(--card2);}
body.dark #paymentsModal .modal,
#supportView.support-dark #paymentsModal .modal{
  background:#151529 !important;
  color:#f2f0ff !important;
  border-color:#2d2d4d !important;
}
body.dark #paymentsModal .ticket-hours-summary>div,
#supportView.support-dark #paymentsModal .ticket-hours-summary>div{
  background:linear-gradient(180deg,#17172a,#11111f) !important;
  border-color:#2d2d4d !important;
}
body.dark #paymentsModal .ticket-hour-description,
#supportView.support-dark #paymentsModal .ticket-hour-description{color:#f2f0ff !important;}
@media(max-width:900px){
  #paymentsModal{padding:12px !important;}
  #paymentsModal .modal-body{padding:16px !important;}
  .ticket-hours-summary{grid-template-columns:1fr;}
  .ticket-hours-table{min-width:920px;}
}

/* v29 usuarios + export fix */
#usersModal{padding:18px !important;}
#usersModal .modal.wide{width:min(1220px,96vw) !important;max-height:92vh !important;}
#usersModal .modal-body{padding:18px !important;}
#usersModal .users-layout{display:grid !important;grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr) !important;gap:18px !important;align-items:start !important;}
#usersModal .toolbar{align-items:flex-start !important;gap:10px !important;}
#usersModal #usersList{max-height:64vh;overflow:auto;}
#usersModal .users-table{min-width:780px;}
#usersModal .users-table th,#usersModal .users-table td{padding:12px 12px;vertical-align:middle;}
#usersModal .users-table td{white-space:normal;}
#usersModal .users-table .muted-col{color:var(--muted);white-space:nowrap;}
#usersModal .users-table .user-actions{min-width:260px;}
#usersModal .user-row-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
#usersModal .user-form-card{background:var(--card2);border:1px solid var(--line);border-radius:18px;padding:16px;position:sticky;top:0;box-shadow:0 10px 28px rgba(31,27,65,.055);}
#usersModal .user-form-card h3{margin:0 0 14px;}
#usersModal .inline-foot{justify-content:flex-end;flex-wrap:wrap;}
body.dark #usersModal .user-form-card{background:#15192a !important;border-color:#2a3147 !important;color:#f4f6fb !important;box-shadow:0 14px 42px rgba(0,0,0,.24) !important;}
body.dark #usersModal .users-table th{background:#111626 !important;color:#b6bdcf !important;border-color:#2a3147 !important;}
body.dark #usersModal .users-table td{border-color:#242b3f !important;color:#eef2ff !important;}
@media(max-width:980px){
  #usersModal .users-layout{grid-template-columns:1fr !important;}
  #usersModal .user-form-card{position:relative;}
  #usersModal #usersList{max-height:none;}
}


/* v30 - Header de Soporte alineado al estilo de Balance.
   Solo presentación: no cambia API, permisos ni base de datos. */
#supportView.support-app{
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
}
#supportView .top.support-top{
  position:sticky !important;
  top:0 !important;
  z-index:30 !important;
  overflow:visible !important;
  background:rgba(246,247,251,.94) !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  backdrop-filter:blur(14px);
}
#supportView .support-header-row{
  max-width:1360px !important;
  margin:0 auto !important;
  padding:14px 20px !important;
  display:grid !important;
  grid-template-columns:minmax(320px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
}
#supportView .support-header-row .brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  width:auto !important;
}
#supportView .support-header-row .brand-logo{
  width:96px !important;
  max-width:96px !important;
  height:auto !important;
  max-height:28px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}
#supportView .support-header-row .brand h1{
  margin:0 !important;
  font-size:17px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#supportView .support-header-row .brand p{
  margin:4px 0 0 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  color:var(--muted) !important;
}
#supportView .support-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}
#supportView .support-actions .btn,
#supportView .support-actions .theme-select,
#supportView .period-picker select{
  min-height:36px !important;
  height:36px !important;
}
#supportView .period-picker{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  background:var(--card) !important;
  box-shadow:0 6px 18px rgba(31,27,65,.06) !important;
}
#supportView .period-picker span{
  font-size:12px !important;
  color:var(--muted) !important;
  white-space:nowrap !important;
}
#supportView .period-picker select,
#supportView .support-actions .theme-select{
  width:auto !important;
  min-width:92px !important;
  padding:7px 10px !important;
}
#supportView .support-actions .btn{
  white-space:nowrap !important;
  padding:8px 12px !important;
}
#supportView .support-tabs{
  max-width:1360px !important;
  margin:0 auto !important;
  padding:0 20px !important;
  display:flex !important;
  gap:4px !important;
  overflow-x:auto !important;
  border-top:1px solid rgba(113,92,211,.08) !important;
}
#supportView .support-tab{
  border:0 !important;
  background:transparent !important;
  color:var(--muted) !important;
  padding:13px 16px !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  font-weight:650 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
#supportView .support-tab:hover{
  color:var(--text) !important;
}
#supportView .support-tab.active{
  color:var(--brand) !important;
  border-bottom-color:var(--brand) !important;
}
#supportView main.container{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:22px 20px 60px !important;
}
body.dark #supportView .top.support-top,
#supportView.support-dark .top.support-top{
  background:rgba(9,9,20,.94) !important;
  border-color:#252540 !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35) !important;
}
body.dark #supportView .support-tabs,
#supportView.support-dark .support-tabs{
  border-top-color:#252540 !important;
}
body.dark #supportView .period-picker,
#supportView.support-dark .period-picker{
  background:#11111f !important;
  border-color:#252540 !important;
  box-shadow:0 12px 35px rgba(0,0,0,.22) !important;
}
body.dark #supportView .support-header-row .brand p,
#supportView.support-dark .support-header-row .brand p{
  color:#aaa7c2 !important;
}

@media(max-width:1100px){
  #supportView .support-header-row{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:12px !important;
  }
  #supportView .support-actions{
    justify-content:flex-start !important;
    width:100% !important;
  }
}
@media(max-width:760px){
  #supportView .support-header-row{
    padding:12px 14px !important;
  }
  #supportView .support-header-row .brand-logo{
    width:82px !important;
    max-width:82px !important;
  }
  #supportView .support-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  #supportView .period-picker{
    grid-column:1 / -1 !important;
    width:100% !important;
    justify-content:space-between !important;
  }
  #supportView .support-actions .btn,
  #supportView .support-actions .theme-select{
    width:100% !important;
  }
  #supportView .support-tabs{
    padding:0 14px !important;
  }
  #supportView .support-tab{
    padding:12px 13px !important;
  }
}


/* v31 - Unificación visual Balance/Soporte + botón sol/luna.
   Solo CSS: no cambia datos ni APIs. */
#supportView .support-actions #supportThemeBtn{
  width:42px !important;
  min-width:42px !important;
  padding:8px 0 !important;
  font-size:16px !important;
  text-align:center !important;
}
#supportView .support-actions .theme-select{display:none !important;}
body.dark #supportView,
#supportView.support-dark{
  --bg:#090914 !important;
  --card:#11111f !important;
  --card2:#151529 !important;
  --text:#eceaf7 !important;
  --ink:#eceaf7 !important;
  --muted:#918dac !important;
  --line:#252540 !important;
  --line2:#252540 !important;
  --chip:#261d48 !important;
  --shadow:0 12px 35px rgba(0,0,0,.35) !important;
  background:#090914 !important;
  color:#eceaf7 !important;
}
body.dark #supportView .top.support-top,
#supportView.support-dark .top.support-top{
  background:rgba(9,9,20,.94) !important;
  border-color:#252540 !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35) !important;
}
body.dark #supportView main,
body.dark #supportView main.container,
body.dark #supportView .container,
body.dark #supportView .support-panel,
#supportView.support-dark main,
#supportView.support-dark main.container,
#supportView.support-dark .container,
#supportView.support-dark .support-panel{
  background:#090914 !important;
  color:#eceaf7 !important;
}
body.dark #supportView .card,
body.dark #supportView .card-soft,
body.dark #supportView .summary-card,
body.dark #supportView .summary-box,
body.dark #supportView .table-wrap,
body.dark #supportView .compact-toolbar.support-filters,
body.dark #supportView .support-tech-form,
body.dark #supportView .modal,
body.dark #supportView .note,
body.dark #supportView .period-picker,
#supportView.support-dark .card,
#supportView.support-dark .card-soft,
#supportView.support-dark .summary-card,
#supportView.support-dark .summary-box,
#supportView.support-dark .table-wrap,
#supportView.support-dark .compact-toolbar.support-filters,
#supportView.support-dark .support-tech-form,
#supportView.support-dark .modal,
#supportView.support-dark .note,
#supportView.support-dark .period-picker{
  background:#11111f !important;
  color:#eceaf7 !important;
  border-color:#252540 !important;
  box-shadow:0 12px 35px rgba(0,0,0,.35) !important;
}
body.dark #supportView table,
#supportView.support-dark table{
  background:#11111f !important;
  color:#eceaf7 !important;
}
body.dark #supportView thead th,
#supportView.support-dark thead th{
  background:#151529 !important;
  color:#918dac !important;
  border-color:#252540 !important;
}
body.dark #supportView tbody td,
body.dark #supportView tbody tr,
#supportView.support-dark tbody td,
#supportView.support-dark tbody tr{
  background:#11111f !important;
  color:#eceaf7 !important;
  border-color:#252540 !important;
}
body.dark #supportView input,
body.dark #supportView select,
body.dark #supportView textarea,
#supportView.support-dark input,
#supportView.support-dark select,
#supportView.support-dark textarea{
  background:#11111f !important;
  color:#eceaf7 !important;
  border-color:#252540 !important;
  box-shadow:none !important;
}
body.dark #supportView input::placeholder,
body.dark #supportView textarea::placeholder,
#supportView.support-dark input::placeholder,
#supportView.support-dark textarea::placeholder{
  color:#918dac !important;
}
body.dark #supportView .btn,
#supportView.support-dark .btn{
  background:#11111f !important;
  color:#eceaf7 !important;
  border-color:#252540 !important;
}
body.dark #supportView .btn-primary,
#supportView.support-dark .btn-primary{
  background:#6d4fd1 !important;
  border-color:#6d4fd1 !important;
  color:white !important;
}
body.dark #supportView .support-tab,
#supportView.support-dark .support-tab{
  color:#918dac !important;
}
body.dark #supportView .support-tab:hover,
#supportView.support-dark .support-tab:hover{
  color:#eceaf7 !important;
}
body.dark #supportView .support-tab.active,
#supportView.support-dark .support-tab.active{
  color:#8b5cf6 !important;
  border-bottom-color:#8b5cf6 !important;
}
@media(max-width:760px){
  #supportView .support-actions #supportThemeBtn{width:100% !important;}
}


/* v32 - Tickets/Soporte con la misma paleta oscura que Balance.
   Este bloque pisa overrides viejos que dejaban Tickets más negro/diferente. */
body.dark #supportView.support-app,
body.dark #supportView,
body.dark #supportView main,
body.dark #supportView main.container,
body.dark #supportView .container,
body.dark #supportView .support-panel,
#supportView.support-app.support-dark,
#supportView.support-dark,
#supportView.support-dark main,
#supportView.support-dark main.container,
#supportView.support-dark .container,
#supportView.support-dark .support-panel{
  --bg:#0f1322 !important;
  --card:#15192a !important;
  --card2:#111626 !important;
  --text:#f4f6fb !important;
  --ink:#f4f6fb !important;
  --muted:#a9b0c3 !important;
  --line:#2a3147 !important;
  --line2:#20263b !important;
  --brand:#8b6bff !important;
  --brand2:#a78bfa !important;
  --chip:#211b3f !important;
  background:#0f1322 !important;
  color:#f4f6fb !important;
}

/* Header y navegación de Soporte igual que Balance */
body.dark #supportView .top.support-top,
#supportView.support-dark .top.support-top,
body.dark #supportView .support-tabs,
#supportView.support-dark .support-tabs{
  background:rgba(15,19,34,.94) !important;
  border-color:#20263b !important;
  box-shadow:0 14px 42px rgba(0,0,0,.28) !important;
}

/* Paneles, filtros y tablas de Tickets/Horas con el mismo fondo de Balance */
body.dark #supportView .card,
body.dark #supportView .card-soft,
body.dark #supportView .summary-card,
body.dark #supportView .summary-box,
body.dark #supportView .table-wrap,
body.dark #supportView .compact-toolbar.support-filters,
body.dark #supportView .support-tech-form,
body.dark #supportView .modal,
body.dark #supportView .note,
body.dark #supportView .period-picker,
body.dark #supportTickets,
body.dark #supportHoras,
body.dark #supportTicketsList,
body.dark #supportHoursList,
#supportView.support-dark .card,
#supportView.support-dark .card-soft,
#supportView.support-dark .summary-card,
#supportView.support-dark .summary-box,
#supportView.support-dark .table-wrap,
#supportView.support-dark .compact-toolbar.support-filters,
#supportView.support-dark .support-tech-form,
#supportView.support-dark .modal,
#supportView.support-dark .note,
#supportView.support-dark .period-picker,
#supportView.support-dark #supportTickets,
#supportView.support-dark #supportHoras,
#supportView.support-dark #supportTicketsList,
#supportView.support-dark #supportHoursList{
  background:#15192a !important;
  color:#f4f6fb !important;
  border-color:#2a3147 !important;
  box-shadow:0 14px 42px rgba(0,0,0,.24) !important;
}

/* Tablas de Tickets y Horas: header, filas y separadores consistentes */
body.dark #supportView table,
#supportView.support-dark table{
  background:#15192a !important;
  color:#f4f6fb !important;
}
body.dark #supportView thead th,
#supportView.support-dark thead th{
  background:#111626 !important;
  color:#b6bdcf !important;
  border-color:#2a3147 !important;
}
body.dark #supportView tbody tr,
body.dark #supportView tbody td,
#supportView.support-dark tbody tr,
#supportView.support-dark tbody td{
  background:#15192a !important;
  color:#eef2ff !important;
  border-color:#242b3f !important;
}
body.dark #supportView tbody tr:hover td,
#supportView.support-dark tbody tr:hover td{
  background:#171d2f !important;
}

/* Columnas pegadas/acciones en Tickets y Horas */
body.dark #supportView td.actions-cell,
body.dark #supportView th.actions-cell,
#supportView.support-dark td.actions-cell,
#supportView.support-dark th.actions-cell{
  background:#15192a !important;
  border-color:#2a3147 !important;
}
body.dark #supportView tr:hover td.actions-cell,
#supportView.support-dark tr:hover td.actions-cell{
  background:#171d2f !important;
}

/* Inputs, selects y botones como Balance */
body.dark #supportView input,
body.dark #supportView select,
body.dark #supportView textarea,
body.dark #supportView .theme-select,
#supportView.support-dark input,
#supportView.support-dark select,
#supportView.support-dark textarea,
#supportView.support-dark .theme-select{
  background:#101526 !important;
  color:#f4f6fb !important;
  border-color:#30364d !important;
  box-shadow:none !important;
}
body.dark #supportView input::placeholder,
body.dark #supportView textarea::placeholder,
#supportView.support-dark input::placeholder,
#supportView.support-dark textarea::placeholder{
  color:#747d95 !important;
}
body.dark #supportView .btn,
#supportView.support-dark .btn{
  background:#171d2f !important;
  border-color:#30364d !important;
  color:#f4f6fb !important;
}
body.dark #supportView .btn:hover,
#supportView.support-dark .btn:hover{
  border-color:#8b6bff !important;
  color:#c4b5fd !important;
}
body.dark #supportView .btn-primary,
#supportView.support-dark .btn-primary{
  background:#7757e8 !important;
  border-color:#7757e8 !important;
  color:#fff !important;
}

/* Textos secundarios y tabs */
body.dark #supportView .sub,
body.dark #supportView .muted,
body.dark #supportView .kpi-l,
body.dark #supportView .period-picker span,
body.dark #supportView .section-title p,
body.dark #supportView .hint,
body.dark #supportView .filter-field small,
body.dark #supportView .filter-label,
#supportView.support-dark .sub,
#supportView.support-dark .muted,
#supportView.support-dark .kpi-l,
#supportView.support-dark .period-picker span,
#supportView.support-dark .section-title p,
#supportView.support-dark .hint,
#supportView.support-dark .filter-field small,
#supportView.support-dark .filter-label{
  color:#a9b0c3 !important;
}
body.dark #supportView .support-tab,
#supportView.support-dark .support-tab{
  color:#a9b0c3 !important;
}
body.dark #supportView .support-tab:hover,
#supportView.support-dark .support-tab:hover{
  color:#f4f6fb !important;
}
body.dark #supportView .support-tab.active,
#supportView.support-dark .support-tab.active{
  color:#a78bfa !important;
  border-bottom-color:#8b6bff !important;
}


/* v33 - Horas: hacer más visible la descripción de cada hora */
#supportHoursList table.support-hours-table{min-width:1320px;}
.support-hours-table th:nth-child(4),
.support-hours-table td:nth-child(4){min-width:260px;}
.support-hours-table th:nth-child(6),
.support-hours-table td:nth-child(6){min-width:340px;}
.hour-ticket-cell{line-height:1.35;}
.hour-detail-cell{line-height:1.4;}
.hour-comment-main{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px;}
.hour-activity-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);padding:4px 9px;border-radius:999px;background:rgba(108,79,210,.12);border:1px solid rgba(108,79,210,.24);}
body.dark #supportView .hour-comment-main,
#supportView.support-dark .hour-comment-main{color:#eef2ff !important;}
body.dark #supportView .hour-activity-meta,
#supportView.support-dark .hour-activity-meta{color:#cdbfff !important;background:rgba(139,107,255,.18) !important;border-color:rgba(139,107,255,.28) !important;}
@media (max-width: 1100px){
  #supportHoursList table.support-hours-table{min-width:1200px;}
}


/* v34 - Horas sin scroll horizontal: tabla compacta y legible */
#supportHoursList{
  overflow-x:visible !important;
}
#supportHoursList .table-wrap{
  overflow-x:visible !important;
}
#supportHoursList table.support-hours-table-compact{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
.support-hours-table-compact th,
.support-hours-table-compact td{
  white-space:normal !important;
  vertical-align:top !important;
}
.support-hours-table-compact th:nth-child(1),
.support-hours-table-compact td:nth-child(1){width:42px !important;}
.support-hours-table-compact th:nth-child(2),
.support-hours-table-compact td:nth-child(2){width:120px !important;}
.support-hours-table-compact th:nth-child(3),
.support-hours-table-compact td:nth-child(3){width:26% !important;min-width:0 !important;}
.support-hours-table-compact th:nth-child(4),
.support-hours-table-compact td:nth-child(4){width:160px !important;min-width:0 !important;}
.support-hours-table-compact th:nth-child(5),
.support-hours-table-compact td:nth-child(5){width:auto !important;min-width:0 !important;}
.support-hours-table-compact th:nth-child(6),
.support-hours-table-compact td:nth-child(6){width:76px !important;min-width:0 !important;text-align:right;}
.support-hours-table-compact th:nth-child(7),
.support-hours-table-compact td:nth-child(7){width:150px !important;min-width:0 !important;}

.support-hours-table-compact .hour-ticket-ref{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.support-hours-table-compact .hour-comment-main{
  font-size:14px;
  line-height:1.35;
  word-break:break-word;
}
.support-hours-table-compact .hour-detail-cell{
  padding-right:14px !important;
}
.support-hours-table-compact .actions-cell{
  position:static !important;
}
.support-hours-table-compact .row-action-buttons{
  justify-content:flex-start;
  gap:8px;
}
body.dark #supportView .support-hours-table-compact .hour-ticket-ref,
#supportView.support-dark .support-hours-table-compact .hour-ticket-ref{
  color:#a9b0c3 !important;
}

@media(max-width:980px){
  #supportHoursList table.support-hours-table-compact{
    display:block;
  }
  #supportHoursList table.support-hours-table-compact thead{
    display:none;
  }
  #supportHoursList table.support-hours-table-compact tbody,
  #supportHoursList table.support-hours-table-compact tr,
  #supportHoursList table.support-hours-table-compact td{
    display:block;
    width:100% !important;
  }
  #supportHoursList table.support-hours-table-compact tr{
    padding:14px;
    border-bottom:1px solid var(--line);
  }
  #supportHoursList table.support-hours-table-compact td{
    border:0 !important;
    padding:6px 0 !important;
  }
  #supportHoursList table.support-hours-table-compact td:first-child{
    position:absolute;
    right:18px;
    width:auto !important;
  }
}


/* v51 login: sacar nota técnica y agregar recordar contraseña */
.login-forgot-link{
  width:100%;
  margin-top:10px;
  border:0;
  background:transparent;
  color:var(--brand);
  font-weight:800;
  padding:10px 8px;
  text-align:center;
  border-radius:10px;
}
.login-forgot-link:hover{
  background:var(--card2);
  color:var(--brand2);
}