.staff-command-bar .staff-command-finish{grid-column:1/-1;border-color:#b7dbff!important;background:linear-gradient(135deg,#f3f9ff,#eaf5ff)!important}.staff-command-bar .staff-command-finish .staff-command-icon{background:#087cf0!important;color:#fff!important}.staff-command-bar .staff-command-finish strong{color:#123a60!important}
.staff-trip-enterprise-form{min-height:0}.staff-trip-body{display:grid;gap:14px}.staff-trip-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;gap:8px;padding:2px 4px 4px}.staff-trip-stepper span{display:grid;justify-items:center;gap:5px;color:#71869a;font-size:11px;font-weight:800}.staff-trip-stepper span b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbdce9;border-radius:50%;background:#fff;color:#506b83}.staff-trip-stepper span.active{color:#0878ef}.staff-trip-stepper span.active b{border-color:#0878ef;background:#0878ef;color:#fff}.staff-trip-stepper i{height:1px;margin-top:17px;background:#d6e3ed}
.staff-trip-stepper em{font-style:normal}
.staff-trip-summary,.staff-trip-return,.staff-trip-warning,.staff-trip-success{border:1px solid #d7e6f1;border-radius:18px;background:#fff;padding:15px}.staff-trip-summary{display:grid;gap:0}.staff-trip-summary>div:not(.staff-trip-summary-head){display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #edf3f7}.staff-trip-summary-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px}.staff-trip-summary-head small,.staff-trip-return-head small,.staff-trip-warning small,.staff-trip-success small{font-weight:900;letter-spacing:.12em;color:#0878ef}.staff-trip-summary-head>strong{font-size:12px}.staff-trip-summary-head>strong.is-ok{color:#087d59}.staff-trip-summary-head>strong.is-warning{color:#a46400}.staff-trip-summary span{color:#557087}.staff-trip-summary strong{color:#153a5c}
.staff-trip-warning{display:grid;gap:12px;border-color:#f0c86d;background:#fffaf0}.staff-trip-warning strong{display:block;margin:5px 0;color:#925800}.staff-trip-warning p{margin:0;color:#7d6a45}.staff-trip-warning label{display:flex;align-items:center;gap:10px;font-weight:800;color:#735112}.staff-trip-warning input{width:22px;height:22px}
.staff-trip-return{display:grid;gap:13px}.staff-trip-return-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.staff-trip-return-head strong{display:block;margin-top:4px}.staff-trip-return-head>span{padding:6px 10px;border-radius:999px;background:#edf7ff;color:#0878ef;font-size:12px;font-weight:900;white-space:nowrap}.staff-trip-return-head>span.is-ok{background:#e9f8ef;color:#087d59}.staff-trip-return-head>span.is-warning{background:#fff3db;color:#a46100}.staff-trip-return label{display:grid;gap:7px;font-weight:800;color:#294b69}.staff-trip-return input,.staff-trip-return select{width:100%;min-height:50px;border:1px solid #cbddeb;border-radius:14px;padding:0 14px;font:inherit;font-size:16px!important;background:#fff;color:#173a59;box-sizing:border-box}.staff-trip-actual-label input{font-size:26px!important;font-weight:900;text-align:center}.staff-trip-help{margin:0;padding:11px 12px;border-radius:13px;background:#f0f7fd;color:#56728b;line-height:1.45}.staff-trip-error{padding:12px 14px;border:1px solid #efb1b1;border-radius:14px;background:#fff1f1;color:#a02b34;font-weight:750;line-height:1.45}.staff-trip-success{display:flex;align-items:center;gap:14px;border-color:#a9dfc6;background:#effaf5}.staff-trip-success-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#07945f;color:#fff;font-size:28px;font-weight:900}.staff-trip-success strong{display:block;margin:4px 0;color:#087d59;font-size:20px}.staff-trip-success p{margin:0;color:#557568;line-height:1.45}
@media(max-width:760px){#staff-trip-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important}#staff-trip-dialog[open]{display:flex!important;flex-direction:column!important}#staff-trip-dialog>form{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}#staff-trip-dialog .staff-trip-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px;padding-bottom:22px;-webkit-overflow-scrolling:touch}#staff-trip-dialog .dialog-head,#staff-trip-dialog .dialog-actions{flex:0 0 auto;position:static!important}#staff-trip-dialog .dialog-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.staff-command-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.staff-command-bar .staff-command-finish{grid-column:1/-1!important}}
/* v4.06.1.63 — tách sổ chuyến khỏi tổng ngày */
.staff-trip-day-total{border:1px solid #dce9f3;border-radius:16px;background:#f7fbff;padding:12px 14px;display:grid;gap:8px}
.staff-trip-day-total>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-trip-day-total small{font-weight:900;letter-spacing:.11em;color:#0878ef}.staff-trip-day-total>div>span{color:#7890a4;font-size:11px;font-weight:750;text-align:right}.staff-trip-day-total p{margin:0;color:#557087;font-size:13px}.staff-trip-day-total p b{color:#153a5c;font-size:15px}.staff-trip-day-total p i{font-style:normal;color:#9bafbf;margin:0 4px}.staff-trip-day-total em{font-style:normal;padding:9px 10px;border-radius:11px;background:#fff5df;color:#8a5a00;font-size:11px;line-height:1.4}
@media(max-width:520px){.staff-trip-day-total>div{align-items:flex-start}.staff-trip-day-total>div>span{max-width:54%}}


/* v4.07.1 — Compact Trip Close UI
   Thu gọn riêng popup Kết thúc chuyến trên điện thoại; không ảnh hưởng dialog khác. */
@media(max-width:760px){
  #staff-trip-dialog .staff-trip-enterprise-form{
    gap:0!important;
    padding:0!important;
    background:#fff!important;
  }
  #staff-trip-dialog .staff-trip-head{
    min-height:58px!important;
    margin:0!important;
    padding:9px 12px 8px!important;
    align-items:center!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #e2ebf2!important;
    box-shadow:0 4px 14px rgba(20,54,79,.05)!important;
  }
  #staff-trip-dialog .staff-trip-head>div{min-width:0!important}
  #staff-trip-dialog .staff-trip-head small{
    font-size:8.5px!important;
    line-height:1!important;
    letter-spacing:.11em!important;
  }
  #staff-trip-dialog .staff-trip-head h2{
    margin:2px 0 0!important;
    font-size:18px!important;
    line-height:1.08!important;
  }
  #staff-trip-dialog .staff-trip-head .icon-btn{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  #staff-trip-dialog .staff-trip-body{
    gap:9px!important;
    padding:10px 12px 12px!important;
  }
  #staff-trip-dialog .staff-trip-stepper{
    gap:5px!important;
    padding:0 2px 2px!important;
  }
  #staff-trip-dialog .staff-trip-stepper span{gap:3px!important;font-size:9px!important}
  #staff-trip-dialog .staff-trip-stepper span b{width:27px!important;height:27px!important;font-size:11px!important}
  #staff-trip-dialog .staff-trip-stepper i{margin-top:13px!important}
  #staff-trip-dialog .staff-trip-summary,
  #staff-trip-dialog .staff-trip-return,
  #staff-trip-dialog .staff-trip-warning,
  #staff-trip-dialog .staff-trip-success{
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  #staff-trip-dialog .staff-trip-summary-head{padding-bottom:7px!important}
  #staff-trip-dialog .staff-trip-summary>div:not(.staff-trip-summary-head){
    padding:8px 0!important;
    gap:9px!important;
  }
  #staff-trip-dialog .staff-trip-summary span{font-size:13px!important}
  #staff-trip-dialog .staff-trip-summary strong{font-size:14px!important}
  #staff-trip-dialog .staff-trip-day-total{
    gap:5px!important;
    padding:9px 11px!important;
    border-radius:14px!important;
  }
  #staff-trip-dialog .staff-trip-day-total p{font-size:12px!important}
  #staff-trip-dialog .staff-trip-day-total p b{font-size:14px!important}
  #staff-trip-dialog .staff-trip-warning{gap:8px!important}
  #staff-trip-dialog .staff-trip-warning strong{margin:3px 0!important}
  #staff-trip-dialog .staff-trip-warning p{font-size:12px!important;line-height:1.35!important}
  #staff-trip-dialog .staff-trip-warning label{gap:7px!important;font-size:12px!important}
  #staff-trip-dialog .staff-trip-warning input{width:19px!important;height:19px!important}
  #staff-trip-dialog .staff-trip-return{gap:9px!important}
  #staff-trip-dialog .staff-trip-return-head>span{padding:4px 7px!important;font-size:10px!important}
  #staff-trip-dialog .staff-trip-return label{gap:5px!important;font-size:12px!important}
  #staff-trip-dialog .staff-trip-return input,
  #staff-trip-dialog .staff-trip-return select{min-height:44px!important;height:44px!important;border-radius:11px!important}
  #staff-trip-dialog .staff-trip-actual-label input{font-size:22px!important}
  #staff-trip-dialog .staff-trip-help{padding:8px 10px!important;border-radius:11px!important;font-size:11px!important;line-height:1.35!important}

  /* Footer cố định mỏng: Hủy chỉ chiếm 82px, hành động chính dùng phần còn lại. */
  #staff-trip-dialog .staff-trip-actions{
    position:static!important;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    gap:7px!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px 10px max(7px,env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #e2ebf2!important;
    box-shadow:0 -5px 16px rgba(20,54,79,.07)!important;
  }
  body.staff-mode #staff-trip-dialog .staff-trip-actions .btn,
  body.unified-shell #staff-trip-dialog .staff-trip-actions .btn,
  #staff-trip-dialog .staff-trip-actions .btn{
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0 11px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #staff-trip-dialog .staff-trip-actions .secondary{
    flex:0 0 82px!important;
    width:82px!important;
  }
  #staff-trip-dialog .staff-trip-actions .primary{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:390px){
  #staff-trip-dialog .staff-trip-head h2{font-size:17px!important}
  #staff-trip-dialog .staff-trip-actions .secondary{flex-basis:72px!important;width:72px!important}
  #staff-trip-dialog .staff-trip-actions .btn{font-size:11.5px!important;padding-inline:8px!important}
}


