/* Emich Trucking v6.8.1 · Branding fuerte + legibilidad
   Capa visual sobre v6.8. No modifica lógica, cálculos ni datos. */

:root{
  --ui681-text:15px;
  --ui681-radius:18px;
  --ui681-shadow:0 2px 5px rgba(47,19,30,.035),0 14px 36px rgba(47,19,30,.055);
}

/* Base legible */
body.ui68{font-size:var(--ui681-text);line-height:1.42}
body.ui68 .main{padding-left:32px;padding-right:32px}
body.ui68 #view{max-width:1700px}

/* Marca: recuperar presencia del logo */
body.ui68 .side{width:292px;min-width:292px;padding:18px 15px 15px}
body.ui68 .brand{
  display:block!important;
  padding:0 2px 17px!important;
  margin-bottom:8px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
body.ui68 .brand-logo{
  width:100%!important;
  height:118px!important;
  display:block!important;
  border-radius:16px!important;
  background-color:#fff!important;
  background-image:url('emich-logo-source.jpg')!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  background-position:center 46.4%!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
body.ui68 .brand-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 7px 0!important;
}
body.ui68 .brand-meta b{font-size:17px!important;line-height:1.2!important;letter-spacing:-.012em!important;color:#fff!important}
body.ui68 .brand-meta small{font-size:10px!important;margin:0!important;color:#d5c2c9!important;letter-spacing:.045em!important}
body.ui68 .brand-version{padding:3px 7px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important}

/* Navegación más visible */
body.ui68 .nav-group{margin-top:13px}
body.ui68 .nav-label{font-size:9px!important;padding:0 11px 7px!important;color:#b89da7!important;letter-spacing:.13em!important}
body.ui68 .nav button{min-height:44px!important;padding:10px 11px!important;font-size:13px!important;font-weight:620!important;gap:11px!important;border-radius:11px!important}
body.ui68 .nav-icon{width:29px!important;height:29px!important;font-size:14px!important;border-radius:9px!important}
body.ui68 .side-foot{font-size:10px!important;padding:13px 10px 5px!important}
body.ui68 .main{width:calc(100% - 292px)}

/* Cabecera global */
body.ui68 .top{margin-left:-32px;margin-right:-32px;padding:19px 32px 17px;min-height:88px}
body.ui68 .top h1{font-size:27px!important;line-height:1.12;font-weight:780!important;letter-spacing:-.035em!important}
body.ui68 .sub{font-size:12px!important;line-height:1.4;margin-top:5px!important;color:#766a70!important}
body.ui68 .top-actions{gap:9px!important}

/* Botones */
body.ui68 .btn{font-size:13px!important;padding:10px 15px!important;min-height:41px!important;border-radius:11px!important}
body.ui68 .btn.small{font-size:12px!important;padding:8px 12px!important;min-height:36px!important}
body.ui68 .btn.tiny{font-size:11px!important;padding:7px 10px!important;min-height:32px!important}

/* Contenedores, tarjetas y texto auxiliar */
body.ui68 .card{padding:21px!important;border-radius:19px!important;box-shadow:var(--ui681-shadow)!important}
body.ui68 .section{margin-top:18px!important}
body.ui68 .card h2,body.ui68 .section h2{font-size:18px!important;line-height:1.25;font-weight:760!important}
body.ui68 .section-title{margin-bottom:16px!important}
body.ui68 .section-title .sub{font-size:12px!important;line-height:1.5!important}
body.ui68 .note{font-size:12px!important;line-height:1.55!important}
body.ui68 .notice{font-size:12px!important;line-height:1.5!important;padding:12px 14px!important;border-radius:12px!important}
body.ui68 .empty{font-size:13px!important;padding:36px!important}
body.ui68 .divider{margin:19px 0!important}

/* Dashboard más visual */
body.ui68 .v5-hero{padding:27px 28px!important;border-radius:23px!important;box-shadow:var(--ui681-shadow)!important}
body.ui68 .v5-hero .eyebrow,body.ui68 .eyebrow{font-size:10px!important;letter-spacing:.13em!important}
body.ui68 .v5-hero h2{font-size:32px!important;line-height:1.1!important;margin:5px 0 7px!important}
body.ui68 .v5-hero p{font-size:13px!important;line-height:1.5!important;max-width:820px!important}
body.ui68 .v5-kpis{gap:12px!important;margin-top:15px!important}
body.ui68 .v5-stat{min-height:108px!important;padding:17px 18px!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(47,20,30,.04)!important}
body.ui68 .v5-stat>span{font-size:10px!important}
body.ui68 .v5-stat>b{font-size:27px!important;margin-top:6px!important}
body.ui68 .v5-stat>small{font-size:11px!important;line-height:1.35!important}
body.ui68 .v5-module{padding:18px!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(45,20,30,.035)!important}
body.ui68 .v5-row{padding-top:10px!important;padding-bottom:10px!important}

/* Flujo progresivo del Inicio */
body.ui68 .v68-workflow{padding:11px!important;gap:10px!important;border-radius:18px!important;box-shadow:0 7px 22px rgba(47,20,30,.035)!important}
body.ui68 .v68-workflow>button{padding:10px 11px!important;gap:10px!important}
body.ui68 .v68-workflow>button>span{width:30px!important;height:30px!important;font-size:11px!important}
body.ui68 .v68-workflow b{font-size:12px!important}
body.ui68 .v68-workflow small{font-size:10px!important;line-height:1.35!important;margin-top:2px!important}
body.ui68 .v68-workflow>i{font-size:14px!important}

/* Tabs y barras */
body.ui68 .v5-tabs{padding:5px!important;gap:5px!important;border-radius:14px!important;margin-bottom:18px!important}
body.ui68 .v5-tabs button{font-size:12px!important;padding:9px 14px!important;border-radius:10px!important}
body.ui68 .catalog-tabs .btn{font-size:12px!important}
body.ui68 .toolbar{padding:12px!important;gap:9px!important;border-radius:13px!important;margin-bottom:13px!important}
body.ui68 .toolbar input,body.ui68 .toolbar select{min-height:42px!important;padding:9px 12px!important;font-size:12px!important}

/* Formularios: principal corrección de legibilidad */
body.ui68 .formgrid{gap:14px!important}
body.ui68 .field label{font-size:11px!important;line-height:1.35!important;margin-bottom:7px!important;font-weight:760!important;color:#5f5459!important}
body.ui68 .field input,body.ui68 .field select,body.ui68 .field textarea{
  min-height:46px!important;
  font-size:13px!important;
  line-height:1.35!important;
  padding:11px 13px!important;
  border-radius:11px!important;
}
body.ui68 .field textarea{min-height:100px!important}
body.ui68 .tag-auto{font-size:9px!important;padding:3px 7px!important}
body.ui68 .stage{padding:19px!important;border-radius:18px!important;box-shadow:0 7px 22px rgba(45,20,30,.035)!important}
body.ui68 .stagehead{margin-bottom:16px!important}
body.ui68 .stage-num{width:31px!important;height:31px!important;font-size:12px!important}
body.ui68 .stage h3{font-size:16px!important}
body.ui68 .stage-sub{font-size:11px!important;line-height:1.4!important}

/* Cálculos e indicadores operativos */
body.ui68 .calc{padding:16px!important;border-radius:16px!important}
body.ui68 .calcgrid{gap:10px!important}
body.ui68 .calcbox{padding:13px!important;border-radius:13px!important}
body.ui68 .calcbox small{font-size:11px!important;line-height:1.3!important}
body.ui68 .calcbox b{font-size:19px!important;margin-top:4px!important}

/* Tablas: ya no diminutas */
body.ui68 .tablewrap{border-radius:15px!important}
body.ui68 .table{font-size:12px!important}
body.ui68 .table th{padding:12px 13px!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.045em!important}
body.ui68 .table td{padding:12px 13px!important;font-size:12px!important;line-height:1.4!important}
body.ui68 .pill{font-size:10px!important;padding:5px 9px!important;font-weight:720!important}

/* Cargas / operación */
body.ui68 .load-list{gap:9px!important}
body.ui68 .loadrow{padding:12px!important;gap:9px!important;border-radius:13px!important}
body.ui68 .load-amount{font-size:11px!important}
body.ui68 .inspection-grid label{font-size:12px!important;padding-top:9px!important;padding-bottom:9px!important}

/* Comercial */
body.ui68 .v676-commercial-hero{padding:25px!important;border-radius:22px!important;box-shadow:var(--ui681-shadow)!important}
body.ui68 .v676-commercial-hero h2{font-size:24px!important}
body.ui68 .v676-quote-card,body.ui68 .v676-route-card{border-radius:17px!important;box-shadow:0 8px 24px rgba(45,20,30,.04)!important}
body.ui68 .v676-card-actions{padding-top:13px!important}

/* Cotizador */
body.ui68 .v52-stepper button{font-size:12px!important;padding:10px 11px!important}
body.ui68 .v52-pane{padding-top:16px!important}
body.ui68 .v52-pane-title h3{font-size:19px!important}
body.ui68 .v52-pane-title p{font-size:12px!important;line-height:1.5!important}
body.ui68 .v52-stop{padding:13px!important}
body.ui68 .v64-section-kicker{font-size:11px!important}
body.ui68 .v64-field-help{font-size:10px!important;line-height:1.4!important}
body.ui68 .v64-rate-card b{font-size:13px!important}
body.ui68 .v64-rate-card small{font-size:11px!important}
body.ui68 .v64-rate-formula{font-size:12px!important}
body.ui68 .v64-price-breakdown>span{font-size:10px!important;padding:9px 10px!important}

/* ContaLink / importadores */
body.ui68 .v674-master-card{border-radius:17px!important;padding:18px!important}
body.ui68 .v674-drop{padding:18px!important;border-radius:14px!important}
body.ui68 .v675-title h2{font-size:21px!important}

/* Modales */
body.ui68 .modalbox{padding:24px!important;border-radius:22px!important}
body.ui68 .modalbox h2{font-size:22px!important;line-height:1.2!important}
body.ui68 .modalbox h3{font-size:16px!important}
body.ui68 .modalbox .actions{padding-top:15px!important}

/* Toasts */
body.ui68 .toast{font-size:12px!important;padding:12px 15px!important;border-radius:13px!important}

/* Tablet */
@media(max-width:1180px){
  body.ui68 .side{width:264px;min-width:264px}
  body.ui68 .main{width:calc(100% - 264px);padding-left:22px;padding-right:22px}
  body.ui68 .top{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}
  body.ui68 .brand-logo{height:104px!important}
  body.ui68 .brand-meta b{font-size:16px!important}
}

/* Móvil: priorizar lectura */
@media(max-width:900px){
  body.ui68{font-size:15px}
  body.ui68 .main{width:100%;padding:0 14px 90px}
  body.ui68 .top{margin:0 -14px 15px;padding:15px 14px 14px;min-height:72px}
  body.ui68 .top h1{font-size:23px!important}
  body.ui68 .top-actions .btn.primary{font-size:12px!important;padding:9px 12px!important}
  body.ui68 .mobilebar{left:7px!important;right:7px!important;bottom:7px!important;padding:6px!important}
  body.ui68 .mobilebar button{padding:8px 4px!important}
  body.ui68 .mobilebar button span{font-size:17px!important}
  body.ui68 .mobilebar button small{font-size:9px!important}
}

@media(max-width:620px){
  body.ui68 .card{padding:16px!important}
  body.ui68 .v5-hero{padding:20px!important}
  body.ui68 .v5-hero h2{font-size:27px!important}
  body.ui68 .v5-hero p{font-size:12px!important}
  body.ui68 .v5-stat{min-height:92px!important;padding:13px!important}
  body.ui68 .v5-stat>b{font-size:22px!important}
  body.ui68 .field label{font-size:11px!important}
  body.ui68 .field input,body.ui68 .field select,body.ui68 .field textarea{font-size:14px!important;min-height:47px!important}
  body.ui68 .table{font-size:12px!important}
  body.ui68 .table th{font-size:10px!important}
  body.ui68 .table td{font-size:12px!important;padding:11px 12px!important}
  body.ui68 .modalbox{padding:17px!important}
  body.ui68 .modalbox h2{font-size:20px!important}
}

@media(max-width:400px){
  body.ui68 .top h1{font-size:21px!important}
  body.ui68 .btn{font-size:12px!important}
}