/* BOM 6.0 — mobile-first content and navigation. Desktop behavior preserved. */
@media(max-width:780px){
 html,body{width:100%;max-width:100%;overflow-x:clip!important}body{overscroll-behavior-x:none}
 .shell,.main,.main>*,.mono-panel,.card,.work-layout-32,.work-overview{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 .main{padding:12px 10px calc(88px + env(safe-area-inset-bottom))!important;width:100%!important;margin:0!important}
 .top{flex-wrap:wrap;align-items:flex-start;gap:8px}.top h1{font-size:20px!important;overflow-wrap:anywhere}
 .mono-panel,.card{padding:14px!important;border-radius:14px!important}
 .mono-toolbar,.calhead,.work-head{flex-wrap:wrap!important;gap:10px!important}
 .mono-toolbar>*{min-width:0}.mono-actions,.actions,.work-tabs,.viewtoggle,.dashboard-modes{display:flex!important;flex-wrap:wrap!important;max-width:100%;gap:6px}
 .mono-actions button,.actions button,.work-tabs button{white-space:normal!important;min-height:38px}
 .grid,.formgrid,.work-overview,.work-layout-32,.mail-accounts,.bom36-products,.bom-products{grid-template-columns:minmax(0,1fr)!important;max-width:100%}
 .grid>.card{min-width:0}.dashboard-hero{padding:18px!important;flex-wrap:wrap}.hero-mark{display:none}
 .kanban-board{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important}
 .kb-col{min-width:0!important;max-width:none!important;width:100%!important;min-height:0!important}.kb-card{touch-action:pan-y}
 .calweek,.caldays{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important}
 .calday{min-width:0!important;min-height:46px!important;padding:4px 1px!important;text-align:center!important;border-radius:6px!important}
 .calentry{font-size:0!important;display:inline-block!important;width:5px!important;height:5px!important;border-radius:50%!important;padding:0!important;margin:3px 1px 0!important;vertical-align:middle!important}.calmore{font-size:9px!important}
 .work-timeline-scroll{display:none!important}.work-timeline-scroll+.mono-hint{display:none!important}
 .bom-mobile-work{display:block!important}.bom-mobile-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0}
 .bom-mobile-day{min-width:0;min-height:44px;background:#f7f9fd;border:1px solid #e0e7f2;border-radius:8px;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:3px;color:#243950}
 .bom-mobile-day.active{background:#e6efff;border-color:#587fd3;font-weight:800}.bom-mobile-dot{width:6px;height:6px;border-radius:50%;background:#617cdd}
 .bom-mobile-dayhead{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.bom-mobile-work-list{display:grid;gap:8px;margin-top:10px}
 .bom-mobile-task{display:flex;width:100%;align-items:center;text-align:left;gap:10px;padding:11px;background:#fff;border:1px solid #dfe7f1;border-radius:10px;min-width:0}
 .bom-mobile-task>span:last-child{min-width:0;flex:1}.bom-mobile-task strong,.bom-mobile-task small{display:block;overflow-wrap:anywhere}.bom-mobile-task small{color:#68788d;font-size:11px;margin-top:3px}
 .bom-mobile-color{width:4px;height:31px;flex:0 0 4px;border-radius:8px;background:#5687c9}
 .bom-mobile-undated{margin-top:12px;padding-top:12px;border-top:1px solid #e2e9f3}
 .work-row,.timeline-scroller,.timeline-row,.timeline-top{max-width:100%}
 .mono-panel table,.card table,table{max-width:100%}
 .mono-panel :is(td,th),.card :is(td,th){overflow-wrap:anywhere}
 .mono-panel :is(input,select,textarea),.card :is(input,select,textarea),.modal :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
 .modalbg{padding:0!important;align-items:stretch!important}.modal{width:100%!important;max-width:100%!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;padding:16px!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
 .bom36-product-card,.bom-product,.bom37-producttop{max-width:100%!important;min-width:0!important}.bom-product-photo img{max-width:100%;height:auto}
 .mind-stage-32{max-width:100%!important;touch-action:pan-x pan-y}.mind-zoom-controls{position:sticky;left:8px}
 pre,code,textarea{overflow-wrap:anywhere}pre{max-width:100%;overflow-x:auto}
 .bom-panel-frame{width:100%!important;max-width:100%!important}
 .sidebar-shortcuts{display:none!important}
 /* Single primary bottom bar. Secondary office tools are accessible through existing menu/drawer; avoid two stacked nav bars. */
 body:not(.bom-is-panel) .bom-rail{display:none!important}
 body:not(.bom-is-panel) #bomSubRail{display:none!important}
 body:not(.bom-is-panel) .mobilebar{display:flex!important;bottom:0!important;z-index:210!important}
 body:not(.bom-is-panel) #bom-music-button,body:not(.bom-is-panel) #assistantDock .assistant-launch{bottom:calc(77px + env(safe-area-inset-bottom))!important;z-index:211!important}
 body:not(.bom-is-panel) .main{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
 body:not(.bom-is-panel) #bom-music-panel,body:not(.bom-is-panel) #assistantDock .assistant-panel{bottom:calc(65px + env(safe-area-inset-bottom))!important;top:0!important;height:auto!important;max-height:none!important;width:100%!important;max-width:100%!important}
 .mobile-menu-drawer{max-width:100vw!important;box-sizing:border-box!important}
}
@media(max-width:365px){.main{padding-left:7px!important;padding-right:7px!important}.mobilebar button{min-width:0!important;padding:5px 2px!important;font-size:10px!important}.bom-mobile-days{gap:2px}}
@media(min-width:781px){.bom-mobile-work{display:none!important}.sidebar-shortcuts{display:none!important}.sidebar{padding-bottom:15px!important}}