/* OMNIA_TRAVEL_COMMAND_CENTER_R5_APPROVED_VISUAL */

.ms-travel-command-center{
  display:grid;
  gap:12px;
  width:100%;
  min-width:0;
}

.ms-travel-hero{
  display:grid;
  grid-template-columns:
    minmax(330px,1.35fr)
    minmax(180px,.62fr)
    minmax(300px,1fr);
  align-items:center;
  min-height:120px;
  overflow:hidden;
  border:1px solid #bdd9f4;
  border-radius:16px;
  background:
    radial-gradient(
      circle at 53% 50%,
      rgba(197,235,255,.88),
      transparent 25%
    ),
    linear-gradient(
      100deg,
      #f6f8ff 0%,
      #fff 48%,
      #eafaff 100%
    );
  box-shadow:
    0 5px 18px rgba(56,102,155,.06);
}

.ms-travel-hero-copy{
  padding:18px 0 18px 22px;
}

.ms-travel-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#0aaee9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.ms-travel-hero h1{
  margin:0 0 5px;
  color:#132845;
  font-size:26px;
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.025em;
}

.ms-travel-hero-copy p{
  margin:0;
  color:#385477;
  font-size:12px;
}

.ms-travel-hero-plane{
  position:relative;
  display:grid;
  place-items:center;
  min-height:105px;
}

.ms-travel-hero-plane::before{
  content:"";
  position:absolute;
  width:145px;
  height:80px;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.95) 0 36%,
      rgba(215,241,255,.52) 65%,
      transparent 72%
    );
}

.ms-travel-plane-art{
  position:relative;
  z-index:2;
  width:116px;
  height:92px;
  filter:
    drop-shadow(0 9px 7px rgba(23,94,160,.25));
}

.ms-travel-kpis{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(82px,1fr));
  gap:10px;
  padding:13px 16px 13px 0;
}

.ms-travel-kpi{
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  min-height:78px;
  padding:8px;
  border:1px solid #c5dcf4;
  border-radius:11px;
  background:rgba(255,255,255,.82);
  text-align:center;
}

.ms-travel-kpi-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:7px;
}

.ms-travel-kpi-icon svg{
  width:18px;
  height:18px;
}

.ms-travel-kpi-icon.blue{
  color:#087df4;
  background:#e8f4ff;
}

.ms-travel-kpi-icon.green{
  color:#0ca75a;
  background:#e9f9ef;
}

.ms-travel-kpi-icon.violet{
  color:#8149e8;
  background:#f2ebff;
}

.ms-travel-kpi strong{
  color:#142a48;
  font-size:17px;
  line-height:1;
}

.ms-travel-kpi > span:last-child{
  color:#405a7a;
  font-size:10px;
  font-weight:700;
}

.ms-travel-actionbar{
  display:flex;
  align-items:center;
  min-height:32px;
}

.ms-travel-refresh{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:5px 11px;
  border:1px solid #b7d5f5;
  border-radius:8px;
  background:#f8fbff;
  color:#213a59;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.ms-travel-layout{
  display:grid;
  grid-template-columns:
    minmax(240px,285px)
    minmax(0,1fr);
  gap:12px;
  min-width:0;
}

.ms-travel-panel{
  min-width:0;
  min-height:220px;
  overflow:hidden;
  border:1px solid #bed8f1;
  border-radius:12px;
  background:rgba(255,255,255,.88);
}

.ms-travel-panel-header{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-bottom:1px solid #d2e2f2;
}

.ms-travel-panel-header h2{
  margin:0;
  color:#19314f;
  font-size:13px;
  font-weight:850;
}

.ms-travel-list{
  display:grid;
  gap:7px;
  padding:9px;
}

.ms-travel-trip{
  display:grid;
  gap:4px;
  width:100%;
  padding:10px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.ms-travel-trip:hover,
.ms-travel-trip.active{
  border-color:#b8daf8;
  background:#edf7ff;
}

.ms-travel-empty{
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  min-height:175px;
  padding:20px;
  text-align:center;
}

.ms-travel-empty-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:2px;
  border-radius:50%;
  background:#edf6ff;
  color:#6c9bd3;
}

.ms-travel-empty-icon svg{
  width:25px;
  height:25px;
}

.ms-travel-empty strong{
  color:#263e5d;
  font-size:11px;
  font-weight:850;
}

