/* Staff guidance shares the existing compact type scale and stays inside the command panel. */
.staff-advisor { margin: 10px 0; padding: 12px; background: #f0f2e8; border: 1px solid #d7dccd; border-radius: 12px; color: var(--ink, #263d47); }
.advisor-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 14px; }
.advisor-head span, .advisor-foot { font-size: 12px; color: #586b6b; }
.staff-advisor p { margin: 8px 0; line-height: 1.5; font-size: 13px; }
.staff-advisor .advisor-goal { font-weight: 600; }
.advisor-steps { display: flex; list-style: none; padding: 0; margin: 10px 0; gap: 5px; }
.advisor-steps li { flex: 1; padding: 5px 3px; border-bottom: 2px solid #d3d8cc; font-size: 11px; color: #64706c; }
.advisor-steps li[data-state="done"] { color: #315e4d; border-color: #759981; }
.advisor-steps li[data-state="current"] { color: #273f42; border-color: #b48b44; font-weight: 700; }
.staff-advisor .advisor-change { color: #8b4e37; border-left: 3px solid #c2a273; padding-left: 8px; }
.advisor-options { display: grid; gap: 7px; }
.advisor-options button { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; padding: 9px 11px; background: #fffdf7; border: 1px solid #cdd4c4; border-radius: 8px; color: inherit; line-height: 1.45; white-space: normal; }
.advisor-options button:hover { border-color: #2c6061; background: #f9fbf1; }
.advisor-options button:focus-visible { outline: 3px solid #b48b44; outline-offset: 2px; }
.advisor-options b { font-size: 13px; }.advisor-options span, .advisor-options small { font-size: 12px; }.advisor-options small { color: #786346; }
@media (max-width: 600px) { .staff-advisor { padding: 10px; }.advisor-options button { min-height: 44px; }.advisor-steps li { font-size: 11px; } }

.v13 .staff-context { margin: 8px 0; padding: 8px 10px; border-left: 3px solid #b48b44; background: #f2f2e8; font-size: 13px; line-height: 1.5; }