/* Access screens share the original Settings R3 shell. All rules are scoped. */
:is(.identity-content, .auth-body) { --ink:#22253c;--muted:#72758a;--purple:#6b4aca;--purple-soft:#f0ecfb;--line:#e7e8f0;--bg:#f6f7fb;--sidebar:#202036;--green:#177f65;--red:#bc384d;--radius:14px;--shadow:0 5px 22px #21224606 }
:is(.identity-content, .auth-body) * { box-sizing:border-box }
:is(.identity-content, .auth-body) { margin:0;color:var(--ink);font:15px/1.65 Tahoma,Arial,sans-serif;background:var(--bg) }
:is(.identity-content, .auth-body) button, :is(.identity-content, .auth-body) input, :is(.identity-content, .auth-body) select, :is(.identity-content, .auth-body) textarea { font:inherit }
:is(.identity-content, .auth-body) button, :is(.identity-content, .auth-body) a, :is(.identity-content, .auth-body) input, :is(.identity-content, .auth-body) select, :is(.identity-content, .auth-body) textarea { -webkit-tap-highlight-color:transparent }
:is(.identity-content, .auth-body) a { color:var(--purple);text-decoration:none }
:is(.identity-content, .auth-body) button { cursor:pointer }
:is(.identity-content, .auth-body) button:disabled { cursor:not-allowed;opacity:.5 }
:is(.identity-content, .auth-body) button:focus-visible, :is(.identity-content, .auth-body) a:focus-visible, :is(.identity-content, .auth-body) summary:focus-visible { outline:3px solid #ae95f0;outline-offset:3px }
:is(.identity-content, .auth-body) input, :is(.identity-content, .auth-body) select, :is(.identity-content, .auth-body) textarea { max-width:100% }
:is(.identity-content, .auth-body) input:not([type=checkbox]):not([type=radio]):not([type=hidden]), :is(.identity-content, .auth-body) select, :is(.identity-content, .auth-body) textarea { width:100%;min-height:46px;border:1px solid #d9dce8;background:#fff;border-radius:9px;padding:10px 13px;color:var(--ink);outline:none }
:is(.identity-content, .auth-body) input:focus, :is(.identity-content, .auth-body) select:focus, :is(.identity-content, .auth-body) textarea:focus { border-color:var(--purple);box-shadow:0 0 0 3px #6b4aca15 }
:is(.identity-content, .auth-body) input[readonly] { background:#f4f5f8;color:#61667c }
:is(.identity-content, .auth-body) input[type=checkbox], :is(.identity-content, .auth-body) input[type=radio] { width:18px;height:18px;accent-color:var(--purple);flex:none;cursor:pointer }
:is(.identity-content, .auth-body) label { cursor:pointer }
:is(.identity-content, .auth-body) small { font-size:12px }
:is(.identity-content, .auth-body) h1, :is(.identity-content, .auth-body) h2, :is(.identity-content, .auth-body) h3, :is(.identity-content, .auth-body) p { margin-top:0 }
:is(.identity-content, .auth-body) h1 { font-size:27px;line-height:1.5;margin-bottom:5px }
:is(.identity-content, .auth-body) h2 { font-size:18px;margin-bottom:12px }
:is(.identity-content, .auth-body) h3 { font-size:16px }
:is(.identity-content, .auth-body) svg.i { width:21px;height:21px;flex:none;stroke-width:1.7 }
:is(.identity-content, .auth-body) .muted { color:var(--muted) }
:is(.identity-content, .auth-body) .danger-text { color:var(--red) }
:is(.identity-content, .auth-body) .app-brand { display:flex;align-items:center;gap:12px;color:inherit;margin:0 9px 28px }
:is(.identity-content, .auth-body) .logo-mark { display:grid;place-items:center;width:42px;height:46px;background:#8860e4;color:#fff;border-radius:12px;font:bold 30px Arial;box-shadow:0 5px 20px #0002 }
:is(.identity-content, .auth-body) .app-brand b { font-size:23px;letter-spacing:3px;font-family:Arial }
:is(.identity-content, .auth-body) .app-brand small { display:block;font-size:11px;color:#b9b5cd;letter-spacing:.4px }
:is(.identity-content, .auth-body) .tiny-dot { display:inline-block;width:7px;height:7px;border-radius:50%;background:#48b998;margin-inline-end:5px }
:is(.identity-content, .auth-body) .crumb { display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted) }
:is(.identity-content, .auth-body) .crumb b { font-weight:500;color:#40445c }
:is(.identity-content, .auth-body) .account-name { font-size:11px }
:is(.identity-content, .auth-body) .account-name small { display:block;font-size:9px;color:var(--muted) }
:is(.identity-content, .auth-body) .avatar { height:38px;width:38px;border-radius:12px;display:inline-grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:15px;font-weight:bold;flex:none }
:is(.identity-content, .auth-body) .avatar.small { height:33px;width:33px;font-size:12px }
:is(.identity-content, .auth-body) .icon-button { width:34px;height:34px;display:inline-grid;place-items:center;flex:none;border:1px solid transparent;background:transparent;border-radius:8px;color:#858399 }
:is(.identity-content, .auth-body) .icon-button:hover { background:var(--purple-soft);color:var(--purple) }
:is(.identity-content, .auth-body) .eyebrow { font:10px Arial;color:#9896aa;letter-spacing:1px;margin-bottom:8px }
:is(.identity-content, .auth-body) .eyebrow span { margin:0 8px }
:is(.identity-content, .auth-body) .page-actions { display:flex;gap:10px;flex:none }
:is(.identity-content, .auth-body) .button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:9px;padding:10px 19px;background:var(--purple);color:#fff;font-weight:bold;font-size:12px;white-space:normal;line-height:1.55 }
:is(.identity-content, .auth-body) .button:hover { background:#593ab6;color:#fff }
:is(.identity-content, .auth-body) .button .i { width:18px;height:18px }
:is(.identity-content, .auth-body) .button.secondary { color:#52546b;border-color:#dedfea;background:#fff }
:is(.identity-content, .auth-body) .button.secondary:hover { background:#f4f1fb;border-color:#cfc2ed }
:is(.identity-content, .auth-body) .button.danger-button { background:#bc384d }
:is(.identity-content, .auth-body) .button.wide { width:100% }
:is(.identity-content, .auth-body) .button.compact { padding:7px 12px;min-height:34px;font-size:11px }
:is(.identity-content, .auth-body) .text-button { padding:3px;border:0;background:transparent;color:var(--purple);font-size:12px }
:is(.identity-content, .auth-body) .text-button.danger { color:var(--red) }
:is(.identity-content, .auth-body) .icon-button.danger { color:var(--red) }
:is(.identity-content, .auth-body) .back-link { display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--muted) }
:is(.identity-content, .auth-body) .back-link .i { width:17px }
:is(.identity-content, .auth-body) .panel { background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden }
:is(.identity-content, .auth-body) .panel-head { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border-bottom:1px solid var(--line) }
:is(.identity-content, .auth-body) .panel-head h2 { margin:0 }
:is(.identity-content, .auth-body) .panel-head p { font-size:12px;color:var(--muted);margin:5px 0 0 }
:is(.identity-content, .auth-body) .panel-body { padding:24px }
:is(.identity-content, .auth-body) .section-number { display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f0ecfb;font:12px Arial;color:var(--purple);margin-inline-end:9px }
:is(.identity-content, .auth-body) .field { min-width:0;display:flex;flex-direction:column;gap:7px }
:is(.identity-content, .auth-body) .field>label, :is(.identity-content, .auth-body) .label-row { font-size:12px;font-weight:bold;color:#44485f;display:block }
:is(.identity-content, .auth-body) .field small { font-size:11px;line-height:1.8;color:var(--muted) }
:is(.identity-content, .auth-body) .field textarea { resize:vertical;min-height:90px }
:is(.identity-content, .auth-body) .field.full { grid-column:1/-1 }
:is(.identity-content, .auth-body) .form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px }
:is(.identity-content, .auth-body) .form-columns { display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start }
:is(.identity-content, .auth-body) .form-main { display:grid;gap:24px;min-width:0 }
:is(.identity-content, .auth-body) .form-guide { border:1px solid #ddd6ef;background:linear-gradient(150deg,#f4f0fd,#fcfbff);padding:24px;border-radius:14px;color:#6c6288;font-size:12px;line-height:1.9 }
:is(.identity-content, .auth-body) .form-guide h3 { color:#4b3c6c;margin:15px 0 10px }
:is(.identity-content, .auth-body) .form-guide p:last-child { margin:0 }
:is(.identity-content, .auth-body) .guide-icon { width:44px;height:44px;background:#e7def8;color:var(--purple);display:grid;place-items:center;border-radius:12px }
:is(.identity-content, .auth-body) .form-actions { display:flex;gap:12px;align-items:center;margin-top:24px;flex-wrap:wrap }
:is(.identity-content, .auth-body) .save-bar { display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:12px;background:white;padding:18px 22px;margin-top:24px;box-shadow:0 6px 25px #26244408 }
:is(.identity-content, .auth-body) .save-bar small { color:var(--muted);font-size:11px }
:is(.identity-content, .auth-body) .save-bar .form-actions { margin:0 }
:is(.identity-content, .auth-body) .workspace-form { min-width:0 }
:is(.identity-content, .auth-body) .choice-list { display:grid;gap:10px }
:is(.identity-content, .auth-body) .check-card { display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:15px;background:white;min-width:0 }
:is(.identity-content, .auth-body) .check-card:has(input:checked) { border-color:#b3a0df;background:#f9f7fe }
:is(.identity-content, .auth-body) .check-card small { display:block;font-size:11px;color:var(--muted) }
:is(.identity-content, .auth-body) .check-card b { font-size:12px }
:is(.identity-content, .auth-body) .check-card input { margin:0 }
:is(.identity-content, .auth-body) .selection-ring { margin-inline-start:auto }
:is(.identity-content, .auth-body) .inline-empty { padding:14px;background:#f7f7fa;border-radius:9px;color:var(--muted);font-size:12px }
:is(.identity-content, .auth-body) .stat-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px }
:is(.identity-content, .auth-body) .stat-grid>div { display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:13px;padding:19px 22px }
:is(.identity-content, .auth-body) .stat-icon { width:44px;height:44px;display:grid;place-items:center;background:#f1edfb;color:var(--purple);border-radius:12px }
:is(.identity-content, .auth-body) .stat-grid b { display:block;font:25px Arial;color:var(--ink) }
:is(.identity-content, .auth-body) .stat-grid small { color:var(--muted);font-size:11px }
:is(.identity-content, .auth-body) .stat-icon.success { background:#e8f5ef;color:var(--green) }
:is(.identity-content, .auth-body) .stat-icon.amber { background:#fff3df;color:#ab7b21 }
:is(.identity-content, .auth-body) .filter-bar { display:flex;align-items:end;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap }
:is(.identity-content, .auth-body) .filter-bar .field { min-width:180px }
:is(.identity-content, .auth-body) .filter-bar .search-field { flex:1;max-width:420px;min-width:180px }
:is(.identity-content, .auth-body) .filter-bar .field label { font-size:11px }
:is(.identity-content, .auth-body) .filter-bar input, :is(.identity-content, .auth-body) .filter-bar select { min-height:41px;font-size:12px }
:is(.identity-content, .auth-body) .search-field { position:relative }
:is(.identity-content, .auth-body) .input-icon { position:relative }
:is(.identity-content, .auth-body) .input-icon>.i { position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#9296a8;width:18px }
:is(.identity-content, .auth-body) .input-icon>input { padding-inline-start:39px!important }
:is(.identity-content, .auth-body) .filter-reset { font-size:11px;padding:10px;color:var(--muted) }
:is(.identity-content, .auth-body) .table-shell { overflow-x:auto }
:is(.identity-content, .auth-body) .data-table { width:100%;border-collapse:collapse;text-align:right }
:is(.identity-content, .auth-body) .data-table th { padding:13px 21px;background:#fbfbfd;color:#9294a5;font-size:10px;font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap }
:is(.identity-content, .auth-body) .data-table td { padding:18px 21px;border-bottom:1px solid #eeeef4;font-size:12px;vertical-align:middle }
:is(.identity-content, .auth-body) .data-table tr:last-child td { border:0 }
:is(.identity-content, .auth-body) .data-table tbody tr:hover { background:#fcfbfe }
:is(.identity-content, .auth-body) .person-cell { display:flex;align-items:center;gap:11px;min-width:190px }
:is(.identity-content, .auth-body) .person-cell strong { font-size:12px;display:block }
:is(.identity-content, .auth-body) .person-cell small { display:block;color:var(--muted);font:11px/1.7 Arial;direction:ltr;text-align:right;overflow-wrap:anywhere }
:is(.identity-content, .auth-body) .badge { display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:4px 9px;background:#f0f0f5;color:#74758c;font-size:10px;white-space:nowrap;line-height:1.5 }
:is(.identity-content, .auth-body) .badge.active, :is(.identity-content, .auth-body) .badge.success { background:#e7f5ef;color:#208260 }
:is(.identity-content, .auth-body) .badge.invited, :is(.identity-content, .auth-body) .badge.amber { background:#fff3df;color:#a17318 }
:is(.identity-content, .auth-body) .badge.inactive, :is(.identity-content, .auth-body) .badge.gray, :is(.identity-content, .auth-body) .badge.neutral { background:#f0f1f5;color:#838394 }
:is(.identity-content, .auth-body) .badge.revoked { background:#ffe9ed;color:#ad4356 }
:is(.identity-content, .auth-body) .badge.purple { background:var(--purple-soft);color:var(--purple) }
:is(.identity-content, .auth-body) .badge-wrap { display:flex;gap:5px;flex-wrap:wrap;max-width:260px }
:is(.identity-content, .auth-body) .row-actions { display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:120px }
:is(.identity-content, .auth-body) .row-actions form { margin:0;display:inline-flex }
:is(.identity-content, .auth-body) .action-link { font-size:11px;color:var(--purple);padding:5px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;line-height:1.5 }
:is(.identity-content, .auth-body) .action-link:hover { background:var(--purple-soft) }
:is(.identity-content, .auth-body) .action-link .i { width:15px;height:15px }
:is(.identity-content, .auth-body) .protected-label { font-size:10px;color:#8f89a1 }
:is(.identity-content, .auth-body) .pagination { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 23px;color:var(--muted);font-size:11px }
:is(.identity-content, .auth-body) .pagination>div { display:flex;gap:10px }
:is(.identity-content, .auth-body) .empty-state { text-align:center;padding:55px 25px;color:var(--muted);font-size:12px }
:is(.identity-content, .auth-body) .empty-state>.i { width:38px;height:38px;margin-bottom:14px;color:#ada3c8 }
:is(.identity-content, .auth-body) .empty-state h3 { color:var(--ink);margin-bottom:8px }
:is(.identity-content, .auth-body) .empty-state p { max-width:430px;margin:0 auto 15px }
:is(.identity-content, .auth-body) .role-info { display:flex;align-items:center;gap:13px }
:is(.identity-content, .auth-body) .role-info small { display:block;color:var(--muted);font-size:11px;max-width:300px }
:is(.identity-content, .auth-body) .role-symbol { background:var(--purple-soft);color:var(--purple);border-radius:11px;width:40px;height:40px;display:grid;place-items:center }
:is(.identity-content, .auth-body) .role-info b { display:block }
:is(.identity-content, .auth-body) .branch-list { padding:7px 23px }
:is(.identity-content, .auth-body) .branch-card { display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line) }
:is(.identity-content, .auth-body) .branch-card:last-child { border:0 }
:is(.identity-content, .auth-body) .branch-symbol { background:#eff1fb;color:#6e7ca1;width:47px;height:47px;display:grid;place-items:center;border-radius:12px;flex:none }
:is(.identity-content, .auth-body) .branch-main { flex:1;min-width:0 }
:is(.identity-content, .auth-body) .branch-main h3 { display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 4px }
:is(.identity-content, .auth-body) .branch-main small { color:var(--muted);font-size:11px }
:is(.identity-content, .auth-body) .count-badge { font:11px Arial;background:#f1eff7;border-radius:6px;padding:5px 8px;color:var(--purple) }
:is(.identity-content, .auth-body) .matrix-toolbar { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap }
:is(.identity-content, .auth-body) .matrix-toolbar .search-field { max-width:380px;min-width:240px;flex:1 }
:is(.identity-content, .auth-body) .matrix-toolbar input { font-size:12px;min-height:40px }
:is(.identity-content, .auth-body) .permission-legend { display:flex;gap:14px;color:var(--muted);font-size:10px;flex-wrap:wrap }
:is(.identity-content, .auth-body) .legend-dot { width:7px;height:7px;display:inline-block;border-radius:50%;margin-inline-end:4px }
:is(.identity-content, .auth-body) .purple-dot { background:#8262cc }
:is(.identity-content, .auth-body) .gray-dot { background:#c5c6cf }
:is(.identity-content, .auth-body) .permission-module { border-bottom:1px solid var(--line) }
:is(.identity-content, .auth-body) .permission-module:last-child { border:0 }
:is(.identity-content, .auth-body) .permission-module>summary { list-style:none;display:flex;align-items:center;gap:12px;padding:18px 23px;cursor:pointer;user-select:none;background:white }
:is(.identity-content, .auth-body) .permission-module>summary::-webkit-details-marker { display:none }
:is(.identity-content, .auth-body) .permission-module>summary:after { content:"+";font-size:21px;color:var(--muted);margin-inline-start:auto;font-family:Arial }
:is(.identity-content, .auth-body) .permission-module[open]>summary:after { content:"−" }
:is(.identity-content, .auth-body) .module-symbol { display:grid;place-items:center;background:#f3f1f9;color:var(--purple);width:32px;height:32px;border-radius:8px;font:11px Arial }
:is(.identity-content, .auth-body) .permission-module summary b { font-size:12px }
:is(.identity-content, .auth-body) .module-count { color:var(--muted);font-size:10px }
:is(.identity-content, .auth-body) .module-tools { display:flex;align-items:center;gap:14px;margin:0 24px 12px;justify-content:space-between }
:is(.identity-content, .auth-body) .module-tools span { font-size:10px;color:var(--muted) }
:is(.identity-content, .auth-body) .module-tools>div { display:flex;gap:12px }
:is(.identity-content, .auth-body) .module-tools button { font-size:10px }
:is(.identity-content, .auth-body) .matrix-shell { overflow-x:auto }
:is(.identity-content, .auth-body) .permission-matrix { width:100%;border-collapse:collapse;text-align:right;min-width:730px }
:is(.identity-content, .auth-body) .permission-matrix th { background:#fafafd;font-size:10px;color:var(--muted);font-weight:normal;padding:12px 16px;border-block:1px solid var(--line) }
:is(.identity-content, .auth-body) .permission-matrix th:first-child { min-width:160px;width:23% }
:is(.identity-content, .auth-body) .permission-matrix td { padding:13px 16px;border-bottom:1px solid #eeeef4;font-size:11px }
:is(.identity-content, .auth-body) .permission-matrix tr:last-child td { border-bottom:0 }
:is(.identity-content, .auth-body) .grant-control { display:flex;align-items:center;gap:6px }
:is(.identity-content, .auth-body) .grant-control input { width:16px;height:16px;margin:0 }
:is(.identity-content, .auth-body) .grant-control select { min-height:31px;padding:4px 6px;font-size:9px;width:112px;border-radius:6px;color:#68617e;background:#fcfbff }
:is(.identity-content, .auth-body) .grant-control.unavailable { opacity:.55 }
:is(.identity-content, .auth-body) .grant-control select:disabled { background:#f7f7fa;color:#9996a7;box-shadow:none }
:is(.identity-content, .auth-body) .not-applicable { color:#c8c8d1;font-size:14px }
:is(.identity-content, .auth-body) .extra-action-label { font-size:10px;display:block;margin-bottom:5px }
:is(.identity-content, .auth-body) .planned-note { margin:0 24px 18px;font-size:11px;color:#9691a3;background:#f8f7fb;padding:10px 13px;border-radius:8px }
:is(.identity-content, .auth-body) .permission-module[hidden], :is(.identity-content, .auth-body) tr[hidden] { display:none!important }
:is(.identity-content, .auth-body) .alert { border-radius:11px;padding:16px 19px;margin-bottom:20px;font-size:12px;border:1px solid transparent;overflow-wrap:anywhere }
:is(.identity-content, .auth-body) .alert p:last-child { margin:0 }
:is(.identity-content, .auth-body) .alert ul { padding-inline-start:20px;margin:0 }
:is(.identity-content, .auth-body) .alert.success { background:#edf8f2;color:#2d7c5f;border-color:#d5edde }
:is(.identity-content, .auth-body) .alert.danger { background:#fff0f2;color:#ac3a50;border-color:#f3d5dd }
:is(.identity-content, .auth-body) .alert.warning { background:#fff8e8;color:#947224;border-color:#f1e4c2 }
:is(.identity-content, .auth-body) .info-strip { padding:15px 18px;border:1px solid #e2dcf3;background:#f8f5ff;color:#716189;border-radius:10px;font-size:11px;margin-bottom:22px }
:is(.identity-content, .auth-body) .info-strip .i { width:17px;height:17px;vertical-align:middle;margin-inline-end:6px }
:is(.identity-content, .auth-body) .invite-delivery { border:1px solid #d3eadc;background:#f4faf6;border-radius:12px;padding:20px 23px;margin-bottom:20px }
:is(.identity-content, .auth-body) .invite-delivery h3 { color:#287853;font-size:14px;margin-bottom:5px }
:is(.identity-content, .auth-body) .invite-delivery p { font-size:11px;color:#688272;margin-bottom:12px }
:is(.identity-content, .auth-body) .copy-row { display:flex;gap:8px;align-items:center }
:is(.identity-content, .auth-body) .copy-row input { font:12px Arial }
:is(.identity-content, .auth-body) .copy-row button { flex:none }
:is(.identity-content, .auth-body) .confirm-dialog { border:1px solid var(--line);border-radius:18px;padding:30px;max-width:430px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #1f204630;text-align:center }
:is(.identity-content, .auth-body) .confirm-dialog::backdrop { background:#15132666;backdrop-filter:blur(3px) }
:is(.identity-content, .auth-body) .dialog-symbol { display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#fff0f2;color:#b3495e;margin:0 auto 18px }
:is(.identity-content, .auth-body) .confirm-dialog p { font-size:13px;color:var(--muted) }
:is(.identity-content, .auth-body) .confirm-dialog .form-actions { justify-content:center }
:is(.identity-content, .auth-body) .toast { position:fixed;inset-block-end:24px;inset-inline-end:24px;background:#28263c;color:white;padding:12px 20px;z-index:70;border-radius:9px;font-size:12px;box-shadow:0 6px 30px #0002 }
:is(.identity-content, .auth-body) .toast[hidden] { display:none }
:is(.identity-content, .auth-body) .security-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start }
:is(.identity-content, .auth-body) .stack-form { display:grid;gap:21px }
:is(.identity-content, .auth-body) .current-email { display:block;background:#f5f3fb;border-radius:8px;padding:10px;margin:8px 0;color:var(--purple);font:12px Arial;text-align:right }
:is(.identity-content, .auth-body) .workspace-tiles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px }
:is(.identity-content, .auth-body) .workspace-tile { padding:25px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);transition:transform .15s,border-color .15s }
:is(.identity-content, .auth-body) .workspace-tile:hover { transform:translateY(-3px);border-color:#bca8e6 }
:is(.identity-content, .auth-body) .workspace-tile h3 { margin:18px 0 8px }
:is(.identity-content, .auth-body) .workspace-tile p { font-size:11px;color:var(--muted);margin:0 }
:is(.identity-content, .auth-body) .tile-icon { width:44px;height:44px;border-radius:12px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center }
:is(.identity-content, .auth-body) .welcome-banner { display:flex;gap:24px;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#efebfa,#f8f6fd);border:1px solid #e2daf3;border-radius:14px;padding:28px;margin-bottom:25px }
:is(.identity-content, .auth-body) .welcome-banner h2 { margin-bottom:6px }
:is(.identity-content, .auth-body) .welcome-banner p { margin:0;color:#8a7e9e;font-size:12px }
:is(.identity-content, .auth-body) .welcome-symbol { width:65px;height:65px;border-radius:18px;background:#e1d7f4;display:grid;place-items:center;color:var(--purple);flex:none }
:is(.identity-content, .auth-body) .welcome-symbol .i { width:29px;height:29px }
.auth-body { background:white }
:is(.identity-content, .auth-body) .auth-grid { display:grid;grid-template-columns:46% 54%;min-height:100vh }
:is(.identity-content, .auth-body) .auth-story { background:radial-gradient(ellipse at 10% 65%,#453262 0,transparent 60%),linear-gradient(150deg,#272038,#312747);color:#fff;min-height:100vh;padding:45px 52px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden }
:is(.identity-content, .auth-body) .auth-story:before { content:"";width:430px;height:430px;border:1px solid #ad88e919;border-radius:90px;position:absolute;left:-270px;top:28%;transform:rotate(30deg);pointer-events:none }
:is(.identity-content, .auth-body) .auth-story .app-brand { margin:0 }
:is(.identity-content, .auth-body) .auth-story .logo-mark { background:#9170d5 }
:is(.identity-content, .auth-body) .story-content { margin:auto 0;position:relative;padding:55px 0 }
:is(.identity-content, .auth-body) .story-kicker { color:#b7a3d7;font-size:11px;letter-spacing:.4px }
:is(.identity-content, .auth-body) .story-content h1 { font-size:37px;line-height:1.65;margin:16px 0 }
:is(.identity-content, .auth-body) .story-content h1 span { color:#c2a6f0 }
:is(.identity-content, .auth-body) .story-content>p { font-size:13px;color:#b5aac8;line-height:2;max-width:390px;margin-bottom:35px }
:is(.identity-content, .auth-body) .story-features { display:grid;gap:23px }
:is(.identity-content, .auth-body) .story-features>div { display:flex;gap:15px;align-items:center }
:is(.identity-content, .auth-body) .story-features .i { box-sizing:content-box;background:#ffffff08;border:1px solid #ffffff11;padding:11px;border-radius:11px;width:20px;height:20px;color:#c9adf4 }
:is(.identity-content, .auth-body) .story-features b { font-size:12px;font-weight:normal;display:block }
:is(.identity-content, .auth-body) .story-features small { display:block;color:#a395b6;font-size:10px;margin-top:4px }
:is(.identity-content, .auth-body) .auth-story-footer { display:flex;justify-content:space-between;gap:12px;color:#9a8eab;font-size:9px }
:is(.identity-content, .auth-body) .auth-story-footer span:last-child { font:10px Arial;letter-spacing:2px }
:is(.identity-content, .auth-body) .auth-form-area { padding:33px 54px;display:flex;flex-direction:column;min-width:0 }
:is(.identity-content, .auth-body) .auth-top-label { color:#a3a0b0;font-size:10px;text-align:left }
:is(.identity-content, .auth-body) .auth-card { width:100%;max-width:402px;margin:auto;padding:45px 0;min-width:0 }
:is(.identity-content, .auth-body) .auth-card h1 { font-size:27px;margin:14px 0 8px }
:is(.identity-content, .auth-body) .auth-card .auth-description { font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:29px }
:is(.identity-content, .auth-body) .auth-card .stack-form { gap:20px }
:is(.identity-content, .auth-body) .auth-card .label-row { display:flex;align-items:center;justify-content:space-between;gap:12px }
:is(.identity-content, .auth-body) .auth-card .label-row a { font-size:10px;font-weight:normal }
:is(.identity-content, .auth-body) .auth-emblem { width:48px;height:48px;background:var(--purple-soft);border:1px solid #e3d9f4;display:grid;place-items:center;border-radius:13px;color:var(--purple);margin-bottom:20px }
:is(.identity-content, .auth-body) .auth-emblem .i { width:25px;height:25px }
:is(.identity-content, .auth-body) .password-field { position:relative }
:is(.identity-content, .auth-body) .password-field input { padding-inline-end:46px!important }
:is(.identity-content, .auth-body) .password-field>button { position:absolute;inset-inline-end:8px;top:6px;border:0;background:transparent;padding:6px;border-radius:5px;color:#8b869f;display:grid;place-items:center;height:33px;width:33px }
:is(.identity-content, .auth-body) .password-field>button:hover { background:#f2edf9 }
:is(.identity-content, .auth-body) .auth-switch { text-align:center;margin:25px 0 0;font-size:11px;color:var(--muted) }
:is(.identity-content, .auth-body) .auth-switch a { margin-inline-start:5px;font-weight:bold }
:is(.identity-content, .auth-body) .auth-note { margin-top:22px;padding:12px 15px;background:#f8f7fb;color:#8d859e;border-radius:8px;font-size:10px;line-height:1.8 }
:is(.identity-content, .auth-body) .auth-footer { text-align:center;font-size:9px;color:#aaa5b5;margin-top:20px }
:is(.identity-content, .auth-body) .tenant-choices { display:grid;gap:12px;margin-bottom:21px }
:is(.identity-content, .auth-body) .tenant-choice { display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:17px;cursor:pointer;min-width:0 }
:is(.identity-content, .auth-body) .tenant-choice:has(input:checked) { border-color:var(--purple);background:#faf8ff }
:is(.identity-content, .auth-body) .tenant-choice-icon { background:#f0edf8;color:var(--purple);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none }
:is(.identity-content, .auth-body) .tenant-choice b { font-size:12px;display:block }
:is(.identity-content, .auth-body) .tenant-choice small { display:block;font-size:10px;color:var(--muted) }
:is(.identity-content, .auth-body) .tenant-choice input { margin-inline-start:auto }
@media (min-width:1550px) {
:is(.identity-content, .auth-body) .auth-story { padding-inline:80px }
:is(.identity-content, .auth-body) .story-content h1 { font-size:42px }
}
@media (max-width:1190px) {
:is(.identity-content, .auth-body) .form-columns { grid-template-columns:minmax(0,1fr) 220px;gap:18px }
:is(.identity-content, .auth-body) .data-table td, :is(.identity-content, .auth-body) .data-table th { padding-inline:15px }
:is(.identity-content, .auth-body) .workspace-tiles { grid-template-columns:repeat(2,minmax(0,1fr)) }
:is(.identity-content, .auth-body) .auth-story { padding:36px }
:is(.identity-content, .auth-body) .story-content h1 { font-size:30px }
:is(.identity-content, .auth-body) .auth-form-area { padding-inline:35px }
:is(.identity-content, .auth-body) .grant-control select { width:103px }
}
@media (max-width:900px) {
:is(.identity-content, .auth-body) .form-columns { grid-template-columns:minmax(0,1fr) }
:is(.identity-content, .auth-body) .form-guide { display:none }
:is(.identity-content, .auth-body) .security-grid { grid-template-columns:minmax(0,1fr) }
:is(.identity-content, .auth-body) .auth-grid { grid-template-columns:40% 60% }
:is(.identity-content, .auth-body) .auth-story { padding:30px 25px }
:is(.identity-content, .auth-body) .story-content h1 { font-size:26px }
:is(.identity-content, .auth-body) .story-content>p { font-size:11px }
:is(.identity-content, .auth-body) .story-features small { font-size:9px }
:is(.identity-content, .auth-body) .story-features>div { gap:10px }
:is(.identity-content, .auth-body) .story-features .i { padding:8px }
:is(.identity-content, .auth-body) .auth-form-area { padding-inline:30px }
:is(.identity-content, .auth-body) .auth-card { max-width:390px }
}
@media (max-width:600px) {
:is(.identity-content, .auth-body) { font-size:14px }
:is(.identity-content, .auth-body) .crumb { font-size:10px;gap:8px }
:is(.identity-content, .auth-body) .crumb>span:first-of-type { display:none }
:is(.identity-content, .auth-body) .account-name { display:none }
:is(.identity-content, .auth-body) .page-actions { width:100% }
:is(.identity-content, .auth-body) .page-actions .button { flex:1 }
:is(.identity-content, .auth-body) .eyebrow { font-size:9px }
:is(.identity-content, .auth-body) .panel-head { padding:19px 17px;gap:10px }
:is(.identity-content, .auth-body) .panel-head h2 { font-size:15px }
:is(.identity-content, .auth-body) .panel-body { padding:20px 17px }
:is(.identity-content, .auth-body) .field>label { font-size:12px }
:is(.identity-content, .auth-body) .form-grid { grid-template-columns:minmax(0,1fr);gap:20px }
:is(.identity-content, .auth-body) .stat-grid { gap:8px;margin-bottom:17px }
:is(.identity-content, .auth-body) .stat-grid>div { display:block;padding:13px 11px;position:relative }
:is(.identity-content, .auth-body) .stat-icon { display:none }
:is(.identity-content, .auth-body) .stat-grid b { font-size:23px;margin-bottom:4px }
:is(.identity-content, .auth-body) .stat-grid small { font-size:9px }
:is(.identity-content, .auth-body) .filter-bar { padding:17px;gap:11px }
:is(.identity-content, .auth-body) .filter-bar .search-field { min-width:100%;max-width:none }
:is(.identity-content, .auth-body) .filter-bar .field { min-width:140px;flex:1 }
:is(.identity-content, .auth-body) .filter-bar .button { min-height:41px }
:is(.identity-content, .auth-body) .filter-reset { padding:8px 0 }
:is(.identity-content, .auth-body) .responsive-table .data-table thead { display:none }
:is(.identity-content, .auth-body) .responsive-table .data-table, :is(.identity-content, .auth-body) .responsive-table .data-table tbody, :is(.identity-content, .auth-body) .responsive-table .data-table tr, :is(.identity-content, .auth-body) .responsive-table .data-table td { display:block;width:100% }
:is(.identity-content, .auth-body) .responsive-table .data-table tr { padding:16px 17px;border-bottom:1px solid var(--line) }
:is(.identity-content, .auth-body) .responsive-table .data-table td { padding:8px 0;border:0;display:flex;align-items:start;gap:10px;justify-content:space-between;text-align:left }
:is(.identity-content, .auth-body) .responsive-table .data-table td:before { content:attr(data-label);color:var(--muted);font-size:10px;flex:none;min-width:58px;text-align:right }
:is(.identity-content, .auth-body) .responsive-table .data-table td:first-child { padding-top:0;text-align:right }
:is(.identity-content, .auth-body) .responsive-table .data-table td:first-child:before { display:none }
:is(.identity-content, .auth-body) .person-cell { min-width:0;width:100%;text-align:right }
:is(.identity-content, .auth-body) .person-cell small { font-size:11px }
:is(.identity-content, .auth-body) .row-actions { min-width:0;justify-content:flex-start;gap:7px }
:is(.identity-content, .auth-body) .badge-wrap { max-width:220px;justify-content:flex-end }
:is(.identity-content, .auth-body) .responsive-table .data-table td:first-child .role-info { width:100% }
:is(.identity-content, .auth-body) .pagination { padding:15px 17px;gap:8px;font-size:10px }
:is(.identity-content, .auth-body) .pagination .button { font-size:10px;padding:7px 9px }
:is(.identity-content, .auth-body) .branch-list { padding:0 17px }
:is(.identity-content, .auth-body) .branch-card { gap:12px;flex-wrap:wrap;padding:19px 0 }
:is(.identity-content, .auth-body) .branch-main h3 { font-size:13px }
:is(.identity-content, .auth-body) .branch-card>.row-actions { width:100%;justify-content:flex-start;padding-inline-start:57px }
:is(.identity-content, .auth-body) .branch-symbol { width:43px;height:43px }
:is(.identity-content, .auth-body) .branch-main .badge { font-size:9px }
:is(.identity-content, .auth-body) .matrix-toolbar { padding:17px;gap:13px }
:is(.identity-content, .auth-body) .matrix-toolbar .search-field { min-width:100% }
:is(.identity-content, .auth-body) .permission-legend { font-size:9px }
:is(.identity-content, .auth-body) .permission-module>summary { padding:15px 16px;gap:8px }
:is(.identity-content, .auth-body) .permission-module summary b { font-size:11px }
:is(.identity-content, .auth-body) .module-symbol { width:27px;height:27px }
:is(.identity-content, .auth-body) .module-count { font-size:9px }
:is(.identity-content, .auth-body) .permission-module summary .badge { font-size:8px;padding:3px 6px }
:is(.identity-content, .auth-body) .module-tools { margin-inline:16px;gap:12px;align-items:start;flex-wrap:wrap }
:is(.identity-content, .auth-body) .permission-matrix { min-width:700px }
:is(.identity-content, .auth-body) .permission-matrix th, :is(.identity-content, .auth-body) .permission-matrix td { padding-inline:12px }
:is(.identity-content, .auth-body) .planned-note { margin-inline:16px }
:is(.identity-content, .auth-body) .save-bar { padding:15px;flex-wrap:wrap;gap:13px }
:is(.identity-content, .auth-body) .save-bar .form-actions { width:100% }
:is(.identity-content, .auth-body) .save-bar .button { flex:1 }
:is(.identity-content, .auth-body) .save-bar small { font-size:10px }
:is(.identity-content, .auth-body) .form-actions { gap:10px }
:is(.identity-content, .auth-body) .copy-row { flex-wrap:wrap }
:is(.identity-content, .auth-body) .copy-row input { flex-basis:100%;min-width:0 }
:is(.identity-content, .auth-body) .copy-row .button { width:100% }
:is(.identity-content, .auth-body) .workspace-tiles { grid-template-columns:minmax(0,1fr);gap:13px }
:is(.identity-content, .auth-body) .workspace-tile { padding:20px }
:is(.identity-content, .auth-body) .workspace-tile h3 { margin-top:14px }
:is(.identity-content, .auth-body) .welcome-banner { padding:21px;gap:15px }
:is(.identity-content, .auth-body) .welcome-banner h2 { font-size:17px }
:is(.identity-content, .auth-body) .welcome-banner p { font-size:11px }
:is(.identity-content, .auth-body) .welcome-symbol { width:48px;height:48px;border-radius:13px }
:is(.identity-content, .auth-body) .auth-grid { display:block }
:is(.identity-content, .auth-body) .auth-story { min-height:0;padding:20px 23px;background:#2d243d }
:is(.identity-content, .auth-body) .auth-story .app-brand { margin:0 }
:is(.identity-content, .auth-body) .auth-story .logo-mark { width:33px;height:36px;font-size:23px;border-radius:9px }
:is(.identity-content, .auth-body) .auth-story .app-brand b { font-size:20px }
:is(.identity-content, .auth-body) .auth-story .app-brand small { font-size:8px }
:is(.identity-content, .auth-body) .story-content, :is(.identity-content, .auth-body) .auth-story-footer { display:none }
:is(.identity-content, .auth-body) .auth-story:before { display:none }
:is(.identity-content, .auth-body) .auth-form-area { padding:20px 24px 26px;min-height:calc(100vh - 76px) }
:is(.identity-content, .auth-body) .auth-top-label { font-size:9px }
:is(.identity-content, .auth-body) .auth-card { padding:30px 0;max-width:410px }
:is(.identity-content, .auth-body) .auth-card h1 { font-size:25px }
:is(.identity-content, .auth-body) .auth-card .auth-description { font-size:12px;margin-bottom:24px }
:is(.identity-content, .auth-body) .auth-footer { line-height:1.8 }
:is(.identity-content, .auth-body) .auth-emblem { height:44px;width:44px }
:is(.identity-content, .auth-body) .toast { inset-inline:16px;bottom:16px;text-align:center }
:is(.identity-content, .auth-body) .empty-state { padding:40px 20px }
:is(.identity-content, .auth-body) .check-card { padding:13px }
}
@media (prefers-reduced-motion:reduce) {
:is(.identity-content, .auth-body) * { transition:none!important;scroll-behavior:auto!important }
}
:is(.identity-content, .auth-body) .stat-grid>article { display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:13px;padding:19px 22px }
:is(.identity-content, .auth-body) .stat-grid strong { display:block;font:25px Arial;color:var(--ink) }
:is(.identity-content, .auth-body) .filter-bar>.search-field>.i, :is(.identity-content, .auth-body) .matrix-toolbar>.search-field>.i { position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#9296a8;width:18px }
:is(.identity-content, .auth-body) .filter-bar>.search-field>input, :is(.identity-content, .auth-body) .matrix-toolbar>.search-field>input { padding-inline-start:39px!important }
:is(.identity-content, .auth-body) .filter-bar>select { width:180px;flex:none;min-height:41px;font-size:12px }
:is(.identity-content, .auth-body) .panel-head>.muted { font-size:10px }
:is(.identity-content, .auth-body) .branch-main>p { margin:0 }
:is(.identity-content, .auth-body) .action-link[type=submit] { background:transparent;border:0;font:inherit;font-size:11px;cursor:pointer }
:is(.identity-content, .auth-body) .permission-module summary>div { min-width:0 }
:is(.identity-content, .auth-body) .save-bar>span { font-size:11px;color:var(--muted) }
:is(.identity-content, .auth-body) .save-bar>div { display:flex;gap:10px }
:is(.identity-content, .auth-body) .workspace-tile>span:last-child:not(.tile-icon) { display:block;font-size:10px;color:var(--purple);margin-top:20px }
:is(.identity-content, .auth-body) .branch-card .row-actions .button { font-size:10px;padding:7px 10px;min-height:32px }
@media (max-width:600px) {
:is(.identity-content, .auth-body) .stat-grid>article { display:block;padding:13px 11px }
:is(.identity-content, .auth-body) .stat-grid strong { font-size:23px;margin-top:5px }
:is(.identity-content, .auth-body) .filter-bar>select { flex:1;min-width:140px }
:is(.identity-content, .auth-body) .data-table.responsive-table thead { display:none }
:is(.identity-content, .auth-body) .data-table.responsive-table, :is(.identity-content, .auth-body) .data-table.responsive-table tbody, :is(.identity-content, .auth-body) .data-table.responsive-table tr, :is(.identity-content, .auth-body) .data-table.responsive-table td { display:block;width:100% }
:is(.identity-content, .auth-body) .data-table.responsive-table tr { padding:16px 17px;border-bottom:1px solid var(--line) }
:is(.identity-content, .auth-body) .data-table.responsive-table td { padding:8px 0;border:0;display:flex;align-items:start;gap:10px;justify-content:space-between;text-align:left;overflow-wrap:anywhere }
:is(.identity-content, .auth-body) .data-table.responsive-table td:before { content:attr(data-label);color:var(--muted);font-size:10px;flex:none;min-width:58px;text-align:right }
:is(.identity-content, .auth-body) .data-table.responsive-table td:first-child { padding-top:0;text-align:right }
:is(.identity-content, .auth-body) .data-table.responsive-table td:first-child:before { display:none }
:is(.identity-content, .auth-body) .panel-head>.muted { font-size:9px;max-width:120px }
:is(.identity-content, .auth-body) .save-bar>div { width:100% }
:is(.identity-content, .auth-body) .save-bar>div .button { flex:1 }
:is(.identity-content, .auth-body) .permission-module .module-count { display:none }
:is(.identity-content, .auth-body) .data-table.responsive-table td[colspan] { display:block }
:is(.identity-content, .auth-body) .tenant-choice { padding:14px }
}
:is(.identity-content, .auth-body) .permission-matrix th[scope=row] small { display:block;margin-top:5px;font-size:10px;font-weight:normal;line-height:1.6;overflow-wrap:anywhere;color:var(--muted) }
:is(.identity-content, .auth-body) .current-email { display:flex;align-items:center;flex-wrap:wrap;gap:.6rem }
:is(.identity-content, .auth-body) .current-email bdi { overflow-wrap:anywhere }
/* Workspace colors inherit the actual company Settings appearance, including light mode. */
.identity-content { --bg: inherit; --panel: inherit; --panel-alt: inherit; --line: inherit; --muted: inherit; --text: inherit; --ink:var(--text); --purple:var(--accent); --purple-soft:color-mix(in srgb,var(--accent) 13%,var(--panel)); --green:var(--secondary); --red:var(--danger); --radius:4px; --shadow:none; margin:0; color:var(--text); background:transparent; font:14px/1.65 Arial,Tahoma,sans-serif; }
.access-in-settings .content-inner { max-width:1200px; }
.identity-content .workspace-description { color:var(--muted); font-size:13px; margin:0 0 18px; line-height:1.8; }
.identity-content .panel, .identity-content .stat-grid>article, .identity-content .stat-grid>div, .identity-content .save-bar, .identity-content .check-card, .identity-content .branch-card, .identity-content .tenant-choice { background:var(--panel); border-color:var(--line); box-shadow:none; border-radius:4px; }
.identity-content h2 { font-size:17px; color:var(--text); font-weight:600; }
.identity-content h3, .identity-content .field>label, .identity-content .label-row { color:var(--text); }
.identity-content .field>label { font-size:13px; }
.identity-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .identity-content select, .identity-content textarea { background:var(--panel-alt); border:1px solid var(--line); color:var(--text); border-radius:3px; min-height:42px; box-shadow:none; }
.identity-content input[readonly] { background:var(--bg); color:var(--muted); }
.identity-content input:focus, .identity-content select:focus, .identity-content textarea:focus { outline:2px solid var(--link); outline-offset:1px; }
.identity-content .button { background:var(--secondary); border:1px solid transparent; color:white; border-radius:3px; padding:9px 16px; min-height:38px; font-size:13px; font-weight:500; text-decoration:none; }
.identity-content .button:hover { filter:brightness(1.08); }
.identity-content .button.secondary, .identity-content .icon-button { color:var(--text); background:var(--panel-alt); border-color:var(--line); border-radius:3px; }
.identity-content .button.danger-button { background:#b7414a; }
.identity-content a { color:var(--link); }
.identity-content .button { color:#fff; }
.identity-content .button.secondary { color:var(--text); }
.identity-content .panel-head { padding:18px 20px; }
.identity-content .panel-body { padding:24px; }
.identity-content .stat-grid { gap:14px; }
.identity-content .stat-grid strong,.identity-content .stat-grid b { color:var(--text); }
.identity-content .stat-icon, .identity-content .guide-icon, .identity-content .avatar, .identity-content .branch-symbol, .identity-content .section-number { background:var(--purple-soft); color:var(--accent); border-radius:4px; }
.identity-content .form-guide { background:var(--panel-alt); border-color:var(--line); border-radius:4px; color:var(--muted); }
.identity-content .form-guide h3 { color:var(--text); }
.identity-content .form-grid { gap:22px; }
.identity-content .save-bar { flex-wrap:wrap; }
.identity-content .save-bar>div { display:flex; gap:10px; flex-wrap:wrap; }
.identity-content .filter-bar { gap:12px; padding:18px 20px; }
.identity-content .data-table th { background:var(--panel-alt); color:var(--muted); border-color:var(--line); font-size:12px; }
.identity-content .data-table td { border-color:var(--line); font-size:13px; }
.identity-content .data-table tbody tr:hover { background:var(--panel-alt); }
.identity-content .badge { background:var(--panel-alt); border-radius:3px; }
.identity-content .badge.active, .identity-content .badge.success { background:color-mix(in srgb,var(--secondary) 24%,var(--panel)); color:#69d4a3; }
.identity-content .badge.purple { background:var(--purple-soft); color:#d3b5ed; }
.theme-light .identity-content .badge.purple { color:#77518c; }
.theme-light .identity-content .badge.active { color:#187549; }
.identity-content .badge.invited { background:#5e4a232a; color:#d9b163; }
.identity-content .badge.inactive, .identity-content .badge.gray, .identity-content .badge.neutral { background:var(--panel-alt); color:var(--muted); }
.identity-content .check-card:has(input:checked) { background:var(--purple-soft); border-color:var(--accent); }
.identity-content .info-strip, .identity-content .inline-empty, .identity-content .notice, .identity-content .permission-legend { background:var(--panel-alt); color:var(--muted); border-color:var(--line); border-radius:4px; }
.identity-content .permission-module { background:var(--panel); border-color:var(--line); border-radius:4px; }
.identity-content .permission-module>summary { background:var(--panel-alt); color:var(--text); }
.identity-content .permission-toolbar, .identity-content .module-tools, .identity-content .module-controls, .identity-content .permission-matrix th, .identity-content .permission-matrix td { background:transparent; border-color:var(--line); color:var(--text); }
.identity-content .permission-matrix thead th { background:var(--panel-alt); }
.identity-content .permission-matrix th[scope=row] { background:var(--panel-alt); color:var(--text); }
.identity-content .permission-module.planned { opacity:.8; }
.identity-content .permission-module .planned-label { color:#c29dd9; }
.identity-content .grant-cell select { font-size:12px; min-height:34px; }
.identity-content .count-badge { background:var(--purple-soft); color:var(--text); }
.identity-content .confirm-dialog { color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:8px; max-width:440px; padding:26px; }
.identity-content .confirm-dialog::backdrop { background:#0009; }
.identity-content .confirm-dialog p { color:var(--muted); }
.identity-content .empty-state { padding:50px 24px; background:transparent; }
.identity-content .alert { border-radius:4px; }
.identity-content .branch-list { padding:0; display:grid; gap:10px; }
.identity-content .branch-card { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:25px; align-items:center; padding:14px 16px; overflow:visible; }
.identity-content .branch-main { gap:10px; min-width:0; }
.identity-content .branch-main h3 { margin:0 0 3px; font-size:14px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.identity-content .branch-main small { font-size:12px; }
.identity-content .branch-actions-menu { position:relative; justify-self:end; }
.identity-content .branch-actions-menu>summary { display:grid; place-items:center; width:34px; height:34px; background:var(--panel-alt); border:1px solid var(--line); list-style:none; color:var(--text); cursor:pointer; border-radius:2px; }
.identity-content .branch-actions-menu>summary::-webkit-details-marker { display:none; }
.identity-content .branch-actions-popover { position:absolute; inset-inline-end:0; top:40px; width:202px; z-index:60; padding:6px; background:var(--panel); border:1px solid var(--line); box-shadow:0 10px 25px #0005; border-radius:4px; }
.identity-content .branch-actions-popover a, .identity-content .branch-actions-popover button { display:flex; align-items:center; gap:9px; min-height:39px; padding:9px 10px; width:100%; border:0; background:transparent; color:var(--text); font-size:13px; text-align:start; border-radius:3px; }
.identity-content .branch-actions-popover a:hover, .identity-content .branch-actions-popover button:hover { background:var(--panel-alt); text-decoration:none; }
.identity-content .branch-actions-popover .danger-text { color:var(--danger); }
.identity-content .branch-search { margin-bottom:16px; background:var(--panel); border:1px solid var(--line); border-radius:3px; }
.identity-content .branch-search>summary { padding:10px 14px; display:flex; align-items:center; gap:8px; cursor:pointer; font-size:13px; }
.identity-content .branch-search .filter-bar { border-top:1px solid var(--line); border-bottom:0; }
.identity-content .pagination { margin-top:16px; border:0; }
.identity-content .branch-settings-card { max-width:780px; }
.identity-content .toolbar-identity { display:flex; gap:10px; }
.identity-content.toolbar-identity { display:flex; gap:8px; align-items:center; }
.identity-content .table-shell { max-width:100%; }
@media(max-width:760px) {
 .identity-content .form-columns { grid-template-columns:1fr; }
 .identity-content .form-grid { grid-template-columns:1fr; }
 .identity-content .form-guide { padding:18px; }
 .identity-content .panel-body { padding:18px; }
 .identity-content .branch-card { gap:12px; padding:14px 12px; grid-template-columns:minmax(0,1fr) auto 36px; }
 .identity-content .workspace-description { font-size:12px; }
 .identity-content .button { min-height:42px; }
 .identity-content .branch-actions-menu>summary { width:36px; height:40px; }
}
@media(prefers-reduced-motion:reduce) { .identity-content *, .auth-body * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

.auth-body { color-scheme:light; --ink:#292b37; --muted:#7a7b89; --purple:#83599a; --purple-soft:#f1ebf6; --line:#e6e4eb; --bg:#f8f7fa; background:var(--bg); color:var(--ink); font:15px/1.7 Tahoma,Arial,sans-serif; min-height:100vh; }
.auth-body .auth-grid { display:grid; grid-template-columns:minmax(360px,43%) minmax(0,1fr); min-height:100vh; }
.auth-body .auth-story { padding:48px 60px 30px; background:radial-gradient(ellipse at 100% 0%,#75508633,transparent 55%),linear-gradient(145deg,#222429,#28262e); color:#f7f4fa; position:relative; overflow:hidden; display:flex; flex-direction:column; }
.auth-body .auth-story:before { content:''; width:440px; height:440px; position:absolute; border:1px solid #b795c01c; border-radius:50%; bottom:-200px; right:-160px; pointer-events:none; }
.auth-body .auth-story:after { content:''; position:absolute; width:330px; height:330px; border:1px solid #b795c01b; border-radius:50%; bottom:-146px; right:-103px; pointer-events:none; }
.auth-body .app-brand { margin:0; gap:14px; color:white; text-decoration:none; }
.auth-body .logo-mark { border-radius:10px; width:49px; height:49px; background:linear-gradient(145deg,#ae7cc0,#77518f); font:700 33px Arial; box-shadow:0 8px 24px #0002; }
.auth-body .app-brand b { font:700 27px Arial; letter-spacing:4px; }
.auth-body .app-brand small { letter-spacing:2.8px; font:10px Arial; margin-top:6px; color:#bbb3c4; }
.auth-body .story-content { margin:auto 0; padding:75px 0; position:relative; z-index:1; max-width:450px; }
.auth-body .story-kicker { color:#c6a5d5; letter-spacing:1px; font-size:12px; display:inline-block; margin-bottom:22px; }
.auth-body .story-content h1 { color:#fff; font-size:clamp(30px,3vw,46px); line-height:1.65; font-weight:700; margin:0 0 24px; }
.auth-body .story-content h1 span { color:#cca8dc; }
.auth-body .story-content>p { color:#b6b5bf; font-size:14px; max-width:370px; line-height:2.1; }
.auth-body .auth-modules { display:flex; flex-wrap:wrap; gap:10px; margin-top:40px; }
.auth-body .auth-modules span { border:1px solid #ffffff17; border-radius:7px; background:#ffffff04; padding:9px 13px; display:inline-flex; align-items:center; gap:8px; color:#cec7d5; font-size:11px; }
.auth-body .auth-modules .i { width:16px; height:16px; color:#bb96ca; }
.auth-body .auth-story-footer { display:flex; justify-content:space-between; color:#93909b; border-top:1px solid #ffffff12; padding-top:20px; font-size:10px; position:relative; z-index:1; }
.auth-body .auth-form-area { background:#fbfafc; padding:46px clamp(26px,6vw,90px) 24px; display:flex; align-items:center; flex-direction:column; min-width:0; }
.auth-body .auth-top-label { width:100%; max-width:440px; display:flex; justify-content:space-between; font-size:12px; color:#83808e; margin:0 0 25px; }
.auth-body .auth-top-label b { font:700 12px Arial; color:#51475c; letter-spacing:1.5px; }
.auth-body .auth-card { width:100%; max-width:440px; margin:auto 0; padding:25px 0; box-shadow:none; border:0; background:transparent; }
.auth-body .auth-card h2 { color:#2c2934; font-size:28px; line-height:1.6; margin:12px 0 8px; font-weight:bold; }
.auth-body .auth-description { margin-bottom:28px; font-size:13px; line-height:1.9; color:#85828c; }
.auth-body .auth-emblem { width:46px; height:46px; display:grid; place-items:center; color:var(--purple); background:var(--purple-soft); border:1px solid #e3d8e9; border-radius:12px; margin-bottom:20px; }
.auth-body .auth-emblem .i { width:22px; height:22px; }
.auth-body .login-tabs { display:grid; grid-template-columns:1fr 1fr; border:1px solid #e6e2e9; background:#efedf2; padding:4px; border-radius:9px; gap:4px; margin-bottom:28px; }
.auth-body .login-tabs a { padding:9px; font-size:12px; display:flex; align-items:center; justify-content:center; gap:8px; color:#8a8491; border-radius:6px; }
.auth-body .login-tabs a[aria-current=page] { background:white; box-shadow:0 2px 6px #2518310b; color:var(--purple); font-weight:bold; }
.auth-body .login-tabs .i { width:17px; height:17px; }
.auth-body .stack-form { gap:22px; }
.auth-body .field { gap:9px; }
.auth-body .field>label,.auth-body .label-row { font-size:12px; color:#514b58; }
.auth-body .label-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.auth-body .label-row a { font-size:11px; color:var(--purple); font-weight:normal; }
.auth-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.auth-body select { background:#fff; border:1px solid #dfdbe5; border-radius:8px; min-height:52px; padding:12px 15px; font-size:14px; color:#2c2934; }
.auth-body .password-field input { padding-inline-end:52px; }
.auth-body .button.wide { min-height:52px; border-radius:8px; background:linear-gradient(100deg,#80568f,#9765a8); font-size:14px; font-weight:600; box-shadow:0 7px 14px #80568f18; margin-top:4px; }
.auth-body .button.wide:hover { filter:brightness(1.05); }
.auth-body .auth-note { border:0; background:transparent; display:flex; justify-content:center; gap:7px; color:#8a8791; font-size:10px; padding:0; margin:24px 0 0; }
.auth-body .auth-note .i { width:15px; height:15px; color:#79a18b; }
.auth-body .auth-switch { display:none; }
.auth-body .auth-footer { max-width:440px; width:100%; border-top:1px solid #e9e5ed; padding-top:20px; margin:25px 0 0; font-size:10px; color:#a09ba7; text-align:center; }
.auth-body .auth-footmark { font:11px Arial; letter-spacing:.5px; display:block; margin-bottom:6px; }
.auth-body .tenant-choice { border-radius:8px; box-shadow:none; }
.auth-body .first-login-note { padding:13px 15px; background:#fff8e9; border:1px solid #efdfb9; color:#8a6a26; border-radius:8px; font-size:12px; line-height:1.9; margin-bottom:24px; }
@media(max-width:1024px) { .auth-body .auth-story { padding:35px 32px 26px; } .auth-body .auth-form-area { padding:32px; } .auth-body .auth-grid { grid-template-columns:40% 60%; } }
@media(max-width:760px) { .auth-body .auth-grid { grid-template-columns:1fr; } .auth-body .auth-story { display:flex; padding:24px; min-height:0; } .auth-body .story-content,.auth-body .auth-story-footer { display:none; } .auth-body .auth-form-area { padding:25px 23px; min-height:calc(100vh - 96px); } .auth-body .auth-card { padding:10px 0; } .auth-body .auth-top-label { margin-bottom:24px; } .auth-body .app-brand b { font-size:22px; } .auth-body .logo-mark { width:40px; height:40px; font-size:26px; } .auth-body .auth-card h2 { font-size:25px; } }

.identity-content .branch-badges{justify-self:center}

/* The shared Settings mobile table minimum must not clip access-card content. */
.identity-content .grant-control select { background:var(--panel-alt); color:var(--text); border-color:var(--line); font-size:11px; min-height:34px; width:120px; border-radius:3px; }
.identity-content .grant-control select:disabled { background:var(--panel-alt); color:var(--muted); opacity:.65; }
@media (max-width:600px) {
 .identity-content .data-table.responsive-table { min-width:0; max-width:100%; }
 .identity-content .data-table.responsive-table tbody,
 .identity-content .data-table.responsive-table tr,
 .identity-content .data-table.responsive-table td { min-width:0; max-width:100%; }
 .identity-content .data-table.responsive-table td>* { min-width:0; overflow-wrap:anywhere; }
 .identity-content .data-table.responsive-table .role-info { flex-wrap:wrap; }
 .identity-content .grant-control select { width:108px; }
}

/* Notices keep a readable foreground in both inherited Settings themes. */
.identity-content .alert.success { background:color-mix(in srgb,var(--secondary) 13%,var(--panel)); color:var(--text); border-color:color-mix(in srgb,var(--secondary) 45%,var(--line)); }
.identity-content .alert.warning { background:color-mix(in srgb,#ae852f 13%,var(--panel)); color:var(--text); border-color:color-mix(in srgb,#ae852f 45%,var(--line)); }
.identity-content .alert.danger { background:color-mix(in srgb,#b84253 13%,var(--panel)); color:var(--text); border-color:color-mix(in srgb,#b84253 45%,var(--line)); }
.identity-content .alert p, .identity-content .alert strong, .identity-content .alert h3 { color:inherit; }
.identity-content .workspace-tile { background:var(--panel);color:var(--text);border-radius:4px; }
.identity-content .workspace-tile h3 { color:var(--text); }
.identity-content .welcome-banner { background:var(--panel-alt);color:var(--text);border-color:var(--line);border-radius:4px; }
.identity-content .welcome-banner h2 { color:var(--text); }
.identity-content .invite-delivery { background:color-mix(in srgb,var(--secondary) 12%,var(--panel));border-color:color-mix(in srgb,var(--secondary) 45%,var(--line));border-radius:4px;color:var(--text); }
.identity-content .invite-delivery strong, .identity-content .invite-delivery p { color:var(--text); }
.identity-content .welcome-banner p { color:var(--muted); }

.identity-content .matrix-scroll-hint { display:none; }
@media(max-width:760px) { .identity-content .matrix-scroll-hint { display:block; font-size:11px; padding:10px 15px; margin:0; color:var(--muted); background:var(--panel-alt); border-top:1px solid var(--line); } }