.auth-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#f5f4f0}.auth-screen[hidden]{display:none}.auth-card{width:min(460px,100%);padding:30px;border:1px solid #dedcd4;border-radius:14px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.12)}.auth-brand{margin:0 0 6px;font-size:24px;text-transform:uppercase}.auth-subtitle{margin:0 0 24px;color:#5b5b5b}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-weight:600}.auth-form input,.auth-form select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbc8bd;border-radius:8px;background:#fff;font:inherit}.auth-form input:focus,.auth-form select:focus{outline:2px solid rgba(182,162,93,.3);border-color:#b6a25d}.auth-primary{min-height:42px;padding:9px 16px;border:0;border-radius:8px;color:#fff;background:#111;cursor:pointer}.auth-secondary{min-height:38px;padding:8px 14px;border:1px solid #cbc8bd;border-radius:8px;background:#fff;cursor:pointer}.auth-danger{color:#8c3325;border-color:#d9a397}.auth-message{min-height:20px;margin:0;color:#8c3325;font-size:14px}.auth-note{padding:12px;border-radius:8px;color:#78651d;background:#faf5df;font-size:14px}.auth-user{display:flex;align-items:center;gap:10px}.auth-user__meta{display:grid;text-align:right;font-size:12px}.auth-user__name{font-weight:700}.auth-user__role{color:#5b5b5b}.employees-page{display:none;gap:16px}.employees-page.is-active{display:grid}.employees-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.employees-toolbar h2{margin:0}.employees-list{display:grid;gap:10px}.employee-card{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(190px,1.4fr) 140px 120px auto;gap:12px;align-items:center;padding:14px;border:1px solid #dedcd4;border-radius:10px;background:#fff}.employee-card__name{font-weight:700}.employee-card__email{color:#5b5b5b}.employee-status{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:12px;background:#eee}.employee-status--active{color:#176c3a;background:#dff3e7}.employee-status--invited{color:#78651d;background:#faf5df}.employee-status--blocked{color:#8c3325;background:#fde8e4}.employee-actions{display:flex;justify-content:flex-end;gap:8px}.employee-editor{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.45)}.employee-editor[hidden]{display:none}.employee-editor__panel{width:min(920px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:12px;background:#fff}.employee-editor__head,.employee-editor__actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.employee-editor__head h2{margin:0}.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.employee-grid label{display:grid;gap:6px;font-weight:600}.employee-grid input,.employee-grid select{min-height:40px;padding:8px 10px;border:1px solid #cbc8bd;border-radius:8px;font:inherit}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 20px}.permission-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e2d9;border-radius:8px}.permission-row label{display:flex;align-items:center;gap:7px;font-weight:400}.auth-setup-banner{position:fixed;right:18px;bottom:18px;z-index:8500;width:min(410px,calc(100vw - 36px));padding:16px;border:1px solid #d6c577;border-radius:10px;background:#fff9df;box-shadow:0 8px 30px rgba(0,0,0,.12)}.auth-setup-banner h3{margin:0 0 8px}.auth-setup-banner p{margin:6px 0;font-size:14px}.auth-setup-banner__actions{display:flex;gap:8px;margin-top:12px}.auth-setup-banner input{flex:1;min-width:0;padding:8px;border:1px solid #cbc8bd;border-radius:7px}.permission-hidden{display:none!important}@media(max-width:850px){.employee-card{grid-template-columns:1fr}.employee-actions{justify-content:flex-start}.employee-grid,.permissions-grid{grid-template-columns:1fr}.permission-row{grid-template-columns:minmax(0,1fr) 80px 100px}}


.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #dedcd4}
.settings-tabs button{border:1px solid #dedcd4;background:#fff;border-radius:8px;padding:9px 15px;cursor:pointer;font:inherit}
.settings-tabs button.is-active{border-color:#111;background:#111;color:#fff}
.employee-active-field{display:flex!important;align-items:center;gap:8px;padding-top:24px}
.employee-active-field input{width:auto!important}
.employee-card--staff{grid-template-columns:minmax(240px,1.4fr) minmax(180px,1fr) minmax(220px,1.2fr) auto}
.employee-editor__panel--compact{max-width:760px}
.employee-grid--staff{grid-template-columns:1fr 1fr}
.employee-grid--staff textarea{width:100%;resize:vertical}
@media(max-width:900px){.employee-card--staff,.employee-grid--staff{grid-template-columns:1fr}}

/* Recovery: keep setup notice visible without covering work tables. */
.auth-setup-banner{position:relative;right:auto;bottom:auto;z-index:auto;margin:18px 18px 18px 270px;width:calc(100% - 288px);box-sizing:border-box}
@media(max-width:850px){.auth-setup-banner{margin:18px;width:calc(100% - 36px)}}