/* BorDoc — Nastavení → Přístup a křesla (seats & access). Reuses acc-* shell + tokens. */

/* seats summary card */
.seat-section-h{font-size:18px;font-weight:500;color:var(--fg1);letter-spacing:-0.01em;margin:0 0 16px}
.seat-section-h2{margin-top:34px;padding-top:26px;border-top:1px solid var(--border)}
.seat-section-sub{font-size:13.5px;color:var(--fg2);margin:0 0 16px;line-height:1.5}
.seat-join{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.seat-join-hint{font-size:13px;color:var(--fg3)}
.seat-owner{font-size:13px;color:var(--fg3)}
.seat-sum{display:flex;align-items:center;gap:20px}
.seat-sum-body{flex:1;min-width:0}
.seat-sum-top{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.seat-sum-title{font-size:17px;font-weight:500;color:var(--fg1)}
.seat-sum-count{font-size:14px;color:var(--fg2)}
.seat-sum-count .plex{font-family:"Roboto Mono",monospace}
.seat-dots{display:flex;gap:6px}
.seat-dot{width:26px;height:8px;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border)}
.seat-dot.on{background:var(--accent);border-color:var(--accent)}

/* people list */
.seat-list-h{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);margin:26px 0 12px}
.seat-list{display:flex;flex-direction:column;gap:12px}
.seat-row{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}
.seat-avatar{width:42px;height:42px;flex:none;border-radius:var(--radius-full);background:var(--accent-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}
.seat-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.seat-id-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seat-name{font-size:15px;font-weight:500;color:var(--fg1)}
.seat-email{font-size:13px;color:var(--fg3)}
.seat-badge{font-size:11.5px;font-weight:500;border-radius:var(--radius-full);padding:2px 10px}
.seat-badge.emp{background:var(--bg-subtle);color:var(--fg2);border:1px solid var(--border)}
.seat-badge.client{background:var(--accent-tint);color:var(--accent-text)}
.seat-badge.pending{display:inline-flex;align-items:center;gap:5px;background:var(--attention-tint);color:var(--attention-text)}
.seat-badge.pending .lic{width:12px;height:12px}
.seat-row-pending{border-style:dashed;background:var(--bg-subtle)}
.seat-avatar.pending{background:var(--attention-tint);color:var(--attention-text)}
.seat-portf{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--fg2)}
.seat-portf-label{color:var(--fg3)}
.seat-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg1);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px}
.seat-chip .lic{width:12px;height:12px;color:var(--fg3)}
.seat-perms{font-size:12.5px;color:var(--fg3)}
.seat-campline{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--accent-text);margin-bottom:2px}
.seat-campline .lic{color:var(--accent-text)}
.seat-campline b{font-weight:500}
.seat-matrix{display:flex;flex-direction:column;gap:3px;margin:4px 0 2px}
.seat-mrow{display:flex;align-items:center;gap:10px;font-size:12.5px}
.seat-mpf{display:inline-flex;align-items:center;gap:6px;min-width:200px;color:var(--fg1)}
.seat-mpf .lic{width:13px;height:13px;color:var(--fg3)}
.seat-mlvl{color:var(--fg3)}
.seat-actions{display:flex;align-items:center;gap:8px;flex:none}
.seat-handoff{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);cursor:pointer}
.seat-htoggle{position:relative;flex:none;width:38px;height:22px;border-radius:var(--radius-full);background:var(--gray-300);border:none;cursor:pointer;padding:0;transition:background var(--dur) var(--ease)}
.seat-htoggle.on{background:var(--accent)}
.seat-hknob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}
.seat-htoggle.on .seat-hknob{transform:translateX(16px)}
.seat-htext{font-size:12.5px;color:var(--fg2)}
.seat-hscope{color:var(--fg3)}

/* footer note */
.seat-note{font-size:12.5px;color:var(--fg3);line-height:1.5;margin-top:18px;display:flex;align-items:flex-start;gap:8px}
.seat-note .lic{width:15px;height:15px;flex:none;margin-top:1px}

