.travelops-ui {
  --bg:#f3f5f6; --panel:#fff; --panel-raised:#f7f9fa; --ink:#243746;
  --muted:#627682; --accent:#246c78; --line:#dfe7eb;
  --ui-bg:var(--bg); --ui-surface:var(--panel); --ui-ink:var(--ink);
  --ui-muted:var(--muted); --ui-primary:var(--accent); --ui-primary-soft:#eaf3f4;
  --ui-line:var(--line); --ui-font:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  font-family:var(--ui-font); color:var(--ink); background:var(--bg); font-size:14px; line-height:1.65;
}
.travelops-ui *, .travelops-ui *::before, .travelops-ui *::after { box-sizing:border-box; }
.travelops-ui [hidden] { display:none!important; }
.travelops-ui :is(button,input,select,textarea) { font-family:inherit; font-size:14px; }
.travelops-ui :is(h1,h2,h3,h4) { font-weight:600; letter-spacing:0; color:var(--ink); }
.travelops-ui h1 { font-size:22px; line-height:1.4; }
.travelops-ui h2 { font-size:18px; }
.travelops-ui h3 { font-size:15px; }
.travelops-ui p { color:var(--muted); }
.travelops-ui a { color:var(--accent); }
.travelops-ui :is(button,a,summary,input,select,textarea):focus-visible { outline:3px solid #80abb4; outline-offset:3px; }
.travelops-ui:not(:where(.dmc-desk)) button { min-height:38px; border-radius:5px; padding:9px 14px; background:var(--accent); border:1px solid var(--accent); color:#fff; font-weight:500; box-shadow:none; }
.travelops-ui:not(:where(.dmc-desk)) button:hover { background:#1d5964; }
.travelops-ui button:disabled { cursor:not-allowed; opacity:.55; }
.travelops-ui :is(button.secondary,.quiet-button,.secondary-button) { background:#fff; border:1px solid #cbdbe2; color:#416575; }
.travelops-ui :is(button.secondary,.quiet-button,.secondary-button):hover { background:#f0f6f7; border-color:#98b8c3; }
.travelops-ui :is(.primary-link,.primary-button) { background:var(--accent); border-color:var(--accent); color:#fff; border-radius:5px; }
.travelops-ui :is(.primary-link,.primary-button):hover { background:#1d5964; }
.travelops-ui :is(.button,.file-button,.login-submit) { background:var(--accent); border-color:var(--accent); color:#fff; border-radius:5px; box-shadow:none; }
.travelops-ui :is(.button.secondary,.button.quiet,.button.text-button) { background:#fff; border-color:#cbdbe2; color:#416575; }
.travelops-ui.studio-light .button:not(.secondary):not(.quiet) { background:var(--accent); border-color:var(--accent); color:#fff; }
.travelops-ui :is(input,select,textarea) { background:#fff; color:var(--ink); border:1px solid #c9d9e1; border-radius:5px; min-width:0; max-width:100%; box-shadow:none; }
.travelops-ui :is(input,select,textarea):hover { border-color:#9ab6c2; }
.travelops-ui :is(input,textarea)::placeholder { color:#7c929f; }
.travelops-ui :is(input[type=checkbox],input[type=radio]) { accent-color:var(--accent); }
.travelops-ui label { color:#466573; }
.travelops-ui .erp-shell { grid-template-columns:224px minmax(0,1fr); }
.travelops-ui .erp-sidebar { padding:26px 16px 20px; gap:4px; border-right:1px solid var(--line); background:#fff; scrollbar-width:thin; }
.travelops-ui .brand { color:#274b5e; font-size:24px; font-weight:650; gap:11px; }
.travelops-ui .brand small { font-size:11px; color:var(--muted); font-weight:400; }
.travelops-ui .brand-icon { width:36px; height:36px; background:#345d70; border-radius:6px; color:#fff; font-size:19px; }
.travelops-ui .workspace-label { background:#f6f8f9; border:1px solid var(--line); margin:22px 0 12px; padding:11px; font-size:12px; color:#436375; }
.travelops-ui .nav-caption { margin:18px 10px 8px; color:#7a8c96; font-size:11px; }
.travelops-ui .erp-sidebar nav :is(a,button) { min-height:42px; border-radius:5px; color:#466674; font-size:13px; font-weight:400; padding:10px; background:transparent; }
.travelops-ui .erp-sidebar nav [aria-current=page], .travelops-ui .erp-sidebar nav .active { color:var(--accent); background:#eaf3f4; font-weight:600; }
.travelops-ui .erp-sidebar nav :is(a,button):hover { color:var(--accent); background:#f0f5f6; }
.travelops-ui .secondary-nav a { font-size:12px; color:#56717e; padding:9px 10px; }
.travelops-ui .secondary-nav a:hover { color:var(--accent); background:#f2f6f7; }
.travelops-ui .sidebar-bottom { border-top:1px solid var(--line); padding:18px 10px 0; margin-top:auto; }
.travelops-ui .sidebar-bottom p { font-size:11px; }
.travelops-ui .erp-main { padding:24px 28px; max-width:none; }
.travelops-ui .workspace-header { gap:16px; margin-bottom:24px; }
.travelops-ui .workspace-header h1 { margin:0; }
.travelops-ui .workspace-header p { font-size:12px; }
.travelops-ui .toolbar { flex-direction:row; align-items:center; gap:8px; }
.travelops-ui :is(.panel,.record,.notice,.empty) { border:1px solid var(--line); border-radius:6px; box-shadow:none; background:#fff; }
.travelops-ui .panel { padding:20px; }
.travelops-ui .panel h2,.travelops-ui .section-head h2 { font-size:16px; margin:0 0 5px; }
.travelops-ui .section-head p { font-size:12px; line-height:1.7; }
.travelops-ui .empty { border-style:dashed; padding:40px 24px; }
.travelops-ui .empty h3 { font-size:15px; margin-bottom:8px; }
.travelops-ui .empty p { font-size:12px; line-height:1.8; }
.travelops-ui .metric-grid { border:1px solid var(--line); border-radius:6px; margin-bottom:24px; }
.travelops-ui .metric { padding:18px 20px; }
.travelops-ui .metric strong { font-size:27px; font-weight:600; color:#315e70; }
.travelops-ui .metric small { font-size:12px; color:#566f7d; }
.travelops-ui .metric p { font-size:11px; line-height:1.8; }
.travelops-ui :is(.pill,.badge) { font-size:11px; border-radius:4px; padding:4px 8px; color:#55717e; background:#f0f4f6; }
.travelops-ui .badge.is-active { color:#36715c; background:#eff7f2; }
.travelops-ui .badge.is-pending { color:#946020; background:#fcf5e8; }
.travelops-ui .feedback { font-size:13px; border:1px solid #d6e7dc; border-radius:5px; background:#f2f8f4; color:#396b4e; }
.travelops-ui .feedback[data-kind=error] { background:#fff5f2; border-color:#efd3c8; color:#a04b37; }
.travelops-ui .feedback[data-kind=warning] { background:#fffaef; border-color:#ecdfbc; color:#826a35; }
.travelops-ui table { border-collapse:collapse; font-size:13px; }
.travelops-ui th { font-size:12px; font-weight:500; color:#607d8c; background:#f6f9fa; }
.travelops-ui :is(th,td) { border-color:var(--line); }
.travelops-ui tbody tr:hover { background:#f7fafb; }
.travelops-ui dialog { border:1px solid #d1dfe6; border-radius:8px; padding:24px; box-shadow:0 16px 64px #213c4e30; }
.travelops-ui dialog::backdrop { background:#233c5155; }
.travelops-ui .dialog-header { border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:22px; gap:16px; }
.travelops-ui .dialog-header h2 { font-size:19px; }
.travelops-ui .icon-button { color:#597787; background:#f2f6f7; border-color:transparent; min-width:34px; height:34px; min-height:34px; padding:0; }
.travelops-ui .icon-button:hover { color:var(--accent); background:#e6f0f3; }
.travelops-ui .dialog-actions { position:sticky; bottom:-24px; margin:22px -24px -24px; padding:16px 24px; border-top:1px solid var(--line); background:#fff; z-index:2; }
.travelops-ui .record-actions { gap:8px; }
.travelops-ui .record-actions .danger { background:#fff; border-color:#e6d4ce; color:#9b6455; }
.travelops-ui .record-actions .danger:hover { background:#fff5f2; }
.travelops-ui .record-actions small { flex-basis:100%; font-size:11px; color:#7b8d98; }
.travelops-ui .skip { top:0; transform:translateY(-200%); }
.travelops-ui .skip:focus { transform:none; top:8px; z-index:100; }
.travelops-ui :is(.skip-link,.fp-skip,.cyber-skip-link) { position:fixed; top:0; left:16px; transform:translateY(-200%); width:max-content; max-width:calc(100vw - 32px); z-index:100; }
.travelops-ui :is(.skip-link,.fp-skip,.cyber-skip-link):focus { transform:none; top:8px; }
@media(max-width:1100px) {
  .travelops-ui .erp-shell { grid-template-columns:200px minmax(0,1fr); }
  .travelops-ui .erp-main { padding:20px; }
  .travelops-ui .metric { padding:16px; }
}
@media(max-width:760px) {
  .travelops-ui .erp-shell { display:block; }
  .travelops-ui .erp-main { padding:16px; }
  .travelops-ui .workspace-header { flex-wrap:wrap; }
  .travelops-ui .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .travelops-ui .metric:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .travelops-ui .metric:nth-child(4) { border-top:1px solid var(--line); }
  .travelops-ui :is(input,select,textarea) { font-size:16px; }
  .travelops-ui .form-grid { grid-template-columns:minmax(0,1fr); }
  .travelops-ui .panel { padding:16px; }
  .travelops-ui dialog { padding:18px; max-height:calc(100dvh - 24px); }
  .travelops-ui .dialog-actions { bottom:-18px; margin-inline:-18px; margin-bottom:-18px; padding:14px 18px; }
}
@media print {
  .travelops-ui .erp-sidebar,.travelops-ui .toolbar,.travelops-ui .record-actions { display:none!important; }
  .travelops-ui .erp-shell { display:block; }
  .travelops-ui .erp-main { padding:0; }
}
@media(prefers-reduced-motion:reduce) { .travelops-ui * { scroll-behavior:auto!important; transition:none!important; } }
.ui-page-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-left:auto; }
.ui-page-actions>button { font-size:12px; }
.ui-business-navigation,.ui-account { position:relative; }
.ui-business-navigation>summary,.ui-account>summary { list-style:none; cursor:pointer; padding:9px 11px; border:1px solid var(--line); border-radius:5px; font-size:12px; color:#466a79; background:#fff; white-space:nowrap; }
.ui-business-navigation>summary::-webkit-details-marker,.ui-account>summary::-webkit-details-marker { display:none; }
.ui-business-navigation[open]>summary,.ui-account[open]>summary { background:#eaf3f4; border-color:#a6c6cf; }
.ui-business-navigation>nav { position:absolute; right:0; top:calc(100% + 10px); width:min(720px,calc(100vw - 32px)); max-height:min(70vh,680px); overflow:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:22px; border:1px solid #cedfe6; border-radius:6px; background:#fff; box-shadow:0 14px 45px #28445622; z-index:40; }
.ui-business-navigation h2 { font-size:12px; color:#597481; margin:0 0 12px; }
.ui-business-navigation nav a { display:block; font-size:13px; padding:9px 8px; border-radius:4px; color:#466a79; }
.ui-business-navigation nav a:hover,.ui-business-navigation nav a[aria-current=page] { background:#edf5f6; color:var(--accent); }
.ui-account-panel { position:absolute; right:0; top:calc(100% + 10px); width:min(380px,calc(100vw - 32px)); background:#fff; border:1px solid #cedfe6; border-radius:6px; box-shadow:0 14px 45px #28445622; padding:16px; z-index:40; }
.ui-account-panel .wgs-bar { margin:0; background:#f7fafb; border:0; padding:12px; }
.ui-account-panel .wgs-links { flex-wrap:wrap; }
.ui-menu-toggle,.ui-menu-close { display:none; }
.ui-nav-scrim { position:fixed; inset:0; background:#243d5155!important; border:0!important; border-radius:0!important; z-index:49; }
.travelops-ui .workspace-header,.travelops-ui .fp-header,.travelops-ui .management-header,.travelops-ui .admin-header,.travelops-ui .tu-header { position:relative; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:20px; }
.travelops-ui .workspace-header>.toolbar { margin-left:auto; }
.travelops-ui :is(.eg-kicker,.en-kicker,.ec-kicker,.rs-kicker,.fn-kicker,.oa-kicker,.fp-kicker) { letter-spacing:0; font-size:11px!important; color:#7b929e!important; }
.travelops-ui :is(.eg-guide,.ec-boundary,.fn-basis,.fp-basis,.tip,.en-note) { background:#f2f7f8; border-color:#d8e6eb; border-radius:5px; color:#557887; font-size:12px; }
.travelops-ui :is(.eg-guide,.fn-basis,.fp-basis) { padding:14px 16px; margin-bottom:20px; }
.travelops-ui :is(.eg-layout,.ec-layout) { grid-template-columns:260px minmax(0,1fr); gap:22px; align-items:start; }
.travelops-ui :is(.eg-browser,.ec-browser) { background:#fff; border:1px solid var(--line); border-radius:6px; padding:18px; }
.travelops-ui :is(.eg-group-list,.ec-change-list) { gap:8px; max-height:65vh; overflow:auto; }
.travelops-ui :is(.eg-group-card,.ec-change-card,.eg-group-button) { border:1px solid var(--line); border-radius:5px; background:#fff; box-shadow:none; padding:14px; }
.travelops-ui :is(.eg-group-header,.ec-detail-header) { background:#fff; border:1px solid var(--line); border-radius:6px; padding:20px; margin-bottom:18px; }
.travelops-ui :is(.eg-group-header,.ec-detail-header) h2 { font-size:20px; }
.travelops-ui :is(.eg-category-tabs,.rs-tabs,.fn-tabs,.fp-nav) { border-bottom:1px solid var(--line); gap:4px; padding:0 0 4px; }
.travelops-ui :is(.eg-category-tabs,.rs-tabs,.fn-tabs) button { background:transparent; border:0; border-radius:4px; font-size:13px; color:#64808e; padding:9px 12px; }
.travelops-ui :is(.eg-category-tabs,.rs-tabs,.fn-tabs) :is([aria-selected=true],[aria-current=page],.is-active) { background:#eaf3f4; color:var(--accent); }
.travelops-ui :is(.eg-resource-filters,.rs-filters,.rs-asset-filters,.en-filters,.fn-filters,.oa-filters) { background:#fff; border:1px solid var(--line); border-radius:6px; padding:16px; gap:14px; }
.travelops-ui :is(.eg-resource,.rs-asset,.en-task,.ec-change,.fo-card) { background:#fff; border-color:var(--line); border-radius:6px; box-shadow:none; }
.travelops-ui :is(.rs-calendar,.recon-table,.table-scroll,.fn-table-scroll,.oa-table-scroll) { max-width:100%; overflow:auto; scrollbar-width:thin; }
.travelops-ui :is(.rs-calendar,.rs-assets) { border-radius:5px; }
.travelops-ui :is(.eg-summary,.en-summary,.fn-summary) { border-color:var(--line); border-radius:6px; background:#fff; gap:16px; }
.travelops-ui :is(.eg-schedule-editor,.ec-comparison,.oa-preview) { border-color:#d3e1e7; background:#f6f9fa; border-radius:5px; }
.travelops-ui :is(.eg-conflict,.ec-conflict,.rs-conflict,.en-conflict,.fn-warning,.oa-warning) { background:#fff9ef; border-color:#eadbc0; border-radius:5px; color:#8b6c34; font-size:13px; }
.travelops-ui :is(.fn-workspace,.recon-layout) { gap:22px; grid-template-columns:300px minmax(0,1fr); }
.travelops-ui .recon-main { max-width:1680px; margin:0 auto; padding:26px 30px; }
.travelops-ui .recon-list { background:#fff; border:1px solid var(--line); border-radius:6px; padding:18px; }
.travelops-ui :is(.fn-detail,.fn-record,.fo-focus) { border-radius:6px; border-color:var(--line); box-shadow:none; }
.travelops-ui .fn-record-list { gap:10px; }
.travelops-ui :is(.fn-steps,.ec-progress) { background:#f7fafb; border:1px solid var(--line); border-radius:5px; padding:12px; }
.travelops-ui .fn-note { font-size:12px; line-height:1.8; color:#6f8795; }
.travelops-ui .fp-main { max-width:1680px; padding:26px 30px; }
.travelops-ui .fp-header h1 { font-size:22px; letter-spacing:0; }
.travelops-ui .fp-header p { font-size:12px; color:var(--muted); }
.travelops-ui .fp-brand { font-size:22px; color:#345d70; }
.travelops-ui .fp-nav a { color:#5c7b8b; border-radius:4px 4px 0 0; font-size:13px; }
.travelops-ui .fp-nav a[aria-current=page] { border-color:var(--accent); color:var(--accent); background:#edf5f6; }
.travelops-ui .fp-panel { border-radius:6px; border-color:var(--line); padding:20px; }
.travelops-ui .fp-layout { grid-template-columns:290px minmax(0,1fr); gap:22px; }
.travelops-ui .fp-record { border-radius:5px; background:#fff; border-color:var(--line); color:#3c6275; }
.travelops-ui .fp-record.is-selected { background:#edf5f6; border-color:#9dc0cc; }
.travelops-ui .fp-page button { background:var(--accent); border-color:var(--accent); }
.travelops-ui :is(.oa-panel,.oa-context,.oa-notice,.oa-card,.oa-member) { border-radius:6px; border-color:var(--line); box-shadow:none; }
.travelops-ui .oa-section-head h2 { font-size:17px; }
.travelops-ui :is(.settings-shell,.management-shell) { grid-template-columns:224px minmax(0,1fr); }
.travelops-ui :is(.settings-sidebar,.management-sidebar,.tu-sidebar) { background:#fff; border-right:1px solid var(--line); padding:26px 16px; }
.travelops-ui :is(.settings-brand,.management-brand) { color:#345d70; font-family:var(--ui-font); font-size:23px; }
.travelops-ui :is(.settings-brand-icon,.brand-mark) { background:#345d70; color:#fff; border-radius:6px; }
.travelops-ui :is(.admin-shell,.management-main) { max-width:none; padding:24px 28px; }
.travelops-ui :is(.admin-header,.management-header) { background:transparent; box-shadow:none; }
.travelops-ui :is(.hero,.summary-card,.management-welcome,.management-metrics,.management-notes) { border-radius:6px; border-color:var(--line); background:#fff; box-shadow:none; }
.travelops-ui .hero { padding:22px; gap:20px; }
.travelops-ui .hero h1,.travelops-ui .hero h2 { font-size:22px; }
.travelops-ui :is(.hero-copy,.management-welcome) p { font-size:13px; line-height:1.8; }
.travelops-ui :is(.filter-button,.text-button) { background:transparent; border-color:transparent; color:#557786; }
.travelops-ui :is(.filter-button.is-active,.filter-button[aria-current=page]) { background:#eaf3f4; border-color:#c6dce4; color:var(--accent); }
.travelops-ui :is(.module-list,.staff-list,.audit-list) { gap:12px; }
.travelops-ui .staff-layout { grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr); gap:22px; }
.travelops-ui .cyber-appbar { background:#fff; color:var(--ink); border-bottom:1px solid var(--line); box-shadow:none; }
.travelops-ui .cyber-brand { color:#345d70; }
.travelops-ui .cyber-appbar-links a { color:#567789; }
.travelops-ui .module-dev-shell { padding:24px; max-width:none; background:var(--bg); }
.travelops-ui .module-dev-header { background:#fff; border:1px solid var(--line); border-radius:6px; padding:18px 22px; }
.travelops-ui .module-nav { border-bottom:1px solid var(--line); padding:10px 0; }
.travelops-ui .module-layout { gap:22px; }
.travelops-ui :is(.module-panel,.workspace-panel,.bw-panel) { background:#fff; border-color:var(--line); border-radius:6px; box-shadow:none; }
.travelops-ui :is(.itinerary-topbar,.ocr-header,.page-header,.ops-header,.command-header,.tu-header,.app-header) { background:#fff; color:var(--ink); border-bottom:1px solid var(--line); box-shadow:none; gap:16px; flex-wrap:wrap; }
.travelops-ui :is(.itinerary-shell,.studio-main,#ocrMain,.workspace-layout,.operations-page) { background:var(--bg); }
.travelops-ui :is(.studio-heading,.editor-heading) h1 { font-size:22px; }
.travelops-ui :is(.route-list-panel,.route-library,.details-panel,.days-panel,.summary-panel,.source-panel,.review-panel,.editor-section,.page-design-editor,.translation-panel) { background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:none; }
.travelops-ui :is(.route-card,.route-item) { border-radius:5px; box-shadow:none; }
.travelops-ui :is(.route-card.is-selected,.route-item.is-selected,.selected-route) { border-color:#a5c4cf; background:#edf5f6; }
.travelops-ui :is(.cover-preview,.poster-viewport) { border-radius:6px; }
.travelops-ui :is(.panel-tip,.guide-panel,.review-notice,.date-notice,.flow-steps) { background:#f2f7f8; border-color:#d9e6eb; color:#567989; border-radius:5px; }
.travelops-ui :is(.save-bar,.save-area) { border-top:1px solid var(--line); background:#fff; box-shadow:0 -4px 12px #25465d08; }
.travelops-ui :is(.upload-zone,.recognition-upload) { border-color:#b5cfd9; background:#f8fbfc; border-radius:6px; }
.travelops-ui :is(.tu-sidebar a,.settings-sidebar nav a,.management-sidebar nav a) { color:#526f7e; font-size:13px; border-radius:5px; }
.travelops-ui :is(.tu-sidebar a[aria-current=page],.settings-sidebar nav a[aria-current=page],.management-sidebar nav a[aria-current=page]) { background:#eaf3f4; color:var(--accent); }
.travelops-ui :is(.auth-header,.auth-panel,.as-panel) { border-color:var(--line); box-shadow:none; }
.travelops-ui .auth-header { background:#fff; }
.travelops-ui .auth-layout { max-width:1120px; gap:56px; padding-block:48px; }
.travelops-ui .auth-intro h1 { font-size:30px; line-height:1.5; color:#2e5266; }
.travelops-ui :is(.auth-intro p,.auth-benefits) { color:#667f8e; line-height:1.9; font-size:14px; }
.travelops-ui :is(.auth-panel,.as-panel) { background:#fff; border:1px solid var(--line); border-radius:8px; padding:28px; }
.travelops-ui :is(.auth-scene,.auth-security,.login-route-card,.registration-summary) { border-radius:6px; border-color:#d7e5eb; background:#f4f8f9; box-shadow:none; }
.travelops-ui .auth-page .button,.travelops-ui .login-submit { background:var(--accent); border-color:var(--accent); }
.travelops-ui[data-ui-family=customer] { background:#f3f6f7; }
.travelops-ui.ui-embedded :is(.ui-page-actions,.ui-ai-status,.ui-menu-toggle,.ui-app-sidebar) { display:none!important; }
.travelops-ui.ui-embedded :is(.erp-shell,.settings-shell,.management-shell) { display:block; }
.travelops-ui.ui-embedded :is(.erp-main,.admin-shell,.management-main) { padding:16px; }
@media(max-width:1100px) {
  .travelops-ui :is(.eg-layout,.ec-layout) { grid-template-columns:220px minmax(0,1fr); gap:16px; }
  .travelops-ui :is(.fn-workspace,.recon-layout,.fp-layout) { grid-template-columns:250px minmax(0,1fr); gap:16px; }
  .travelops-ui .fn-workspace { grid-template-columns:minmax(0,1fr); }
  .travelops-ui .fn-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .travelops-ui .fn-summary article { padding:16px; }
  .travelops-ui .fn-summary strong { font-size:22px; }
  .travelops-ui .fn-summary article:nth-child(3) { border-left:0; }
  .travelops-ui .fn-summary article:nth-child(n+3) { border-top:1px solid var(--line); }
  .travelops-ui .fn-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .travelops-ui .fn-filters>label:first-child { grid-column:1/-1; }
  .travelops-ui :is(.workspace-header,.fp-header) .ui-page-actions { flex-basis:100%; justify-content:flex-end; }
  .ui-business-navigation>nav { width:min(620px,calc(100vw - 32px)); }
}
@media(max-width:760px) {
  .ui-page-actions { margin:0; gap:6px; }
  .ui-page-actions :is(button,summary) { min-height:38px; padding:8px 10px; font-size:12px; }
  .ui-business-navigation>nav { position:fixed; top:96px; left:16px; right:16px; width:auto; max-height:70dvh; grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px; gap:16px; }
  .ui-account-panel { position:fixed; top:96px; right:16px; max-height:70dvh; overflow:auto; }
  .travelops-ui.ui-has-sidebar .ui-app-sidebar { display:flex; flex-direction:column; position:fixed; top:0; left:0; bottom:0; height:100dvh; width:min(290px,85vw); padding:22px 16px; z-index:50; overflow:auto; transform:translateX(-101%); visibility:hidden; transition:transform .18s ease,visibility .18s; }
  .travelops-ui.ui-nav-open .ui-app-sidebar { transform:none; visibility:visible; }
  .travelops-ui .ui-app-sidebar nav { display:grid; overflow:visible; flex-wrap:nowrap; }
  .travelops-ui .ui-menu-toggle,.travelops-ui .ui-menu-close { display:grid; place-items:center; color:#466b7e; background:#f2f7f8; border:0; min-width:36px; width:36px; height:36px; min-height:36px; padding:0; font-size:20px; }
  .ui-menu-close { align-self:flex-end; }
  .travelops-ui :is(.settings-shell,.management-shell) { display:block; }
  .travelops-ui :is(.admin-shell,.management-main,.fp-main,.recon-main) { padding:18px 16px; }
  .travelops-ui :is(.eg-layout,.ec-layout,.fn-workspace,.recon-layout,.fp-layout,.staff-layout) { grid-template-columns:minmax(0,1fr); }
  .travelops-ui :is(.eg-browser,.ec-browser,.fp-index) { position:static; }
  .travelops-ui :is(.eg-group-list,.ec-change-list,.fp-list) { max-height:300px; }
  .travelops-ui :is(.workspace-header,.fp-header,.management-header,.admin-header,.tu-header,.itinerary-topbar,.ocr-header,.ops-header,.page-header,.command-header) { display:flex; flex-wrap:wrap; gap:12px; }
  .travelops-ui .workspace-header>.toolbar { margin:0; flex-wrap:wrap; }
  .travelops-ui :is(.fp-panel,.eg-browser,.ec-browser) { padding:16px; }
  .travelops-ui :is(.eg-resource-filters,.rs-filters,.en-filters,.oa-filters) { gap:12px; }
  .travelops-ui .auth-layout { padding:24px 16px; gap:28px; }
  .travelops-ui :is(.auth-panel,.as-panel) { padding:22px 18px; }
  .travelops-ui .auth-intro h1 { font-size:24px; }
  .travelops-ui .module-dev-shell { padding:16px; }
}