/*
 CARGODEC LEGACY STYLE
 ORDEN=14
 ID=dashboard-cruces-final-ajustes
 EXTRAIDO_DE=index.html
*/

/* Ajustes finales: columnas mas compactas, guias/estatus mas a la izquierda y font menor */
.semaforoPedRow{grid-template-columns:58px 76px 94px 76px!important;gap:5px!important;padding:4px 6px!important;min-height:24px!important;max-width:100%!important;box-sizing:border-box!important}
.semPedBloque{font-size:9.6px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.semPedNumero{font-size:9.8px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.semPedGuias{text-align:right!important;font-size:9.5px!important;line-height:1.05!important;padding-right:0!important;color:#475569!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
.semPedStatus{text-align:left!important;font-size:9.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#001b44!important;background:transparent!important;padding:0!important;border-radius:0!important}
.semaforoDashCard{padding:10px 10px!important}
.semaforoVehLine strong{font-size:12px!important}.semaforoVehLine small{font-size:10px!important}
@media(max-width:700px){.semaforoPedRow{grid-template-columns:52px 70px 84px 70px!important;gap:4px!important}.semPedBloque,.semPedNumero,.semPedGuias,.semPedStatus{font-size:9px!important}}

.versionBadge{margin-left:auto;font-size:11px;font-weight:900;color:#64748b;background:#f8fafc;border:1px solid #dbe4f0;border-radius:999px;padding:7px 10px;white-space:nowrap}
.configGrid{display:grid;grid-template-columns:1fr;gap:18px}.configSection{border:1px solid #dbe4f0;background:#fff;border-radius:16px;padding:14px;box-shadow:0 6px 16px rgba(15,23,42,.05)}
.userForm{display:grid;grid-template-columns:1.1fr 1.2fr .8fr .9fr auto;gap:8px;align-items:end}.userForm label{font-size:10px;color:#64748b;font-weight:900}.userForm input,.userForm select{height:34px;font-size:12px;border-radius:10px}.usersTable{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px}.usersTable th{font-size:10px;color:#64748b;text-align:left;padding:8px;border-bottom:1px solid #dbe4f0}.usersTable td{padding:8px;border-bottom:1px solid #edf2f7}.usersTable select,.usersTable input{height:30px;font-size:11px;border-radius:9px}.userActive{font-weight:900;color:#166534}.userInactive{font-weight:900;color:#991b1b}.miniBtn{font-size:10px!important;padding:6px 8px!important;border-radius:9px!important;min-height:auto!important}
@media(max-width:900px){.userForm{grid-template-columns:1fr 1fr}.versionBadge{display:none}}@media(max-width:560px){.userForm{grid-template-columns:1fr}.usersTable{font-size:10px}}


/* === CONFIGURACION PROFESIONAL v1.1.1 === */
.configPage{background:#f8fafc!important;border:0!important;box-shadow:none!important;padding:14px!important}
.configPageHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important}
.configPageHeader h1{font-size:23px!important;letter-spacing:.35px!important;margin:0!important;color:#001b44!important}
.configPageHeader p{margin:4px 0 0!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;text-transform:none!important}
.configGrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.compactCard{background:#fff!important;border:1px solid #dbe4f0!important;border-radius:16px!important;padding:18px 20px!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}
.sectionTitleRow{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:12px!important}
.sectionTitleRow h2{font-size:16px!important;margin:0 0 4px!important;color:#001b44!important;letter-spacing:.25px!important}
.sectionTitleRow .subtle{font-size:11px!important;margin:0!important;color:#64748b!important;font-weight:700!important;line-height:1.35!important}
.compactAdd{display:grid!important;grid-template-columns:minmax(260px,1fr) 150px!important;gap:10px!important;align-items:center!important;margin:10px 0 12px!important}
.compactAdd input{height:38px!important;font-size:12px!important;border-radius:11px!important;padding:0 13px!important}
.compactBtn,.compactAdd .btn{min-height:38px!important;border-radius:11px!important;font-size:11px!important;padding:8px 12px!important;box-shadow:none!important}
.destinosList{display:grid!important;gap:8px!important;margin-top:8px!important}.destinosList>div{min-height:40px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #dbe4f0!important;padding:8px 10px!important;font-size:12px!important}.destinosList .btn{min-height:30px!important;font-size:10px!important;border-radius:9px!important;padding:5px 9px!important}
.proUserForm{display:grid!important;grid-template-columns:1fr 1.25fr .65fr .85fr 120px!important;gap:9px!important;align-items:end!important;margin-top:10px!important}.proUserForm label{display:block!important;font-size:9.5px!important;color:#64748b!important;font-weight:900!important;margin-bottom:5px!important;letter-spacing:.35px!important}.proUserForm input,.proUserForm select{height:34px!important;font-size:11.5px!important;border-radius:10px!important;padding:0 10px!important;background:#fff!important}.proUserForm button{height:34px!important;min-height:34px!important;font-size:10.5px!important;border-radius:10px!important;padding:6px 10px!important}
.usersTableWrap{margin-top:10px!important;overflow:auto!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important}.usersTable{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;font-size:11px!important}.usersTable th{background:#f1f5f9!important;color:#475569!important;font-size:9.5px!important;letter-spacing:.35px!important;text-align:left!important;padding:9px 10px!important;border-bottom:1px solid #dbe4f0!important}.usersTable td{padding:8px 10px!important;border-bottom:1px solid #edf2f7!important;vertical-align:middle!important}.usersTable tr:last-child td{border-bottom:0!important}.usersTable b{font-size:11px!important;color:#001b44!important}.usersTable input,.usersTable select{height:30px!important;font-size:10.5px!important;border-radius:9px!important;padding:0 9px!important;max-width:160px!important}.usersTable .miniBtn{min-height:28px!important;height:28px!important;font-size:9.5px!important;border-radius:9px!important;padding:5px 8px!important;box-shadow:none!important}.userActive,.userInactive{font-size:9.5px!important;display:inline-block!important;margin-top:3px!important}.msg.ok,.msg.err,.msg.warn{font-size:12px!important;border-radius:12px!important;padding:10px 12px!important;margin:10px 0!important}
.versionBadge{max-width:260px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important;letter-spacing:.25px!important;background:#f8fafc!important;color:#475569!important;border:1px solid #dbe4f0!important}
@media(max-width:900px){.proUserForm{grid-template-columns:1fr 1fr!important}.compactAdd{grid-template-columns:1fr!important}.compactCard{padding:14px!important}.configPageHeader h1{font-size:20px!important}}