.setup-heading{align-items:flex-end}.setup-heading .pill{background:#fff0d8;color:#946219}.setup-heading .pill.good{background:#dff3e8;color:#24734f}.setup-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;align-items:start}.setup-guide{padding:12px;position:sticky;top:18px}.setup-guide-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:11px;color:#7a8b85}.setup-guide-item>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eef2f0;font-size:.68rem;font-weight:850}.setup-guide-item strong,.setup-guide-item small{display:block}.setup-guide-item strong{font-size:.77rem}.setup-guide-item small{font-size:.62rem;margin-top:2px}.setup-guide-item.active{color:#244b40;background:#f2f7f5}.setup-guide-item.active>span{background:#d8f1f5;color:#073f50}.setup-deferred{border-top:1px solid #e8eeeb;margin-top:10px;padding:16px 10px 8px}.setup-deferred strong{font-size:.72rem}.setup-deferred p{font-size:.65rem;color:#82918c;margin:5px 0 0}.setup-form{display:grid;gap:16px}.setup-section{padding:24px}.setup-section .panel-head p{margin:4px 0 0;color:#7b8b86;font-size:.72rem}.section-tag{background:#edf2f0;color:#61756e;border-radius:20px;padding:5px 8px;font-size:.62rem;font-weight:800;white-space:nowrap}.section-tag.required{background:#fff0dc;color:#a26817}.section-tag.good{background:#def3e8;color:#24734f}.setup-fields{margin:22px 0 0}.setup-fields textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8e1dd;border-radius:10px;background:#fbfcfb;color:#17241f;padding:11px 12px;font:inherit;font-size:.88rem;resize:vertical}.setup-fields.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.locked-setting{background:#f6f9f7;border:1px solid #e8eeeb;border-radius:10px;padding:11px 12px}.locked-setting small,.locked-setting strong,.locked-setting span{display:block}.locked-setting small{font-size:.65rem;text-transform:uppercase;color:#81908b}.locked-setting strong{font-size:.82rem;margin:5px 0 3px}.locked-setting span{font-size:.62rem;color:#8b9994}.payment-setup-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);gap:16px;align-items:end;margin-top:20px}.payment-setup-row label{font-size:.76rem;color:#526760;font-weight:700}.payment-setup-row input{display:block;width:100%;margin-top:7px;border:1px solid #d8e1dd;border-radius:10px;background:#fbfcfb;padding:11px 12px}.bank-format{background:#f2f6ff;border:1px solid #e0e8fa;border-radius:10px;padding:11px 13px}.bank-format strong,.bank-format span,.bank-format small{display:block}.bank-format strong{font-size:.78rem;color:#365eaf}.bank-format span{font-size:.66rem;color:#657ba8;margin-top:3px}.bank-format small{font-size:.62rem;color:#8390aa;margin-top:4px}.field-note{font-size:.66rem;color:#82918c;margin:8px 0 0}.role-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:19px}.role-cards>div{background:#f7f9f8;border-radius:10px;padding:11px}.role-cards strong,.role-cards span{display:block}.role-cards strong{font-size:.72rem}.role-cards span{font-size:.61rem;color:#7e8d88;margin-top:4px;line-height:1.4}.setup-save{position:sticky;bottom:12px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#073f50;color:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 14px 35px rgba(20,51,43,.25)}.setup-save strong,.setup-save small{display:block}.setup-save strong{font-size:.78rem}.setup-save small{font-size:.63rem;color:#b9cec7;margin-top:2px}.setup-save .primary{background:#2474bd;color:#fff}.setup-save .primary:hover{background:#1c63a0}
.nav-group{display:grid;gap:3px}.nav-parent{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-caret{font-size:1rem;transition:transform .18s ease}.nav-parent[aria-expanded="true"] .nav-caret{transform:rotate(180deg)}.nav-submenu{display:grid;gap:3px;max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .15s ease;padding-left:12px}.nav-submenu.open{max-height:210px;opacity:1;margin-bottom:4px}.nav-submenu button{border:0;border-left:2px solid #2c6a79;background:transparent;color:#8eaaa2;text-align:left;padding:9px 12px;font-size:.75rem;font-weight:650;cursor:pointer}.nav-submenu button:hover,.nav-submenu button.active{border-left-color:#d8f1f5;color:#fff;background:#0b566a;border-radius:0 8px 8px 0}.single-page-form{max-width:1120px}.setup-page .setup-heading{max-width:1120px}.role-cards.detailed{grid-template-columns:repeat(5,minmax(0,1fr))}.role-cards.detailed>div{padding:16px}.role-cards.detailed b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6f0ed;color:#285d4e;font-size:.7rem;margin-bottom:13px}.deferred-section{max-width:1120px;margin-top:16px}.deferred-section p{max-width:850px}
@media(max-width:1100px){.setup-layout{grid-template-columns:1fr}.setup-guide{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.setup-deferred{grid-column:span 4}.role-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.setup-guide{grid-template-columns:1fr 1fr}.setup-deferred{grid-column:span 2}.setup-fields.compact,.payment-setup-row{grid-template-columns:1fr}.role-cards,.role-cards.detailed{grid-template-columns:1fr 1fr}.setup-save{align-items:flex-start;flex-direction:column}.setup-save button{width:100%}.nav-submenu{padding-left:0}.nav-submenu.open{grid-column:1/-1}.nav-submenu button{text-align:center}}
.auth-pending>.sidebar,.auth-pending>main{visibility:hidden}.auth-pending{overflow:hidden}.auth-shell{position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#073f50,#0d6176);display:grid;place-items:center;padding:24px}.auth-shell.hidden{display:none}.auth-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.auth-card h1{margin-bottom:8px}.auth-card>p:not(.eyebrow){color:#6d7f78}.auth-card label{display:block;font-size:.76rem;color:#526760;font-weight:700;margin-top:15px}.auth-card input{display:block;width:100%;margin-top:7px;border:1px solid #d8e1dd;border-radius:10px;background:#fbfcfb;padding:12px;font:inherit}.auth-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#d8f1f5;color:#073f50;font-weight:900;margin-bottom:22px}.auth-error{background:#fae7e7;color:#8d3037!important;border-radius:10px;padding:10px 12px;font-size:.76rem}.user-session{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe6e2;border-radius:12px;padding:8px 9px 8px 13px}.user-session span,.user-session strong,.user-session small{display:block}.user-session span{font-size:.62rem;color:#71817c;text-transform:uppercase}.user-session strong{font-size:.78rem;margin-top:2px}.user-session small{font-size:.62rem;color:#71817c;margin-top:2px}.user-form,.user-list-section{max-width:1120px;margin-top:16px}.role-selector{display:flex;gap:10px;flex-wrap:wrap;border:1px solid #e1e8e4;border-radius:12px;padding:14px;margin:0 0 18px}.role-selector legend{font-size:.7rem;font-weight:800;color:#60736c;padding:0 5px}.role-selector label{display:flex;align-items:center;gap:6px;background:#f2f6f4;border-radius:8px;padding:8px 10px;font-size:.72rem}.user-list{display:grid;gap:10px}.user-row{border:1px solid #e3e9e6;border-radius:12px;padding:14px}.user-row.inactive{opacity:.65}.user-row-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.user-row-head strong,.user-row-head small{display:block}.user-row-head small{color:#7b8b86;font-size:.66rem;margin-top:3px}.user-edit-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.user-edit-grid label{font-size:.68rem;color:#60736c;font-weight:700}.user-edit-grid input[type="text"],.user-edit-grid input[type="password"]{display:block;width:100%;margin-top:5px;border:1px solid #d8e1dd;border-radius:8px;padding:9px}.user-edit-grid .role-selector{grid-column:1/-1;margin:0;padding:9px}.active-toggle{display:flex;align-items:center;gap:6px;padding-bottom:9px}@media(max-width:720px){.user-edit-grid{grid-template-columns:1fr}.user-edit-grid .role-selector{grid-column:auto}}
.mobile-access-section{max-width:1120px;margin-top:16px}.mobile-access-admin-list{display:grid;gap:12px;margin-top:20px}.mobile-access-admin-row{border:1px solid #e1e8e4;border-radius:12px;padding:16px}.mobile-access-admin-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1.4fr) auto;gap:12px;align-items:end}.mobile-access-admin-grid>label{display:grid;gap:6px;color:#60736c;font-size:.68rem;font-weight:700}.mobile-access-admin-grid select{width:100%;border:1px solid #d8e1dd;border-radius:8px;background:#fbfcfb;padding:9px}.mobile-team-selector{grid-column:1/-1;border:1px solid #e1e8e4;border-radius:10px;padding:12px}.mobile-team-selector legend{padding:0 5px;color:#60736c;font-size:.68rem;font-weight:800}.mobile-team-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:220px;overflow:auto}.mobile-team-options label{display:flex;align-items:flex-start;gap:7px;background:#f5f8f6;border-radius:8px;padding:9px;font-size:.7rem}.mobile-team-options small{display:block;color:#7b8b86;margin-top:2px}.mobile-access-meta{grid-column:1/-1;color:#7b8b86;font-size:.66rem}.mobile-access-history{grid-column:1/-1;border-top:1px solid #e1e8e4;padding-top:10px}.mobile-access-history summary{cursor:pointer;color:#365e52;font-size:.7rem;font-weight:800}.mobile-access-history article{padding:9px 0;border-bottom:1px solid #edf1ef}.mobile-access-history strong,.mobile-access-history small{display:block}.mobile-access-history strong{font-size:.7rem}.mobile-access-history small{color:#7b8b86;font-size:.64rem;margin-top:3px}.mobile-access-role-warning{margin:0 0 12px;color:#986214;font-size:.72rem}.mobile-access-admin-row.inactive{opacity:.7}@media(max-width:900px){.mobile-team-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.mobile-access-admin-grid{grid-template-columns:1fr}.mobile-team-selector,.mobile-access-meta,.mobile-access-history{grid-column:auto}.mobile-team-options{grid-template-columns:1fr}}
.payment-setup-row select{display:block;width:100%;margin-top:7px;border:1px solid #d8e1dd;border-radius:10px;background:#fbfcfb;padding:11px 12px;font:inherit;color:#17241f}
.user-edit-grid{grid-template-columns:1fr 1fr}.user-account-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-account-actions small{color:#71817c;font-size:.68rem}.user-deactivate{border:1px solid #d9a8a8;border-radius:10px;background:#fff1f1;color:#94373d;padding:10px 15px;font-weight:750;cursor:pointer}.user-deactivate:hover{background:#f8dddd}@media(max-width:720px){.user-account-actions{grid-column:auto;align-items:stretch;flex-direction:column}.user-account-actions button{width:100%}}
.organisation-access-selector{grid-column:1/-1;border:1px solid #e1e8e4;border-radius:12px;padding:12px 14px;margin:0 0 18px}.organisation-access-selector legend{font-size:.7rem;font-weight:800;color:#60736c;padding:0 5px}.organisation-access-selector>label{display:grid;gap:6px;font-size:.7rem;font-weight:800;color:#526760}.organisation-access-selector select{width:100%;border:1px solid #d8e1dd;border-radius:9px;background:#fff;padding:10px;font:inherit}.organisation-access-selector>small{display:block;margin-top:9px;color:#71817c;font-size:.66rem}.organisation-access-units{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.organisation-access-units label{display:flex;align-items:center;gap:7px;background:#f2f6f4;border:1px solid #dfe8e3;border-radius:9px;padding:8px 10px;font-size:.7rem;color:#163c35}.organisation-access-units label small{display:block;color:#71817c;font-weight:500;margin-top:2px}.organisation-access-units .empty{padding:8px 0;color:#71817c;font-size:.7rem}
.account-island-setup{max-width:1120px;margin-top:16px}.account-island-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.account-island-facts>div{background:#f5f8f6;border:1px solid #e1e8e4;border-radius:11px;padding:14px}.account-island-facts .span-2{grid-column:1/-1}.account-island-facts small,.account-island-facts strong,.account-island-facts code{display:block}.account-island-facts small{color:#71817c;font-size:.65rem;text-transform:uppercase;font-weight:800}.account-island-facts strong,.account-island-facts code{margin-top:6px;font-size:.76rem;overflow-wrap:anywhere}.account-island-token-create{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:20px}.account-island-token-create label{font-size:.7rem;font-weight:800;color:#526760}.account-island-token-create input{display:block;width:100%;margin-top:6px;border:1px solid #d8e1dd;border-radius:10px;background:#fbfcfb;padding:11px 12px;font:inherit}.account-island-secret{margin-top:16px;padding:15px;border:1px solid #e9c36f;border-radius:11px;background:#fff8e8}.account-island-secret strong,.account-island-secret small,.account-island-secret code{display:block}.account-island-secret code{margin:9px 0;padding:10px;background:#fff;border:1px solid #ead7ae;border-radius:8px;overflow-wrap:anywhere}.account-island-secret small{color:#7b6943}.account-island-token-list{display:grid;gap:10px;margin-top:20px}.account-island-token-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e1e8e4;border-radius:11px;padding:14px}.account-island-token-row.revoked{opacity:.6}.account-island-token-row strong,.account-island-token-row small{display:block}.account-island-token-row small{color:#71817c;margin-top:4px}.account-island-token-actions{display:flex;gap:8px}.account-island-token-actions .danger{border-color:#d9a8a8;color:#94373d;background:#fff1f1}@media(max-width:720px){.account-island-facts{grid-template-columns:1fr}.account-island-facts .span-2{grid-column:auto}.account-island-token-create,.account-island-token-row{grid-template-columns:1fr}.account-island-token-actions{flex-direction:column}.account-island-token-actions button{width:100%}}
/* Dedicated organisation email settings. */
#email-settings-form[hidden],#email-settings-form [hidden]{display:none}
.email-settings-actions{display:flex;gap:8px;flex-shrink:0}
.email-template-panel{margin-top:18px;max-width:none}.email-template-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;margin-top:22px}.email-template-list{display:grid;align-content:start;gap:8px}.email-template-list button{border:1px solid #dfe8e3;border-radius:12px;background:#f7faf8;color:#173f36;padding:14px;text-align:left;cursor:pointer}.email-template-list button strong,.email-template-list button small{display:block}.email-template-list button small{margin-top:5px;color:#71817c;line-height:1.35}.email-template-list button.active{border-color:#168878;background:#e7f5f1;box-shadow:inset 4px 0 #168878}.email-template-editor{min-width:0}.email-template-editor .setup-fields{margin-top:0}.email-template-editor input[readonly]{background:#eef3f1;color:#64756f}.email-template-fields{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.email-template-fields button{border:1px solid #cbdcd6;border-radius:20px;background:#f4f8f6;color:#28584b;padding:6px 9px;font-size:.68rem;cursor:pointer}.email-template-actions{display:flex;gap:9px}.manual-email-template-controls{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:end;margin-top:16px;padding:14px;border:1px solid #e0e8e4;border-radius:12px;background:#f7faf8}.manual-email-template-controls label{font-size:.72rem;font-weight:750;color:#526760}.manual-email-template-controls select{display:block;width:100%;margin-top:6px;border:1px solid #d8e1dd;border-radius:10px;background:#fff;padding:10px}.manual-email-template-controls small{grid-column:1/-1;color:#71817c}.email-template-preview{margin-top:18px;border:1px solid #bed8d0;border-radius:14px;background:#f3faf7;padding:18px}.email-template-preview h4{margin:3px 0}.email-template-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.8rem;line-height:1.6;color:#183d34;background:#fff;border:1px solid #dbe7e2;border-radius:10px;padding:16px;margin:15px 0 0}
@media(max-width:720px){#settings-email .setup-fields.compact{grid-template-columns:1fr}#settings-email .setup-fields .span-2{grid-column:auto}.email-settings-actions{width:100%}}
@media(max-width:850px){.email-template-layout{grid-template-columns:1fr}.email-template-list{grid-template-columns:1fr 1fr}.manual-email-template-controls{grid-template-columns:1fr}.manual-email-template-controls small{grid-column:auto}}
@media(max-width:560px){.email-template-list{grid-template-columns:1fr}.email-template-actions{flex-direction:column}.email-template-actions button{width:100%}}
#settings-access>.access-toolbar{margin-top:16px}
.access-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#settings-access,#settings-access>.setup-heading,#settings-access>.panel,#settings-access>.access-toolbar,#settings-access #user-list,#settings-access .user-account-row,#settings-access .user-edit-form{width:100%;max-width:none;min-width:0}
#settings-access .outstanding-invitations{margin-top:16px}
@media(max-width:720px){#settings-access .user-list-section>.panel-head{align-items:flex-start;flex-direction:column}}
#user-list .user-account-row{padding:0;overflow:hidden}
.pending-user-account-row{border-color:#e7d4a8;background:#fffaf0}.pending-user-account-row .user-account-summary{cursor:default}.pending-user-account-row .user-account-summary:hover{background:#fffaf0}
.user-account-summary{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) minmax(180px,1fr) auto 16px;align-items:center;gap:20px;padding:18px 20px;cursor:pointer;list-style:none}
.mobile-access-account{border:1px solid #e1e8e4;border-radius:12px;overflow:hidden}
.mobile-access-account>.mobile-access-admin-row{border:0;border-radius:0;margin:0;padding:20px}
.mobile-access-account>.mobile-access-admin-row>.user-row-head{display:none}
.mobile-access-account.inactive{opacity:.7}
.user-account-summary::-webkit-details-marker{display:none}
.user-account-summary:hover{background:#f5f9f7}
.user-account-summary:focus-visible{outline:2px solid #2474bd;outline-offset:-3px}
.user-account-summary>span{min-width:0;overflow-wrap:anywhere}
.user-account-summary strong{font-size:.86rem}
.user-account-summary small{display:block;color:#71817c;font-size:.66rem;margin-bottom:4px}
.user-account-identity small{margin:5px 0 0}
.user-account-roles>span,.user-account-access>span{font-size:.76rem;color:#36564c}
.user-account-chevron{width:8px;height:8px;border-right:2px solid #6d817b;border-bottom:2px solid #6d817b;transform:rotate(45deg);transition:transform .15s}
.user-account-row[open] .user-account-chevron{transform:rotate(225deg)}
.user-account-row[open]>.user-account-summary{border-bottom:1px solid #e3e9e6;background:#f5f9f7}
.user-account-row>.user-edit-form{padding:20px}
@media(max-width:720px){.user-account-summary{grid-template-columns:minmax(0,1fr) auto 12px;gap:12px;padding:16px}.user-account-identity{grid-column:1}.user-account-summary>.section-tag{grid-column:2;grid-row:1}.user-account-chevron{grid-column:3;grid-row:1}.user-account-roles,.user-account-access{grid-column:1/-1}.user-account-row>.user-edit-form{padding:16px}}
#settings-account-island,#settings-account-island>.setup-heading,#settings-account-island>.account-island-setup{width:100%;max-width:none;min-width:0}
#settings-xero,#settings-xero>.setup-heading,#settings-xero>.xero-setup{width:100%;max-width:none;min-width:0}.xero-setup{margin-top:16px}.xero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.xero-actions .danger{border-color:#d9a8a8;color:#94373d;background:#fff1f1}@media(max-width:720px){.xero-actions{align-items:stretch;flex-direction:column}.xero-actions button{width:100%}}
#settings-organisation,#settings-organisation>.setup-heading,#settings-organisation>form,#settings-organisation>.panel{width:100%;max-width:none;min-width:0}
:is(#settings-payroll,#settings-payments,#settings-email),:is(#settings-payroll,#settings-payments,#settings-email)>.setup-heading,:is(#settings-payroll,#settings-payments,#settings-email)>form,:is(#settings-payroll,#settings-payments,#settings-email)>.panel{width:100%;max-width:none;min-width:0}