/* Role dashboards (pipeline item #49): Matt's service manager view and Jade's admin and
   training view. Built from design-system.css classes; tokens only, no raw colours
   (tests/design-system.test.js). */
.role-dashboard-view{padding:var(--ds-space-5)}
.role-dashboard-view .ds-page{padding-bottom:var(--ds-space-6)}
.role-dashboard-view .ds-list li[role="button"]{cursor:pointer}
.role-dashboard-view .ds-list li[role="button"]:hover,.role-dashboard-view .ds-list li[role="button"]:focus-visible{border-color:var(--ds-line-strong);background:var(--ds-primary-soft);outline:0}
.role-dashboard-placeholder{background:var(--ds-surface)}
.role-dashboard-stamp{margin-top:calc(var(--ds-space-4) * -1)}

/* iPad: two columns, touch-sized rows */
@media (max-width:1180px){.role-dashboard-view{padding:var(--ds-space-4)}.role-dashboard-view .ds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-dashboard-view .ds-list li{min-height:var(--ds-touch)}}
/* Phone: one column */
@media (max-width:720px){.role-dashboard-view .ds-grid{grid-template-columns:1fr}}
/* Wall TV: wider live-jobs card, larger type comes from the tokens */
@media (min-width:1900px){.role-dashboard-view{padding:var(--ds-space-6)}.role-dashboard-view .ds-card-wide{grid-column:span 2}}