/* Five task groups with contextual secondary links; routes stay shareable. */
#navigation{display:flex;flex-direction:column;gap:8px}
#navigation button{min-height:48px}
#sectionNavigation{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
#sectionNavigation[hidden]{display:none}
#sectionNavigation button{min-height:44px;padding:10px 18px;border:0;white-space:nowrap}
#sectionNavigation button.active{background:var(--positive-bg);color:var(--green);font-weight:650}
@media(max-width:960px){
 .sidebar #navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:4px}
 .sidebar #navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:8px 2px;min-height:60px;font-size:11px;white-space:nowrap}
 .sidebar #navigation svg{width:20px;height:20px;margin:0}
 #sectionNavigation{margin:12px 0 18px;gap:4px}
 #sectionNavigation button{flex:1 1 auto;padding:10px 8px;font-size:12px}
}
@media print{#sectionNavigation{display:none!important}}
@media(max-width:600px){
 body[data-current-page="plantChat"] header>div:first-child,
 body[data-current-page="plantChat"] .live-bar,
 body[data-current-page="plantChat"] .system-strip{display:none}
 body[data-current-page="plantChat"] header{margin-bottom:14px;padding-bottom:0}
 body[data-current-page="plantChat"] .header-actions button:not([data-nav="usageGuide"]):not(#themeToggle){display:none}
 body[data-current-page="plantChat"] .plant-tabs{margin-bottom:14px}
}
@media(hover:none){#navigation button:not(.active):hover{background:transparent;border-color:transparent}}