/* Role management keeps the existing Tyson/Yvetonia controls and color tokens. */
.role-management-branch.management-experience{border-radius:0;padding:18px 20px;border-color:var(--line)}
.management-experience>summary{font-weight:500;font-size:14px;line-height:1.6}
.management-experience>summary small{font-size:12px;color:var(--muted)}
.management-experience .management-intro{margin:8px 0 14px;color:#625b69;font-size:12px;line-height:1.7}
.management-experience .management-section-nav{display:flex;gap:4px;flex-wrap:wrap;border-block:1px solid var(--line);padding:8px 0;margin-bottom:20px}
.management-experience .management-section-nav button{border:0;background:transparent;color:var(--accent);padding:6px 10px;min-height:32px;font-size:12px}
.management-experience .management-section-nav button:hover{background:var(--soft)}
.management-experience .management-section-nav button:focus-visible,.management-experience [tabindex="-1"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.management-experience .management-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.management-experience h4{margin:0;font-size:13px;font-weight:500;line-height:1.6}
.management-experience h5{margin:0 0 10px;font-size:12px;font-weight:500;color:#625b69}
.management-experience .management-selection-count{color:#625b69;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.management-experience .management-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:15px 0 20px}
.management-experience .management-action-group>.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.management-experience .management-action-group:last-child{grid-column:1/-1}
.management-experience .management-action-group:last-child .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.management-experience .check-list label{display:flex;align-items:flex-start;gap:8px;min-height:32px;line-height:1.6;padding:5px 0;font-size:12px;color:var(--ink)}
.management-experience .check-list input[type=checkbox]{flex:none;margin:3px 0 0;accent-color:var(--accent)}
.management-experience .check-list label>span{min-width:0;overflow-wrap:anywhere}
.management-experience .check-list label small{margin-left:8px;color:#625b69;font-size:11px;white-space:nowrap}
.management-experience .check-list label:has(input:disabled){color:#625b69}
.management-experience .field-hint{color:#625b69;font-size:12px;line-height:1.65;margin:7px 0 10px;max-width:72ch}
.management-experience .management-role-set,.management-experience .management-role-boundaries,.management-experience .management-preset-section{border-top:1px solid var(--line);padding:20px 0}
.management-experience .management-role-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:14px}
.management-experience .management-role-columns .management-role-set{padding:0;border:0;min-width:0}
.management-experience .management-role-columns .management-section-heading{flex-wrap:wrap;gap:3px 10px}
.management-experience .management-role-columns .management-selection-count{font-size:11px}
.management-experience .management-options{display:grid;grid-template-columns:1fr;gap:0;max-height:180px;margin-top:8px;padding-right:8px;scrollbar-width:thin}
.management-experience .management-role-set>input[type=search],.management-experience [data-management-stores]>input[type=search]{min-height:34px;font-size:12px;margin:0}
.management-experience input::placeholder{color:#6d6573}
.management-experience .management-presets{padding:3px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.management-experience .management-limits{border-top:1px solid var(--line);padding-top:18px}
.management-experience .management-limits>summary,.management-experience .management-ceiling>summary{cursor:pointer;font-size:13px;font-weight:500;line-height:1.7}
.management-experience .management-limits>summary small{color:#625b69;font-size:11px;font-weight:400;margin-left:10px}
.management-experience .management-scope{border:0;padding:18px 0}
.management-experience [data-management-stores]{margin-top:14px}
.management-experience [data-management-stores] .management-section-heading{margin-bottom:7px}
.management-experience [data-management-stores] .management-section-heading label{margin:0}
.management-experience .management-access-note{margin:10px 0 14px;padding:10px 12px;border:1px solid var(--line);background:var(--soft);color:#625b69;font-size:12px;line-height:1.7}
.management-experience .management-search-empty{margin-bottom:0}
@media(max-width:1279px){.role-management-branch.management-experience{padding:16px}.management-experience .management-role-columns{grid-template-columns:1fr;gap:18px}.management-experience .management-options{max-height:160px}.management-experience .management-presets{grid-template-columns:1fr}}
.role-capability-overview{margin:8px 0 20px}.role-capability-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-capability-head>div{border:1px solid var(--line);padding:11px 13px;min-width:0}.role-capability-head small,.role-capability-head strong{display:block}.role-capability-head small{color:#786e79;font-size:11px}.role-capability-head strong{font-size:14px;font-weight:600;margin-top:5px;overflow-wrap:anywhere}.role-capability-matrix{margin-top:14px;border:1px solid var(--line)}.role-capability-matrix-head,.role-capability-row{display:grid;grid-template-columns:minmax(170px,2fr) repeat(4,minmax(48px,1fr));align-items:center;gap:8px;padding:9px 12px}.role-capability-matrix-head{background:#faf8f9;color:#706575;font-size:11px}.role-capability-matrix-head span:not(:first-child),.role-capability-row span{text-align:center}.role-capability-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;color:var(--ink);cursor:pointer;font-size:12px;min-height:38px}.role-capability-row:hover,.role-capability-row:focus-visible{background:#faf5f7}.role-capability-row strong{font-weight:500;overflow-wrap:anywhere}.role-capability-row span:not(:empty){color:#81021f}.role-capability-overview>.field-hint{margin:9px 0 0}.role-capability-overview .notice{margin-top:12px}
@media (min-width:1024px) and (max-width:1199px){.role-capability-head{grid-template-columns:repeat(2,minmax(0,1fr))}.role-capability-head>div:last-child{grid-column:1/-1}.role-capability-matrix-head,.role-capability-row{grid-template-columns:minmax(135px,2fr) repeat(4,minmax(35px,1fr));gap:4px;padding-inline:8px}}
.role-usage{margin:0 0 18px;border:1px solid var(--line);background:#fff}.role-usage>summary{cursor:pointer;padding:11px 14px;color:var(--ink);font-size:13px;font-weight:600}.role-usage>summary:hover,.role-usage>summary:focus-visible{background:#faf5f7}.role-usage>[data-role-usage]{padding:2px 14px 14px}.role-usage-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-usage-columns>section{min-width:0}.role-usage-columns h4{margin:8px 0;font-size:13px}.role-usage-links{max-height:240px;overflow:auto;border:1px solid var(--line)}.role-usage-links button{display:block;width:100%;min-height:36px;padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}.role-usage-links button:last-child{border-bottom:0}.role-usage .field-hint{font-size:12px;line-height:1.6;color:#625b69}.role-usage button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media (min-width:1024px) and (max-width:1199px){.role-usage-columns{grid-template-columns:1fr;gap:4px}.role-usage-links{max-height:180px}}

/* v0.8.0 desktop workspace rules, owned by this module. */
body:has(.desktop-shell) #drawer[data-read-surface] .role-capability-head{display:grid;grid-template-columns:1fr;gap:12px}
body:has(.desktop-shell) #drawer[data-read-surface] .role-capability-head strong{font-size:14px}
body:has(.desktop-shell) #drawer[data-read-surface] .role-capability-matrix-head,body:has(.desktop-shell) #drawer[data-read-surface] .role-capability-row{grid-template-columns:minmax(120px,1fr) repeat(4,32px);gap:2px;font-size:12px;padding:8px 0}
body:has(.desktop-shell) #drawer[data-read-surface] .role-capability-row strong{font-size:12px;white-space:normal}
body:has(.desktop-shell) #drawer[data-read-surface] .role-permission-detail>summary{font-size:13px;color:var(--accent);cursor:pointer;padding:12px 0}
body:has(.desktop-shell) #drawer[data-read-expanded] .role-capability-head{grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(.desktop-shell) #drawer[data-read-surface] .revision-strip{font-size:11px;overflow-wrap:anywhere}