/* Sitewide airline operations shell and responsive design system. */

:root{
  --air-bg:#eef4fb;
  --air-panel:rgba(250,252,255,.94);
  --air-panel-strong:rgba(255,255,255,.98);
  --air-panel-soft:rgba(238,245,253,.94);
  --air-border:rgba(45,91,145,.18);
  --air-border-strong:rgba(37,99,235,.42);
  --air-text:#10223b;
  --air-muted:#5a6d84;
  --air-brand:#2563eb;
  --air-brand-strong:#1d4ed8;
  --air-success:#22c55e;
  --air-pending:#f59e0b;
  --air-follow-up:#facc15;
  --air-booked:#14b8a6;
  --air-unread:#38bdf8;
  --air-closed:#a855f7;
  --air-warning:#f97316;
  --air-danger:#ef4444;
  --air-shadow-sm:0 2px 12px rgba(30,64,108,.09);
  --air-shadow-md:0 8px 28px rgba(14,35,67,.16);
  --air-radius-control:8px;
  --air-radius-card:10px;
  --air-radius-panel:12px;
  --air-radius-dialog:16px;
  --air-space-1:4px;
  --air-space-2:8px;
  --air-space-3:12px;
  --air-space-4:16px;
  --air-space-5:20px;
  --air-space-6:24px;
  --air-sidebar-width:232px;
  --air-header-height:74px;
  --air-content-max:2160px;
  --air-focus:0 0 0 3px rgba(56,189,248,.32);
  --air-z-header:50;
  --air-z-sidebar:80;
  --air-z-overlay:75;
  --air-z-modal:100;
}

:root[data-theme="dark"]{
  --paper:#020919;
  --card:rgba(4,17,40,.9);
  --surface:rgba(4,17,40,.9);
  --surface2:rgba(7,24,50,.9);
  --rail-bg:rgba(2,12,30,.92);
  --topbar-bg:rgba(2,12,30,.9);
  --ink:#f5f8ff;
  --ink-soft:#9fb1c8;
  --line:rgba(100,160,255,.2);
  --blue:#3b82f6;
  --blue-dark:#2563eb;
  --blue-deep:#7db4ff;
  --gold:#3b82f6;
  --radius:var(--air-radius-card);
  --shadow-sm:var(--air-shadow-sm);
  --shadow-md:var(--air-shadow-md);
  --air-bg:#020919;
  --air-panel:rgba(4,17,40,.88);
  --air-panel-strong:rgba(3,15,36,.94);
  --air-panel-soft:rgba(7,24,50,.86);
  --air-border:rgba(100,160,255,.2);
  --air-border-strong:rgba(59,130,246,.56);
  --air-text:#f5f8ff;
  --air-muted:#9fb1c8;
  --air-brand:#3b82f6;
  --air-brand-strong:#60a5fa;
  --air-shadow-sm:0 2px 14px rgba(0,0,0,.2);
  --air-shadow-md:0 8px 28px rgba(0,0,0,.28);
}

html{
  min-width:0;
  overflow-x:clip;
  scroll-behavior:smooth;
}

html.navigation-locked,
html.navigation-locked body{
  overflow:hidden;
}

body{
  min-width:0;
  min-height:100vh;
  min-height:100dvh;
  overflow-x:clip;
  color:var(--air-text);
}

img,svg,video,canvas{max-width:100%}
img,video{height:auto}
button,input,select,textarea{max-width:100%}
button{touch-action:manipulation}

.skip-link{
  position:fixed;
  top:8px;
  left:8px;
  z-index:calc(var(--air-z-modal) + 5);
  padding:10px 14px;
  color:#fff;
  border-radius:var(--air-radius-control);
  background:var(--air-brand);
  transform:translateY(-150%);
  transition:transform .15s ease;
}

.skip-link:focus{transform:translateY(0)}

#app-shell{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:var(--air-sidebar-width) minmax(0,1fr);
  align-items:stretch;
  min-height:100vh;
  min-height:100dvh;
  overflow:clip;
  background:
    linear-gradient(rgba(235,243,252,.9),rgba(235,243,252,.94)),
    url("./assets/backgrounds/lst-global-travel-background.png") center/cover fixed no-repeat;
}