.ms-travel-empty small{
  max-width:330px;
  color:#8294aa;
  font-size:9px;
  line-height:1.4;
}

.ms-travel-loading,
.ms-travel-error{
  padding:25px;
  text-align:center;
}

.ms-travel-detail{
  display:grid;
  gap:12px;
  padding:14px;
}

.ms-travel-detail-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.ms-travel-detail-head h2{
  margin:0 0 4px;
}

.ms-travel-detail-head p{
  margin:0;
}

.ms-travel-status{
  padding:5px 9px;
  border:1px solid var(--ms-border-color);
  border-radius:999px;
}

.ms-travel-stats{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:8px;
}

.ms-travel-stat,
.ms-travel-section{
  padding:11px;
  border:1px solid var(--ms-border-color);
  border-radius:10px;
  background:var(--ms-surface-secondary);
}

.ms-travel-stat small,
.ms-travel-stat strong{
  display:block;
}

.ms-travel-sections{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:10px;
}

.ms-travel-records{
  display:grid;
  gap:6px;
}

.ms-travel-record{
  padding:8px 9px;
  border:1px solid var(--ms-border-color);
  border-radius:8px;
}

.ms-travel-record strong,
.ms-travel-record small{
  display:block;
}

/*
 * DO NOT ALTER.
 * Certified Travel sidebar icon contract
 * copied from the already-correct Mail contract.
 */
.ms-sidebar .ms-nav-icon.ms-nav-icon-travel{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  overflow:visible;
}

.ms-sidebar .ms-nav-icon.ms-nav-icon-travel svg{
  display:block;
  width:25px;
  height:25px;
  flex:0 0 25px;
  margin:0;
  transform:none;
}

@media(max-width:1100px){
  .ms-travel-hero{
    grid-template-columns:
      minmax(280px,1fr)
      150px
      minmax(260px,.9fr);
  }

  .ms-travel-stats{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .ms-travel-hero{
    grid-template-columns:
      minmax(0,1fr)
      135px;
  }

  .ms-travel-kpis{
    grid-column:1/-1;
    padding:0 14px 14px;
  }

  .ms-travel-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .ms-travel-hero{
    grid-template-columns:1fr;
  }

  .ms-travel-hero-copy{
    padding:17px 17px 4px;
  }

  .ms-travel-hero-plane{
    min-height:85px;
  }

  .ms-travel-kpis{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
    padding-left:14px;
  }

  .ms-travel-sections{
    grid-template-columns:1fr;
  }
}

@media(max-width:430px){
  .ms-travel-kpis{
    grid-template-columns:1fr;
  }

  .ms-travel-kpi{
    grid-template-columns:
      auto auto 1fr;
    justify-content:start;
  }

  .ms-travel-stats{
    grid-template-columns:1fr;
  }
}

/* =====================================================================
   OMNIA TRAVEL R6 — OPERATIONAL EDITOR
   ===================================================================== */

.ms-travel-actionbar{
  gap:8px;
}

.ms-travel-primary,
.ms-travel-secondary,
.ms-travel-danger,
.ms-travel-mini-add,
.ms-travel-record-actions button,
.ms-travel-icon-button{
  font:inherit;
  cursor:pointer;
}

.ms-travel-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 13px;
  border:1px solid #167ce7;
  border-radius:8px;
  background:linear-gradient(135deg,#249cf1,#146bd5);
  color:#fff;
  font-size:11px;
  font-weight:850;
  box-shadow:0 5px 12px rgba(20,107,213,.16);
}

.ms-travel-secondary,
.ms-travel-danger{
  min-height:30px;
  padding:5px 10px;
  border-radius:8px;
  font-size:10px;
  font-weight:800;
}

.ms-travel-secondary{
  border:1px solid #bfd7ef;
  background:#f8fbff;
  color:#284765;
}

.ms-travel-danger{
  border:1px solid #f0c7c7;
  background:#fff8f8;
  color:#b13c3c;
}

.ms-travel-detail-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}

.ms-travel-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:9px;
}

.ms-travel-section-head h3{
  margin:0;
}

.ms-travel-mini-add{
  padding:4px 7px;
  border:1px solid #bcd9f5;
  border-radius:7px;
  background:#f7fbff;
  color:#1768b7;
  font-size:9px;
  font-weight:850;
}

