#sharing-panel{padding-top:8px;overflow-wrap:anywhere;animation:appear .2s ease-out}
.sh-card details{border:0;margin:0;padding:0}.sh-layout>aside{align-self:start}
.sh-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.sh-heading h2{font-size:26px;font-weight:700;margin-bottom:6px}.sh-mode{font-weight:600;font-size:12px;color:var(--blue);background:var(--light-blue);padding:7px 12px;border-radius:20px;white-space:nowrap}.sh-info{background:var(--light-blue);border:1px solid #dce6fc;border-radius:10px;padding:14px 16px;margin-bottom:20px;font-size:13px;color:#304c7c}
.sh-card{border:1px solid var(--line);padding:22px;border-radius:14px;background:#fff;margin-bottom:20px;min-width:0;transition:border-color var(--motion),box-shadow var(--motion)}.sh-card h3{font-size:17px;font-weight:700;margin-bottom:16px}.sh-card .form-label{margin:12px 0 5px}.sh-card .muted{font-size:13px}.sh-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.sh-grow{flex:1;min-width:180px}.sh-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0}.sh-check input{width:18px;height:18px;accent-color:var(--blue)}.sh-check label{cursor:pointer}.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sh-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.sh-auth{max-width:650px}.sh-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.sh-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:14px 0 20px}.sh-accounts{display:flex;gap:24px;flex-wrap:wrap}.sh-accounts strong{display:block;font-size:23px;font-variant-numeric:tabular-nums}.sh-accounts span{color:var(--muted);font-size:12px}
.sh-room-list{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-height:650px;overflow:auto}.sh-room{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;color:var(--ink);transition:background-color var(--motion),border-color var(--motion),transform var(--motion)}.sh-room:hover,.sh-room.selected{border-color:var(--blue);background:var(--light-blue)}.sh-room strong,.sh-room span{display:block}.sh-room span{font-size:12px;color:var(--muted);margin-top:4px}.sh-empty{padding:28px 10px;text-align:center;color:var(--muted);font-size:14px}.sh-content{margin:20px 0;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:center;padding:24px 14px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sh-code{font-size:clamp(36px,7vw,60px);font-weight:750;letter-spacing:.13em;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--ink)}.sh-qr{max-width:100%;max-height:320px;object-fit:contain;background:#fff;border-radius:6px}.sh-timer{font-size:13px;font-weight:600;color:var(--blue)}.sh-meta{color:var(--muted);font-size:12px}.sh-upload{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sh-danger{color:var(--red)}.sh-danger-box{padding:14px;border:1px solid #f3cece;background:#fff6f6;border-radius:8px;margin-top:10px}.sh-card details>summary{font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px}.sh-card details>summary::before{content:'+';font-size:22px;color:var(--blue)}.sh-card details[open]>summary::before{content:'−'}.sh-order{border-top:1px solid var(--line);padding:16px 0}.sh-order:first-child{border-top:0}.sh-order p{font-size:13px;margin-top:5px;color:var(--muted)}.sh-order .sh-actions{margin-top:10px}.sh-order input{max-width:360px}.sh-ledger{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}.sh-ledger span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.sh-local{margin-top:12px;font-size:13px;white-space:pre-wrap}.sh-status{font-size:13px;color:var(--muted)}.sh-status.online{color:var(--blue)}.sh-preview{max-height:120px;max-width:100%;margin-top:10px}.sh-mini{font-size:12px;color:var(--muted);margin-top:10px}.sh-avatar{height:40px;width:40px;display:grid;place-items:center;background:var(--light-blue);color:var(--blue);border-radius:12px;font-weight:700;flex-shrink:0}.sh-identity{display:flex;align-items:center;gap:12px}.sh-divider{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:900px){.sh-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:700px){.sh-layout{grid-template-columns:minmax(0,1fr)}.sh-grid{grid-template-columns:minmax(0,1fr)}.sh-card{padding:18px}.sh-summary{align-items:flex-start;flex-direction:column}.sh-accounts{gap:20px}.sh-heading{align-items:flex-start}.sh-heading h2{font-size:23px}.sh-room-list{max-height:250px}.sh-row>.btn{flex:1}.sh-actions>.btn{flex-grow:1}.sh-heading .sh-mode{margin-top:5px}.view-tabs{gap:22px}.sh-code{font-size:40px}.sh-order .form-control{max-width:100%}}
@media(prefers-reduced-motion:reduce){#sharing-panel,.sh-card,.sh-room{animation:none;transition:none}}