.access-role{margin:0 18px 15px;color:var(--muted);font-size:12px}.access-intro{display:flex;gap:24px;justify-content:space-between;align-items:center}.access-intro p{max-width:680px}.access-user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.access-user-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.access-user-heading{display:flex;gap:12px;justify-content:space-between}.access-user-heading h3{margin:0 0 5px}.access-user-heading span{font-size:12px;color:var(--muted)}.access-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.access-chips>span{font-size:11px;padding:5px 8px;border:1px solid var(--line);border-radius:20px}.access-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:12px;padding:20px;margin:22px 0}.access-permissions legend{padding:0 8px;font-weight:700}.access-permission{display:flex;gap:12px;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}.access-permission:has(input:checked){background:var(--accent-soft);border-color:var(--green)}.access-permission input{width:18px;height:18px;min-width:18px;accent-color:var(--green)}.access-permission small{display:block;margin-top:5px;color:var(--muted);line-height:1.5}.access-permission strong{font-size:13px}@media(max-width:700px){.access-intro{align-items:flex-start;flex-direction:column}.access-permissions{grid-template-columns:1fr;padding:12px}.access-user-heading{flex-direction:column}.access-user-list{grid-template-columns:1fr}}
.access-password-page{max-width:620px;padding:24px;margin:8vh auto}.access-password .form-grid{grid-template-columns:1fr}.access-password .actions{flex-wrap:wrap}
.attendance-highlight{outline:2px solid var(--amber);outline-offset:-2px;background:var(--warning-soft)}

/* Employee delegation and project-level user organization. */
#access-user-form{scroll-margin-top:24px}#access-user-form:focus{outline:none}@media(max-width:760px){#access-user-form{scroll-margin-top:88px}}
.access-filter-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px;margin:0 0 22px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft)}
.access-filter-bar>.field{flex:1 1 300px;max-width:540px;margin:0}
.access-filter-summary{display:flex;flex-direction:column;gap:5px;flex:1 1 200px}
.access-filter-summary strong{font-size:15px}.access-filter-summary span{font-size:12px;color:var(--muted)}
.access-user-card{min-width:0}.access-user-heading>div{min-width:0}.access-user-heading h3,.access-user-card>p{overflow-wrap:anywhere}
.employee-rate-defaults{margin-bottom:20px}.employee-rate-defaults>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}
.employee-rate-defaults>summary::-webkit-details-marker{display:none}.employee-rate-defaults>summary::after{content:'+';font-size:26px;color:var(--muted)}.employee-rate-defaults[open]>summary::after{content:'−'}
.employee-rate-defaults>summary>div{flex:1}.employee-rate-defaults h2{margin:5px 0 8px}.employee-rate-defaults summary p{margin:0;color:var(--muted);font-size:13px}
.employee-rate-defaults form{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.employee-rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}
.employee-rate-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 12px}
.employee-rate-input input{min-width:0;flex:1;width:100%;padding:12px 0;border:0;background:transparent;box-shadow:none}
.employee-rate-input:focus-within{outline:2px solid var(--green);outline-offset:2px}.employee-rate-input input:focus{outline:0;box-shadow:none}
.employee-rate-input>span{color:var(--muted);white-space:nowrap;font-size:13px}
.employee-rate-note{padding:13px 15px;border-left:3px solid var(--green);border-radius:0 8px 8px 0;background:var(--accent-soft);color:var(--muted);font-size:13px;line-height:1.6}
.employee-rate-readonly{padding:12px;border:1px solid var(--line);border-radius:10px;font-weight:600}.employee-rate-readonly span{font-size:11px;color:var(--muted);font-weight:400;margin-left:7px}
@media(max-width:700px){.access-filter-bar{gap:14px;padding:14px}.access-filter-bar>.field{flex-basis:100%;max-width:none}.access-filter-summary{flex-basis:170px}.employee-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-rate-defaults>summary>.pill{display:none}.employee-rate-defaults h2{font-size:19px}.employee-rate-input{padding:0 8px;gap:5px}}
@media(max-width:360px){.employee-rate-grid{grid-template-columns:1fr}}
.project-start-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.project-start-controls>.field{flex:1 1 220px;max-width:380px;margin:0}.project-start-controls>.button{margin:0}.project-start-settings .muted{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.project-start-feedback:empty{display:none}.project-start-feedback{margin-bottom:0;overflow-wrap:anywhere}@media(max-width:600px){.project-start-controls>.field{max-width:none;flex-basis:100%}.project-start-controls>.button{width:100%}}
/* Finance accounts retain a clear project context on desktop and mobile. */
.nav-project-context select{display:block;width:100%;max-width:100%;margin-top:8px;font:inherit;font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 8px}
.access-scope-note{padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;background:var(--accent-soft);font-size:13px;line-height:1.6;color:var(--ink)}.access-scope-note small{display:block;margin-top:4px;color:var(--muted)}
.finance-budget>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.finance-budget>summary span{font-size:20px;font-weight:700}.finance-budget form{margin-top:20px}.finance-budget [data-budget-feedback]:empty{display:none}
/* A linked employee keeps personal records separate from project management. */
.access-linked-employee{grid-column:1/-1;max-width:760px}.access-linked-employee small{line-height:1.6;color:var(--muted)}.access-linked-summary{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:12px}.qps-linked-employee{width:100%;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel,#fff)}.qps-linked-employee iframe{display:block;width:100%;height:calc(100dvh - 195px);min-height:520px;border:0;background:transparent}@media(max-width:760px){.layout[data-workspace-view="my_employee"]>.main{padding:14px 8px 12px}.layout[data-workspace-view="my_employee"] .topbar{margin-bottom:12px}.layout[data-workspace-view="my_employee"] .topbar h1{font-size:20px}.layout[data-workspace-view="my_employee"] .topbar p{display:none}.qps-linked-employee{border-radius:12px}.qps-linked-employee iframe{height:calc(100dvh - 150px);min-height:430px}}

.access-preset{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px;align-items:center;padding:18px;margin:0 0 22px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft)}.access-preset .field{min-width:0;margin:0}.access-preset-info{min-width:0}.access-preset-info strong{font-size:13px}.access-preset-info p{margin:6px 0;line-height:1.5}.access-preset-info small{display:block;color:var(--muted);line-height:1.5}@media(max-width:700px){.access-preset{grid-template-columns:1fr;gap:12px;padding:14px}}
.access-user-card.is-inactive{background:var(--panel-soft,var(--panel))}.access-you{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:8px;font-size:10px;background:var(--accent-soft);color:var(--text)}.access-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;margin:12px 0}.access-status i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.access-status.is-active i{background:var(--green,#16a34a)}.access-account-actions{gap:8px;flex-wrap:wrap}.access-account-actions .access-sessions{flex-basis:100%;border-color:transparent;justify-content:flex-start;padding-left:0;color:var(--muted)}.access-account-protected{font-size:11px;color:var(--muted);margin:12px 0 0}#access-account-action-form h3{overflow-wrap:anywhere}#access-account-action-form h3 small{display:block;margin-top:5px;color:var(--muted);font-size:12px}#access-account-action-form p{line-height:1.6}#access-account-action-form [data-access-action-error]{color:var(--danger,#c0392b)}