.sharing-panel .panel-heading { align-items: center; gap: 20px; }
.sharing-panel .panel-heading p { margin: 8px 0 0; }
.sharing-panel .primary { white-space: nowrap; }
.sharing-empty { border-top: 1px solid #e4e9df; padding-top: 20px; }
.sharing-empty p { margin: 8px 0 0; }
.sharing-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr)); gap: 16px; margin-bottom: 16px; }
.sharing-list article { padding: 18px; border: 1px solid #dce5dc; border-radius: 12px; min-width: 0; }
.sharing-name { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.sharing-path { font-family: ui-monospace, Consolas, monospace; width: 100%; min-width: 0; margin: 6px 0; }
#sharing-dialog { border: 0; border-radius: 20px; width: min(690px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; color: #263b36; background: #fafbf8; box-shadow: 0 24px 100px #102d3640; }
#sharing-dialog::backdrop { background: #132f2b99; backdrop-filter: blur(4px); }
body:has(#sharing-dialog[open]) { overflow: hidden; }
#sharing-dialog .storage-heading h2 { margin: 0; }
.sharing-form, #sharing-account-fields { display: grid; gap: 18px; }
.sharing-form label { display: block; margin-bottom: 8px; }
.sharing-form input, .sharing-form select { width: 100%; min-width: 0; }
.sharing-form small { display: block; margin-top: 7px; color: #738579; line-height: 1.5; }
.sharing-passwords { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sharing-passwords > div { min-width: 0; }
.sharing-hint { margin: 0; color: #527065; }
#sharing-error { margin: 14px 0 0; }
#sharing-dialog .setup-review dd { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .sharing-panel .panel-heading { align-items: stretch; flex-direction: column; }
  .sharing-passwords { grid-template-columns: 1fr; }
  #sharing-dialog .storage-heading h2 { font-size: 21px; }
}