/* projects-mobile-layout-fix: keep native drawer behavior, not the icon rail. */
@media(max-width:900px){
html[data-release-sidebar-app="projects"],html[data-release-sidebar-app="projects"] body{max-width:100%;overflow-x:hidden!important}
html[data-release-sidebar-app="projects"] .app-shell{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}
html[data-release-sidebar-app="projects"] .workspace{min-width:0!important;width:100%!important}
html[data-release-sidebar-app="projects"] .sidebar{bottom:0!important;left:0!important;max-width:82vw!important;position:fixed!important;top:0!important;transform:translateX(-105%)!important;width:min(320px,82vw)!important;z-index:2147483110!important}
html[data-release-sidebar-app="projects"] .sidebar.open{transform:translateX(0)!important}
html[data-release-sidebar-app="projects"] .sidebar.open .brand-text,html[data-release-sidebar-app="projects"] .sidebar.open .nav-label,html[data-release-sidebar-app="projects"] .sidebar.open .footer-label{display:inline!important;max-width:calc(82vw - 92px)!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
html[data-release-sidebar-app="projects"] .sidebar-collapse{display:none!important}
html[data-release-sidebar-app="projects"] .workspace-topbar{grid-template-columns:minmax(0,1fr) auto!important;min-width:0!important}
html[data-release-sidebar-app="projects"] .workspace-title-row,html[data-release-sidebar-app="projects"] .workspace-title{min-width:0!important}
html[data-release-sidebar-app="projects"] .workspace-title .eyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-release-sidebar-app="projects"] .project-summary-strip{grid-template-columns:1fr!important}
html[data-release-sidebar-app="projects"] .project-filters{grid-template-columns:1fr!important}
html[data-release-sidebar-app="projects"] .projects-header,html[data-release-sidebar-app="projects"] .projects-header-actions{flex-wrap:wrap!important;min-width:0!important}
/* The base small-screen rule makes this row a horizontally scrollable strip.
   Projects filters must instead expose every control without horizontal clipping. */
html[data-release-sidebar-app="projects"] .dashboard-filter-row{flex-wrap:wrap!important;min-width:0!important;overflow-x:visible!important;padding-bottom:0!important}
html[data-release-sidebar-app="projects"] .modern-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
/* On phone widths the base Projects table becomes native stacked cards.  Do not
   impose the desktop table's intrinsic width: it clips card labels and values. */
html[data-release-sidebar-app="projects"] .modern-table-wrap>.modern-table{min-width:0!important;width:100%!important}
}

/* Projects desktop rail: the injected MaintenanceIntel wordmark has different
   children than the app's legacy .brand-text, so explicitly collapse its copy.
   Keep the mark and the native menu control usable; restore full identity when
   the rail expands. */
@media(min-width:901px){
html[data-release-sidebar-app="projects"] .app-shell.sidebar-collapsed .side-brand{width:46px!important;min-width:46px!important;max-width:46px!important;overflow:visible!important}
html[data-release-sidebar-app="projects"] .app-shell.sidebar-collapsed .side-brand .mi-product-brand-copy{display:none!important}
html[data-release-sidebar-app="projects"] .app-shell:not(.sidebar-collapsed) .side-brand .mi-product-brand-copy{display:grid!important;min-width:0!important;max-width:calc(100% - 40px)!important}
html[data-release-sidebar-app="projects"] .workspace-title-row,html[data-release-sidebar-app="projects"] .workspace-title{min-width:0!important}
html[data-release-sidebar-app="projects"] .workspace-title h1{overflow-wrap:anywhere}
}