.ms-travel-record{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.ms-travel-record-copy{
  min-width:0;
  flex:1;
}

.ms-travel-record-actions{
  display:flex;
  gap:4px;
  flex:0 0 auto;
}

.ms-travel-record-actions button{
  padding:3px 6px;
  border:1px solid #cbddec;
  border-radius:6px;
  background:#fff;
  color:#42607c;
  font-size:8px;
  font-weight:800;
}

.ms-travel-record-actions button.danger{
  border-color:#efd0d0;
  color:#b54a4a;
}

.ms-travel-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(11,28,50,.42);
  backdrop-filter:blur(4px);
}

.ms-travel-modal{
  width:min(760px,100%);
  max-height:min(820px,92vh);
  overflow:auto;
  border:1px solid #b9d5ef;
  border-radius:16px;
  background:var(--ms-surface-primary,#fff);
  box-shadow:0 24px 70px rgba(16,46,82,.24);
}

.ms-travel-modal > header{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  padding:16px 18px;
  border-bottom:1px solid var(--ms-border-color,#dbe7f2);
  background:var(--ms-surface-primary,#fff);
}

.ms-travel-modal h2{
  margin:0;
  color:var(--ms-text-primary,#17304e);
  font-size:17px;
}

.ms-travel-icon-button{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #cbddec;
  border-radius:8px;
  background:transparent;
  color:var(--ms-text-primary,#17304e);
  font-size:20px;
}

.ms-travel-modal form{
  padding:17px;
}

.ms-travel-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.ms-travel-field{
  display:grid;
  gap:5px;
  min-width:0;
}

.ms-travel-field.wide{
  grid-column:1/-1;
}

.ms-travel-field > span{
  color:var(--ms-text-secondary,#506a84);
  font-size:10px;
  font-weight:800;
}

.ms-travel-field input,
.ms-travel-field select,
.ms-travel-field textarea{
  width:100%;
  min-width:0;
  min-height:36px;
  padding:7px 9px;
  border:1px solid var(--ms-border-color,#cdddec);
  border-radius:8px;
  outline:none;
  background:var(--ms-surface-primary,#fff);
  color:var(--ms-text-primary,#17304e);
  font:inherit;
  font-size:11px;
}

.ms-travel-field textarea{
  min-height:82px;
  resize:vertical;
}

.ms-travel-field input:focus,
.ms-travel-field select:focus,
.ms-travel-field textarea:focus{
  border-color:#3096ed;
  box-shadow:0 0 0 3px rgba(48,150,237,.11);
}

.ms-travel-modal footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--ms-border-color,#dbe7f2);
}

.ms-travel-form-error{
  margin-top:12px;
  padding:9px 11px;
  border:1px solid #f0caca;
  border-radius:8px;
  background:#fff5f5;
  color:#a53b3b;
  font-size:10px;
  font-weight:700;
}

.ms-travel-toast{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:10100;
  max-width:360px;
  padding:10px 14px;
  border:1px solid #b9ddca;
  border-radius:10px;
  background:#f2fff7;
  color:#187548;
  box-shadow:0 12px 30px rgba(20,70,50,.16);
  font-size:11px;
  font-weight:800;
}

.ms-travel-toast.error{
  border-color:#efc8c8;
  background:#fff5f5;
  color:#aa3f3f;
}

@media(max-width:620px){
  .ms-travel-form-grid{
    grid-template-columns:1fr;
  }

  .ms-travel-field.wide{
    grid-column:auto;
  }

  .ms-travel-detail-actions{
    justify-content:flex-start;
  }

  .ms-travel-record{
    display:grid;
  }

  .ms-travel-record-actions{
    justify-content:flex-start;
  }

  .ms-travel-modal-backdrop{
    padding:8px;
  }
}

/* =====================================================================
   OMNIA TRAVEL R7.1 — CANONICAL COMPANY / CONTACT AUTOCOMPLETE
   ===================================================================== */

.ms-travel-autocomplete{
  position:relative;
}

.ms-travel-autocomplete > input[type="search"]{
  padding-right:30px;
}

.ms-travel-autocomplete-results{
  position:absolute;
  z-index:40;
  top:calc(100% + 4px);
  left:0;
  right:0;
  max-height:230px;
  overflow:auto;
  padding:5px;
  border:1px solid var(--ms-border-color,#cdddec);
  border-radius:9px;
  background:var(--ms-surface-primary,#fff);
  box-shadow:0 14px 34px rgba(24,54,88,.18);
}

.ms-travel-autocomplete-option{
  display:flex;
  width:100%;
  align-items:center;
  padding:8px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ms-text-primary,#17304e);
  text-align:left;
  cursor:pointer;
}

.ms-travel-autocomplete-option:hover,
.ms-travel-autocomplete-option:focus{
  background:rgba(36,156,241,.09);
  outline:none;
}

.ms-travel-autocomplete-option strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.ms-travel-autocomplete-empty{
  padding:10px;
  color:var(--ms-text-secondary,#708399);
  font-size:10px;
}

.ms-travel-relation-selection{
  min-height:13px;
  color:#17804f;
  font-size:9px;
  font-weight:750;
}


/* ================================================================
   OMNIA_TRAVEL_R8_2_20260916
   ================================================================ */

.ms-travel-r82-commandbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  margin:0 0 14px;
}

.ms-travel-r82-toolbar{
  min-width:0;
}

.ms-travel-r82-view-switch{
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--ms-border-color,#d8e0e8);
  border-radius:10px;
  background:var(--ms-surface-primary,#fff);
}

.ms-travel-r82-view-switch button{
  min-height:36px;
  padding:0 13px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--ms-text-primary,#172033);
  cursor:pointer;
  font:inherit;
}

.ms-travel-r82-view-switch button.is-active{
  background:rgba(52,120,246,.12);
  font-weight:700;
}

.ms-travel-r82-trip-main,
.ms-travel-r82-trip-extra{
  min-width:0;
}

.ms-travel-r82-trip-main{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.ms-travel-r82-trip-extra{
  display:none;
}

.ms-travel-r82-list-view{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.ms-travel-r82-list-view .ms-travel-trip{
  width:100%;
  display:grid;
  grid-template-columns:
    minmax(180px,1.2fr)
    minmax(160px,1fr);
  gap:14px;
  align-items:center;
  text-align:left;
}

.ms-travel-r82-list-view
.ms-travel-r82-trip-extra{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.ms-travel-r82-list-view
.ms-travel-r82-trip-extra span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ms-travel-r82-preview{
  width:min(780px,calc(100vw - 32px));
}

.ms-travel-r82-preview-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:10px;
  padding:4px 0;
}

.ms-travel-r82-preview-grid > div{
  min-width:0;
  padding:12px;
  border:1px solid var(--ms-border-color,#d8e0e8);
  border-radius:10px;
  background:var(--ms-surface-secondary,#f6f8fb);
}

.ms-travel-r82-preview-grid > div.is-wide{
  grid-column:1/-1;
}

.ms-travel-r82-preview-grid small{
  display:block;
  margin-bottom:5px;
  color:var(--ms-text-muted,#667085);
}

.ms-travel-r82-preview-grid strong{
  display:block;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}

.ms-travel-r82-preview-actions,
.ms-travel-r82-note-actions{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.ms-travel-r82-note-body{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ms-travel-r82-note textarea{
  width:100%;
  min-height:190px;
  box-sizing:border-box;
  resize:vertical;
  padding:12px;
  border:1px solid var(--ms-border-color,#d8e0e8);
  border-radius:10px;
  background:var(--ms-surface-primary,#fff);
  color:var(--ms-text-primary,#172033);
  font:inherit;
}

.ms-travel-r82-voice-status{
  color:var(--ms-text-muted,#667085);
}

.ms-travel-r82-voice{
  min-height:36px;
}

@media(max-width:767px){
  .ms-travel-r82-commandbar{
    grid-template-columns:1fr;
  }

  .ms-travel-r82-view-switch{
    width:100%;
    box-sizing:border-box;
  }

  .ms-travel-r82-view-switch button{
    flex:1 1 50%;
    min-height:44px;
  }

  .ms-travel-r82-list-view
  .ms-travel-trip{
    grid-template-columns:1fr;
    gap:6px;
  }

  .ms-travel-r82-preview{
    width:calc(100vw - 16px);
    max-height:92vh;
    overflow:auto;
  }

  .ms-travel-r82-preview-grid{
    grid-template-columns:1fr;
  }

  .ms-travel-r82-preview-grid
  > div.is-wide{
    grid-column:auto;
  }

  .ms-travel-r82-preview-actions,
  .ms-travel-r82-note-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .ms-travel-r82-preview-actions button,
  .ms-travel-r82-note-actions button,
  .ms-travel-r82-voice{
    min-height:44px;
  }
}

/* OMNIA_TRAVEL_R8_3B_QUICK_CAPTURE */

.ms-travel-r83-floating{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(82px,calc(env(safe-area-inset-bottom) + 74px));
  z-index:1260;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.75);
  border-radius:50%;
  background:linear-gradient(145deg,#35b9ff,#1768dc);
  color:#fff;
  box-shadow:0 12px 32px rgba(11,57,105,.32);
  font-size:30px;
  cursor:pointer;
  touch-action:manipulation;
}

.ms-travel-r83-menu{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(150px,calc(env(safe-area-inset-bottom) + 142px));
  z-index:1261;
  width:min(290px,calc(100vw - 28px));
  display:grid;
  gap:7px;
  padding:10px;
  border:1px solid rgba(160,194,225,.8);
  border-radius:16px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 48px rgba(9,38,70,.28);
  backdrop-filter:blur(18px);
}

.ms-travel-r83-menu button{
  min-height:48px;
  padding:10px 12px;
  border:0;
  border-radius:11px;
  background:#f2f7fc;
  color:#173754;
  font-weight:800;
  cursor:pointer;
  touch-action:manipulation;
}

.ms-travel-r83-overlay{
  position:fixed;
  inset:0;
  z-index:1400;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(6,22,39,.58);
  backdrop-filter:blur(7px);
}

.ms-travel-r83-dialog{
  width:min(570px,100%);
  max-height:calc(100vh - 32px);
  overflow:auto;
  display:grid;
  gap:15px;
  padding:19px;
  border:1px solid rgba(184,211,237,.85);
  border-radius:19px;
  background:#fff;
  color:#17334e;
  box-shadow:0 26px 74px rgba(4,26,50,.38);
}

.ms-travel-r83-dialog header,
.ms-travel-r83-captures>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.ms-travel-r83-dialog header button{
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  cursor:pointer;
}

.ms-travel-r83-dialog label{
  display:grid;
  gap:7px;
  font-weight:800;
}

.ms-travel-r83-dialog input{
  min-height:46px;
  padding:9px 11px;
  border:1px solid #b9cee2;
  border-radius:10px;
}

.ms-travel-r83-preview{
  min-height:145px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:13px;
  background:#edf4fa;
}

.ms-travel-r83-preview img{
  max-width:100%;
  max-height:50vh;
  object-fit:contain;
}

.ms-travel-r83-preview audio{
  width:calc(100% - 24px);
}

.ms-travel-r83-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
}

.ms-travel-r83-actions button,
.ms-travel-r83-recording button{
  min-height:46px;
  padding:9px 15px;
  border:1px solid #bed2e5;
  border-radius:10px;
  font-weight:800;
  cursor:pointer;
}

.ms-travel-r83-actions .primary,
.ms-travel-r83-recording .primary{
  border-color:#176fdc;
  background:#176fdc;
  color:#fff;
}

.ms-travel-r83-recording{
  max-width:410px;
  justify-items:center;
  text-align:center;
}

.ms-travel-r83-record-dot{
  width:20px;
  height:20px;
  border-radius:50%;
  background:#e23b3b;
  box-shadow:0 0 0 9px rgba(226,59,59,.13);
}

.ms-travel-r83-captures{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(174,199,221,.65);
}

.ms-travel-r83-captures>header button{
  min-height:44px;
  padding:8px 12px;
  border:1px solid #b9d0e5;
  border-radius:10px;
  cursor:pointer;
}

.ms-travel-r83-capture-list{
  display:grid;
  gap:8px;
}

.ms-travel-r83-capture-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border:1px solid #d4e2ee;
  border-radius:11px;
}

.ms-travel-r83-capture-item>div{
  min-width:0;
  display:grid;
  gap:3px;
}

.ms-travel-r83-capture-item strong,
.ms-travel-r83-capture-item small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ms-travel-r83-capture-item a{
  min-height:40px;
  display:flex;
  align-items:center;
  padding:7px 11px;
  text-decoration:none;
}

.ms-travel-r83-empty{
  padding:14px;
  border-radius:10px;
}

@media(max-width:767px){
  .ms-travel-r83-floating{
    right:max(12px,env(safe-area-inset-right));
    bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));
  }

  .ms-travel-r83-menu{
    right:max(10px,env(safe-area-inset-right));
    bottom:max(146px,calc(env(safe-area-inset-bottom) + 138px));
  }

  .ms-travel-r83-overlay{
    align-items:flex-end;
    padding:
      10px
      max(10px,env(safe-area-inset-right))
      max(10px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left));
  }

  .ms-travel-r83-dialog{
    max-height:88vh;
  }
}

/* OMNIA_TRAVEL_R8_4B_VOICE_TO_TEXT */
.ms-travel-r84-transcript,
.ms-travel-r84-recorder{
  position:fixed;
  inset:0;
  z-index:1280;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(8,15,30,.56);
  backdrop-filter:blur(8px);
}

.ms-travel-r84-transcript-card,
.ms-travel-r84-recorder > section{
  width:min(680px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  border-radius:20px;
  padding:20px;
  background:var(--ms-surface,#fff);
  color:var(--ms-text,#172033);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.ms-travel-r84-transcript-card header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.ms-travel-r84-transcript-card textarea{
  width:100%;
  min-height:220px;
  margin-top:14px;
  padding:14px;
  resize:vertical;
  border-radius:14px;
  border:1px solid rgba(120,130,150,.35);
  font:inherit;
  line-height:1.5;
  background:inherit;
  color:inherit;
}

.ms-travel-r84-transcript-card footer{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.ms-travel-r84-transcript-card button,
.ms-travel-r84-recorder button{
  min-height:44px;
  padding:0 16px;
  touch-action:manipulation;
}

.ms-travel-r84-recorder > section{
  width:min(420px,100%);
  text-align:center;
}

.ms-travel-r84-recorder button{
  margin-top:14px;
}

@media (max-width:720px){
  .ms-travel-r84-transcript,
  .ms-travel-r84-recorder{
    align-items:flex-end;
    padding:
      12px
      12px
      calc(12px + env(safe-area-inset-bottom));
  }

  .ms-travel-r84-transcript-card,
  .ms-travel-r84-recorder > section{
    border-radius:20px 20px 14px 14px;
  }
}

/* OMNIA TRAVEL R8.5 — MOBILE QUICK CAPTURE + NOTE DESTINATION */

.ms-travel-r85-timestamp{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(120,130,150,.25);
  border-radius:12px;
  background:var(--ms-surface-secondary,#f5f7fa);
}

.ms-travel-r85-destination{
  display:grid;
  gap:7px;
  margin-top:14px;
  font-weight:800;
}

.ms-travel-r85-destination select{
  width:100%;
  min-height:46px;
  padding:9px 11px;
  border:1px solid rgba(120,130,150,.35);
  border-radius:11px;
  background:var(--ms-surface-primary,#fff);
  color:var(--ms-text-primary,#172033);
  font:inherit;
}

.ms-travel-r85-help{
  margin:7px 0 0;
  color:var(--ms-text-muted,#667085);
  font-size:12px;
}

@media(max-width:767px){
  .ms-nav-item[data-route="travel"]{
    order:-100;
    flex:0 0 58px;
  }

  .ms-nav-item[data-route="travel"] .ms-nav-icon{
    transform:scale(1.08);
  }

  .ms-travel-r83-floating{
    right:max(12px,env(safe-area-inset-right));
    bottom:max(
      82px,
      calc(env(safe-area-inset-bottom) + 74px)
    );
    width:60px;
    height:60px;
    min-width:60px;
    min-height:60px;
    z-index:1265;
    box-shadow:
      0 14px 34px rgba(11,57,105,.38),
      0 0 0 4px rgba(255,255,255,.72);
  }

  .ms-travel-r83-menu{
    right:max(10px,env(safe-area-inset-right));
    bottom:max(
      154px,
      calc(env(safe-area-inset-bottom) + 146px)
    );
    z-index:1266;
  }

  .ms-travel-r83-menu button{
    min-height:52px;
    font-size:14px;
    text-align:left;
  }

  .ms-travel-r84-transcript-card footer{
    display:grid;
    grid-template-columns:1fr;
  }

  .ms-travel-r84-transcript-card footer button{
    width:100%;
    min-height:48px;
  }

  .ms-travel-r85-timestamp{
    align-items:flex-start;
    flex-direction:column;
  }
}