/* danger outlined button (cautionary, not solid) */
.btn-danger-ghost{background:none;color:var(--danger);border-color:var(--danger)}
.btn-danger-ghost:hover{background:var(--danger-tint)}

/* primary outlined button (blue border + text, transparent fill) */
.btn-outline-primary{background:none;color:var(--accent-text);border-color:var(--accent)}
.btn-outline-primary:hover{background:var(--accent-tint)}

/* ---------- Invite modal ---------- */
.inv-modal{max-width:520px;max-height:88vh;display:flex;flex-direction:column}
.inv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.inv-head h2{margin:0;font-size:18px;font-weight:500;color:var(--fg1);letter-spacing:var(--tracking-tight)}
.inv-close{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--radius-sm);color:var(--fg3);cursor:pointer;transition:background var(--dur) var(--ease)}
.inv-close:hover{background:var(--bg-hover);color:var(--fg1)}
.inv-eyebrow{font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);margin-bottom:14px}
.inv-body{overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding-right:2px}
.edit-person{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle)}
.edit-person-id{flex:1;min-width:0}
.edit-person-name{font-size:15px;font-weight:500;color:var(--fg1)}
.edit-person-email{font-size:13px;color:var(--fg3)}
.inv-field-label{display:block;font-size:13px;font-weight:500;color:var(--fg1);margin-bottom:8px}
.inv-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg1);font-family:var(--font-sans);font-size:14.5px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.inv-input:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}
.inv-input.join-code{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}
.inv-input.join-code::placeholder{letter-spacing:1px}
.inv-help{font-size:12px;color:var(--fg3);margin-top:7px;line-height:1.45}

/* segmented pills */
.inv-seg{display:inline-flex;gap:8px}
.inv-seg-btn{height:36px;padding:0 18px;border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:var(--radius-full);font-size:13.5px;font-weight:500;color:var(--fg2);cursor:pointer;transition:all var(--dur) var(--ease)}
.inv-seg-btn:hover{border-color:var(--accent)}
.inv-seg-btn.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-text)}

/* checkbox list */
.inv-checks{display:flex;flex-direction:column;gap:2px}
.inv-check{display:flex;align-items:flex-start;gap:11px;padding:9px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur) var(--ease)}
.inv-check:hover{background:var(--bg-hover)}
.inv-check.disabled{cursor:default;opacity:.85}
.inv-check.disabled:hover{background:none}
.inv-check.divide{border-top:1px solid var(--border);border-radius:0;margin-bottom:4px;padding-bottom:12px}
.inv-box{width:18px;height:18px;flex:none;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;background:var(--bg-surface)}
.inv-box.on{background:var(--accent);border-color:var(--accent)}
.inv-box.on .lic{width:13px;height:13px}
.inv-box.locked{background:var(--bg-subtle);border-color:var(--border-strong);color:var(--fg3)}
.inv-check-body{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inv-check-label{font-size:14px;color:var(--fg1)}
.inv-check-tag{font-size:11px;color:var(--fg3);background:var(--bg-subtle);border-radius:var(--radius-full);padding:1px 8px}
.inv-note{font-size:12px;color:var(--fg3);line-height:1.45;display:flex;align-items:flex-start;gap:7px}
.inv-note .lic{width:14px;height:14px;flex:none;margin-top:1px}
.inv-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}

/* step 2 — success */
.inv-success{text-align:center;padding:6px 0 0}
.inv-success-ic{color:var(--success);margin-bottom:12px;display:inline-flex}
.inv-success-text{font-size:15px;color:var(--fg1);margin-bottom:22px;line-height:1.5}
.inv-success-text .em{font-weight:500}
.inv-code-label{display:block;text-align:left;font-size:13px;font-weight:500;color:var(--fg1);margin-bottom:8px}
.inv-code-row{display:flex;align-items:center;gap:10px}
.inv-code{flex:1;display:flex;align-items:center;height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle);font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:1px;color:var(--fg1)}

@media (max-width:720px){
  .seat-row{flex-wrap:wrap}
  .seat-actions{width:100%;justify-content:flex-end}
}