/* v4.07.2 — Hai trạng thái đóng chuyến: trả công ty hoặc giữ vỏ trên xe qua đêm. */
.staff-trip-disposition{border:1px solid #d7e6f1;border-radius:16px;background:#f8fbfe;padding:10px 11px;display:grid;gap:8px}
.staff-trip-disposition-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.staff-trip-disposition-head small{font-weight:900;letter-spacing:.11em;color:#0878ef}
.staff-trip-disposition-head span{font-size:11px;color:#7890a4;font-weight:750;text-align:right}
.staff-trip-disposition-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.staff-trip-disposition-option{position:relative;display:block;min-width:0;cursor:pointer}
.staff-trip-disposition-option>input{position:absolute;opacity:0;pointer-events:none}
.staff-trip-disposition-option>span{height:100%;min-height:66px;box-sizing:border-box;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center;padding:9px 10px;border:1px solid #ccddea;border-radius:13px;background:#fff;color:#36566f;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.staff-trip-disposition-option>span>b{grid-row:1/3;align-self:center;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf6fd;color:#0878ef;font-size:17px}
.staff-trip-disposition-option>span>strong{align-self:end;font-size:12px;line-height:1.2;color:#173a59}
.staff-trip-disposition-option>span>small{align-self:start;font-size:9.5px;line-height:1.25;color:#7890a4}
.staff-trip-disposition-option.is-selected>span{border-color:#1488f5;background:#f1f8ff;box-shadow:0 0 0 2px rgba(20,136,245,.08)}
.staff-trip-disposition-option.is-selected>span>b{background:#087cf0;color:#fff}
.staff-trip-disposition-option[data-close-mode="keep_vehicle"].is-selected>span{border-color:#74b99b;background:#f1faf6;box-shadow:0 0 0 2px rgba(26,145,95,.08)}
.staff-trip-disposition-option[data-close-mode="keep_vehicle"].is-selected>span>b{background:#16885f;color:#fff}
.staff-trip-disposition-option.is-disabled{opacity:.48;cursor:not-allowed}
.staff-trip-disposition-option.is-disabled>span{background:#f5f7f9}
@media(max-width:760px){
  #staff-trip-dialog .staff-trip-disposition{padding:8px 9px!important;gap:6px!important;border-radius:13px!important}
  #staff-trip-dialog .staff-trip-disposition-head span{font-size:9.5px!important}
  #staff-trip-dialog .staff-trip-disposition-options{gap:6px!important}
  #staff-trip-dialog .staff-trip-disposition-option>span{min-height:58px!important;padding:7px 8px!important;grid-template-columns:24px 1fr;column-gap:6px!important;border-radius:11px!important}
  #staff-trip-dialog .staff-trip-disposition-option>span>b{width:24px!important;height:24px!important;border-radius:8px!important;font-size:15px!important}
  #staff-trip-dialog .staff-trip-disposition-option>span>strong{font-size:10.5px!important}
  #staff-trip-dialog .staff-trip-disposition-option>span>small{font-size:8.5px!important}
}
@media(max-width:360px){
  #staff-trip-dialog .staff-trip-disposition-options{grid-template-columns:1fr!important}
  #staff-trip-dialog .staff-trip-disposition-option>span{min-height:50px!important}
}


/* v4.07.6 — Đổi chuyến tại công ty: một thao tác, hai bút toán vật lý. */
.staff-trip-disposition-option[data-close-mode="exchange_trip"]{grid-column:1/-1}
.staff-trip-disposition-option[data-close-mode="exchange_trip"].is-selected>span{border-color:#6978e8;background:#f5f5ff;box-shadow:0 0 0 2px rgba(86,99,219,.08)}
.staff-trip-disposition-option[data-close-mode="exchange_trip"].is-selected>span>b{background:#5968dc;color:#fff}
.staff-trip-exchange{margin-top:2px;padding:10px;border:1px solid #dce5f4;border-radius:13px;background:#f8faff;display:grid;gap:8px}
.staff-trip-exchange.is-hidden{display:none!important}
.staff-trip-exchange-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.staff-trip-exchange-head small{font-weight:900;letter-spacing:.09em;color:#5968dc}
.staff-trip-exchange-head span{font-size:10px;color:#76879a;text-align:right}
.staff-trip-exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#staff-trip-dialog .staff-trip-exchange-grid label{display:grid;gap:4px;font-size:10.5px;font-weight:800;color:#4d6478}
#staff-trip-dialog .staff-trip-exchange-grid input{min-width:0!important;width:100%!important;height:42px!important;min-height:42px!important;font-size:17px!important;text-align:center!important}
.staff-trip-exchange>p{margin:0;font-size:10.5px;line-height:1.35;color:#6f8192}
@media(max-width:390px){.staff-trip-exchange-grid{grid-template-columns:1fr 1fr}.staff-trip-exchange-grid label:first-child{grid-column:1/-1}}


/* v4.07.6 — Smart Trip State Machine: một nút “Về công ty”, app tự lấy số vỏ từ Ledger. */
.staff-trip-auto-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #cfe3f2;border-radius:13px;background:linear-gradient(135deg,#f8fcff,#f1f8ff)}
.staff-trip-auto-empty>div{min-width:0;display:grid;gap:2px}.staff-trip-auto-empty small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#0878ef}.staff-trip-auto-empty strong{font-size:20px;line-height:1.1;color:#123f66}.staff-trip-auto-empty span{font-size:10px;color:#71879a}.staff-trip-auto-empty .btn{flex:0 0 auto;min-height:36px!important;height:36px!important;padding:0 11px!important;border-radius:10px!important;font-size:11px!important}
.staff-trip-smart-actions .staff-trip-disposition-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-trip-smart-actions .staff-trip-disposition-option[data-close-mode="exchange_trip"]{grid-column:auto}
.staff-trip-smart-actions .staff-trip-disposition-option>span{grid-template-columns:28px minmax(0,1fr)}
.staff-trip-smart-actions .staff-trip-disposition-option[data-close-mode="return_company"].is-selected>span{border-color:#4f91c9;background:#f3f9ff}.staff-trip-smart-actions .staff-trip-disposition-option[data-close-mode="return_company"].is-selected>span>b{background:#327dbb;color:#fff}
@media(max-width:760px){
  #staff-trip-dialog .staff-trip-auto-empty{padding:8px 9px!important;border-radius:11px!important}
  #staff-trip-dialog .staff-trip-auto-empty strong{font-size:18px!important}
  #staff-trip-dialog .staff-trip-auto-empty span{font-size:9px!important}
  #staff-trip-dialog .staff-trip-auto-empty .btn{min-height:34px!important;height:34px!important;padding:0 9px!important;font-size:10px!important}
  #staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-option>span{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;justify-items:center!important;text-align:center!important;gap:3px!important;min-height:72px!important;padding:7px 5px!important}
  #staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-option>span>b{grid-row:auto!important;width:23px!important;height:23px!important}
  #staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-option>span>strong{align-self:auto!important;font-size:10px!important}
  #staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-option>span>small{align-self:auto!important;font-size:8px!important;line-height:1.15!important}
}
@media(max-width:350px){#staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-option>span>small{display:none!important}#staff-trip-dialog .staff-trip-smart-actions .staff-trip-disposition-option>span{min-height:54px!important}}


/* v4.15.6 — Trip Clarity: tách số chuyến hiện tại và tồn xe tổng để tránh nhầm. */
#staff-trip-dialog .staff-trip-summary{gap:11px}
#staff-trip-dialog .staff-trip-summary>.staff-trip-current-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0!important;border-top:0!important}
#staff-trip-dialog .staff-trip-current-grid .staff-trip-metric{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid #e0ebf3;border-radius:13px;background:#f7fbfe}
#staff-trip-dialog .staff-trip-current-grid .staff-trip-metric small{color:#71879a;font-size:9px;font-weight:900;letter-spacing:.08em}
#staff-trip-dialog .staff-trip-current-grid .staff-trip-metric strong{font-size:18px;line-height:1.1;color:#123a5c}
#staff-trip-dialog #staff-trip-remaining{color:#0b78e3}
#staff-trip-dialog .staff-trip-reconcile{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px!important;border:1px solid #cfe6d8!important;border-radius:13px;background:#f2fbf6}
#staff-trip-dialog .staff-trip-reconcile>div{display:grid;gap:3px;min-width:0}
#staff-trip-dialog .staff-trip-reconcile small{color:#55776a;font-size:8.5px;font-weight:900;letter-spacing:.08em}
#staff-trip-dialog .staff-trip-reconcile strong{font-size:15px;color:#087d59}
#staff-trip-dialog .staff-trip-reconcile p{margin:0;max-width:58%;color:#557568;font-size:10.5px;line-height:1.35;text-align:right}
#staff-trip-dialog .staff-trip-reconcile.is-warning{border-color:#f0c97a!important;background:#fff8e9}
#staff-trip-dialog .staff-trip-reconcile.is-warning small,#staff-trip-dialog .staff-trip-reconcile.is-warning strong{color:#9a5c00}
#staff-trip-dialog .staff-trip-reconcile.is-warning p{color:#7f6537}
#staff-trip-dialog .staff-trip-reconcile.is-extra{border-color:#b9d9f6!important;background:#f2f8ff}
#staff-trip-dialog .staff-trip-reconcile.is-extra small,#staff-trip-dialog .staff-trip-reconcile.is-extra strong{color:#096fce}
#staff-trip-dialog .staff-trip-reconcile.is-extra p{color:#557590}

#staff-trip-dialog .staff-trip-day-total{display:grid;gap:10px;padding:13px 14px;border:1px solid #cfdfed;border-radius:17px;background:#f7fbff}
#staff-trip-dialog .staff-trip-total-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#staff-trip-dialog .staff-trip-total-head>div{display:grid;gap:2px}
#staff-trip-dialog .staff-trip-total-head small{color:#0878ef;font-size:10px;font-weight:950;letter-spacing:.11em}
#staff-trip-dialog .staff-trip-total-head strong{color:#193d5c;font-size:13px}
#staff-trip-dialog .staff-trip-total-head>span{max-width:48%;color:#71869a;font-size:9px;font-weight:850;text-align:right;line-height:1.3}
#staff-trip-dialog .staff-trip-total-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#staff-trip-dialog .staff-trip-total-grid>span{display:grid;gap:4px;min-width:0;padding:9px 8px;border-radius:11px;background:#fff;border:1px solid #e1ebf3;text-align:center}
#staff-trip-dialog .staff-trip-total-grid small{color:#7b8fa1;font-size:8px;font-weight:900;letter-spacing:.05em}
#staff-trip-dialog .staff-trip-total-grid strong{white-space:nowrap;color:#153a5c;font-size:11px}
#staff-trip-dialog .staff-trip-total-grid b{font-size:16px;color:#0c3150}
#staff-trip-dialog #staff-trip-boundary-note{display:block;margin:0;padding:8px 10px;border-radius:10px;background:#fff3d9;color:#735318;font-size:10px;line-height:1.4;font-style:normal}

@media(max-width:760px){
  #staff-trip-dialog .staff-trip-summary{gap:8px!important}
  #staff-trip-dialog .staff-trip-summary>.staff-trip-current-grid{gap:6px!important}
  #staff-trip-dialog .staff-trip-current-grid .staff-trip-metric{padding:8px 9px!important;border-radius:11px!important}
  #staff-trip-dialog .staff-trip-current-grid .staff-trip-metric small{font-size:8px!important}
  #staff-trip-dialog .staff-trip-current-grid .staff-trip-metric strong{font-size:16px!important}
  #staff-trip-dialog .staff-trip-reconcile{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:7px!important;padding:8px 9px!important}
  #staff-trip-dialog .staff-trip-reconcile strong{font-size:13px!important}
  #staff-trip-dialog .staff-trip-reconcile p{max-width:none!important;font-size:9.5px!important;text-align:right!important}
  #staff-trip-dialog .staff-trip-day-total{gap:8px!important;padding:10px!important;border-radius:14px!important}
  #staff-trip-dialog .staff-trip-total-head small{font-size:9px!important}
  #staff-trip-dialog .staff-trip-total-head strong{font-size:11.5px!important}
  #staff-trip-dialog .staff-trip-total-grid{gap:5px!important}
  #staff-trip-dialog .staff-trip-total-grid>span{padding:7px 5px!important}
  #staff-trip-dialog .staff-trip-total-grid small{font-size:7px!important}
  #staff-trip-dialog .staff-trip-total-grid strong{font-size:9.5px!important}
  #staff-trip-dialog .staff-trip-total-grid b{font-size:14px!important}
  #staff-trip-dialog #staff-trip-boundary-note{padding:7px 8px!important;font-size:9px!important}
}
@media(max-width:360px){
  #staff-trip-dialog .staff-trip-total-grid{grid-template-columns:1fr 1fr!important}
  #staff-trip-dialog .staff-trip-total-grid>span:last-child{grid-column:1/-1}
  #staff-trip-dialog .staff-trip-reconcile{grid-template-columns:1fr!important}
  #staff-trip-dialog .staff-trip-reconcile p{text-align:left!important}
}