.role-navigation{margin:12px 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 16px}
.role-navigation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.role-select-label{display:flex;align-items:center;gap:10px;min-width:0}
.role-select-label>span,.role-notifications-title{font-size:12px;color:var(--muted);white-space:nowrap}
.role-select-label select{min-width:180px;max-width:360px;font-weight:700}
.role-current-name{font-size:14px}
.role-notifications{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.role-notification{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:6px 10px;cursor:pointer;font:inherit;font-size:12px}
.role-notification:hover{border-color:var(--brand)}
.role-notification b{min-width:22px;text-align:center;border-radius:12px;background:var(--line);padding:1px 5px}
.role-notification b.has-tasks{background:var(--brand);color:#fff}
.role-context-error{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;color:#9b3728}
.role-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.role-dashboard-metrics>div{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface)}
.role-dashboard-metrics span{font-size:13px;color:var(--muted)}
.role-dashboard-metrics b{font-size:28px}
.role-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:start;gap:20px}
.role-dashboard-columns h2{margin-top:0;font-size:18px}
.role-dashboard-search{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);margin-bottom:20px}
.role-task{border-top:1px solid var(--line);padding:16px 0}
.role-task-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.role-task-title h3{font-size:14px;margin:0}
.role-task-title>b{background:var(--brand);color:white;border-radius:12px;padding:2px 9px;font-size:12px}
.role-task ul,.role-services{list-style:none;margin:10px 0 0;padding:0}
.role-task li a{display:flex;flex-direction:column;gap:3px;padding:8px 0;text-decoration:none;font-size:13px}
.role-services li+li{border-top:1px solid var(--line)}
.role-services a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;text-decoration:none;font-size:13px}
.role-services small{font-size:10px}
.role-dashboard-empty{padding:28px 0;text-align:center;color:var(--muted)}
@media(max-width:900px){.role-dashboard-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.role-navigation{padding:12px}.role-select-label{width:100%;flex-wrap:wrap}.role-select-label select{width:100%;max-width:none}.role-dashboard-metrics{gap:8px}.role-dashboard-metrics>div{padding:12px 8px}.role-dashboard-metrics span{font-size:11px}.role-dashboard-metrics b{font-size:23px}.role-notifications-title{width:100%}}