/* MLV V16.13 Prompt 4 — simple mobile Actions sheet + theme visual-integrity safeguards.
 * Uses canonical theme tokens only. No horizontal-discovery navigation is allowed on compact screens.
 */

/* Travel Agent / Client command-center semantic colors must always come from the active theme. */
.account-page .client-command-center{
  --client-dash-panel:var(--ui-panel,var(--white,#fff));
  --client-dash-panel-2:var(--ui-panel-soft,var(--sand,#f4efe7));
  --client-dash-text:var(--ui-text,var(--ink,#1b1813));
  --client-dash-muted:var(--ui-muted,var(--muted,#6b645a));
  --client-dash-line:var(--ui-line,var(--line,rgba(27,24,19,.13)));
}
.account-page .client-command-kpis article{
  background:var(--client-dash-panel)!important;
  color:var(--client-dash-text)!important;
  border-color:var(--client-dash-line)!important;
}
.account-page .client-command-kpis strong{color:var(--ui-accent,var(--gold))!important}
.account-page .client-command-kpis small{color:var(--client-dash-muted)!important}
.account-page .client-department-card{
  background:linear-gradient(145deg,var(--client-dash-panel),var(--client-dash-panel-2))!important;
  color:var(--client-dash-text)!important;
  border-color:var(--client-dash-line)!important;
}
.account-page .client-department-card h2,.account-page .client-department-tools strong{color:var(--client-dash-text)!important}
.account-page .client-department-card>header p,.account-page .client-department-open,.account-page .client-command-footer{color:var(--client-dash-muted)!important}
.account-page .client-department-tools>a{
  background:var(--client-dash-panel-2)!important;
  color:var(--client-dash-text)!important;
  border-color:color-mix(in srgb,var(--ui-accent,var(--gold)) 24%,var(--client-dash-line))!important;
}
.account-page .client-department-tools small,.account-page .client-department-tools svg,.account-page .client-command-kpis svg{color:var(--ui-accent,var(--gold))!important;stroke:currentColor!important}

/* The mobile action sheet scrim is generated by mobile-shell-v16.js. */
.mlv-action-sheet-scrim{display:none}
.mlv-action-sheet-heading{display:none}

@media(max-width:900px){
  html.mlv-action-sheet-open,html.mlv-action-sheet-open body{overflow:hidden!important;overscroll-behavior:none!important}
  .mlv-action-sheet-scrim{
    position:fixed;inset:0;z-index:178;display:block;
    background:color-mix(in srgb,var(--ui-text,#111) 42%,transparent);
    backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
  }
  .mlv-action-sheet-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto}

  /* Replace the old horizontally-discoverable/action-popover geometry with one obvious vertical sheet. */
  .account-page .account-actions,
  .admin-page .admin-header-actions{
    display:none!important;
    position:fixed!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    top:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;
    max-height:min(76dvh,680px)!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;touch-action:pan-y!important;
    padding:0 12px max(12px,env(safe-area-inset-bottom))!important;
    grid-template-columns:1fr!important;gap:8px!important;
    border:1px solid var(--ui-line,var(--line))!important;
    border-radius:24px 24px 18px 18px!important;
    background:var(--ui-panel,var(--white))!important;
    color:var(--ui-text,var(--ink))!important;
    box-shadow:0 28px 80px color-mix(in srgb,var(--ui-text,#111) 32%,transparent)!important;
    z-index:180!important;
    scrollbar-width:thin;
  }
  .admin-page .admin-header-actions{z-index:185!important}
  .account-page .account-actions.is-mobile-open,
  .admin-page .admin-header-actions.is-mobile-open{display:grid!important}

  .mlv-action-sheet-heading{
    position:sticky;top:0;z-index:4;
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    min-height:58px;margin:0 -12px 4px;padding:10px 12px;
    background:color-mix(in srgb,var(--ui-panel,var(--white)) 96%,transparent);
    border-bottom:1px solid var(--ui-line,var(--line));
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .mlv-action-sheet-heading span{display:flex;flex-direction:column;gap:2px;min-width:0}
  .mlv-action-sheet-heading strong{font:700 15px/1.2 var(--sans,system-ui);color:var(--ui-text,var(--ink));letter-spacing:0!important;text-transform:none!important}
  .mlv-action-sheet-heading small{font:700 9px/1.2 var(--sans,system-ui);color:var(--ui-muted,var(--muted));letter-spacing:.08em;text-transform:uppercase}
  .mlv-action-sheet-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;background:var(--ui-panel-soft,var(--sand))!important;color:var(--ui-text,var(--ink))!important;border:1px solid var(--ui-line,var(--line))!important}

  .account-page .account-actions>*:not(.mlv-action-sheet-heading),
  .admin-page .admin-header-actions>*:not(.mlv-action-sheet-heading){min-width:0!important;width:100%!important;margin:0!important}
  .account-page .account-actions>form,.admin-page .admin-header-actions>form{display:block!important}

  .account-page .account-actions>a,
  .account-page .account-actions>button,
  .account-page .account-actions>form>button,
  .admin-page .admin-header-actions>a,
  .admin-page .admin-header-actions>button,
  .admin-page .admin-header-actions>form>button,
  .admin-page .admin-ai-router-trigger{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:54px!important;max-height:none!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
    padding:11px 13px!important;border-radius:14px!important;
    border:1px solid color-mix(in srgb,var(--ui-accent,var(--gold)) 22%,var(--ui-line,var(--line)))!important;
    background:var(--ui-panel-soft,var(--sand))!important;color:var(--ui-text,var(--ink))!important;
    text-align:left!important;white-space:normal!important;overflow:visible!important;
    box-shadow:none!important;transform:none!important;text-decoration:none!important;
    font:700 12px/1.3 var(--sans,system-ui)!important;letter-spacing:.02em!important;text-transform:none!important;
  }
  .account-page .account-actions>a:hover,.account-page .account-actions>button:hover,.account-page .account-actions>form>button:hover,
  .admin-page .admin-header-actions>a:hover,.admin-page .admin-header-actions>button:hover,.admin-page .admin-header-actions>form>button:hover,
  .admin-page .admin-ai-router-trigger:hover{
    background:color-mix(in srgb,var(--ui-accent,var(--gold)) 10%,var(--ui-panel-soft,var(--sand)))!important;
    color:var(--ui-text,var(--ink))!important;border-color:var(--ui-accent,var(--gold))!important;
  }
  .account-page .account-actions svg,.admin-page .admin-header-actions svg{width:20px!important;height:20px!important;flex:0 0 20px!important;color:var(--ui-accent,var(--gold))!important;stroke:currentColor!important}
  .account-page .account-actions>a>span,
  .account-page .account-actions .account-action-label,
  .account-page .account-install-mlv span,
  .account-page .account-actions form button,
  .admin-page .admin-header-actions :is(a,button) span{
    display:inline!important;font-size:12px!important;line-height:1.3!important;letter-spacing:.02em!important;text-transform:none!important;color:inherit!important;white-space:normal!important
  }
  .account-page .account-actions .theme-toggle,.admin-page .admin-header-actions .theme-toggle{height:auto!important;border-radius:14px!important}
  .account-page .account-actions .theme-toggle>span,.admin-page .admin-header-actions .theme-toggle>span{font-size:18px!important}
  .account-page .account-actions .theme-toggle small,.admin-page .admin-header-actions .theme-toggle small{
    display:inline!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important;
    padding:0!important;background:transparent!important;color:inherit!important;border-radius:0!important;font-size:12px!important;white-space:normal!important
  }
  .account-page .account-actions .account-header-avatar{justify-content:flex-start!important;height:auto!important}
  .account-page .account-actions .account-header-avatar img{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important}
  .account-page .account-actions .account-header-avatar .account-avatar-label{display:inline!important}
  .account-page .account-actions .mlv-notification-trigger{position:relative!important}
  .account-page .account-actions .mlv-notification-badge{right:10px!important;top:50%!important;transform:translateY(-50%)!important}

  /* No compact action container may require horizontal discovery. */
  .account-page .account-actions,.admin-page .admin-header-actions{scroll-snap-type:none!important}
  .account-page .account-actions *,.admin-page .admin-header-actions *{max-width:100%}

  .account-mobile-actions-toggle,.admin-mobile-actions-toggle{min-width:54px!important;padding:7px 9px!important}
  .account-mobile-actions-toggle small,.admin-mobile-actions-toggle small{font-size:8px!important;letter-spacing:.08em!important}
}

@media(max-width:480px){
  .account-page .account-actions,.admin-page .admin-header-actions{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;max-height:82dvh!important}
}

@media(prefers-reduced-motion:reduce){
  .mlv-action-sheet-scrim,.account-page .account-actions,.admin-page .admin-header-actions{transition:none!important;scroll-behavior:auto!important}
}