#sharedLockers { padding-bottom: 32px; }
.shared-locker-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.shared-locker-heading h2 { margin: 0 0 8px; font-size: 22px; color: var(--ink); }
.shared-locker-heading p { margin: 0; color: var(--muted); }
.shared-locker-notice { margin-bottom: 18px; padding: 20px; border-left: 4px solid #8895a8; }
.shared-locker-notice p, .shared-locker-help { color: var(--muted); line-height: 1.7; }
.shared-locker-summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.shared-locker-stat { padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.shared-locker-stat strong { font-size: 26px; }
.shared-locker-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 22px 0; }
.shared-locker-filters label { display: flex; align-items: center; gap: 10px; }
.shared-locker-filters select { min-width: 110px; padding: 10px; }
.shared-locker-group { padding: 20px; margin-bottom: 20px; }
.shared-locker-group h2 { font-size: 18px; margin: 0 0 18px; }
.shared-locker-grid { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 10px; }
.shared-locker-card { min-height: 96px; color: var(--ink); border: 1px solid var(--line); border-radius: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
.shared-locker-card span { font-size: 12px; }
.shared-locker-card.state-unlinked { background: var(--canvas); }
.shared-locker-card.state-unlinked span { color: var(--muted); background: var(--panel); border-radius: 6px; padding: 4px 8px; }
.shared-locker-card.state-available { border-color: #46ad86; }
.shared-locker-card.state-active { border-color: #598ee5; }
.shared-locker-card.state-provision_pending, .shared-locker-card.state-revoke_pending { border-color: #c79b42; }
.shared-locker-card.state-quarantined { border-color: #d97070; }
@media (max-width: 1100px) { .shared-locker-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .shared-locker-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .shared-locker-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shared-locker-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.shared-locker-number{font:inherit;font-weight:700;color:var(--ink);background:transparent;border:0;cursor:pointer;padding:12px;border-radius:8px}.shared-locker-number:hover,.shared-locker-number:focus-visible{background:var(--panel);outline:2px solid #8895c8}.shared-locker-detail{width:min(620px,92vw);max-height:85vh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:24px;line-height:1.65}.shared-locker-detail::backdrop{background:#0009}.shared-locker-detail dl{display:grid;grid-template-columns:110px 1fr;gap:10px}.shared-locker-detail dt{color:var(--muted)}.shared-locker-detail dd{margin:0;overflow-wrap:anywhere}.shared-locker-detail button{font:inherit;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);cursor:pointer}.shared-locker-detail button:disabled{opacity:.45;cursor:not-allowed}.shared-locker-detail-actions{display:flex;flex-wrap:wrap;gap:10px}.shared-locker-detail [data-confirm] form{border:1px solid #c79b42;padding:16px;border-radius:10px}.shared-locker-detail [data-confirm] label{display:block;margin-bottom:16px}