/* MISTER FAST LiveMapChat WEB V3.2.4 — Role + Request Foundation */
.mf324-role-foundation{margin:18px 0 4px;padding-top:16px;border-top:1px solid #dbe7f5}
.mf324-request-form,.mf324-queue,.mf324-state-card{background:#fff;border:1px solid #cfe0f5;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(0,61,165,.07)}
.mf324-request-form>header,.mf324-queue>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.mf324-request-form header div,.mf324-queue header div{display:grid;gap:2px}
.mf324-request-form header small,.mf324-queue header small{font-size:12px;color:#55708f;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.mf324-request-form header b,.mf324-queue header b,.mf324-state-card b{font-size:18px;color:#073b8f}
.mf324-request-form header>span{padding:7px 11px;border-radius:999px;background:#fff4cc;color:#8a6300;font-size:12px;font-weight:800}
.mf324-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mf324-request-grid label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#27496d}
.mf324-request-grid input,.mf324-request-grid select{width:100%;min-width:0;border:1px solid #cbdcf0;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;color:#0a2850;outline:none}
.mf324-request-grid input:focus,.mf324-request-grid select:focus{border-color:#0b63ce;box-shadow:0 0 0 3px rgba(11,99,206,.12)}
.mf324-selected-driver{margin-top:12px;padding:11px 13px;border-radius:12px;background:#f4f8fd;color:#43617f;font-size:13px}
.mf324-selected-driver.is-selected{background:#e9f8ef;color:#16723c}
.mf324-request-form>footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.mf324-request-form button,.mf324-queue button,.mf324-state-card button{border:0;border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer}
.mf324-request-form button.is-primary{background:#003da5;color:#fff}
.mf324-request-form button.is-primary:hover{background:#002e7d}
.mf324-request-form button[disabled]{opacity:.55;cursor:not-allowed}
.mf324-request-form output{font-size:13px;color:#486582}
.mf324-request-form output.is-ok{color:#128143;font-weight:800}
.mf324-request-form output.is-error{color:#c72c2c;font-weight:800}
.mf324-state-card{display:grid;gap:8px;color:#486582}
.mf324-state-card p{margin:0;line-height:1.55}
.mf324-state-card button{justify-self:start;background:#ffc400;color:#073b8f}
.mf324-queue header button{background:#eef5ff;color:#003da5}
.mf324-queue-list,.mf324-queue [data-mf324-queue-list]{display:grid;gap:10px}
.mf324-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #dce8f6;border-radius:14px;background:#fbfdff}
.mf324-request-row div{display:grid;gap:3px;min-width:0}
.mf324-request-row b{color:#0b3d7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf324-request-row small{color:#6c829a}
.mf324-request-row span{padding:6px 9px;border-radius:999px;background:#fff3c4;color:#8a6400;font-size:12px;font-weight:800;white-space:nowrap}
.mf324-request-row a{border:1px solid #c9dbef;border-radius:10px;padding:8px 11px;color:#003da5;text-decoration:none;font-weight:800;white-space:nowrap}
@media(max-width:760px){.mf324-request-grid{grid-template-columns:1fr}.mf324-request-form>header,.mf324-queue>header,.mf324-request-row{align-items:flex-start;flex-direction:column}.mf324-request-row a{width:100%;text-align:center}}

/* V3.2.4.1 — WEB Account Center visibility hotfix */
.mf514-chat-head .mf2111-account-center{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0;
}
.mf514-chat-head .mf2111-account-trigger,
.mf514-chat-head .mf3241-auth-login,
.mf514-chat-head .mf3241-auth-user{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:48px;
  padding:8px 12px !important;
  border:1px solid #f2c94c !important;
  border-radius:16px !important;
  background:#fff8dc !important;
  color:#003da5 !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.mf514-chat-head .mf2111-account-copy{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  color:#003da5 !important;
}
.mf514-chat-head .mf2111-account-copy b{
  display:block !important;
  color:#003da5 !important;
  font-weight:800 !important;
  line-height:1.2;
}
.mf514-chat-head .mf2111-account-copy small{
  display:block !important;
  color:#237a3b !important;
  line-height:1.2;
  margin-top:2px;
}
.mf514-chat-head .mf3241-login-label,
.mf514-chat-head .mf3241-logout-label{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:12px;
  font-weight:800;
  white-space:nowrap;
  text-decoration:none;
}
.mf514-chat-head .mf3241-login-label{
  background:#ffc400;
  color:#003da5 !important;
  border:1px solid #e7b000;
}
.mf514-chat-head .mf3241-logout-label{
  background:#003da5;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35);
}
.mf514-chat-head .mf3241-login-label:hover,
.mf514-chat-head .mf3241-logout-label:hover{
  filter:brightness(.96);
}
@media (max-width:1100px){
  .mf514-chat-head .mf2111-account-copy small{display:none !important;}
  .mf514-chat-head .mf3241-login-label,
  .mf514-chat-head .mf3241-logout-label{padding-inline:10px;}
}