.staff-console { display:grid; gap:12px; min-width:0; }
.staff-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) 170px 180px 180px auto auto; gap:8px; align-items:center; padding:10px; border:1px solid #30343a; border-radius:8px; background:#111315; }
.staff-toolbar select,.staff-search { min-height:40px; border:1px solid #34383e; border-radius:7px; background:#090a0c; color:#f1f2f3; }.staff-search { display:flex; align-items:center; gap:8px; padding:0 11px; }.staff-search svg { width:16px; color:#aeb2b8; }.staff-search input { width:100%; border:0; outline:0; background:transparent; color:inherit; }
.staff-toolbar .button.primary { border-color:#555a62; background:#2a2d31; color:#f5f6f7; }.staff-toolbar .button.primary:hover { background:#35393e; }
.staff-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.staff-metrics article { display:grid; grid-template-columns:34px 1fr; gap:2px 10px; min-height:94px; padding:14px; border:1px solid #30343a; border-radius:8px; background:linear-gradient(145deg,rgba(24,26,29,.96),rgba(12,13,15,.98)); }.staff-metrics svg { grid-row:1/4; width:20px; height:20px; align-self:center; color:#c8cbd0; }.staff-metrics span,.staff-metrics small { color:#aeb2b8; font-size:12px; }.staff-metrics strong { color:#f6f7f8; font-size:24px; line-height:1.1; }
.staff-workbench { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,360px); gap:10px; min-height:520px; }.staff-registry,.staff-inspector { min-width:0; border:1px solid #30343a; border-radius:8px; background:linear-gradient(155deg,#131517,#0c0d0f); overflow:hidden; }
.staff-table-head,.staff-row { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(105px,.8fr) minmax(120px,.85fr) minmax(110px,.8fr) minmax(115px,.8fr) minmax(130px,.9fr); align-items:center; gap:10px; padding:0 14px; }.staff-table-head { min-height:42px; border-bottom:1px solid #30343a; color:#92979e; font-size:11px; }.staff-table-body { max-height:580px; overflow:auto; scrollbar-width:none; }.staff-table-body::-webkit-scrollbar { display:none; }
.staff-row { width:100%; min-height:66px; border:0; border-bottom:1px solid #272a2f; background:transparent; color:#dfe1e4; text-align:left; cursor:pointer; }.staff-row:hover,.staff-row.selected { background:#202327; }.staff-row.selected { box-shadow:inset 2px 0 #d4d7dc; }.staff-row>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.staff-person { display:flex!important; align-items:center; gap:10px; }.staff-person>span { min-width:0; }.staff-person strong,.staff-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.staff-person small { margin-top:3px; color:#989da5; font-size:11px; }.staff-avatar { box-sizing:border-box; display:grid; place-items:center; flex:0 0 32px; width:32px; min-width:32px; max-width:32px; height:32px; min-height:32px; max-height:32px; padding:0; overflow:hidden; aspect-ratio:1/1; border:1px solid #41454c; border-radius:50%; background:#24272b; color:#f2f3f4; font-size:11px; line-height:1; }.staff-avatar.large { flex-basis:48px; width:48px; min-width:48px; max-width:48px; height:48px; min-height:48px; max-height:48px; font-size:14px; }
.staff-login code { color:#e5e7ea; font:inherit; font-weight:600; }.staff-login em { color:#9ca1a8; font-style:normal; }.staff-status { display:inline-flex!important; align-items:center; gap:6px; }.staff-status i { width:7px; height:7px; border-radius:50%; background:#777d85; }.staff-status.online i { background:#55bd78; }.staff-registry-footer { padding:10px 14px; border-top:1px solid #2b2e33; color:#92979e; font-size:11px; }.staff-empty { min-height:220px; display:grid; place-content:center; justify-items:center; gap:7px; color:#959aa2; text-align:center; }.staff-empty svg { width:28px; }
.staff-inspector { padding:16px; overflow:auto; scrollbar-width:none; }.staff-inspector::-webkit-scrollbar { display:none; }.staff-inspector>header { display:flex; gap:12px; align-items:center; padding-bottom:14px; border-bottom:1px solid #2e3136; }.staff-inspector h3 { margin:0 0 6px; color:#f4f5f6; font-size:18px; }.staff-inspector section { padding:14px 0; border-bottom:1px solid #292c31; }.staff-inspector h4 { margin:0 0 11px; color:#f0f1f2; font-size:12px; }.staff-inspector dl { display:grid; gap:9px; margin:0; }.staff-inspector dl div { display:grid; grid-template-columns:102px minmax(0,1fr); gap:10px; font-size:12px; }.staff-inspector dt { color:#969ba2; }.staff-inspector dd { min-width:0; margin:0; color:#e5e6e8; overflow-wrap:anywhere; }.staff-owner-role { font-size:13px; }.role-select { width:100%; min-height:38px; border:1px solid #3a3e44; border-radius:7px; background:#0a0b0d; color:#f0f1f2; font-size:12px; }
.staff-store-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }.staff-store-chips span { padding:5px 8px; border:1px solid #353940; border-radius:6px; background:#191b1e; color:#cfd2d6; font-size:11px; }.staff-rights-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.staff-rights-grid button { min-height:34px; padding:7px 9px; border:1px solid #34383e; border-radius:6px; background:#17191c; color:#dfe1e4; text-align:left; font-size:11px; cursor:pointer; }.staff-rights-grid button:hover { background:#23262a; }.staff-protected-note { color:#a4a9b0; font-size:12px; }.staff-inspector-actions { display:grid; gap:7px; padding-top:14px; }.staff-inspector-actions .button { width:100%; }
.staff-store-fieldset { margin:0; padding:12px; border:1px solid #353940; border-radius:8px; }.staff-store-fieldset legend { padding:0 6px; color:#c7cbd0; font-weight:700; }.credential-warning { padding:12px 14px; border:1px solid rgba(212,172,99,.42); border-radius:8px; background:rgba(212,172,99,.08); }.credential-warning strong { color:#f2dfb4; }.credential-warning p { margin:5px 0 0; color:var(--text-secondary); }
@media(max-width:1500px){.staff-toolbar{grid-template-columns:1fr 1fr 1fr}.staff-search{grid-column:1/-1}.staff-metrics{grid-template-columns:1fr 1fr}.staff-workbench{grid-template-columns:1fr}.staff-table-head,.staff-row{grid-template-columns:minmax(180px,1.3fr) 110px 130px 115px}.staff-table-head span:nth-child(4),.staff-row>span:nth-child(4),.staff-table-head span:nth-child(6),.staff-row>span:nth-child(6){display:none}.staff-inspector{max-height:none}}
@media(max-width:720px){.staff-toolbar{grid-template-columns:1fr}.staff-toolbar>*{width:100%}.staff-metrics{grid-template-columns:1fr 1fr}.staff-table-head{display:none}.staff-row{grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; padding:12px}.staff-row>*{display:none!important}.staff-row .staff-person,.staff-row .staff-status{display:flex!important}.staff-workbench{min-height:0}.staff-inspector dl div{grid-template-columns:1fr}.staff-inspector dt{margin-bottom:-5px}.staff-rights-grid{grid-template-columns:1fr}.staff-metrics article{grid-template-columns:28px 1fr;padding:11px}.staff-metrics strong{font-size:20px}}

/* Hybrid employee creation: profile from the primary concept, access layout from the compact concept. */
.staff-create-layer .modal-card{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border-color:#363a40;border-radius:8px;background:#0d0f11;box-shadow:0 26px 80px rgba(0,0,0,.58)}
.staff-create-layer .modal-card>header{padding:18px 22px;border-bottom:1px solid #2b2f34;background:#111315}.staff-create-layer .modal-card>header .eyebrow{color:#aeb3ba}.staff-create-layer .modal-card>header h2{color:#f5f6f7}.staff-create-layer .entity-form{padding:0;overflow:hidden}
.staff-create-workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 270px;grid-template-rows:minmax(0,1fr) auto;min-height:min(720px,calc(100dvh - 126px));max-height:calc(100dvh - 126px);color:#e8eaed}
.staff-create-steps{grid-row:1;padding:22px 14px;border-right:1px solid #2b2f34;background:#0a0c0e}.staff-create-steps>div{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:76px;padding:8px;color:#8f959d}.staff-create-steps>div:not(:last-child)::after{content:"";position:absolute;top:40px;left:21px;width:1px;height:43px;background:#34383e}.staff-create-steps b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #3b4047;border-radius:50%;background:#16191c;color:#aeb3ba;font-size:12px}.staff-create-steps span{min-width:0}.staff-create-steps strong,.staff-create-steps small{display:block}.staff-create-steps strong{margin:5px 0 3px;color:#d5d8dc;font-size:12px}.staff-create-steps small{color:#858b93;font-size:10px;line-height:1.35}.staff-create-steps .active b{border-color:#b9bdc3;background:#292d32;color:#fff}.staff-create-steps .active strong{color:#fff}
.staff-create-main{grid-column:2;grid-row:1;min-width:0;overflow:auto;padding:20px;scrollbar-width:none;background:#0f1113}.staff-create-main::-webkit-scrollbar,.staff-create-summary::-webkit-scrollbar,.staff-create-store-list::-webkit-scrollbar{display:none}.staff-create-section{padding:0 0 20px}.staff-create-section+.staff-create-section{padding-top:20px;border-top:1px solid #2c3035}.staff-create-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.staff-create-section-head span{color:#9298a0;font-size:10px;font-weight:750;text-transform:uppercase}.staff-create-section-head h3{margin:3px 0 0;color:#f3f4f5;font-size:17px;letter-spacing:0}.staff-create-section-head>small{max-width:280px;color:#8f959c;font-size:10px;line-height:1.45;text-align:right}
.staff-create-workspace label{min-width:0;color:#c5c9ce;font-size:11px;font-weight:650}.staff-create-workspace input:not([type="checkbox"]),.staff-create-workspace select{width:100%;min-height:40px;margin-top:6px;border:1px solid #363b42;border-radius:6px;background:#090b0d;color:#f2f3f4}.staff-create-workspace input:not([type="checkbox"]):focus,.staff-create-workspace select:focus{border-color:#757b83;outline:1px solid rgba(189,193,199,.28)}.staff-create-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-create-workspace .form-row,.staff-create-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.staff-create-password{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;margin-top:6px;border:1px solid #363b42;border-radius:6px;background:#090b0d;overflow:hidden}.staff-create-password input{min-height:38px!important;margin:0!important;border:0!important;border-radius:0!important}.staff-create-password button{display:grid;place-items:center;min-width:38px;border:0;border-left:1px solid #2d3136;background:#171a1d;color:#c9cdd2;cursor:pointer}.staff-create-password button:hover{background:#24282d;color:#fff}.staff-create-password svg{width:15px;height:15px}.staff-create-workspace .field-hint{margin:8px 0 0;color:#838991;font-size:10px}
.staff-create-role-row{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(260px,1fr);gap:12px;align-items:end;padding:12px;border:1px solid #30343a;border-radius:7px;background:#151719}.staff-create-role-row p{min-height:40px;margin:0;padding:11px 12px;border-left:1px solid #33373d;color:#aeb3ba;font-size:11px;line-height:1.45}.staff-create-access-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0}.staff-create-stores,.staff-create-rights{min-width:0;margin:0;padding:14px;border:1px solid #30343a;border-radius:7px;background:#121416}.staff-create-stores legend,.staff-create-rights legend{padding:0 6px;color:#e8eaec;font-size:12px;font-weight:750}.staff-create-store-search{position:relative;display:block}.staff-create-store-search svg{position:absolute;z-index:1;top:17px;left:11px;width:15px;height:15px;color:#8d939b}.staff-create-store-search input{padding-left:34px!important}.staff-create-store-list{display:grid;gap:4px;max-height:155px;margin:10px 0;overflow:auto;scrollbar-width:none}.staff-create-store-list>label{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:6px;background:#0b0d0f;color:#d7dade}.staff-create-store-list>label:hover{border-color:#343940;background:#171a1d}.staff-create-store-list>label[hidden]{display:none}.staff-create-store-list input,.staff-create-rights input{flex:0 0 auto;width:16px;height:16px;accent-color:#70757c}.staff-create-rights>p{margin:0 0 7px;color:#8f959d;font-size:10px}.staff-create-rights>label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;padding:7px 8px;border-bottom:1px solid #282c31}.staff-create-rights>label:last-child{border-bottom:0}.staff-create-rights strong,.staff-create-rights small{display:block}.staff-create-rights strong{color:#dfe2e5;font-size:11px}.staff-create-rights small{margin-top:2px;color:#858b93;font-size:9px;line-height:1.3}
.staff-create-summary{grid-column:3;grid-row:1;min-width:0;overflow:auto;padding:20px 16px;border-left:1px solid #2b2f34;background:linear-gradient(180deg,#15181b,#0d0f11);scrollbar-width:none}.staff-create-summary>.eyebrow{color:#9298a0;font-size:10px}.staff-create-summary>h3{margin:5px 0 16px;color:#f4f5f6;font-size:16px}.staff-create-summary dl{display:grid;gap:0;margin:0;border:1px solid #31353b;border-radius:7px;overflow:hidden}.staff-create-summary dl div{display:grid;grid-template-columns:1fr minmax(0,1.25fr);gap:8px;padding:9px 10px;border-bottom:1px solid #2c3035;font-size:10px}.staff-create-summary dl div:last-child{border-bottom:0}.staff-create-summary dt{color:#898f97}.staff-create-summary dd{margin:0;color:#eef0f2;text-align:right;overflow-wrap:anywhere}.staff-create-summary section{margin-top:15px}.staff-create-summary h4{margin:0 0 7px;color:#cfd2d6;font-size:11px}.staff-create-summary ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.staff-create-summary li{padding:7px 9px;border:1px solid #2e3237;border-radius:6px;background:#101214;color:#aeb3ba;font-size:10px}.staff-create-status,.staff-create-security{display:flex;gap:10px;margin-top:16px;padding:11px;border:1px solid #30343a;border-radius:7px;background:#111315}.staff-create-status>i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#55bd78}.staff-create-security>svg{flex:0 0 16px;width:16px;color:#b6bbc1}.staff-create-status strong,.staff-create-status span,.staff-create-security strong,.staff-create-security span{display:block}.staff-create-status strong,.staff-create-security strong{color:#dde0e3;font-size:10px}.staff-create-status span,.staff-create-security span{margin-top:3px;color:#878d95;font-size:9px;line-height:1.4}.staff-create-actions{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #2b2f34;background:#111315}.staff-create-actions .button{min-width:118px}.staff-create-actions .button.primary{border-color:#5a5f67;background:#30343a;color:#fff}.staff-create-actions .button.primary:hover{background:#3b4046}
@media(max-width:980px){.staff-create-layer .modal-card{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.staff-create-workspace{grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;max-height:calc(100dvh - 118px)}.staff-create-summary{display:none}.staff-create-main{grid-column:2}}
@media(max-width:680px){.staff-create-layer .modal-card{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.staff-create-layer .modal-card>header{padding:14px 16px}.staff-create-workspace{display:block;min-height:0;max-height:calc(100dvh - 82px);overflow:auto}.staff-create-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;border-right:0;border-bottom:1px solid #2b2f34}.staff-create-steps>div{display:flex;align-items:center;justify-content:center;min-height:38px;padding:4px}.staff-create-steps>div::after,.staff-create-steps span{display:none}.staff-create-main{overflow:visible;padding:15px 12px 92px}.staff-create-section-head{display:block}.staff-create-section-head>small{display:block;max-width:none;margin-top:6px;text-align:left}.staff-create-name-grid,.staff-create-workspace .form-row,.staff-create-credentials,.staff-create-access-grid,.staff-create-role-row{grid-template-columns:1fr}.staff-create-role-row p{border-left:0;border-top:1px solid #33373d}.staff-create-actions{position:fixed;z-index:3;right:0;bottom:0;left:0}.staff-create-actions .button{flex:1;min-width:0}}