/* Eterano v1.21.2 — Roles & Permissions + stable sessions */
.sidebar-role1212{display:inline-flex;margin-top:2px;color:#6fc8ff!important;font-size:.62rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.06em}

/* The session heartbeat must never collapse the card between refreshes. */
#activeSessions1211{transition:none!important;contain:layout paint;min-height:230px}
#activeSessions1211 .sessions-loading1211{min-height:140px;display:flex;align-items:center}

#teamAccess1212{display:grid;gap:16px;align-content:start}
.team-heading1212{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.team-heading1212 h2{margin:.16rem 0 .3rem}
.role-pill1212{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);font-size:.72rem;font-weight:900;white-space:nowrap}
.role-pill1212.role-owner{color:#74d7ff}.role-pill1212.role-admin{color:#9ab7ff}.role-pill1212.role-accountant{color:#78d7b1}.role-pill1212.role-employee{color:#c2cce0}
.permission-summary1212{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.permission-summary1212 article{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);background:var(--surface-soft);border-radius:12px}.permission-summary1212 strong{font-size:.8rem}.permission-summary1212 span{color:var(--muted);font-size:.7rem;line-height:1.35}
.invite-create1212{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end;border-top:1px solid var(--line);padding-top:14px}.invite-create1212 label{margin:0}.invite-create1212 small{grid-column:1/-1;color:var(--muted)}
.fresh-invite1212{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 94%,var(--accent) 6%)}.fresh-invite1212>div{display:grid;gap:2px}.fresh-invite1212 strong{font-size:1.05rem;letter-spacing:.1em}.fresh-invite1212 span,.fresh-invite1212 small{color:var(--muted)}
.team-subhead1212{display:flex;justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;border-top:1px solid var(--line)}.team-subhead1212 span{color:var(--muted);font-size:.78rem;font-weight:800}
.member-list1212,.invite-list1212{display:grid;gap:8px}.member-row1212{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.member-avatar1212{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-weight:900}.member-main1212{min-width:0;display:grid;gap:3px}.member-main1212 strong{overflow:hidden;text-overflow:ellipsis}.member-main1212 small{color:var(--muted);line-height:1.35}.you1212{font-size:.65rem;color:var(--accent);font-weight:900}.member-actions1212{display:flex;gap:7px;align-items:center}.member-role-select1212{min-width:132px}.member-locked1212{color:var(--muted);font-size:.75rem;font-weight:800}.danger-soft1212{color:#ff8996!important}
.invite-row1212{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.invite-row1212>div:first-child{display:grid;gap:2px}.invite-row1212 small{color:var(--muted)}.invite-row1212 code{font-size:.82rem;letter-spacing:.08em}.invite-row1212>div:last-child{display:flex;gap:7px;align-items:center}
.role-self1212{display:flex;gap:12px;align-items:flex-start}.role-self1212>div{display:grid;gap:4px}.role-self1212 p{margin:0}

/* Accountant daily data is intentionally read-only in the UI. */
body.role-accountant1212 [data-edit-order],body.role-accountant1212 [data-delete-order],body.role-accountant1212 [data-edit-customer],body.role-accountant1212 [data-delete-customer],body.role-accountant1212 [data-edit-product],body.role-accountant1212 [data-delete-product]{display:none!important}

@media(max-width:900px){.permission-summary1212{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-create1212{grid-template-columns:1fr}.invite-create1212 small{grid-column:1}.member-row1212{grid-template-columns:auto minmax(0,1fr)}.member-actions1212,.member-locked1212{grid-column:2}.invite-row1212{grid-template-columns:1fr}.invite-row1212>div:last-child{justify-content:flex-start}}
@media(max-width:560px){.permission-summary1212{grid-template-columns:1fr}.team-heading1212{flex-direction:column}.fresh-invite1212{align-items:stretch;flex-direction:column}.member-actions1212{align-items:stretch;flex-direction:column}.member-role-select1212{width:100%}}
.member-confirm1212{width:min(520px,calc(100vw - 28px));padding:0}.member-confirm-shell1212{padding:20px}.member-confirm-shell1212>.muted{margin:8px 0 18px;line-height:1.5}.danger-primary1212{background:linear-gradient(135deg,#d84c61,#ff6b7d)!important;border-color:transparent!important}

/* v1.21.2a — whole-app Employee access + compact Appearance polish */
.role-hidden1212{display:none!important}
body.role-employee1212 #mainNav [data-view="payments"],
body.role-employee1212 #mainNav [data-view="invoices"],
body.role-employee1212 #mainNav [data-view="accounting"],
body.role-employee1212 #mainNav [data-view="receipts"],
body.role-employee1212 #mainNav [data-view="settings"],
body.role-employee1212 .sidebar-nav-group1142:has(> .nav-item[data-view="payments"]),
body.role-employee1212 .sidebar-nav-group1142:has(> .nav-item[data-view="invoices"]),
body.role-employee1212 .sidebar-nav-group1142:has(> .nav-item[data-view="accounting"]),
body.role-employee1212 .sidebar-nav-group1142:has(> .nav-item[data-view="receipts"]),
body.role-employee1212 .sidebar-nav-group1142:has(> .nav-item[data-view="settings"]){display:none!important}
body.role-employee1212 #view-payments,
body.role-employee1212 #view-invoices,
body.role-employee1212 #view-accounting,
body.role-employee1212 #view-receipts,
body.role-employee1212 #view-settings{display:none!important}
body.role-employee1212 #quoteSettingsForm1190,
body.role-employee1212 #orderDetailsInvoiceBtn,
body.role-employee1212 [data-invoice-action],
body.role-employee1212 [data-follow-open1160],
body.role-employee1212 [data-follow-send1160],
body.role-employee1212 [data-follow-statement1160]{display:none!important}

/* The Appearance card should fit its content instead of stretching to the Team card. */
#settingsAccountPanel #themeSettingsCard{height:auto!important;min-height:0!important;align-self:start!important}
#settingsAccountPanel #themeSettingsCard .section-heading{margin-bottom:16px!important}
#settingsAccountPanel #themeSettingsCard .theme-options,
#settingsAccountPanel #themeSettingsCard .appearance-options,
#settingsAccountPanel #themeSettingsCard [class*="theme"]:has(button){margin-top:12px!important}
#settingsAccountPanel section:has(#inviteCode){height:auto!important;align-self:start!important}