/* Task grouping and presentation controls. Large logo composition stays in workspace-refinements.css. */
[hidden] { display: none !important; }
.nav-list { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; overflow-x: hidden; gap: 16px; }
.nav-group { display: grid; gap: 3px; }
.nav-group-title { margin: 0 12px 4px; color: #68768a; font-size: 10px; font-weight: 650; letter-spacing: .06em; }
.nav-item { height: 39px; min-height: 39px; }
.nav-item.is-active,
.nav-item.is-active:hover,
.nav-item.is-active:focus,
.nav-item.is-active:focus-visible { background: #135cff; border-color: #135cff; color: #fff; }
.nav-item.is-active span,
.nav-item.is-active:hover span,
.nav-item.is-active:focus-visible span,
.nav-item.is-active svg { color: inherit; }
.nav-tool-subitems { margin: 2px 6px 0 31px; padding-left: 11px; border-left: 1px solid #d8dfe9; display: grid; gap: 1px; }
.nav-tool-link { padding: 6px 8px; font-size: 12px; color: #55637b; border-radius: 6px; text-decoration: none; }
.nav-tool-link:hover, .nav-tool-link.is-active { color: #174fce; background: #eaf0ff; }
.mobile-tool-shortcuts { display: none; }
.tool-page-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 24px; padding: 5px; width: fit-content; border: 1px solid #dce2ed; border-radius: 10px; background: white; }
.tool-page-tabs a { padding: 10px 15px; border-radius: 7px; font-size: 13px; text-decoration: none; color: #526176; }
.tool-page-tabs a.is-active { background: #145cff; color: white; }
.briefing-route { display: flex; flex-direction: column; margin-bottom: 32px; padding: 26px; border: 1px solid #ccd9f4; border-radius: 14px; background: #f5f8ff; }
.briefing-route > div:first-child { order: 0; }
.briefing-route-list { order: 2; }
.briefing-route-actions { order: 1; margin-top: 12px; }
.briefing-boundary { order: 3; }
.briefing-route h3 { margin: 4px 0 12px; font-size: 25px; line-height: 1.35; font-weight: 600; }
.briefing-route p { color: #536175; line-height: 1.8; font-size: 14px; max-width: 850px; }
.briefing-route-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 22px 0; padding: 0; gap: 12px; counter-reset: briefing; }
.briefing-route-list li { counter-increment: briefing; padding: 15px; border: 1px solid #dce5f4; border-radius: 9px; background: white; min-width: 0; }
.briefing-route-list li::before { content: counter(briefing, decimal-leading-zero); display: block; color: #6a83af; font-size: 11px; margin-bottom: 10px; }
.briefing-route-list a { display: block; font-weight: 600; color: #213b63; font-size: 15px; text-decoration: none; }
.briefing-route-list span { display: block; font-size: 12px; line-height: 1.6; color: #68778d; margin-top: 9px; }
.briefing-route-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.briefing-route-actions button, .presentation-controls button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 15px; min-height: 42px; border-radius: 8px; border: 1px solid #b8c9ea; background: white; color: #27446f; font-size: 13px; }
.briefing-route-actions button:first-child, #nextPresentation { background: #175cff; color: white; border-color: #175cff; }
.briefing-route-actions svg { width: 16px; height: 16px; }
.briefing-route .briefing-boundary { font-size: 12px; margin: 18px 0 0; color: #647185; }
.presentation-bar { position: relative; margin: 22px 0 28px; padding: 20px 24px; border: 1px solid #bed0f0; border-radius: 12px; background: #fff; }
.presentation-progress { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 13px; color: #304e7b; }
#endPresentation { border: 0; background: transparent; color: #54657c; font-size: 12px; padding: 8px; }
#presentationSteps { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
#presentationSteps button { border: 1px solid #dbe4f1; color: #5b6d86; background: #fff; padding: 9px 11px; border-radius: 7px; font-size: 12px; }
#presentationSteps button[aria-current="step"] { background: #eaf1ff; color: #194fb6; border-color: #9cb8ea; }
#presentationCue { font-size: 14px; color: #485d78; line-height: 1.75; }
.presentation-controls { display: flex; justify-content: flex-end; gap: 8px; }
.presentation-controls button:disabled { opacity: .4; cursor: default; }
.risk-entry-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 24px 0; }
.risk-entry-card { padding: 28px; background: white; border: 1px solid #d6dfed; border-radius: 14px; }
.local-pr-entry { order: -1; }
.risk-entry-card h3 { font-size: 25px; line-height: 1.4; margin: 12px 0; }
.risk-entry-card p { font-size: 14px; line-height: 1.8; color: #52647c; }
.risk-entry-card .primary-action { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; min-height: 44px; margin: 16px 0; padding: 12px 16px; border-radius: 8px; text-decoration: none; }
.risk-entry-card svg { width: 18px; height: 18px; }
.risk-entry-card .action-link { display: flex; width: fit-content; margin-bottom: 8px; font-size: 13px; }
.entry-kind { font-size: 12px; font-weight: 600; color: #496486; }
.risk-entry-card .entry-note { font-size: 12px; color: #7a8595; }
.ai-evidence-status { padding: 14px 17px; border-left: 3px solid #b58e44; background: #faf7ef; color: #6b593d !important; font-size: 13px !important; line-height: 1.75; }
@media (min-width: 961px) {
 .sidebar { gap: 12px; }
 .sidebar .nav-list { flex: 1; }
 .sidebar-note { min-height: 40px; padding: 7px 10px; }
}
@media (min-width: 961px) and (max-height: 820px) { .sidebar-note { display: none; } }
@media (max-width: 1180px) { .briefing-route-list { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 960px) {
 .sidebar { flex-direction: column; height: 110px; padding: 6px; gap: 3px; }
 .sidebar .nav-list { order: 1; display: flex; flex-direction: row; width: 100%; overflow-x: auto; overflow-y: hidden; gap: 4px; flex: 1; padding: 0; }
 .nav-group { display: contents; }
 .nav-group-title, .nav-tool-subitems { display: none; }
 .nav-item { width: 84px; min-width: 84px; height: 58px; min-height: 58px; padding: 5px 7px; flex-shrink: 0; }
 .mobile-tool-shortcuts { order: 0; display: grid; grid-template-columns: repeat(3,1fr); width: 100%; gap: 5px; padding: 0 2px 3px; border-bottom: 1px solid #e2e7f0; }
 .mobile-tool-shortcuts a { display: flex; align-items: center; justify-content: center; gap: 4px; text-decoration: none; color: #526887; font-size: 11px; padding: 5px 3px; border-radius: 5px; min-height: 27px; }
 .mobile-tool-shortcuts a.is-active { background: #e8efff; color: #194fc0; }
 .mobile-tool-shortcuts svg { width: 12px; height: 12px; }
 .workspace { padding-bottom: 150px; }
 .risk-entry-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
 .briefing-route, .risk-entry-card { padding: 20px; }
 .briefing-route-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 .briefing-route-list li { padding: 12px; }
 .briefing-route-list li:last-child { grid-column: 1 / -1; }
 .briefing-route-list li::before { margin: 0 0 6px; }
 .briefing-route-list span { margin-top: 4px; }
 .briefing-route-actions { display: grid; grid-template-columns: 1fr; }
 .presentation-bar { padding: 16px; }
 .presentation-progress { align-items: flex-start; }
 .presentation-controls { justify-content: space-between; }
 .tool-page-tabs { width: 100%; }
 .tool-page-tabs a { flex: 1; text-align: center; padding: 9px 5px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .nav-item, .nav-item span, .nav-item svg { transition: none; } }
