.file-share{border:1px solid var(--line);background:#fff}
.file-share-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}
.file-share-head .eyebrow{margin:0 0 5px}
.file-share-head small{color:var(--muted);white-space:nowrap}
.file-share-content{padding:14px 16px}
.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:90px;padding:16px;border:1.5px dashed #9d8f87;border-radius:8px;background:#fbf9f7;color:#312d2a;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.file-drop-zone:hover,.file-drop-zone.drag-active{border-color:var(--red);background:#fff3ef}
.file-drop-zone.is-uploading{cursor:progress;opacity:.72}
.file-drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.file-drop-zone strong{font-size:14px}
.file-drop-zone span{font-size:12px;color:var(--muted)}
.file-share-status{min-height:20px;padding:8px 2px 2px;color:#287a43;font-size:12px}
.file-share-status.is-error{color:var(--red)}
.shared-file-list{display:grid;gap:0;margin:8px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}
.shared-file-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}
.shared-file-list a{display:flex;align-items:center;gap:9px;min-width:0;color:#161513;font-weight:700;text-decoration:none}
.shared-file-list a:hover .shared-file-name{text-decoration:underline;text-underline-offset:3px}
.shared-file-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:#f2e9e4;color:var(--red)}
.shared-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shared-file-meta{color:var(--muted);font-size:11px;white-space:nowrap}
.shared-file-delete{min-width:46px;height:28px;padding:0 10px;border:1px solid #d6c7bf;border-radius:6px;background:#fff;color:#b3261e;font-size:11px;font-weight:700;cursor:pointer}
.shared-file-delete:hover{border-color:#b3261e;background:#fff3ef}
.shared-file-delete:focus-visible{outline:2px solid #b3261e;outline-offset:2px}
.shared-file-delete:disabled{cursor:progress;opacity:.55}
.shared-file-empty{display:block!important;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:680px){.file-share-head,.shared-file-list li{align-items:flex-start}.shared-file-list li{grid-template-columns:minmax(0,1fr) auto}.shared-file-meta{grid-column:1/-1;padding-left:33px;white-space:normal}.file-drop-zone{min-height:78px}}