:root[data-theme="dark"] #app-shell{
  background:
    linear-gradient(rgba(2,9,25,.64),rgba(2,9,25,.7)),
    url("./assets/backgrounds/lst-global-travel-background.png") center/cover fixed no-repeat!important;
}

#app-shell[data-sidebar-state="compact"]{--air-sidebar-width:78px}

#app-shell .sidebar,
#app-shell .topbar,
#app-shell .panel,
#app-shell .crm-card,
#app-shell .queue-card,
#app-shell .task-row,
#app-shell .modal,
#app-shell .timeline-item,
#app-shell .pipeline-primary-tab,
#app-shell .pipeline-filter-bar,
#app-shell .pipeline-sla-panel,
#app-shell .pipeline-queue-section,
#app-shell .airline-rail-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.app-navigation-backdrop{
  position:fixed;
  inset:0;
  z-index:var(--air-z-overlay);
  display:none;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(0,6,18,.72);
}

.sidebar{
  position:sticky;
  top:0;
  z-index:var(--air-z-sidebar);
  width:var(--air-sidebar-width);
  height:100vh;
  height:100dvh;
  min-width:0;
  padding:14px 12px;
  overflow-x:hidden;
  overflow-y:auto;
  color:var(--air-text);
  border-right:1px solid var(--air-border);
  background:var(--air-panel-strong);
  box-shadow:8px 0 30px rgba(0,0,0,.1);
  transition:width .18s ease,transform .2s ease;
}

:root[data-theme="dark"] .sidebar{background:rgba(2,12,30,.93)!important}

.sidebar-mobile-head{display:none}

.sidebar .brand{
  display:flex;
  width:100%;
  height:68px;
  min-height:68px;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:0 8px 10px;
  overflow:hidden;
  color:var(--air-text);
  border:0;
  border-bottom:1px solid var(--air-border);
  background:transparent;
}

.sidebar .brand-logo{
  width:52px;
  height:52px;
  flex:0 0 52px;
  object-fit:contain;
}

.sidebar .brand-copy{display:grid;min-width:0;gap:4px;white-space:nowrap}
.sidebar .brand-copy strong{font-size:23px;letter-spacing:.07em}
.sidebar .brand-copy small{color:var(--air-muted);font-size:8px;font-weight:700;letter-spacing:.18em}

.sidebar-nav{display:grid;gap:3px}

.sidebar .nav-item{
  display:flex;
  width:100%;
  min-width:0;
  min-height:42px;
  align-items:center;
  gap:11px;
  margin:0;
  padding:9px 11px;
  overflow:hidden;
  color:var(--air-muted);
  border:1px solid transparent;
  border-radius:var(--air-radius-control);
  background:transparent;
  text-align:left;
  white-space:nowrap;
}

