/* Shared Spaces in the common admin shell. */
#sharing-admin-list { display:flex; flex-direction:column; gap:24px; }
#sharing-admin-search > div { display:flex; flex-wrap:wrap; gap:10px; }
#sharing-admin-search input { flex:1 1 320px; width:auto; }
.sharing-table-wrap { overflow:auto; background:#fff; border-radius:22px; box-shadow:0 1px 2px #0000000a; }
.sharing-table-wrap table { width:100%; min-width:760px; border-collapse:collapse; table-layout:fixed; }
.sharing-table-wrap th { text-align:left; padding:14px 24px; font-size:11px; color:#888; letter-spacing:.06em; text-transform:uppercase; border-bottom:1px solid #EEE; }
.sharing-table-wrap td { padding:12px 24px; border-top:1px solid #F1F1F1; font-size:13px; }
.sharing-table-wrap tr:hover td { background:#FAFAFA; }
.sharing-table-wrap th:first-child { width:168px; }
.sharing-table-wrap th:nth-child(2) { width:26%; }
.sharing-table-wrap th:nth-child(4) { width:130px; }
.sharing-table-wrap th:last-child { width:110px; }
.sharing-table-wrap td:nth-child(2) { font:12px ui-monospace,monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sharing-table-wrap td:nth-child(3) { color:#555; }
.sharing-admin-thumb, .sharing-admin-placeholder { padding:0; width:120px; height:68px; overflow:hidden; border:0; border-radius:10px; display:grid; place-items:center; background:#F1F1F1; }
.sharing-admin-thumb:hover { outline:2px solid #111; outline-offset:2px; }
.sharing-admin-placeholder { font-size:11px; color:#999; text-align:center; }
.sharing-admin-thumb svg, #sharing-preview-content svg { display:block; width:100%; height:100%; }
.sharing-status { display:inline-flex; align-items:center; height:26px; padding:0 10px; border:2px solid #111; border-radius:8px; font-size:11px; font-weight:700; text-transform:capitalize; }
.sharing-status--removed { border-color:#D6D6D6; color:#888; }
.admin-body .sharing-remove-action { min-height:32px; padding:5px 12px; font-size:12px; border-radius:10px; }
.admin-body .sharing-remove-action:hover { border-color:#B3261E; color:#B3261E; }
#admin-next { align-self:flex-start; }
.sharing-dialog { border:0; border-radius:22px; background:#fff; color:#111; padding:28px; width:min(440px,calc(100vw - 32px)); max-height:90vh; overflow:auto; box-shadow:0 30px 70px -20px #00000073; }
.sharing-dialog[open] { display:flex; flex-direction:column; gap:14px; }
.sharing-dialog::backdrop { background:#00000059; }
.sharing-dialog h2 { font-size:24px; line-height:1.2; letter-spacing:-.03em; }
.sharing-dialog p { font-size:14px; color:#555; }
.sharing-dialog code { display:block; overflow-wrap:anywhere; padding:12px 14px; background:#F4F4F4; border-radius:10px; font-size:12px; }
.sharing-dialog label { font-size:12px; color:#666; }
#sharing-confirm-id { font-family:ui-monospace,monospace; }
.sharing-dialog__actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; }
.admin-body #sharing-remove { background:#B3261E; border-color:#B3261E; color:#fff; }
.admin-body #sharing-remove:disabled { opacity:.45; }
#sharing-admin-preview { width:min(900px,calc(100vw - 48px)); padding:0; gap:0; overflow:hidden; background:#111; box-shadow:0 40px 80px -24px #00000080; }
#sharing-preview-content { width:100%; aspect-ratio:16/9; }
#sharing-preview-close { position:absolute; top:14px; right:14px; width:40px; height:40px; border:0; border-radius:12px; background:#fff; color:#111; font-size:22px; z-index:1; }
#sharing-preview-id { position:absolute; bottom:14px; left:14px; max-width:calc(100% - 28px); background:#0009; color:#fff; border-radius:8px; padding:6px 10px; overflow-wrap:anywhere; font:12px ui-monospace,monospace; }