/* MP_TRAVEL_ADMIN_PORTAL_FOUNDATION_V1 */
:root {
    --ap-navy:#052654;
    --ap-navy-dark:#031c40;
    --ap-orange:#F47F22;
    --ap-orange-dark:#e98900;
    --ap-blue:#2468d8;
    --ap-green:#149354;
    --ap-red:#cf3f3f;
    --ap-purple:#7548b8;
    --ap-ink:#202021;
    --ap-muted:#6d7c92;
    --ap-line:#e3e8f0;
    --ap-soft:#f6f8fc;
    --ap-white:#fff;
}
html,
body.mp-admin-portal-page {
    width:100%;
    min-height:100%;
    margin:0!important;
    padding:0!important;
    background:var(--ap-soft)!important;
}
body.mp-admin-portal-page,
body.mp-admin-portal-page button,
body.mp-admin-portal-page input {
    font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.mp-admin-portal-page #wpadminbar {display:none!important}
body.mp-admin-portal-page * {box-sizing:border-box}
.mp-admin-shell {
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    min-height:100vh;
    color:var(--ap-ink);
}
.mp-admin-sidebar {
    position:fixed;
    z-index:100;
    inset:0 auto 0 0;
    display:flex;
    width:230px;
    flex-direction:column;
    overflow-y:auto;
    background:linear-gradient(180deg,var(--ap-navy),var(--ap-navy-dark));
}
.mp-admin-brand {
    display:flex;
    min-height:84px;
    align-items:center;
    padding:15px 16px;
    border-bottom:1px solid rgba(255,255,255,.09);
}
.mp-admin-brand a,
.mp-admin-login-brand a {
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    text-decoration:none;
}
.mp-admin-brand img,
.mp-admin-login-brand img {
    width:44px;
    height:44px;
    object-fit:contain;
}
.mp-admin-logo-mark {
    display:inline-flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border:2px solid var(--ap-orange);
    border-radius:5px;
    color:#fff;
    font-size:24px;
    font-weight:800;
}
.mp-admin-brand strong,
.mp-admin-login-brand strong {
    display:block;
    font-size:17px;
    line-height:1;
    letter-spacing:.08em;
}
.mp-admin-brand small,
.mp-admin-login-brand small {
    display:block;
    margin-top:5px;
    color:var(--ap-orange);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
}
.mp-admin-nav {
    display:grid;
    gap:4px;
    padding:12px 10px 20px;
}
.mp-admin-nav-link {
    display:grid;
    grid-template-columns:22px minmax(0,1fr) auto;
    min-height:42px;
    align-items:center;
    gap:10px;
    padding:0 12px;
    border-radius:5px;
    color:rgba(255,255,255,.86);
    text-decoration:none;
}
.mp-admin-nav-link:hover {background:rgba(255,255,255,.08);color:#fff}
.mp-admin-nav-link.is-active {background:var(--ap-orange);color:#fff}
.mp-admin-nav-icon,
.mp-admin-top-icon,
.mp-admin-kpi-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.mp-admin-nav-icon svg {width:18px;height:18px}
.mp-admin-nav-link svg,
.mp-admin-topbar svg,
.mp-admin-login svg,
.mp-admin-kpi svg,
.mp-admin-foundation svg,
.mp-admin-notification-list svg,
.mp-admin-state svg {
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mp-admin-nav-link em {
    overflow:hidden;
    font-size:12px;
    font-style:normal;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mp-admin-nav-link b {
    display:inline-flex;
    min-width:21px;
    height:21px;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:100px;
    background:rgba(255,255,255,.18);
    font-size:9px;
}
.mp-admin-sidebar-footer {
    margin-top:auto;
    padding:18px 16px;
    color:rgba(255,255,255,.48);
    font-size:9px;
}
.mp-admin-main {grid-column:2;min-width:0;width:100%}
.mp-admin-topbar {
    position:sticky;
    z-index:80;
    top:0;
    display:flex;
    min-height:64px;
    align-items:center;
    justify-content:space-between;
    padding:0 22px;
    border-bottom:1px solid var(--ap-line);
    background:rgba(255,255,255,.98);
}
.mp-admin-topbar-left,
.mp-admin-topbar-right {
    display:flex;
    align-items:center;
    gap:14px;
}
.mp-admin-topbar-left strong {font-size:15px}
.mp-admin-menu-toggle {
    display:none;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--ap-line);
    border-radius:5px;
    background:#fff;
    color:var(--ap-ink);
    cursor:pointer;
}
.mp-admin-menu-toggle svg {width:20px;height:20px}
.mp-admin-top-icon {
    position:relative;
    width:38px;
    height:38px;
    border-radius:100%;
    color:var(--ap-ink);
}
.mp-admin-top-icon svg {width:20px;height:20px}
.mp-admin-top-icon>span {
    position:absolute;
    top:0;
    right:0;
    display:inline-flex;
    min-width:17px;
    height:17px;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:100px;
    background:var(--ap-orange);
    color:#fff;
    font-size:8px;
    font-weight:800;
}
.mp-admin-user {position:relative}
.mp-admin-user-button {
    display:flex;
    min-width:195px;
    align-items:center;
    gap:9px;
    padding:6px 8px;
    border:0;
    border-radius:5px;
    background:transparent;
    color:var(--ap-ink);
    text-align:left;
    cursor:pointer;
}
.mp-admin-user-button:hover {background:var(--ap-soft)}
.mp-admin-user-button img {
    width:36px;
    height:36px;
    border-radius:100%;
    object-fit:cover;
}
.mp-admin-user-button>span {min-width:0;flex:1}
.mp-admin-user-button strong,
.mp-admin-user-button small {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mp-admin-user-button strong {font-size:11px}
.mp-admin-user-button small {margin-top:3px;color:var(--ap-muted);font-size:9px}
.mp-admin-user-button>svg {width:15px;height:15px}
.mp-admin-user-dropdown {
    position:absolute;
    z-index:120;
    top:calc(100% + 7px);
    right:0;
    display:grid;
    width:180px;
    padding:6px;
    border:1px solid var(--ap-line);
    border-radius:5px;
    background:#fff;
}
.mp-admin-user-dropdown[hidden] {display:none!important}
.mp-admin-user-dropdown a {
    padding:10px;
    border-radius:5px;
    color:var(--ap-ink);
    font-size:11px;
    text-decoration:none;
}
.mp-admin-user-dropdown a:hover {background:var(--ap-soft)}
.mp-admin-content {
    width:100%;
    max-width:1640px;
    margin:0 auto;
    padding:22px;
}
.mp-admin-welcome,
.mp-admin-page-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}
.mp-admin-welcome h1,
.mp-admin-page-head h1 {
    margin:0;
    color:var(--ap-ink);
    font-size:23px;
    line-height:1.2;
}
.mp-admin-welcome p,
.mp-admin-page-head p {
    margin:5px 0 0;
    color:var(--ap-muted);
    font-size:11px;
}
.mp-admin-date,
.mp-admin-page-head>span {
    display:inline-flex;
    min-height:36px;
    align-items:center;
    gap:8px;
    padding:0 12px;
    border:1px solid var(--ap-line);
    border-radius:5px;
    background:#fff;
    font-size:10px;
    font-weight:700;
}
.mp-admin-date svg {width:16px;height:16px}
.mp-admin-kpis {
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:10px;
    margin-bottom:10px;
}
.mp-admin-kpis.is-four {grid-template-columns:repeat(4,minmax(0,1fr))}
.mp-admin-kpi {
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    min-height:105px;
    align-items:center;
    gap:10px;
    padding:13px;
    border:1px solid var(--ap-line);
    border-top:3px solid var(--ap-navy);
    border-radius:5px;
    background:#fff;
}
.mp-admin-kpi.is-green {border-top-color:var(--ap-green)}
.mp-admin-kpi.is-blue {border-top-color:var(--ap-blue)}
.mp-admin-kpi.is-orange {border-top-color:var(--ap-orange)}
.mp-admin-kpi.is-red {border-top-color:var(--ap-red)}
.mp-admin-kpi.is-purple {border-top-color:var(--ap-purple)}
.mp-admin-kpi-icon {color:var(--ap-navy)}
.mp-admin-kpi-icon svg {width:26px;height:26px}
.mp-admin-kpi small,
.mp-admin-kpi strong,
.mp-admin-kpi em {display:block}
.mp-admin-kpi small {font-size:9px;font-weight:700}
.mp-admin-kpi strong {margin-top:5px;font-size:15px;line-height:1.1}
.mp-admin-kpi em {margin-top:7px;color:var(--ap-muted);font-size:8px;font-style:normal}
.mp-admin-grid {display:grid;gap:10px;margin-top:10px}
.mp-admin-grid.is-dashboard-main {
    grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr) minmax(260px,.8fr)
}
.mp-admin-grid.is-three {grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-admin-grid.is-two {grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-admin-panel {
    min-width:0;
    padding:15px;
    border:1px solid var(--ap-line);
    border-radius:5px;
    background:#fff;
}
.mp-admin-panel-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}
.mp-admin-panel-head span {
    display:block;
    margin-bottom:4px;
    color:var(--ap-orange-dark);
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mp-admin-panel-head h2 {margin:0;font-size:14px}
.mp-admin-panel-head small,
.mp-admin-panel-head a {
    color:var(--ap-muted);
    font-size:9px;
    text-decoration:none;
}
.mp-admin-chart-bars {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    height:215px;
    align-items:end;
    gap:12px;
    padding:15px 10px 0;
    border-bottom:1px solid var(--ap-line);
    background:repeating-linear-gradient(to bottom,transparent,transparent 42px,#edf1f6 43px);
}
.mp-admin-chart-bars>div {
    display:grid;
    height:100%;
    align-items:end;
    justify-items:center;
    gap:7px;
}
.mp-admin-chart-bars span {
    display:block;
    width:min(34px,70%);
    height:var(--bar-height);
    min-height:4px;
    border-radius:4px 4px 0 0;
    background:linear-gradient(180deg,#245aa8,var(--ap-navy));
}
.mp-admin-chart-bars small {color:var(--ap-muted);font-size:8px}
.mp-admin-pipeline {
    display:grid;
    grid-template-columns:115px minmax(0,1fr);
    align-items:center;
    gap:14px;
}
.mp-admin-pipeline-ring {
    display:flex;
    width:105px;
    height:105px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:15px solid #dce7f8;
    border-top-color:var(--ap-orange);
    border-right-color:var(--ap-green);
    border-radius:100%;
}
.mp-admin-pipeline-ring strong {font-size:20px}
.mp-admin-pipeline-ring small {color:var(--ap-muted);font-size:8px}
.mp-admin-pipeline ul,
.mp-admin-recent-list,
.mp-admin-summary-list {margin:0;padding:0;list-style:none}
.mp-admin-pipeline li {
    display:grid;
    grid-template-columns:9px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    padding:5px 0;
    font-size:9px;
}
.mp-admin-pipeline li>span {width:8px;height:8px;border-radius:100%;background:var(--ap-blue)}
.mp-admin-pipeline li>span.is-in_review {background:var(--ap-orange)}
.mp-admin-pipeline li>span.is-quoted {background:var(--ap-purple)}
.mp-admin-pipeline li>span.is-waiting {background:#d6a10f}
.mp-admin-pipeline li>span.is-converted {background:var(--ap-green)}
.mp-admin-pipeline em {color:var(--ap-muted);font-style:normal}
.mp-admin-summary-list p,
.mp-admin-system-status p {
    display:flex;
    min-height:36px;
    align-items:center;
    gap:8px;
    justify-content:space-between;
    margin:0;
    border-bottom:1px solid var(--ap-line);
    font-size:10px;
}
.mp-admin-summary-list p:last-child,
.mp-admin-system-status p:last-child {border-bottom:0}
.mp-admin-summary-list span {color:var(--ap-muted)}
.mp-admin-recent-list li {
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid var(--ap-line);
}
.mp-admin-recent-list li:last-child {border-bottom:0}
.mp-admin-recent-list strong,
.mp-admin-recent-list span {display:block}
.mp-admin-recent-list strong {font-size:10px}
.mp-admin-recent-list div>span {margin-top:3px;color:var(--ap-muted);font-size:8px}
.mp-admin-table-wrap {width:100%;overflow-x:auto}
.mp-admin-table {width:100%;min-width:760px;border-collapse:collapse}
.mp-admin-table th,
.mp-admin-table td {
    padding:11px 10px;
    border-bottom:1px solid var(--ap-line);
    text-align:left;
    vertical-align:middle;
    font-size:10px;
}
.mp-admin-table th {
    background:var(--ap-soft);
    color:var(--ap-muted);
    font-size:8px;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.mp-admin-table tbody tr:hover {background:#fafcff}
.mp-admin-status {
    display:inline-flex;
    min-height:23px;
    align-items:center;
    padding:0 8px;
    border-radius:100px;
    background:#fff2d9;
    color:#a86500;
    font-size:8px;
    font-style:normal;
    font-weight:700;
}
.mp-admin-status.is-positive {background:#e4f6eb;color:#13743f}
.mp-admin-status.is-negative {background:#fdecec;color:#ad2e2e}
.mp-admin-empty {padding:28px!important;color:var(--ap-muted);text-align:center!important}
.mp-admin-notification-list {display:grid}
.mp-admin-notification-list a {
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    min-height:58px;
    align-items:center;
    gap:11px;
    border-bottom:1px solid var(--ap-line);
    color:var(--ap-ink);
    text-decoration:none;
}
.mp-admin-notification-list>a>span {
    display:inline-flex;
    width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    border-radius:100%;
}
.mp-admin-notification-list span.is-orange {background:#fff0db;color:var(--ap-orange-dark)}
.mp-admin-notification-list svg {width:17px;height:17px}
.mp-admin-notification-list strong,
.mp-admin-notification-list small {display:block}
.mp-admin-notification-list strong {font-size:10px}
.mp-admin-notification-list small {margin-top:3px;color:var(--ap-muted);font-size:8px}
.mp-admin-foundation,
.mp-admin-state {
    display:flex;
    min-height:360px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.mp-admin-foundation>span,
.mp-admin-state>span {
    display:inline-flex;
    width:62px;
    height:62px;
    align-items:center;
    justify-content:center;
    border-radius:100%;
    background:#edf3fc;
    color:var(--ap-blue);
}
.mp-admin-foundation svg,
.mp-admin-state svg {width:28px;height:28px}
.mp-admin-foundation h2,
.mp-admin-state h1 {margin:16px 0 7px;font-size:20px}
.mp-admin-foundation p,
.mp-admin-state p {
    max-width:520px;
    margin:0;
    color:var(--ap-muted);
    font-size:11px;
    line-height:1.7;
}
.mp-admin-login {
    display:flex;
    min-height:100vh;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
        radial-gradient(circle at top right,rgba(244, 127, 34,.22),transparent 35%),
        linear-gradient(145deg,var(--ap-navy-dark),var(--ap-navy));
}
.mp-admin-login-card {
    width:min(420px,100%);
    padding:30px;
    border-radius:5px;
    background:#fff;
}
.mp-admin-login-brand {margin-bottom:25px}
.mp-admin-login-brand a {color:var(--ap-navy)}
.mp-admin-login-brand small {color:var(--ap-orange-dark)}
.mp-admin-login-brand .mp-admin-logo-mark {color:var(--ap-navy)}
.mp-admin-eyebrow {
    color:var(--ap-orange-dark);
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.mp-admin-login h1 {margin:8px 0 6px;font-size:25px}
.mp-admin-login-card>p {margin:0 0 20px;color:var(--ap-muted);font-size:11px}
.mp-admin-login form {display:grid;gap:14px}
.mp-admin-login label>span:first-child {
    display:block;
    margin-bottom:6px;
    color:var(--ap-ink);
    font-size:9px;
    font-weight:700;
}
.mp-admin-login input[type="text"],
.mp-admin-login input[type="password"] {
    width:100%;
    height:42px;
    padding:0 12px;
    border:1px solid var(--ap-line);
    border-radius:5px;
    outline:none;
    color:var(--ap-ink);
    font-size:11px;
}
.mp-admin-login input:focus {border-color:var(--ap-orange);box-shadow:0 0 0 3px rgba(244, 127, 34,.12)}
.mp-admin-password {position:relative;display:block}
.mp-admin-password input {padding-right:44px!important}
.mp-admin-password button {
    position:absolute;
    top:2px;
    right:2px;
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    color:var(--ap-muted);
    cursor:pointer;
}
.mp-admin-password svg {width:17px;height:17px}
.mp-admin-remember {display:flex!important;align-items:center;gap:8px;color:var(--ap-muted);font-size:9px}
.mp-admin-remember span {margin:0!important}
.mp-admin-login-submit {
    height:42px;
    border:0;
    border-radius:5px;
    background:var(--ap-orange);
    color:#fff;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}
.mp-admin-alert {
    margin-bottom:14px;
    padding:10px 12px;
    border:1px solid #f1baba;
    border-radius:5px;
    background:#fff0f0;
    color:#9c2929;
    font-size:10px;
}
.mp-admin-sidebar-backdrop {display:none}
@media (max-width:1450px) {
    .mp-admin-kpis {grid-template-columns:repeat(4,minmax(0,1fr))}
    .mp-admin-grid.is-dashboard-main {grid-template-columns:repeat(2,minmax(0,1fr))}
    .mp-admin-grid.is-dashboard-main>:first-child {grid-column:1/-1}
}
@media (max-width:1050px) {
    .mp-admin-shell {display:block}
    .mp-admin-sidebar {transform:translateX(-101%);transition:transform .22s ease}
    body.mp-admin-sidebar-open .mp-admin-sidebar {transform:translateX(0)}
    .mp-admin-main {width:100%}
    .mp-admin-menu-toggle {display:inline-flex}
    .mp-admin-sidebar-backdrop {
        position:fixed;
        z-index:90;
        inset:0;
        background:rgba(2,18,43,.52);
    }
    body.mp-admin-sidebar-open .mp-admin-sidebar-backdrop {display:block}
    .mp-admin-grid.is-three,
    .mp-admin-grid.is-dashboard-main {grid-template-columns:repeat(2,minmax(0,1fr))}
    .mp-admin-grid.is-dashboard-main>:first-child {grid-column:1/-1}
}
@media (max-width:700px) {
    .mp-admin-content {padding:15px}
    .mp-admin-topbar {padding:0 14px}
    .mp-admin-user-button {min-width:0}
    .mp-admin-user-button>span,
    .mp-admin-user-button>svg {display:none}
    .mp-admin-kpis,
    .mp-admin-kpis.is-four,
    .mp-admin-grid.is-three,
    .mp-admin-grid.is-two,
    .mp-admin-grid.is-dashboard-main {grid-template-columns:1fr}
    .mp-admin-grid.is-dashboard-main>:first-child {grid-column:auto}
    .mp-admin-welcome,
    .mp-admin-page-head {display:block}
    .mp-admin-date,
    .mp-admin-page-head>span {margin-top:12px}
    .mp-admin-pipeline {grid-template-columns:1fr;justify-items:center}
    .mp-admin-pipeline ul {width:100%}
}
/* /MP_TRAVEL_ADMIN_PORTAL_FOUNDATION_V1 */

/* MP_TRAVEL_ADMIN_AGENT_UI_HARMONIZATION_V1 */

/*
 * Admin/Company Hub aligned with the approved Agent Portal Premium system:
 * official ALCANCE identity, navy/orange palette, 5px radius, 10px gaps,
 * no heavy shadows, soft status colours and shared responsive navigation.
 */
:root {
    --mp-admin-navy: #202021;
    --mp-admin-navy-dark: #061f43;
    --mp-admin-orange: #F47F22;
    --mp-admin-orange-dark: #df8600;
    --mp-admin-blue: #1f63d4;
    --mp-admin-green: #16a34a;
    --mp-admin-red: #dc3f45;
    --mp-admin-purple: #7555c7;
    --mp-admin-ink: #202021;
    --mp-admin-muted: #718096;
    --mp-admin-line: #e4eaf1;
    --mp-admin-soft: #f5f7fb;
    --mp-admin-field: #f8fafc;
    --mp-admin-white: #ffffff;
}

html,
body.mp-admin-portal-page {
    background: var(--mp-admin-soft) !important;
}

body.mp-admin-portal-page,
body.mp-admin-portal-page button,
body.mp-admin-portal-page input,
body.mp-admin-portal-page select,
body.mp-admin-portal-page textarea {
    font-family: Poppins, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.mp-admin-portal-page #mp-admin-portal-root,
body.mp-admin-portal-page #mp-admin-portal-root * {
    box-sizing: border-box;
}

/* Keep all portal SVGs isolated from theme/Elementor global rules. */
body.mp-admin-portal-page #mp-admin-portal-root svg {
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
}

body.mp-admin-portal-page #mp-admin-portal-root svg * {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
}

/* Shared desktop shell. */
.mp-admin-shell {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    background: var(--mp-admin-soft) !important;
    transition: grid-template-columns .2s ease !important;
}

.mp-admin-sidebar {
    width: 260px !important;
    padding: 0 !important;
    background: linear-gradient(180deg, var(--mp-admin-navy), var(--mp-admin-navy-dark)) !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: width .2s ease, transform .22s ease !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.2) transparent;
}

.mp-admin-main {
    grid-column: 2 !important;
    transition: margin-left .2s ease !important;
}

.mp-admin-brand {
    position: relative !important;
    display: flex !important;
    min-height: 112px !important;
    align-items: center !important;
    padding: 17px 50px 17px 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

.mp-admin-brand-link {
    display: grid !important;
    width: 100% !important;
    gap: 7px !important;
    align-items: center !important;
    justify-items: start !important;
    color: #fff !important;
    text-decoration: none !important;
}

.mp-admin-brand-logo {
    display: block !important;
    width: min(178px, 100%) !important;
    max-width: 178px !important;
    height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
}

.mp-admin-brand-label {
    display: block !important;
    margin: 0 !important;
    color: var(--mp-admin-orange) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.mp-admin-sidebar-collapse {
    position: absolute !important;
    top: 10px !important;
    right: 9px !important;
    z-index: 5 !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 5px !important;
    outline: none !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.mp-admin-sidebar-collapse:hover,
.mp-admin-sidebar-collapse:focus-visible {
    border-color: var(--mp-admin-orange) !important;
    background: rgba(244, 127, 34,.14) !important;
    color: var(--mp-admin-orange) !important;
}

.mp-admin-sidebar-collapse svg {
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    transition: transform .2s ease !important;
}

.mp-admin-nav {
    gap: 3px !important;
    padding: 12px 10px 20px !important;
}

.mp-admin-nav-link {
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    box-shadow: none !important;
}

.mp-admin-nav-link:hover,
.mp-admin-nav-link:focus-visible {
    border-color: rgba(255,255,255,.1) !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
    outline: none !important;
}

.mp-admin-nav-link.is-active {
    border-color: var(--mp-admin-orange) !important;
    background: var(--mp-admin-orange) !important;
    color: #fff !important;
}

.mp-admin-nav-link em {
    font-size: 11px !important;
    font-weight: 700 !important;
}

.mp-admin-nav-link b {
    min-width: 21px !important;
    height: 21px !important;
    border-radius: 100px !important;
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
}

.mp-admin-nav-link.is-active b {
    background: #fff !important;
    color: var(--mp-admin-orange-dark) !important;
}

.mp-admin-sidebar-footer {
    display: none !important;
}

/* Same compact desktop logic used by Agent Portal. */
@media (min-width: 901px) {
    .mp-admin-menu-toggle {
        display: none !important;
    }

    .mp-admin-shell.is-sidebar-collapsed {
        grid-template-columns: 84px minmax(0, 1fr) !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-sidebar {
        width: 84px !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-brand {
        min-height: 105px !important;
        padding: 47px 12px 12px !important;
        justify-content: center !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-brand-link {
        justify-items: center !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-brand-logo {
        width: 52px !important;
        max-width: 52px !important;
        height: 48px !important;
        object-position: center !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-brand-label,
    .mp-admin-shell.is-sidebar-collapsed .mp-admin-nav-link em,
    .mp-admin-shell.is-sidebar-collapsed .mp-admin-nav-link b {
        display: none !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-sidebar-collapse {
        top: 6px !important;
        right: 50% !important;
        transform: translateX(50%) !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-sidebar-collapse svg {
        transform: rotate(180deg) !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-nav-link {
        grid-template-columns: 22px !important;
        justify-content: center !important;
        padding: 0 !important;
    }
}

/* Premium Agent Portal topbar language and spacing. */
.mp-admin-topbar {
    min-height: 80px !important;
    padding: 0 22px !important;
    border-bottom: 1px solid var(--mp-admin-line) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: none !important;
}

.mp-admin-topbar-left,
.mp-admin-topbar-right {
    gap: 12px !important;
}

.mp-admin-topbar-title {
    display: grid !important;
    gap: 3px !important;
}

.mp-admin-topbar-eyebrow {
    color: var(--mp-admin-orange-dark) !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

.mp-admin-topbar-title h1 {
    margin: 0 !important;
    color: var(--mp-admin-ink) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.mp-admin-menu-toggle {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--mp-admin-ink) !important;
    box-shadow: none !important;
}

.mp-admin-menu-toggle:hover,
.mp-admin-menu-toggle:focus-visible {
    border-color: var(--mp-admin-orange) !important;
    background: #fff8ed !important;
    color: var(--mp-admin-orange-dark) !important;
    outline: none !important;
}

.mp-admin-top-icon {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border: 1px solid transparent !important;
    border-radius: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mp-admin-top-icon:hover,
.mp-admin-top-icon:focus-visible {
    border-color: var(--mp-admin-line) !important;
    background: var(--mp-admin-soft) !important;
    outline: none !important;
}

.mp-admin-user-button {
    min-width: 190px !important;
    max-width: 245px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: var(--mp-admin-ink) !important;
    box-shadow: none !important;
}

.mp-admin-user-button:hover,
.mp-admin-user-button:focus-visible {
    border: 0 !important;
    background: var(--mp-admin-soft) !important;
    color: var(--mp-admin-ink) !important;
    outline: none !important;
    box-shadow: none !important;
}

.mp-admin-user-button img {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border: 0 !important;
    border-radius: 100% !important;
    object-fit: cover !important;
}

.mp-admin-user-button strong {
    color: var(--mp-admin-ink) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

.mp-admin-user-button small {
    color: var(--mp-admin-muted) !important;
    font-size: 8px !important;
    font-weight: 550 !important;
}

.mp-admin-user-dropdown {
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* Shared content proportions and premium panels. */
.mp-admin-content {
    max-width: 1600px !important;
    padding: 22px !important;
}

.mp-admin-welcome,
.mp-admin-page-head {
    margin-bottom: 18px !important;
}

.mp-admin-welcome h1,
.mp-admin-page-head h1 {
    color: var(--mp-admin-ink) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

.mp-admin-welcome p,
.mp-admin-page-head p {
    color: var(--mp-admin-muted) !important;
    font-size: 10px !important;
}

.mp-admin-date,
.mp-admin-page-head > span {
    min-height: 38px !important;
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--mp-admin-ink) !important;
    box-shadow: none !important;
}

.mp-admin-date svg {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
}

.mp-admin-kpis,
.mp-admin-grid {
    gap: 10px !important;
}

.mp-admin-kpi,
.mp-admin-panel {
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.mp-admin-kpi {
    position: relative !important;
    overflow: hidden !important;
    min-height: 112px !important;
    border-top: 4px solid var(--mp-admin-navy) !important;
}

.mp-admin-kpi.is-green { border-top-color: var(--mp-admin-green) !important; }
.mp-admin-kpi.is-blue { border-top-color: var(--mp-admin-blue) !important; }
.mp-admin-kpi.is-orange { border-top-color: var(--mp-admin-orange) !important; }
.mp-admin-kpi.is-red { border-top-color: var(--mp-admin-red) !important; }
.mp-admin-kpi.is-purple { border-top-color: var(--mp-admin-purple) !important; }

.mp-admin-kpi-icon {
    display: grid !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    border-radius: 100% !important;
    background: #edf3fb !important;
    color: var(--mp-admin-navy) !important;
}

.mp-admin-kpi-icon svg {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
}

.mp-admin-kpi small {
    color: var(--mp-admin-muted) !important;
    font-size: 8px !important;
    font-weight: 750 !important;
}

.mp-admin-kpi strong {
    color: var(--mp-admin-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
}

.mp-admin-kpi em {
    color: var(--mp-admin-muted) !important;
    font-size: 8px !important;
}

.mp-admin-panel-head span {
    color: var(--mp-admin-orange-dark) !important;
}

.mp-admin-panel-head h2 {
    color: var(--mp-admin-ink) !important;
    font-weight: 800 !important;
}

/* Tables and statuses follow the Agent Portal premium system. */
.mp-admin-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.mp-admin-table th,
.mp-admin-table td {
    border-right: 0 !important;
    border-bottom: 1px solid var(--mp-admin-line) !important;
}

.mp-admin-table th {
    background: var(--mp-admin-field) !important;
    color: #64748b !important;
    font-size: 8px !important;
    font-weight: 850 !important;
}

.mp-admin-table td {
    color: var(--mp-admin-ink) !important;
    font-size: 9px !important;
}

.mp-admin-table tbody tr:hover {
    background: #fbfcfe !important;
}

.mp-admin-status {
    min-height: 24px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 100px !important;
    background: #eef2f6 !important;
    color: #64748b !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.mp-admin-status.is-positive {
    background: #e7f7ed !important;
    color: #15803d !important;
}

.mp-admin-status.is-negative {
    background: #fdecec !important;
    color: #b4232f !important;
}

.mp-admin-status.is-waiting {
    background: #fff2d9 !important;
    color: #a86400 !important;
}

/* Shared premium login card and forms. */
.mp-admin-login {
    background:
        radial-gradient(circle at top right, rgba(244, 127, 34,.18), transparent 35%),
        linear-gradient(145deg, var(--mp-admin-navy-dark), var(--mp-admin-navy)) !important;
}

.mp-admin-login-card {
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

.mp-admin-login-brand .mp-admin-brand-link {
    justify-items: start !important;
}

.mp-admin-login-brand .mp-admin-brand-logo {
    width: 190px !important;
    max-width: 190px !important;
    height: 62px !important;
}

.mp-admin-login input[type="text"],
.mp-admin-login input[type="password"] {
    height: 40px !important;
    border: 1px solid #dce4ed !important;
    border-radius: 5px !important;
    background: var(--mp-admin-field) !important;
    box-shadow: none !important;
}

.mp-admin-login input:hover {
    border-color: #cfd9e5 !important;
}

.mp-admin-login input:focus {
    border-color: var(--mp-admin-orange) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(244, 127, 34,.1) !important;
}

.mp-admin-login-submit {
    height: 40px !important;
    border: 1px solid var(--mp-admin-orange) !important;
    border-radius: 5px !important;
    background: var(--mp-admin-orange) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.mp-admin-login-submit:hover,
.mp-admin-login-submit:focus-visible {
    border-color: var(--mp-admin-orange-dark) !important;
    background: var(--mp-admin-orange-dark) !important;
    outline: none !important;
}

/* Tablet/mobile keeps the same off-canvas logic as Agent Portal. */
@media (max-width: 900px) {
    .mp-admin-shell {
        display: block !important;
    }

    .mp-admin-sidebar {
        width: 260px !important;
        transform: translateX(-101%) !important;
    }

    body.mp-admin-sidebar-open .mp-admin-sidebar {
        transform: translateX(0) !important;
    }

    .mp-admin-sidebar-collapse {
        display: none !important;
    }

    .mp-admin-menu-toggle {
        display: grid !important;
        place-items: center !important;
    }

    .mp-admin-main {
        width: 100% !important;
    }

    .mp-admin-sidebar-backdrop {
        position: fixed !important;
        z-index: 90 !important;
        inset: 0 !important;
        background: rgba(2,18,43,.52) !important;
    }

    body.mp-admin-sidebar-open .mp-admin-sidebar-backdrop {
        display: block !important;
    }
}

@media (max-width: 700px) {
    .mp-admin-topbar {
        min-height: 72px !important;
        padding: 0 14px !important;
    }

    .mp-admin-topbar-title h1 {
        max-width: 170px !important;
        overflow: hidden !important;
        font-size: 16px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mp-admin-user-button {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 2px !important;
    }

    .mp-admin-user-button > span,
    .mp-admin-user-button > svg {
        display: none !important;
    }

    .mp-admin-user-button img {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }

    .mp-admin-content {
        padding: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mp-admin-sidebar,
    .mp-admin-shell,
    .mp-admin-sidebar-collapse svg {
        transition: none !important;
    }
}

/* /MP_TRAVEL_ADMIN_AGENT_UI_HARMONIZATION_V1 */

/* MP_TRAVEL_ADMIN_REFERENCE_BILINGUAL_V2 */

/* Reference contract: Admin dashboard composition follows the approved
 * Super Admin reference while the design system remains aligned with the
 * Agent Portal Premium identity. */

.mp-admin-shell {
    grid-template-columns: 232px minmax(0, 1fr) !important;
}

.mp-admin-sidebar {
    width: 232px !important;
}

.mp-admin-brand {
    min-height: 82px !important;
    padding: 12px 14px !important;
}

.mp-admin-brand-link {
    width: 100% !important;
    justify-items: start !important;
}

.mp-admin-brand-logo {
    width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.mp-admin-brand-label {
    margin-top: 2px !important;
    font-size: 8px !important;
    letter-spacing: .14em !important;
}

.mp-admin-nav {
    gap: 2px !important;
    padding: 9px 10px 16px !important;
}

.mp-admin-nav-link {
    min-height: 39px !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding: 0 11px !important;
}

.mp-admin-nav-link em {
    font-size: 10px !important;
}

.mp-admin-main {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

.mp-admin-topbar {
    min-height: 62px !important;
    padding: 0 18px !important;
}

.mp-admin-topbar-title h1 {
    font-size: 15px !important;
    font-weight: 800 !important;
}

.mp-admin-topbar-right {
    gap: 8px !important;
}

.mp-admin-top-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
}

.mp-admin-top-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.mp-admin-language-switcher {
    margin: 0 !important;
}

.mp-admin-language-switcher label {
    display: block !important;
    margin: 0 !important;
}

.mp-admin-language-switcher select {
    width: 92px !important;
    min-width: 92px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 24px 0 10px !important;
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--mp-admin-ink) !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    cursor: pointer !important;
}

.mp-admin-language-switcher select:hover,
.mp-admin-language-switcher select:focus {
    border-color: var(--mp-admin-orange) !important;
}

.mp-admin-user-button {
    min-width: 165px !important;
    max-width: 220px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
}

.mp-admin-user-button img {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
}

.mp-admin-user-button strong {
    font-size: 9px !important;
}

.mp-admin-user-button small {
    font-size: 7px !important;
}

.mp-admin-content {
    width: 100% !important;
    max-width: none !important;
    flex: 1 0 auto !important;
    padding: 16px !important;
}

.mp-admin-reference-welcome {
    margin-bottom: 12px !important;
}

.mp-admin-reference-welcome h1 {
    font-size: 19px !important;
    line-height: 1.15 !important;
}

.mp-admin-reference-welcome h1 span {
    color: inherit !important;
}

.mp-admin-reference-welcome p {
    margin-top: 4px !important;
    font-size: 9px !important;
}

.mp-admin-date {
    min-width: 142px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
}

.mp-admin-reference-kpis {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.mp-admin-reference-kpis .mp-admin-kpi {
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 13px 10px !important;
    gap: 8px !important;
    border-top-width: 1px !important;
}

.mp-admin-reference-kpis .mp-admin-kpi-icon {
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
}

.mp-admin-reference-kpis .mp-admin-kpi-icon svg {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
}

.mp-admin-reference-kpis .mp-admin-kpi small {
    font-size: 7px !important;
    line-height: 1.15 !important;
}

.mp-admin-reference-kpis .mp-admin-kpi strong {
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 1.05 !important;
}

.mp-admin-reference-kpis .mp-admin-kpi em {
    margin-top: 4px !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
}

.mp-admin-reference-grid {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.mp-admin-reference-grid.is-overview {
    grid-template-columns: minmax(0, 1.75fr) minmax(190px, .95fr) minmax(190px, .9fr) minmax(210px, 1fr) !important;
}

.mp-admin-reference-grid.is-operations {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.25fr) minmax(240px, .9fr) !important;
}

.mp-admin-reference-grid.is-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.mp-admin-reference-grid .mp-admin-panel {
    min-width: 0 !important;
    padding: 12px !important;
}

.mp-admin-panel-head {
    margin-bottom: 9px !important;
}

.mp-admin-panel-head span {
    font-size: 7px !important;
    letter-spacing: .08em !important;
}

.mp-admin-panel-head h2 {
    margin-top: 3px !important;
    font-size: 11px !important;
}

.mp-admin-panel-head small,
.mp-admin-panel-head a {
    font-size: 7px !important;
}

.mp-admin-reference-sales {
    min-height: 252px !important;
}

.mp-admin-line-chart {
    display: grid !important;
    gap: 5px !important;
}

.mp-admin-chart-legend {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: var(--mp-admin-muted) !important;
    font-size: 7px !important;
}

.mp-admin-chart-legend span:first-child::before {
    display: inline-block !important;
    width: 13px !important;
    height: 2px !important;
    margin-right: 5px !important;
    background: var(--mp-admin-navy) !important;
    vertical-align: middle !important;
    content: "" !important;
}

.mp-admin-line-chart svg {
    display: block !important;
    width: 100% !important;
    height: 170px !important;
    overflow: visible !important;
}

.mp-admin-line-chart svg * {
    vector-effect: non-scaling-stroke !important;
}

.mp-admin-chart-grid line {
    stroke: #edf1f6 !important;
    stroke-width: 1 !important;
}

.mp-admin-chart-line {
    fill: none !important;
    stroke: var(--mp-admin-navy) !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.mp-admin-line-chart circle {
    fill: var(--mp-admin-navy) !important;
    stroke: #fff !important;
    stroke-width: 1.5 !important;
}

.mp-admin-chart-labels {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    color: var(--mp-admin-muted) !important;
    font-size: 7px !important;
    text-align: center !important;
}

.mp-admin-ranking-list,
.mp-admin-legend-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.mp-admin-ranking-list {
    display: grid !important;
    gap: 0 !important;
}

.mp-admin-ranking-list li {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    min-height: 31px !important;
    align-items: center !important;
    gap: 7px !important;
    border-bottom: 1px solid var(--mp-admin-line) !important;
    font-size: 7px !important;
}

.mp-admin-ranking-list li b {
    display: grid !important;
    width: 17px !important;
    height: 17px !important;
    place-items: center !important;
    border-radius: 100% !important;
    background: var(--mp-admin-navy) !important;
    color: #fff !important;
    font-size: 7px !important;
}

.mp-admin-ranking-list li strong {
    font-size: 7px !important;
    white-space: nowrap !important;
}

.mp-admin-panel-link {
    display: block !important;
    min-height: 27px !important;
    margin-top: 8px !important;
    padding: 7px 8px !important;
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #2468d8 !important;
    box-shadow: none !important;
    font-size: 7px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.mp-admin-panel-link.is-left {
    border: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.mp-admin-donut-layout,
.mp-admin-revenue-visual {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
}

.mp-admin-donut,
.mp-admin-revenue-pie {
    position: relative !important;
    display: grid !important;
    width: 90px !important;
    height: 90px !important;
    place-items: center !important;
    border-radius: 100% !important;
}

.mp-admin-donut {
    background: conic-gradient(
        var(--mp-admin-navy) 0 var(--slice-a),
        var(--mp-admin-orange) var(--slice-a) var(--slice-b),
        var(--mp-admin-green) var(--slice-b) var(--slice-c),
        var(--mp-admin-red) var(--slice-c) 360deg
    ) !important;
}

.mp-admin-donut::after {
    position: absolute !important;
    inset: 20px !important;
    border-radius: 100% !important;
    background: #fff !important;
    content: "" !important;
}

.mp-admin-donut > span {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    text-align: center !important;
}

.mp-admin-donut strong {
    font-size: 14px !important;
}

.mp-admin-donut small {
    color: var(--mp-admin-muted) !important;
    font-size: 6px !important;
}

.mp-admin-revenue-pie {
    background: conic-gradient(
        var(--mp-admin-navy) 0 var(--rev-a),
        var(--mp-admin-orange) var(--rev-a) var(--rev-b),
        var(--mp-admin-green) var(--rev-b) var(--rev-c),
        var(--mp-admin-purple) var(--rev-c) var(--rev-d),
        #eef2f6 var(--rev-d) 360deg
    ) !important;
}

.mp-admin-legend-list {
    display: grid !important;
    gap: 7px !important;
}

.mp-admin-legend-list li {
    display: grid !important;
    grid-template-columns: 8px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 5px !important;
    color: var(--mp-admin-muted) !important;
    font-size: 6.5px !important;
}

.mp-admin-legend-list i {
    width: 7px !important;
    height: 7px !important;
    border-radius: 2px !important;
    background: var(--mp-admin-navy) !important;
}

.mp-admin-legend-list i.is-1 { background: var(--mp-admin-orange) !important; }
.mp-admin-legend-list i.is-2 { background: var(--mp-admin-green) !important; }
.mp-admin-legend-list i.is-3 { background: var(--mp-admin-red) !important; }

.mp-admin-legend-list strong {
    color: var(--mp-admin-ink) !important;
    font-size: 6.5px !important;
    white-space: nowrap !important;
}

.mp-admin-panel-total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 9px !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--mp-admin-line) !important;
    font-size: 7px !important;
}

.mp-admin-panel-total strong {
    font-size: 9px !important;
}

.mp-admin-compact-table-wrap {
    overflow-x: auto !important;
}

.mp-admin-compact-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.mp-admin-compact-table th,
.mp-admin-compact-table td {
    padding: 6px 4px !important;
    border-bottom: 1px solid var(--mp-admin-line) !important;
    color: var(--mp-admin-ink) !important;
    font-size: 6.5px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.mp-admin-compact-table th {
    color: var(--mp-admin-muted) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.mp-admin-compact-table .mp-admin-status {
    min-height: 18px !important;
    padding: 0 6px !important;
    font-size: 6px !important;
}

.mp-admin-summary-panel .mp-admin-summary-list p {
    min-height: 32px !important;
    font-size: 7px !important;
}

.mp-admin-mini-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.mp-admin-mini-stats > div {
    display: grid !important;
    min-height: 76px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 4px !important;
    padding: 7px 4px !important;
    border: 1px solid var(--mp-admin-line) !important;
    border-radius: 5px !important;
    background: #fff !important;
    text-align: center !important;
}

.mp-admin-mini-stats svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: var(--mp-admin-navy) !important;
}

.mp-admin-mini-stats strong {
    color: var(--mp-admin-ink) !important;
    font-size: 13px !important;
}

.mp-admin-mini-stats small {
    color: var(--mp-admin-muted) !important;
    font-size: 6px !important;
    line-height: 1.15 !important;
}

.mp-admin-mini-stats .is-success {
    background: #f0faf4 !important;
}

.mp-admin-mini-stats .is-warning {
    background: #fff8e8 !important;
}

.mp-admin-mini-stats .is-danger {
    background: #fff2f2 !important;
}

.mp-admin-quick-actions > div:last-child {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.mp-admin-quick-actions a {
    display: flex !important;
    min-height: 29px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 8px !important;
    border: 1px solid var(--mp-admin-navy) !important;
    border-radius: 5px !important;
    background: var(--mp-admin-navy) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 6.5px !important;
    font-weight: 750 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.mp-admin-quick-actions a:hover,
.mp-admin-quick-actions a:focus-visible {
    border-color: var(--mp-admin-orange) !important;
    background: var(--mp-admin-orange) !important;
    outline: none !important;
}

.mp-admin-main-footer {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 13px 16px !important;
    border-top: 1px solid var(--mp-admin-line) !important;
    background: #fff !important;
    color: var(--mp-admin-muted) !important;
    font-size: 7px !important;
}

@media (min-width: 901px) {
    .mp-admin-shell.is-sidebar-collapsed {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }

    .mp-admin-shell.is-sidebar-collapsed .mp-admin-sidebar {
        width: 82px !important;
    }
}

@media (max-width: 1420px) {
    .mp-admin-reference-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .mp-admin-reference-grid.is-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mp-admin-reference-grid.is-overview .mp-admin-reference-sales {
        grid-column: 1 / -1 !important;
    }

    .mp-admin-reference-grid.is-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1100px) {
    .mp-admin-reference-grid.is-operations {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .mp-admin-reference-kpis,
    .mp-admin-reference-grid.is-overview,
    .mp-admin-reference-grid.is-summary {
        grid-template-columns: 1fr !important;
    }

    .mp-admin-reference-grid.is-overview .mp-admin-reference-sales {
        grid-column: auto !important;
    }

    .mp-admin-reference-welcome {
        align-items: flex-start !important;
    }

    .mp-admin-language-switcher select {
        width: 76px !important;
        min-width: 76px !important;
    }

    .mp-admin-main-footer {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* /MP_TRAVEL_ADMIN_REFERENCE_BILINGUAL_V2 */

/* ==========================================================
   MP_TRAVEL_COMPANY_PORTAL_BOOKINGS_V1
   ========================================================== */

body.mp-admin-portal-page
.mp-admin-bookings {
    display:block;
    width:100%;
}


/* Header */

body.mp-admin-portal-page
.mp-admin-bookings-intro {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-bottom:14px;

    padding:16px 18px;

    border:1px solid #E2E8EF;
    border-top:3px solid #F47F22;
    border-radius:5px;

    background:#FFFFFF;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-bookings-intro h2 {
    margin:3px 0 4px;

    color:#102A43;

    font-size:20px;
    line-height:1.2;
    font-weight:700;
}

body.mp-admin-portal-page
.mp-admin-bookings-intro p {
    margin:0;

    color:#718096;

    font-size:12px;
    line-height:1.5;
}

body.mp-admin-portal-page
.mp-admin-bookings-count {
    display:flex;
    flex-direction:column;
    align-items:flex-end;

    min-width:80px;
}

body.mp-admin-portal-page
.mp-admin-bookings-count strong {
    color:#102A43;

    font-size:22px;
    line-height:1;
}

body.mp-admin-portal-page
.mp-admin-bookings-count span {
    margin-top:4px;

    color:#8290A0;

    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.05em;
}


/* Filters */

body.mp-admin-portal-page
.mp-admin-bookings-toolbar {
    display:grid;

    grid-template-columns:
        minmax(220px,1fr)
        150px
        170px
        150px
        auto
        auto;

    align-items:center;

    gap:8px;

    margin-bottom:10px;

    padding:10px;

    border:1px solid #E2E8EF;
    border-radius:5px;

    background:#FFFFFF;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-bookings-toolbar input[type="search"],
body.mp-admin-portal-page
.mp-admin-bookings-toolbar select {
    width:100%;
    height:38px;

    margin:0;
    padding:0 11px;

    border:1px solid #DCE3EA;
    border-radius:5px;

    background:#FFFFFF;

    color:#30475E;

    font-size:11px;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-bookings-toolbar input[type="search"]:focus,
body.mp-admin-portal-page
.mp-admin-bookings-toolbar select:focus {
    border-color:#F47F22;
    outline:none;

    box-shadow:
        0 0 0 1px #F47F22;
}

body.mp-admin-portal-page
.mp-admin-bookings-filter-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:38px;

    padding:0 16px;

    border:1px solid #F47F22;
    border-radius:5px;

    background:#F47F22;

    color:#FFFFFF;

    font-size:11px;
    font-weight:700;

    cursor:pointer;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-bookings-clear {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:38px;

    padding:0 12px;

    border:1px solid #DCE3EA;
    border-radius:5px;

    background:#FFFFFF;

    color:#52677B;

    font-size:11px;
    font-weight:600;

    text-decoration:none;
}


/* Table */

body.mp-admin-portal-page
.mp-admin-bookings-table {
    min-width:1020px;
}

body.mp-admin-portal-page
.mp-admin-bookings-table th {
    white-space:nowrap;
}

body.mp-admin-portal-page
.mp-admin-bookings-table td {
    vertical-align:middle;
}

body.mp-admin-portal-page
.mp-admin-booking-ref,
body.mp-admin-portal-page
.mp-admin-booking-travel {
    display:flex;
    flex-direction:column;

    gap:3px;
}

body.mp-admin-portal-page
.mp-admin-booking-ref strong,
body.mp-admin-portal-page
.mp-admin-booking-customer,
body.mp-admin-portal-page
.mp-admin-booking-travel strong {
    color:#20384F;

    font-size:11px;
    line-height:1.35;
    font-weight:700;
}

body.mp-admin-portal-page
.mp-admin-booking-ref small,
body.mp-admin-portal-page
.mp-admin-booking-travel small {
    color:#8794A3;

    font-size:9px;
    line-height:1.25;
}

body.mp-admin-portal-page
.mp-admin-booking-service {
    display:inline-flex;
    align-items:center;

    min-height:24px;

    padding:3px 8px;

    border:1px solid #DEE5EC;
    border-radius:100px;

    background:#F8FAFC;

    color:#536679;

    font-size:9px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
}

body.mp-admin-portal-page
.mp-admin-booking-service.is-package {
    border-color:#F2D5A3;

    background:#FFF8ED;

    color:#B76800;
}

body.mp-admin-portal-page
.mp-admin-booking-service.is-flight {
    border-color:#D8E5F4;

    background:#F2F7FC;

    color:#36678F;
}

body.mp-admin-portal-page
.mp-admin-booking-total {
    white-space:nowrap;

    color:#1D344A;

    font-size:11px;
    font-weight:700;
}

body.mp-admin-portal-page
.mp-admin-booking-action-cell {
    text-align:right;
}

body.mp-admin-portal-page
.mp-admin-booking-view {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:54px;
    height:30px;

    padding:0 10px;

    border:1px solid #DCE3EA;
    border-radius:5px;

    background:#FFFFFF;

    color:#30475E;

    font-size:10px;
    font-weight:700;

    text-decoration:none;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-booking-view:hover {
    border-color:#F47F22;

    color:#F47F22;
}


/* Status extensions */

body.mp-admin-portal-page
.mp-admin-status.is-waiting {
    background:#FFF8ED;

    color:#A96100;
}


/* Pagination */

body.mp-admin-portal-page
.mp-admin-bookings-pagination {
    display:flex;
    flex-wrap:wrap;

    justify-content:flex-end;

    gap:6px;

    margin-top:10px;
}

body.mp-admin-portal-page
.mp-admin-bookings-pagination a {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;

    border:1px solid #DCE3EA;
    border-radius:100%;

    background:#FFFFFF;

    color:#52677B;

    font-size:10px;
    font-weight:700;

    text-decoration:none;
}

body.mp-admin-portal-page
.mp-admin-bookings-pagination a.is-current {
    border-color:#F47F22;

    background:#F47F22;

    color:#FFFFFF;
}


/* ==========================================================
   Detail
   ========================================================== */

body.mp-admin-portal-page
.mp-admin-booking-detail {
    width:100%;
}

body.mp-admin-portal-page
.mp-admin-booking-detail-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:18px;

    margin-bottom:10px;

    padding:16px 18px;

    border:1px solid #E2E8EF;
    border-top:3px solid #F47F22;
    border-radius:5px;

    background:#FFFFFF;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-booking-back {
    display:inline-block;

    margin-bottom:10px;

    color:#66788A;

    font-size:10px;
    font-weight:600;

    text-decoration:none;
}

body.mp-admin-portal-page
.mp-admin-booking-detail-head h2 {
    margin:3px 0 3px;

    color:#102A43;

    font-size:20px;
    line-height:1.2;

    font-weight:700;
}

body.mp-admin-portal-page
.mp-admin-booking-detail-head p {
    margin:0;

    color:#7A8898;

    font-size:11px;
}

body.mp-admin-portal-page
.mp-admin-booking-badges {
    display:flex;
    flex-wrap:wrap;

    justify-content:flex-end;

    gap:6px;
}

body.mp-admin-portal-page
.mp-admin-booking-detail-grid {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;
}

body.mp-admin-portal-page
.mp-admin-booking-card {
    min-width:0;

    padding:15px;

    border:1px solid #E2E8EF;
    border-radius:5px;

    background:#FFFFFF;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-admin-booking-card-label {
    display:block;

    margin-bottom:8px;

    color:#8794A3;

    font-size:9px;
    line-height:1;

    font-weight:700;

    letter-spacing:.06em;
    text-transform:uppercase;
}

body.mp-admin-portal-page
.mp-admin-booking-card h3 {
    margin:0 0 12px;

    color:#102A43;

    font-size:15px;
    line-height:1.3;

    font-weight:700;

    overflow-wrap:anywhere;
}

body.mp-admin-portal-page
.mp-admin-booking-card h3.mp-admin-booking-money {
    color:#F47F22;
}

body.mp-admin-portal-page
.mp-admin-booking-card dl {
    margin:0;
}

body.mp-admin-portal-page
.mp-admin-booking-card dl > div {
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:14px;

    padding:7px 0;

    border-bottom:1px solid #EEF2F5;
}

body.mp-admin-portal-page
.mp-admin-booking-card dl > div:last-child {
    border-bottom:0;
}

body.mp-admin-portal-page
.mp-admin-booking-card dt {
    flex:0 0 auto;

    color:#748395;

    font-size:10px;
    font-weight:500;
}

body.mp-admin-portal-page
.mp-admin-booking-card dd {
    min-width:0;

    margin:0;

    color:#30475E;

    font-size:10px;
    line-height:1.4;

    font-weight:600;

    text-align:right;
    overflow-wrap:anywhere;
}

body.mp-admin-portal-page
.mp-admin-booking-card
dl > div.is-total dt,

body.mp-admin-portal-page
.mp-admin-booking-card
dl > div.is-total dd {
    color:#F47F22;

    font-weight:700;
}


/* ==========================================================
   Responsive
   ========================================================== */

@media(max-width:1200px) {

    body.mp-admin-portal-page
    .mp-admin-bookings-toolbar {
        grid-template-columns:
            minmax(220px,1fr)
            repeat(2,minmax(130px,160px))
            minmax(130px,150px)
            auto;

    }

    body.mp-admin-portal-page
    .mp-admin-bookings-clear {
        grid-column:1/-1;

        justify-self:end;
    }
}


@media(max-width:900px) {

    body.mp-admin-portal-page
    .mp-admin-bookings-toolbar {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    body.mp-admin-portal-page
    .mp-admin-bookings-search {
        grid-column:1/-1;
    }

    body.mp-admin-portal-page
    .mp-admin-booking-detail-grid {
        grid-template-columns:1fr;
    }
}


@media(max-width:640px) {

    body.mp-admin-portal-page
    .mp-admin-bookings-intro,

    body.mp-admin-portal-page
    .mp-admin-booking-detail-head {
        align-items:flex-start;
        flex-direction:column;
    }

    body.mp-admin-portal-page
    .mp-admin-bookings-count {
        align-items:flex-start;
    }

    body.mp-admin-portal-page
    .mp-admin-bookings-toolbar {
        grid-template-columns:1fr;
    }

    body.mp-admin-portal-page
    .mp-admin-bookings-search,

    body.mp-admin-portal-page
    .mp-admin-bookings-clear {
        grid-column:auto;
    }

    body.mp-admin-portal-page
    .mp-admin-bookings-filter-button,

    body.mp-admin-portal-page
    .mp-admin-bookings-clear {
        width:100%;
    }

    body.mp-admin-portal-page
    .mp-admin-booking-badges {
        justify-content:flex-start;
    }
}

/* MP_TRAVEL_COMPANY_PORTAL_BOOKINGS_V1_END */

/* ==========================================================
   MP_TRAVEL_COMPANY_PORTAL_BOOKING_OPERATIONS_V2_CSS
   ========================================================== */

body.mp-admin-portal-page
.mp-booking-op-notice {
    margin:10px 0;
    padding:10px 12px;

    border:1px solid #DCE3EA;
    border-radius:5px;

    background:#FFFFFF;

    font-size:11px;
    font-weight:600;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-booking-op-notice.is-success {
    border-color:#D8E9C3;
    border-left:4px solid #82BD41;

    background:#F7FBF1;
    color:#527719;
}

body.mp-admin-portal-page
.mp-booking-op-notice.is-error {
    border-color:#F0C8C8;
    border-left:4px solid #D64545;

    background:#FFF6F6;
    color:#A62D2D;
}

body.mp-admin-portal-page
.mp-booking-op-notice.is-info {
    border-color:#D5E4F1;
    border-left:4px solid #4F82A9;

    background:#F5F9FC;
    color:#365F80;
}


body.mp-admin-portal-page
.mp-booking-operations-v2 {
    margin-top:10px;
    padding:16px;

    border:1px solid #E2E8EF;
    border-top:3px solid #F47F22;
    border-radius:5px;

    background:#FFFFFF;

    box-shadow:none;
}


body.mp-admin-portal-page
.mp-booking-operations-v2-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:18px;

    margin-bottom:14px;
}

body.mp-admin-portal-page
.mp-booking-operations-v2-head h3,
body.mp-admin-portal-page
.mp-booking-history-head h3 {
    margin:3px 0 4px;

    color:#102A43;

    font-size:15px;
    line-height:1.25;

    font-weight:700;
}

body.mp-admin-portal-page
.mp-booking-operations-v2-head p {
    margin:0;

    max-width:650px;

    color:#718096;

    font-size:10px;
    line-height:1.5;
}


body.mp-admin-portal-page
.mp-booking-operation-state {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:4px 10px;

    border:1px solid #F2D5A3;
    border-radius:100px;

    background:#FFF8ED;

    color:#B76800;

    font-size:9px;
    font-weight:700;

    text-transform:uppercase;
}


body.mp-admin-portal-page
.mp-booking-operation-grid {
    display:grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap:10px;
}


body.mp-admin-portal-page
.mp-booking-operation-box {
    display:flex;
    flex-direction:column;

    gap:10px;

    padding:13px;

    border:1px solid #E2E8EF;
    border-radius:5px;

    background:#F9FBFC;

    box-shadow:none;
}


body.mp-admin-portal-page
.mp-booking-operation-box label {
    display:flex;
    flex-direction:column;

    gap:6px;

    margin:0;
}


body.mp-admin-portal-page
.mp-booking-operation-box label > span {
    color:#52677B;

    font-size:10px;
    font-weight:700;
}


body.mp-admin-portal-page
.mp-booking-operation-box select,
body.mp-admin-portal-page
.mp-booking-operation-box textarea {
    width:100%;

    margin:0;

    border:1px solid #DCE3EA;
    border-radius:5px;

    background:#FFFFFF;

    color:#30475E;

    font-size:11px;

    box-shadow:none;
}

body.mp-admin-portal-page
.mp-booking-operation-box select {
    height:38px;
}

body.mp-admin-portal-page
.mp-booking-operation-box textarea {
    min-height:82px;

    padding:9px 10px;

    resize:vertical;
}


body.mp-admin-portal-page
.mp-booking-operation-primary,
body.mp-admin-portal-page
.mp-booking-operation-secondary,
body.mp-admin-portal-page
.mp-booking-operation-complete {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:36px;

    padding:0 14px;

    border-radius:5px;

    font-size:10px;
    font-weight:700;

    cursor:pointer;

    box-shadow:none;
}


body.mp-admin-portal-page
.mp-booking-operation-primary {
    border:1px solid #F47F22;

    background:#F47F22;

    color:#FFFFFF;
}


body.mp-admin-portal-page
.mp-booking-operation-secondary {
    border:1px solid #DCE3EA;

    background:#FFFFFF;

    color:#30475E;
}


body.mp-admin-portal-page
.mp-booking-complete-box {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:16px;

    margin-top:10px;

    padding:12px 13px;

    border:1px solid #D9E8C8;
    border-radius:5px;

    background:#F8FBF4;

    box-shadow:none;
}


body.mp-admin-portal-page
.mp-booking-complete-box > div {
    display:flex;
    flex-direction:column;

    gap:3px;
}


body.mp-admin-portal-page
.mp-booking-complete-box strong {
    color:#405F18;

    font-size:11px;
}


body.mp-admin-portal-page
.mp-booking-complete-box span {
    color:#718096;

    font-size:9px;
}


body.mp-admin-portal-page
.mp-booking-operation-complete {
    flex:0 0 auto;

    border:1px solid #82BD41;

    background:#82BD41;

    color:#173600;
}


body.mp-admin-portal-page
.mp-booking-operation-readonly {
    padding:11px 12px;

    border:1px solid #E2E8EF;
    border-radius:5px;

    background:#F8FAFC;

    color:#718096;

    font-size:10px;
}


body.mp-admin-portal-page
.mp-booking-history {
    margin-top:14px;
    padding-top:14px;

    border-top:1px solid #E8EDF2;
}


body.mp-admin-portal-page
.mp-booking-history-head {
    margin-bottom:9px;
}


body.mp-admin-portal-page
.mp-booking-history-list {
    overflow:hidden;

    border:1px solid #E2E8EF;
    border-radius:5px;
}


body.mp-admin-portal-page
.mp-booking-history-item {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:14px;

    padding:9px 11px;

    border-bottom:1px solid #EDF1F4;

    background:#FFFFFF;
}


body.mp-admin-portal-page
.mp-booking-history-item:last-child {
    border-bottom:0;
}


body.mp-admin-portal-page
.mp-booking-history-item > div {
    display:flex;
    flex-direction:column;

    gap:2px;
}


body.mp-admin-portal-page
.mp-booking-history-item strong {
    color:#30475E;

    font-size:10px;
}


body.mp-admin-portal-page
.mp-booking-history-item span {
    color:#657789;

    font-size:10px;
    line-height:1.4;
}


body.mp-admin-portal-page
.mp-booking-history-item time {
    flex:0 0 auto;

    color:#8B98A6;

    font-size:9px;
}


body.mp-admin-portal-page
.mp-booking-history-empty {
    padding:14px;

    border:1px dashed #DCE3EA;
    border-radius:5px;

    color:#8794A3;

    font-size:10px;
}


body.mp-admin-portal-page
.mp-booking-existing-notes {
    margin-top:10px;

    border:1px solid #E2E8EF;
    border-radius:5px;

    background:#FFFFFF;
}


body.mp-admin-portal-page
.mp-booking-existing-notes summary {
    padding:10px 12px;

    color:#52677B;

    font-size:10px;
    font-weight:700;

    cursor:pointer;
}


body.mp-admin-portal-page
.mp-booking-existing-notes pre {
    margin:0;

    padding:12px;

    border-top:1px solid #EDF1F4;

    background:#F9FBFC;

    color:#52677B;

    font-family:inherit;
    font-size:10px;
    line-height:1.55;

    white-space:pre-wrap;
}


@media(max-width:900px) {

    body.mp-admin-portal-page
    .mp-booking-operation-grid {
        grid-template-columns:1fr;
    }
}


@media(max-width:640px) {

    body.mp-admin-portal-page
    .mp-booking-operations-v2-head,

    body.mp-admin-portal-page
    .mp-booking-complete-box,

    body.mp-admin-portal-page
    .mp-booking-history-item {
        flex-direction:column;
        align-items:flex-start;
    }

    body.mp-admin-portal-page
    .mp-booking-operation-complete {
        width:100%;
    }
}

/* MP_TRAVEL_COMPANY_PORTAL_BOOKING_OPERATIONS_V2_CSS_END */