.sidebar .nav-item svg,
.sidebar .nav-item .icon-symbol{width:20px;height:20px;flex:0 0 20px;color:inherit;font-size:20px}
.sidebar .nav-item:hover{color:var(--air-text);border-color:var(--air-border);background:var(--air-panel-soft)}
.sidebar .nav-item.active{color:#fff;border-color:rgba(96,165,250,.35);background:linear-gradient(90deg,#0d4fb5,#1f6ed9);box-shadow:0 6px 18px rgba(2,76,181,.24)}
.sidebar .nav-item.active::before{display:none}
.sidebar .nav-label{overflow:hidden;text-overflow:ellipsis}

.sidebar-spacer{min-height:16px}
.sidebar-user{
  margin-top:10px;
  padding:14px 12px 12px;
  color:#fff;
  border:1px solid rgba(147,197,253,.52);
  border-radius:var(--air-radius-card);
  background:linear-gradient(145deg,#0757b8 0%,#0a6fe8 58%,#1287f4 100%);
  box-shadow:0 14px 28px rgba(1,66,156,.32),inset 0 1px rgba(255,255,255,.16);
}
.sidebar-user:hover{background:linear-gradient(145deg,#0863ca 0%,#0b78f2 58%,#1992ff 100%)}
.sidebar-user .name{color:#fff}
.sidebar-user .role{color:#dbeafe}
.sidebar-user .email{color:#dbeafe}
.sidebar-user .logout-btn{
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.94)!important;
  color:#0b3b82!important;
}
.sidebar-user .logout-btn:hover{
  border-color:#fff!important;
  background:#fff!important;
  color:#062d68!important;
}

#app-shell[data-sidebar-state="compact"] .sidebar{padding-right:9px;padding-left:9px}
#app-shell[data-sidebar-state="compact"] .sidebar .brand{justify-content:center;padding-right:0;padding-left:0}
#app-shell[data-sidebar-state="compact"] .sidebar .brand-logo{width:50px;height:50px;flex-basis:50px}
#app-shell[data-sidebar-state="compact"] .sidebar .brand-copy,
#app-shell[data-sidebar-state="compact"] .sidebar .nav-label,
#app-shell[data-sidebar-state="compact"] .sidebar-user{display:none}
#app-shell[data-sidebar-state="compact"] .sidebar .nav-item{justify-content:center;padding-right:0;padding-left:0}

.main{
  display:grid;
  min-width:0;
  min-height:100vh;
  min-height:100dvh;
  grid-template-rows:auto minmax(0,1fr);
  align-content:start;
  overflow:visible;
}

.topbar{
  position:sticky;
  top:0;
  z-index:var(--air-z-header);
  display:grid;
  min-width:0;
  min-height:var(--air-header-height);
  grid-template-columns:auto minmax(180px,1fr) minmax(0,auto) auto;
  align-items:center;
  gap:12px;
  padding:10px clamp(14px,2vw,26px);
  color:var(--air-text);
  border-bottom:1px solid var(--air-border);
  background:var(--air-panel-strong);
  box-shadow:0 5px 20px rgba(0,0,0,.08);
}

:root[data-theme="dark"] .topbar{background:rgba(2,12,30,.93)!important}
.topbar .masthead-copy{min-width:0}
.topbar h1{font-size:clamp(18px,1.6vw,23px);line-height:1.15}
.topbar .page-description{max-width:70ch;overflow:hidden;color:var(--air-muted);text-overflow:ellipsis;white-space:nowrap}
.topbar .actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.topbar-utility{display:flex;align-items:center;gap:8px}
.mobile-account-btn{display:grid!important}

.app-menu-toggle{display:grid!important;place-items:center}
.theme-toggle-btn{min-width:42px;min-height:42px;border-radius:var(--air-radius-control)}

.content{
  width:100%;
  max-width:var(--air-content-max);
  min-width:0;
  margin:0 auto;
  padding:clamp(14px,1.7vw,28px) clamp(12px,2vw,30px) calc(36px + env(safe-area-inset-bottom));
  overflow:visible;
}

.workspace-strip,
.saved-view-bar,
.toolbar,
.queue-tabs,
.crm-section-tabs,
.bulk-bar{
  max-width:100%;
  border-color:var(--air-border);
  background:var(--air-panel-soft);
}

.workspace-strip{padding:0 2px;background:transparent!important}

.panel,
.crm-card,
.queue-card,
.task-row,
.timeline-item,
.team-command-card,
.teams-overview,
.customer-route-strip,
.archived-actions{
  min-width:0;
  color:var(--air-text);
  border-color:var(--air-border);
  border-radius:var(--air-radius-panel);
  background:var(--air-panel);
  box-shadow:var(--air-shadow-sm);
}

:root[data-theme="dark"] #app-shell .panel,
:root[data-theme="dark"] #app-shell .crm-card,
:root[data-theme="dark"] #app-shell .queue-card,
:root[data-theme="dark"] #app-shell .task-row,
:root[data-theme="dark"] #app-shell .timeline-item,
:root[data-theme="dark"] #app-shell .team-command-card,
:root[data-theme="dark"] #app-shell .teams-overview,
:root[data-theme="dark"] #app-shell .customer-route-strip,
:root[data-theme="dark"] #app-shell .archived-actions{
  background:var(--air-panel);
}

.panel-head{gap:12px;padding:14px 16px;border-color:var(--air-border);background:transparent}
.panel-head h3,.crm-card h3,.crm-card h4{overflow-wrap:anywhere}
.panel-subtitle,.card-sub,.contact-sub,.task-meta{color:var(--air-muted)}

.btn,
.crm-section-tab,
.queue-tab,
input,
select,
textarea,
.team-member-dropdown summary{
  border-color:var(--air-border);
  border-radius:var(--air-radius-control);
}

input,select,textarea{min-width:0;color:var(--air-text);background:var(--air-panel-strong)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--air-muted) 78%,transparent)}
.btn{min-height:40px;justify-content:center;background:var(--air-panel-strong)}
.btn-accent,.btn-primary{color:#fff;border-color:transparent;background:linear-gradient(100deg,#0d4fb5,#2478eb)}
.btn:focus-visible,.nav-item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:0;box-shadow:var(--air-focus)}

.operations-grid,
.stats-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:12px;
}

.queue-card{min-height:104px;padding:14px}
.queue-card .queue-value{font-size:clamp(20px,2vw,27px)}

.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-grid-2{grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr)}
.customer-grid,.teams-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
.booking-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.4fr)}
.booking-grid>.panel[style*="grid-column:span 2"]{grid-column:auto!important}

