[data-icon-ready="true"] { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0; min-width: 48px; min-height: 48px; flex-shrink: 0; }
[data-icon-ready="true"] > .cp-nav-icon { display: block; width: 24px; height: 24px; flex: 0 0 24px; pointer-events: none; }
[data-icon-ready="true"] > .cp-nav-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
[data-icon-ready="true"]:focus-visible { outline: 3px solid #176fe8; outline-offset: 3px; }
.cp-icon-navigation .owner-bottom-nav { min-height: 68px; padding-top: 8px; padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
.cp-icon-navigation .owner-bottom-nav button { min-height: 48px; gap: 0; padding: 9px; }
.cp-icon-navigation .owner-bottom-nav .owner-nav-add { align-self: center; }
.cp-icon-navigation .owner-bottom-nav .owner-nav-add .cp-nav-icon { width: 28px; height: 28px; }
.cp-icon-navigation .admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.cp-icon-navigation .admin-tabs button { width: 48px; padding: 10px; }
.cp-icon-navigation .sidebar nav .nav-link { width: 100%; min-height: 48px; padding: 12px; text-align: center; }
.cp-icon-navigation .full-pilot-sidebar .full-pilot-nav { justify-content: center; padding: 12px; }
@media (min-width: 921px) {
  .cp-icon-navigation.pilot-full-owner .shell { margin-left: 88px; }
  .cp-icon-navigation .pilot-full-shell > .shell { margin-left: 88px; }
  .cp-icon-navigation .pilot-full-shell, .cp-icon-navigation .pilot-shell.admin-layout, .cp-icon-navigation.mechanic-layout > .app { grid-template-columns: 88px minmax(0, 1fr); }
  .cp-icon-navigation .full-pilot-sidebar, .cp-icon-navigation .pilot-sidebar { width: 88px; min-width: 0; padding: 20px 14px; }
  .cp-icon-navigation .full-pilot-brand, .cp-icon-navigation .pilot-sidebar .brand { justify-content: center; padding: 0; margin-bottom: 24px; }
  .cp-icon-navigation .full-pilot-brand > span, .cp-icon-navigation .pilot-sidebar .brand > span,
  .cp-icon-navigation .full-pilot-caption, .cp-icon-navigation .sidebar-caption,
  .cp-icon-navigation .pilot-sidebar footer, .cp-icon-navigation .full-pilot-profile > div,
  .cp-icon-navigation .pilot-sidebar .profile-chip > div { display: none; }
  .cp-icon-navigation .full-pilot-profile { justify-content: center; padding: 10px 0; }
  .cp-icon-navigation .full-pilot-logout { justify-content: center; }
}
@media (max-width: 920px) {
  .cp-icon-navigation .sidebar nav { display: flex; flex-wrap: wrap; gap: 6px; }
  .cp-icon-navigation .sidebar nav .nav-link { width: 48px; flex: 0 0 48px; }
}
@media (max-width: 700px) {
  .cp-icon-navigation .pilot-sidebar { position: fixed; z-index: 100; inset: auto 0 0; transform: none; width: 100%; height: auto; min-height: 68px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #dce5ec; background: #fff; color: #657c91; box-shadow: 0 -4px 20px #10243a0a; }
  .cp-icon-navigation .pilot-sidebar > :not(nav) { display: none; }
  .cp-icon-navigation .pilot-sidebar nav { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-around; gap: 2px; }
  .cp-icon-navigation .pilot-sidebar nav .nav-link { color: #657c91; margin: 0; border-radius: 12px; }
  .cp-icon-navigation .pilot-sidebar nav .nav-link.active { color: #176fe8; background: #edf4ff; }
  .cp-icon-navigation .main .content { padding-bottom: 110px; }
}