/* Sharing, export and delete dialogs. Frame, sections and fields are shared
   with the file modals. */

[id="project-modal"] { width: min(880px, calc(100% - 32px)); }
.project-modal { padding: 26px 32px 32px; }

.share-add { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.share-add select { min-width: 170px; padding: 7px 9px; border: 1px solid #cfc9bd; border-radius: 2px; background: var(--paper-raised); color: var(--ink); font-size: 12px; }
.share-add select:focus { border-color: var(--blue); outline: 0; }

.share-teams { margin: 0; padding: 0; list-style: none; display: grid; gap: 1px; }
.share-teams li { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.share-teams li:last-child { border-bottom: 0; }
.share-teams li > span:first-child { flex: 1; min-width: 0; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }

.export-format { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.export-format label { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; }
.export-format input { accent-color: var(--blue); }

.export-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.export-group { margin: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 3px; background: var(--paper); display: grid; gap: 7px; }
.export-group legend { padding: 0 6px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.export-group label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.export-group input { accent-color: var(--blue); }

.export-licence { margin-top: 20px; max-width: 320px; }
.export-licence select { padding: 8px 10px; border: 1px solid #cfc9bd; border-radius: 2px; background: var(--paper-raised); color: var(--ink); font-size: 13px; }