.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-color:var(--air-border);background:var(--air-border)}
.detail-item{min-width:0;background:var(--air-panel-strong)}
.lead-workspace-hero{grid-template-columns:minmax(0,1fr) auto}

.toolbar,
.user-filters{
  display:grid;
  grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(130px,.7fr));
  align-items:center;
  gap:8px;
}

.toolbar>*{width:100%;min-width:0}
.toolbar.leads-toolbar{grid-template-columns:minmax(220px,1.7fr) repeat(auto-fit,minmax(130px,.7fr))}

.table-scroll,
.pipeline-table-wrap{
  width:100%;
  max-width:100%;
  overflow:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

table{max-width:none}
table th,table td{overflow-wrap:normal}
.lead-table{min-width:1080px}
.users-table{min-width:980px}
.preview-table{min-width:620px}
.booking-grid table{min-width:760px}
.pipeline-lead-table{min-width:1080px}
.pipeline-sla-table{min-width:1160px}
table thead th{position:sticky;top:0;z-index:2}

.task-list{gap:10px}
.task-row{grid-template-columns:auto minmax(0,1fr) auto auto}
.task-row>*{min-width:0}
.task-result-count{margin:0 0 8px;padding:0 2px}

.audit-entry{grid-template-columns:minmax(145px,.65fr) minmax(160px,1fr) minmax(180px,1.1fr) minmax(140px,.8fr);gap:10px}

#modal-root{
  z-index:var(--air-z-modal);
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(0,6,18,.76);
}

.modal{
  width:min(100%,620px);
  max-width:620px;
  max-height:min(90vh,900px);
  max-height:min(90dvh,900px);
  overflow:hidden;
  border-color:var(--air-border);
  border-radius:var(--air-radius-dialog);
  background:var(--air-panel-strong);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}

.modal.drawer{width:min(760px,94vw);max-width:760px;height:min(100%,960px);max-height:100%;margin-left:auto;border-radius:var(--air-radius-dialog)}
.modal-head{min-height:62px;padding:16px 20px}
.modal-body{max-height:calc(90dvh - 132px);padding:18px 20px;overflow:auto;overscroll-behavior:contain}
.modal-foot{position:sticky;bottom:0;z-index:2;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--air-border);background:var(--air-panel-strong)}
.modal-close{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--air-radius-control)}

.pipeline-primary-tabs{max-width:100%;overflow:auto;scroll-snap-type:x proximity}
.pipeline-primary-tab{scroll-snap-align:start}
.pipeline-filter-bar{max-width:100%}
.airline-pipeline-layout{max-width:100%}

:root[data-theme="dark"] .airline-pipeline-layout .pipeline-primary-tab,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-filter-bar,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-sla-panel,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-queue-section,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-queue-head,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-search,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-empty-state,
:root[data-theme="dark"] .airline-pipeline-layout .pipeline-pagination,
:root[data-theme="dark"] .airline-rail-card{
  border-color:var(--air-border);
  background:var(--air-panel);
}

@media (min-width:1600px){
  .airline-pipeline-layout{grid-template-columns:minmax(640px,1fr) 286px 322px;gap:12px}
  .airline-performance-rail,.airline-details-rail{position:sticky;top:calc(var(--air-header-height) + 10px);display:grid;grid-row:2;max-height:calc(100dvh - var(--air-header-height) - 24px);overflow:auto}
  .airline-performance-rail{grid-column:2}
  .airline-details-rail{grid-column:3}
}

