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

[id="project-modal"] { width: min(880px, calc(100% - 32px)); }
/* No bottom padding: the sticky .dialog-actions bar (see .editor-form
   .dialog-actions in base.css) supplies its own — padding here would sit as
   dead space below it, making the footer look oversized. Same fix as
   .bulk-modal's own fixed-frame padding. */
.project-modal { padding: 26px 32px 0; }

.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 var(--line); border-radius: 2px; background: var(--paper-raised); color: var(--ink); font-size: 12px; }
.share-add select:focus { border-color: var(--blue); outline: 0; }
.share-add-selected { overflow: hidden; color: var(--ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }

.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-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.export-groups-all { display: flex; gap: 14px; }

.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-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 2px; }
.export-group-head > span { color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.export-group-head .text-button { font-size: 9px; text-transform: uppercase; letter-spacing: var(--tracking-label); }
.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; display: grid; gap: 8px; }
.export-licence select, .export-licence input { padding: 8px 10px; border: 1px solid var(--line); border-radius: 2px; background: var(--paper-raised); color: var(--ink); font-size: 13px; }