/* =========================================================
   PASSENGER_UI_VISUAL_CONTRACT_SPLIT01
   Owner: passenger visual compact UI
   Scope: bloque visual reciente del dock/sheet pasajero
   Nota: NO mueve contratos estructurales de sheet, overlay o z-index.
   ========================================================= */

/* PASSENGER_SHEET_SPACING_TIGHTEN01 (WORK)
   Owner scope: passenger visual contract only
   Objetivo: compactar y modernizar el dock visible del pasajero
   sin tocar comportamiento ni contrato del sheet controller.
*/
body.role-passenger #paxDock > .card{
  padding: 12px 12px 10px;
  border-radius: 16px;
  gap: 0;
}

body.role-passenger #paxDock > .card > h3:nth-of-type(1),
body.role-passenger #paxDock > .card > h3:nth-of-type(2){
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .01em;
}

body.role-passenger #paxDock > .card label{
  margin: 0 0 4px;
  font-size: 11px;
  line-height: 1.15;
  opacity: .78;
}

body.role-passenger #paxDock > .card > .row.mt-10,
body.role-passenger #paxDock > .card > h3:nth-of-type(1) + .row,
body.role-passenger #paxDock > .card > h3:nth-of-type(2) + .row{
  margin-top: 6px !important;
}

body.role-passenger #paxDock .row.mt-10{
  row-gap: 8px;
  column-gap: 8px;
}

body.role-passenger #paxDock > .card > *{
  margin-bottom: 8px;
}

body.role-passenger #paxDock #origen_direccion,
body.role-passenger #paxDock #destino_direccion{
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.2;
}

body.role-passenger #paxDock small.muted{
  font-size: 11px;
  line-height: 1.2;
}

body.role-passenger #paxDock .actions{
  margin: 8px 0 0;
}

body.role-passenger #paxDock .actions button,
body.role-passenger #paxDock .actions .btn,
body.role-passenger #paxDock .actions a{
  min-height: 44px;
  border-radius: 12px;
}

body.role-passenger #paxDock #msg{
  margin-top: 4px;
  margin-bottom: 6px;
  line-height: 1.2;
}

/* END PASSENGER_SHEET_SPACING_TIGHTEN01 */

/* =========================================================
   PAX_DOCK_CTA_ROUND_RESTORE01 (WORK)
   Owner: passenger dock visual only
   Objetivo: recuperar CTA más redondo, protagonista y con relieve,
   sin tocar .primary global ni JS.
   ========================================================= */
body.role-passenger #paxDock .row.mt-10{
  align-items: center !important;
  gap: 12px !important;
}

body.role-passenger #paxDock .row.mt-10 > .col:first-child{
  flex: 0 1 42% !important;
}

body.role-passenger #paxDock .row.mt-10 > .col:nth-child(2){
  flex: 1 1 58% !important;
}

body.role-passenger #paxDock #metodo_pago{
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.role-passenger #paxDock #btnCreate{
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 4px 0 rgba(0,0,0,.14), 0 10px 22px rgba(243,106,0,.22) !important;
  transform: translateY(-1px);
}

body.role-passenger #paxDock #btnCreate:hover{
  transform: translateY(-2px);
}

body.role-passenger #paxDock #btnCreate:active{
  transform: translateY(0);
  box-shadow: 0 2px 0 rgba(0,0,0,.12), 0 6px 14px rgba(243,106,0,.18) !important;
}
/* END PAX_DOCK_CTA_ROUND_RESTORE01 */