@media (min-width:1500px) and (max-width:1599px){
  .airline-pipeline-layout{grid-template-columns:minmax(620px,1fr) 276px}
  .airline-performance-rail{position:sticky;top:calc(var(--air-header-height) + 10px);display:grid;grid-column:2;grid-row:2;max-height:calc(100dvh - var(--air-header-height) - 24px);overflow:auto}
  .airline-details-rail{display:none}
}

@media (max-width:1279px){
  .content{padding-right:18px;padding-left:18px}
  .dash-grid-2{grid-template-columns:1fr}
  .pipeline-filter-bar{grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(116px,.7fr))}
  .pipeline-filter-bar select:nth-of-type(4),.pipeline-filter-bar select:nth-of-type(5){display:none}
}

@media (max-width:1023px){
  .topbar{grid-template-columns:auto minmax(150px,1fr) auto}
  .topbar .actions{grid-column:1/-1;justify-content:flex-start;order:3}
  .topbar-utility{grid-column:3;grid-row:1}
  .content{padding:16px}
  .operations-grid,.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-grid,.teams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar,.user-filters{grid-template-columns:minmax(200px,1fr) repeat(2,minmax(130px,.6fr))}
  .toolbar>*:nth-child(n+4),.user-filters>*:nth-child(n+4){grid-column:auto}
  .lead-workspace-hero{grid-template-columns:1fr}
  .workspace-kpis{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pipeline-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pipeline-search{grid-column:1/-1}
  .pipeline-filter-bar select:nth-of-type(n){display:block}
}

@media (max-width:880px){
  :root{--air-header-height:66px;--air-sidebar-width:min(86vw,320px)}
  #app-shell,
  #app-shell[data-sidebar-state="compact"]{grid-template-columns:minmax(0,1fr);--air-sidebar-width:min(86vw,320px)}
  #app-shell{background-attachment:scroll;background-position:center top}
  :root[data-theme="dark"] #app-shell{background-attachment:scroll!important;background-position:center top!important}
  .app-navigation-backdrop{display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .sidebar{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:var(--air-sidebar-width)!important;
    max-width:calc(100vw - 42px);
    height:100dvh;
    flex-direction:column;
    align-items:stretch;
    padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
    overflow-x:hidden;
    overflow-y:auto;
    transform:translateX(-105%);
    box-shadow:18px 0 50px rgba(0,0,0,.4);
  }
  .mobile-navigation-open .sidebar{transform:translateX(0)}
  .mobile-navigation-open .app-navigation-backdrop{visibility:visible;opacity:1;pointer-events:auto}
  .sidebar-mobile-head{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 4px 8px;color:var(--air-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
  .sidebar-close{display:grid;width:40px;height:40px;place-items:center;color:var(--air-text);border:1px solid var(--air-border);border-radius:var(--air-radius-control);background:var(--air-panel-soft)}
  #app-shell[data-sidebar-state="compact"] .sidebar .brand{justify-content:flex-start;padding-right:8px;padding-left:8px}
  #app-shell[data-sidebar-state="compact"] .sidebar .brand-copy,
  #app-shell[data-sidebar-state="compact"] .sidebar .nav-label,
  #app-shell[data-sidebar-state="compact"] .sidebar-user{display:block!important}
  #app-shell[data-sidebar-state="compact"] .sidebar .nav-item{justify-content:flex-start;padding-right:11px;padding-left:11px}
  .main{grid-column:1;min-width:0}
  .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 12px}
  .topbar .page-description{font-size:10px}
  .topbar .actions{width:100%;overflow:auto;padding-bottom:2px;flex-wrap:nowrap;scrollbar-width:none}
  .topbar .actions::-webkit-scrollbar{display:none}
  .topbar .actions .btn{flex:0 0 auto;min-height:40px}
  .topbar-utility{gap:5px}
  .theme-toggle-btn{min-width:40px;min-height:40px}
  .content{padding:14px 12px calc(30px + env(safe-area-inset-bottom))}
  .operations-grid,.stats-row,.customer-grid,.teams-grid,.grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .detail-item-wide{grid-column:auto}
  .toolbar,.user-filters{grid-template-columns:1fr}
  .toolbar>*:nth-child(n),.user-filters>*:nth-child(n){grid-column:auto}
  .saved-view-bar,.queue-tabs,.crm-section-tabs{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px;border-right:0;border-left:0;border-radius:0}
  .task-row{grid-template-columns:auto minmax(0,1fr) auto}
  .task-row>.badge{grid-column:2/-1;justify-self:start;white-space:normal}
  .task-row>.btn{grid-column:3;grid-row:1}
  .lead-table{min-width:760px}
  .lead-table th:nth-child(8),.lead-table td:nth-child(8),.lead-table th:nth-child(9),.lead-table td:nth-child(9){display:none}
  .users-table{min-width:700px}
  .users-table th:nth-child(5),.users-table td:nth-child(5),.users-table th:nth-child(6),.users-table td:nth-child(6){display:none}
  .audit-entry{grid-template-columns:1fr;gap:5px;padding:12px}
  .pipeline-primary-tabs{grid-template-columns:repeat(7,minmax(138px,1fr))}
  .pipeline-filter-bar{grid-template-columns:1fr}
  .pipeline-search{grid-column:auto}
  .pipeline-sla-head,.pipeline-queue-head{align-items:flex-start}
  .pipeline-sla-meta,.pipeline-queue-title small,.pipeline-flight-route{display:none}
  .pipeline-queue-total{font-size:0}.pipeline-queue-total strong{font-size:11px}
  .pipeline-pagination{align-items:stretch;flex-direction:column}
  .modal{width:100%;max-width:none;max-height:calc(100dvh - 24px);border-radius:var(--air-radius-panel)}
  .modal.drawer{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}
  .modal-body{max-height:calc(100dvh - 132px);padding:16px}
  .modal-head,.modal-foot{padding-right:16px;padding-left:16px}
  .modal-foot{flex-wrap:wrap}
}

.lead-read-only-result{background:color-mix(in srgb,var(--surface2) 72%,transparent)}
.lead-read-only-result td{cursor:not-allowed}
.lead-read-only-name{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.lead-read-only-badge,.lead-read-only-lock{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--ink-soft);font-size:11px;font-weight:650;line-height:1;padding:6px 9px;white-space:nowrap}
.lead-read-only-badge .material-symbols-rounded,.lead-read-only-lock .material-symbols-rounded{font-size:14px}
.lead-read-only-status{display:inline-flex;align-items:center;justify-content:center;min-width:112px;border-radius:12px;background:var(--crm-status-bg);color:var(--crm-status-color);font-size:12px;font-weight:650;padding:10px 12px}
.lead-read-only-result .lead-number-cell,.lead-read-only-result .lead-contact-column,.lead-read-only-result .lead-route-column,.lead-read-only-result .lead-local-time-column,.lead-read-only-result .lead-status-column,.lead-read-only-result .lead-assignee-column,.lead-read-only-result .date-cell,.lead-read-only-result .lead-actions-column{text-align:center}

@media (max-width:540px){
  .topbar h1{font-size:17px}
  .topbar .page-description{display:none}
  .topbar-utility .notification-menu-btn{display:none}
  .operations-grid,.stats-row{gap:9px}
  .queue-card{min-height:88px;padding:12px}
  .workspace-kpis{grid-template-columns:1fr}
  .lead-table{min-width:650px}
  .lead-table th:nth-child(5),.lead-table td:nth-child(5){display:none}
  .users-table{min-width:610px}
  .customer-route-strip{grid-template-columns:minmax(60px,1fr) minmax(76px,.85fr) minmax(60px,1fr);gap:6px}
  .customer-route-point strong{font-size:13px}
  .modal-foot .btn{flex:1 1 130px}
}

@media (max-width:380px){
  .topbar{padding-right:9px;padding-left:9px}
  .topbar-utility .mobile-account-btn{display:none!important}
  .content{padding-right:10px;padding-left:10px}
  .btn{padding-right:11px;padding-left:11px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media (forced-colors:active){
  .panel,.crm-card,.queue-card,.task-row,.sidebar,.topbar{border:1px solid CanvasText}
  .nav-item.active{outline:2px solid Highlight}
}