:root{--zg-bg:#f4f6f8;--zg-card:#fff;--zg-text:#17202a;--zg-muted:#667085;--zg-border:#e1e6eb;--zg-soft:#f8fafb;--zg-personal-primary:#0284c7;--zg-personal-secondary:#e0f2fe;--zg-personal-hover:#0369a1;--zg-accent:var(--zg-personal-primary);--zg-accent-soft:var(--zg-personal-secondary);--zg-green:#159b77;--zg-radius:14px;--zg-shadow:0 12px 32px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{font-family:"Open Sans",sans-serif;color:var(--zg-text);background:var(--zg-bg)}body{margin:0}button,input,select,textarea{font:inherit}.skip-link{position:fixed;top:-60px;left:12px;z-index:20;background:#111;color:#fff;padding:10px}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:#111827;color:#fff}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--zg-accent);font-weight:800}.sidebar nav{display:grid;gap:5px}.nav-item{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:#cbd5e1;text-align:left}.nav-item strong,.nav-item small{display:block}.nav-item small{margin-top:2px;color:#8490a3;font-size:10px}.nav-item.is-active{background:#263244;color:#fff;box-shadow:inset 3px 0 var(--zg-accent)}.nav-item:disabled{opacity:.55}.sidebar-foot{position:absolute;bottom:24px;left:25px;color:#9aa5b6;font-size:11px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#2dd4bf}.main{min-width:0;padding:34px clamp(20px,4vw,58px) 60px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto 24px}.eyebrow{margin:0 0 5px;color:var(--zg-accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.page-header h1{margin:0;font-size:clamp(27px,3vw,39px)}.page-header p:last-child{margin:8px 0 0;color:var(--zg-muted)}.button{min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:9px;font-weight:700;cursor:pointer}.button.primary{background:var(--zg-accent);color:#fff}.button.secondary{border-color:var(--zg-border);background:#fff}.button.danger{border-color:#fecdd3;background:#fff;color:#be123c}.button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid rgba(225,29,72,.14);border-color:var(--zg-accent)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1200px;margin:0 auto 16px}.metric{padding:15px;border:1px solid var(--zg-border);border-radius:12px;background:#fff}.metric span{display:block;color:var(--zg-muted);font-size:11px}.metric strong{display:block;margin-top:3px;font-size:24px}.card{max-width:1200px;margin:auto;border:1px solid var(--zg-border);border-radius:var(--zg-radius);background:#fff;box-shadow:var(--zg-shadow);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--zg-border)}.card-header h2,.card-header p{margin:0}.card-header p{color:var(--zg-muted);font-size:12px}.search input{width:min(390px,40vw);height:41px;padding:0 12px;border:1px solid var(--zg-border);border-radius:9px}.person-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) 100px 100px 36px;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--zg-border)}.table-head{background:var(--zg-soft);color:var(--zg-muted);font-size:10px;font-weight:800;text-transform:uppercase}.person-button{width:100%;border:0;background:#fff;text-align:left;cursor:pointer}.person-button:hover{background:#fffafb}.person-main{display:flex;align-items:center;gap:11px;min-width:0}.avatar{display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;overflow:hidden;border-radius:50%;background:#eef2f6;font-size:12px;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.person-main strong,.person-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-main small,.muted{color:var(--zg-muted);font-size:11px}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eaf7f3;color:#08775d;font-size:10px;font-weight:800}.pill.off{background:#eef2f6;color:#667085}.loading{padding:12px 20px}.loading div{height:60px;margin:8px 0;border-radius:9px;background:#f1f3f5}.state{padding:60px 20px;text-align:center}.state p{color:var(--zg-muted)}.dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 36px);padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(16,24,40,.3)}.dialog::backdrop{background:rgba(15,23,42,.52)}.dialog-close{position:absolute;right:18px;top:16px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#eef2f6;font-size:21px}.dialog-header{padding:25px 65px 20px 25px;border-bottom:1px solid var(--zg-border)}.dialog-header h2{margin:4px 0}.dialog-tabs{display:flex;gap:5px;padding:12px 25px 0}.dialog-tab{padding:9px 13px;border:0;border-radius:8px;background:transparent;font-weight:700;color:var(--zg-muted)}.dialog-tab.is-active{background:var(--zg-accent-soft);color:var(--zg-accent)}.dialog-body{max-height:calc(100vh - 200px);overflow:auto;padding:20px 25px 28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field span{font-size:11px;font-weight:700;color:#475467}.field input,.field select,.field textarea{width:100%;min-height:41px;padding:9px 11px;border:1px solid var(--zg-border);border-radius:9px;background:#fff}.check{display:flex;align-items:center;gap:8px;font-size:12px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.actions .danger{margin-right:auto}.section{margin-bottom:16px;padding:16px;border:1px solid var(--zg-border);border-radius:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section h3{margin:0}.contract{margin-top:12px;padding:14px;background:var(--zg-soft);border-radius:10px}.contract-meta,.rule-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.rule{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;padding:9px;border:1px solid var(--zg-border);border-radius:8px;background:#fff}.toast{position:fixed;right:20px;bottom:20px;z-index:30;padding:12px 16px;border-radius:9px;background:#17202a;color:#fff}.inline-actions{display:flex;gap:7px}.small{min-height:34px;padding:6px 9px;font-size:11px}
 [hidden]{display:none!important}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:12px}.brand{padding:3px 5px 12px}.sidebar nav{display:flex;overflow:auto}.nav-item{flex:0 0 auto;width:auto}.nav-item small,.sidebar-foot{display:none}.main{padding:22px 12px 40px}.page-header{display:grid}.page-header .button{width:100%}.metrics{grid-template-columns:1fr}.card-header{align-items:stretch;flex-direction:column}.search input{width:100%}.table-head{display:none}.person-row{grid-template-columns:1fr auto}.person-row>:nth-child(2),.person-row>:nth-child(3),.person-row>:nth-child(4){grid-column:1;margin-left:50px}.person-row>:last-child{grid-column:2;grid-row:1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog-body{padding:16px}.dialog-tabs{overflow:auto}}
.page-header,.metrics,.card{width:100%;max-width:none;margin-left:0;margin-right:0}.brand{position:relative}.nav-collapse{display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border:1px solid #344156;border-radius:8px;background:#1f2937;color:#fff;cursor:pointer}.app-shell.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}.nav-collapsed .sidebar{padding-inline:10px}.nav-collapsed .brand strong,.nav-collapsed .nav-item>span:last-child,.nav-collapsed .sidebar-foot span:last-child{display:none}.nav-collapsed .brand{padding-inline:10px;flex-wrap:wrap}.nav-collapsed .nav-collapse{margin:0}.nav-collapsed .nav-item{grid-template-columns:1fr;justify-items:center}.nav-collapsed .nav-item>span:first-child{font-size:18px}@media(max-width:760px){.nav-collapse{display:none}}
.dialog[open]:not(:modal){position:fixed;inset:18px 18px 18px auto;width:min(72vw,1120px);max-height:calc(100vh - 36px);margin:0;border:1px solid var(--zg-border);z-index:10}.app-shell:has(+.dialog[open]:not(:modal)) .main{padding-right:calc(min(72vw,1120px) + 36px)}.app-shell:has(+.dialog[open]:not(:modal)) .page-header,.app-shell:has(+.dialog[open]:not(:modal)) .metrics{display:none}.app-shell:has(+.dialog[open]:not(:modal)) .card .card-header{padding:14px}.app-shell:has(+.dialog[open]:not(:modal)) .card .table-head{display:none}.app-shell:has(+.dialog[open]:not(:modal)) .person-row{grid-template-columns:1fr;padding:13px}.app-shell:has(+.dialog[open]:not(:modal)) .person-row>:not(:first-child){display:none}.app-shell:has(+.dialog[open]:not(:modal)) .person-button[data-person]{border-left:3px solid transparent}.app-shell:has(+.dialog[open]:not(:modal)) .person-button[data-person]:hover{border-left-color:var(--zg-accent)}@media(max-width:980px){.dialog[open]:not(:modal){inset:0;width:100vw;max-width:none;max-height:100vh;border-radius:0}.app-shell:has(+.dialog[open]:not(:modal)) .main{padding-right:12px}.app-shell:has(+.dialog[open]:not(:modal)) .card{display:none}}
.main.staff-editor-open{display:grid;grid-template-columns:265px minmax(0,1fr);align-items:start;gap:24px}.staff-editor-open>.page-header,.staff-editor-open>.metrics{display:none}.staff-editor-open>.card{position:sticky;top:18px;max-height:calc(100vh - 36px);border-color:#cbd5e1;border-radius:14px;background:#e2e8f0;box-shadow:none}.staff-editor-open>.card .card-header{padding:14px;background:#334155;color:#fff}.staff-editor-open>.card .card-header p{color:#cbd5e1}.staff-editor-open>.card .search,.staff-editor-open>.card .table-head{display:none}.staff-editor-open>.card .table-wrap{max-height:calc(100vh - 100px);overflow:auto}.staff-editor-open>.card .person-row{grid-template-columns:1fr;padding:11px 13px;background:transparent;border-color:#cbd5e1}.staff-editor-open>.card .person-row>:not(:first-child){display:none}.staff-editor-open>.card .person-button:hover{background:#c7d2fe}.staff-editor-open>.dialog[open]:not(:modal){position:static;inset:auto;width:100%;max-width:none;max-height:calc(100vh - 36px);margin:0;border:1px solid var(--zg-border);border-radius:14px;box-shadow:var(--zg-shadow);overflow:auto}.staff-editor-open>.dialog .dialog-header{min-height:108px;padding:24px 64px 20px 26px}.staff-editor-open>.dialog .dialog-tabs{min-height:53px;padding:0;border-bottom:1px solid var(--zg-border)}.staff-editor-open>.dialog .dialog-tab{padding:0 28px;border-bottom:3px solid transparent;border-radius:0;background:#fff}.staff-editor-open>.dialog .dialog-tab.is-active{border-bottom-color:var(--zg-accent);color:var(--zg-accent)}.staff-editor-open>.dialog .dialog-body{max-height:none;padding:28px}.staff-editor-open>.dialog .section{border:0;padding:0}.position-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.position-option{display:flex!important;min-height:42px;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--zg-border);border-radius:9px;background:#fff;font-size:12px!important}.position-option:has(input:checked){border-color:var(--zg-accent);background:var(--zg-accent-soft);color:var(--zg-accent)}.position-option input{width:16px!important;min-height:16px!important;margin:0}@media(max-width:900px){.main.staff-editor-open{grid-template-columns:58px minmax(0,1fr)}.staff-editor-open>.card .card-header>div,.staff-editor-open>.card .person-main>span:last-child{display:none}.position-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.main.staff-editor-open{display:block}.staff-editor-open>.card{display:none}.staff-editor-open>.dialog[open]:not(:modal){max-height:none}.position-picker{grid-template-columns:1fr}}


/* Shared ZETA navigation pattern, themed for Personal. */
.app-shell{grid-template-columns:252px minmax(0,1fr);transition:grid-template-columns .18s ease}.sidebar{width:252px;padding:0;background:#0f172a;transition:width .18s ease}.brand{height:70px;padding:0 14px;gap:12px;font-size:16px}.nav-collapse{display:grid;flex:0 0 40px;width:40px;height:40px;margin:0;place-items:center;border:0;border-radius:10px;background:transparent;color:#fff;font-size:28px}.nav-collapse:hover,.nav-collapse:focus-visible{background:rgba(255,255,255,.1);outline:none}.nav-collapse span{display:block;transition:transform .18s ease}.sidebar nav{gap:5px;padding-right:8px}.nav-item{grid-template-columns:30px minmax(0,1fr);gap:10px;min-height:58px;padding:9px 10px 9px 14px;border-left:5px solid transparent;border-radius:0 10px 10px 0;color:#cbd5e1}.nav-item strong{font-size:14px}.nav-item small{color:#94a3b8;font-size:11px}.nav-item:hover:not(:disabled),.nav-item:focus-visible,.nav-item.is-active{border-left-color:var(--zg-personal-primary);border-radius:0 10px 10px 0;background:#1e293b;color:#fff;box-shadow:none;outline:none}.nav-icon{display:grid;place-items:center;color:var(--zg-personal-primary);font-size:20px;font-weight:800}.sidebar-foot{bottom:18px;left:16px;font-size:12px}.status-dot{background:var(--zg-personal-primary)}.app-shell.nav-collapsed{grid-template-columns:64px minmax(0,1fr)}.nav-collapsed .sidebar{width:64px;padding:0}.nav-collapsed .brand{padding:0 12px;flex-wrap:nowrap}.nav-collapsed .brand strong,.nav-collapsed .nav-item>span:last-child,.nav-collapsed .sidebar-foot{display:none}.nav-collapsed .nav-collapse{margin:0}.nav-collapsed .nav-collapse span{transform:rotate(180deg)}.nav-collapsed .nav-item{display:flex;grid-template-columns:none;justify-content:center;padding-left:7px}.button.primary{background:var(--zg-personal-primary)}.button.primary:hover{background:var(--zg-personal-hover)}.button:focus-visible,input:focus,select:focus,textarea:focus{outline-color:rgba(2,132,199,.22)}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:12px}.brand{height:auto;padding:3px 5px 12px}.sidebar nav{display:flex;padding:0;overflow:auto}.nav-item{flex:0 0 auto;width:auto;grid-template-columns:26px minmax(0,1fr);border-left:0;border-bottom:3px solid transparent;border-radius:10px}.nav-item:hover:not(:disabled),.nav-item:focus-visible,.nav-item.is-active{border-left:0;border-bottom-color:var(--zg-personal-primary);border-radius:10px}.nav-collapse{display:none}}
.template-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:16px;padding:18px 20px;border:0;border-bottom:1px solid var(--zg-border);background:#fff;color:var(--zg-text);text-align:left;cursor:pointer}.template-row:hover,.template-row:focus-visible{background:var(--zg-accent-soft);outline:none}.template-row strong,.template-row small{display:block}.template-row small{margin-top:4px;color:var(--zg-muted)}.template-row>span:last-child{color:var(--zg-accent);font-size:20px}.template-library .card-header{align-items:center}@media(max-width:600px){.template-library .card-header{align-items:stretch;flex-direction:column}.template-row{grid-template-columns:minmax(0,1fr) auto}.template-row>span:last-child{display:none}}
.person-editor-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;min-height:360px}.person-subnav{display:grid;align-content:start;gap:5px;padding:6px;border-radius:12px;background:var(--zg-soft)}.person-subnav button{min-height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--zg-muted);font-weight:700;text-align:left;cursor:pointer}.person-subnav button:hover,.person-subnav button.is-active{background:#fff;color:var(--zg-accent);box-shadow:0 1px 4px rgba(15,23,42,.09)}.person-section{min-width:0}.person-section>h3{margin:4px 0 18px}.position-option{position:relative;cursor:pointer}.position-option input,.day-toggles input,.rule-choice-grid input,.switch-input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}.position-option::after{content:"";width:30px;height:18px;margin-left:auto;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);transition:.15s}.position-option::before{content:"";position:absolute;right:23px;width:14px;height:14px;border-radius:50%;background:#fff;z-index:1;transition:.15s}.position-option:has(input:checked)::after{background:var(--zg-accent)}.position-option:has(input:checked)::before{transform:translateX(12px)}.toggle-line{position:relative;display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--zg-border);border-radius:9px;font-size:12px;font-weight:700}.switch{position:relative;width:38px;height:22px;border-radius:999px;background:#cbd5e1;transition:.15s}.switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}.switch-input:checked+.switch{background:var(--zg-accent)}.switch-input:checked+.switch::after{transform:translateX(16px)}.toggle-group{margin:0;padding:14px;border:1px solid var(--zg-border);border-radius:11px}.toggle-group legend{padding:0 6px;font-size:12px;font-weight:700}.toggle-group>p{margin:0 0 12px;color:var(--zg-muted);font-size:11px}.day-toggles{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day-toggles label{position:relative}.day-toggles span{display:grid;min-height:38px;place-items:center;border:1px solid var(--zg-border);border-radius:9px;background:#fff;color:var(--zg-muted);font-size:12px;font-weight:800;cursor:pointer}.day-toggles input:checked+span{border-color:var(--zg-accent);background:var(--zg-accent-soft);color:var(--zg-accent)}.rule-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rule-choice-grid label{position:relative}.rule-choice-grid label>span{display:block;padding:10px 12px;border:1px solid var(--zg-border);border-radius:9px;background:#fff;cursor:pointer}.rule-choice-grid small{display:block;margin-top:2px;color:var(--zg-muted)}.rule-choice-grid input:checked+span{border-color:var(--zg-accent);background:var(--zg-accent-soft);color:var(--zg-accent)}.field>small{color:var(--zg-muted);font-size:10px}@media(max-width:720px){.person-editor-layout{grid-template-columns:1fr}.person-subnav{display:flex;overflow:auto}.person-subnav button{flex:0 0 auto}.position-picker,.rule-choice-grid{grid-template-columns:1fr}.day-toggles{grid-template-columns:repeat(4,1fr)}}
.profile-photo-field{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--zg-border);border-radius:12px;background:var(--zg-soft)}.profile-photo-preview{display:grid;flex:0 0 92px;width:92px;height:92px;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:50%;background:var(--zg-accent-soft);color:var(--zg-accent);box-shadow:0 1px 5px rgba(15,23,42,.12);font-size:25px;font-weight:800}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-field p{margin:4px 0 12px;color:var(--zg-muted);font-size:11px}.photo-select{position:relative;overflow:hidden;cursor:pointer}.photo-select input{position:absolute;width:1px;height:1px;opacity:0}@media(max-width:520px){.profile-photo-field{align-items:flex-start;flex-direction:column}.profile-photo-preview{width:76px;height:76px;flex-basis:76px}}
.day-toggle-all{grid-column:1/-1;justify-self:end;padding:3px 8px;border:0;border-radius:6px;background:transparent;color:var(--zg-accent);font-size:11px;font-weight:800;cursor:pointer}.day-toggle-all:hover,.day-toggle-all:focus-visible{background:var(--zg-accent-soft);outline:none}.day-toggles .day-toggle-all+label{grid-column:auto}
.break-rule-selector{margin-top:18px}.break-rule-grid{display:grid;gap:8px}.break-rule-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--zg-border);border-radius:10px;background:#fff}.break-rule-grid label{position:relative}.break-rule-grid label>span{display:block;padding:8px 10px;border:1px solid transparent;border-radius:8px;cursor:pointer}.break-rule-grid input{position:absolute;width:1px;height:1px;opacity:0}.break-rule-grid input:checked+span{border-color:var(--zg-accent);background:var(--zg-accent-soft);color:var(--zg-accent)}.break-rule-grid small{display:block;margin-top:3px;color:var(--zg-muted)}.add-break-rule{margin-top:12px}#breakRuleForm{margin-top:14px;padding-top:14px;border-top:1px solid var(--zg-border)}@media(max-width:620px){.break-rule-grid article{grid-template-columns:1fr}.break-rule-grid .inline-actions{justify-content:flex-end}}
.break-rule-selector [data-edit-break-rule],.break-rule-selector .add-break-rule,#breakRuleForm{display:none}.library-tabs{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--zg-border);overflow:auto}.library-tabs button{min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--zg-muted);font-weight:700;cursor:pointer;white-space:nowrap}.library-tabs button:hover,.library-tabs button.is-active{border-color:#bae6fd;background:var(--zg-accent-soft);color:var(--zg-accent)}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--zg-border)}.library-toolbar p{margin:0;color:var(--zg-muted);font-size:12px}@media(max-width:600px){.library-toolbar{align-items:stretch;flex-direction:column}}

/* Keep the position-toggle thumb centred inside its track in both states. */
.position-option::after{flex:0 0 30px}.position-option::before{top:50%;right:25px;transform:translateY(-50%)}.position-option:has(input:checked)::before{transform:translate(12px,-50%)}

.people-status-tabs{width:100%;margin:0 0 16px}.metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.staff-editor-open>.people-status-tabs{grid-column:1/-1;margin-bottom:0}@media(max-width:760px){.people-status-tabs{margin-bottom:12px}.people-status-tabs > button{flex:1 0 auto;justify-content:center}}

/* Full-width sticky workspace toolbar, aligned directly with the sidebar. */
.people-status-tabs{position:sticky;top:0;z-index:9;width:auto;margin:-34px calc(-1 * clamp(20px,4vw,58px)) 24px;padding:0 clamp(20px,4vw,58px);box-shadow:0 1px 3px rgba(15,23,42,.08)}.people-status-tabs .people-primary-action.button.primary{min-height:40px;margin:auto 0 auto auto;padding:9px 16px;border:1px solid transparent;border-radius:9px;background:var(--zg-personal-primary);color:#fff}.people-status-tabs .people-primary-action.button.primary:hover,.people-status-tabs .people-primary-action.button.primary:focus-visible{background:var(--zg-personal-hover);color:#fff}.staff-editor-open>.people-status-tabs{margin-top:-28px;margin-bottom:0}@media(max-width:760px){.people-status-tabs{margin:-22px -12px 18px;padding:0 12px}.people-status-tabs .people-primary-action.button.primary{flex:0 0 auto;margin-left:12px}}

/* Contract KPIs belong to each employee row, keeping the overview compact. */
.metrics{display:none!important}.contract-health{display:grid;gap:2px}.contract-health small{font-size:10px;font-weight:700}.contract-warning{color:#b45309}.contract-current{color:#08775d}

/* Keep every master-detail element in its intended workspace row. */
.staff-editor-open>.people-status-tabs{grid-row:1}.staff-editor-open>.page-header{grid-row:2}.staff-editor-open>.card{grid-row:3}.staff-editor-open>.dialog[open]:not(:modal){grid-row:3;margin:0;align-self:start}

.people-account-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:auto 0 auto auto;text-decoration:none;white-space:nowrap}.people-status-tabs .people-account-action+.people-primary-action.button.primary{margin:auto 0 auto 8px}@media(max-width:760px){.people-account-action{margin-left:12px}.people-status-tabs .people-account-action+.people-primary-action.button.primary{margin-left:8px}}

.money-compensation-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px;margin:0;padding:14px;border:1px solid var(--zg-border);border-radius:11px;background:var(--zg-soft)}.money-compensation-fields legend{padding:0 6px;font-size:12px;font-weight:700}.money-logic-options{display:grid;gap:7px}.money-logic-options label{position:relative}.money-logic-options input{position:absolute;width:1px;height:1px;opacity:0}.money-logic-options label>span{display:flex;min-height:40px;align-items:center;padding:8px 11px;border:1px solid var(--zg-border);border-radius:9px;background:#fff;cursor:pointer}.money-logic-options input:checked+span{border-color:var(--zg-accent);background:var(--zg-accent-soft);color:var(--zg-accent);font-weight:700}.money-logic-options input:focus-visible+span{outline:3px solid rgba(2,132,199,.22)}@media(max-width:650px){.money-compensation-fields{grid-template-columns:1fr}}

/* Uploaded employee documents. */
.documents-panel{min-height:360px}.documents-panel h3,.documents-panel p{margin-top:0}.document-upload{position:relative;display:inline-flex;align-items:center;cursor:pointer}.document-upload input{position:absolute;width:1px;height:1px;opacity:0}.document-help{margin:10px 0 18px;color:var(--zg-muted);font-size:11px}.document-list{display:grid;gap:8px}.document-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--zg-border);border-radius:10px;background:#fff}.document-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:var(--zg-accent-soft);color:var(--zg-accent);font-size:18px}.document-info{min-width:0}.document-info strong,.document-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-info small{margin-top:3px;color:var(--zg-muted);font-size:11px}.document-empty{padding:46px 20px;border:1px dashed var(--zg-border);border-radius:12px;background:var(--zg-soft);text-align:center}.document-empty p{margin:5px 0 0;color:var(--zg-muted);font-size:12px}@media(max-width:650px){.documents-panel>.section-head{align-items:stretch;flex-direction:column}.document-upload{justify-content:center}.document-row{grid-template-columns:38px minmax(0,1fr)}.document-row>.inline-actions{grid-column:1/-1;justify-content:flex-end}}

/* Keep the surrounding workspace visible in the employee master-detail view. */
.main.staff-editor-open{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:20px;padding-top:28px}.staff-editor-open>.page-header{display:flex;grid-column:1/-1;margin-bottom:0}.staff-editor-open>.metrics{display:grid;grid-column:1/-1;margin-bottom:0}.staff-editor-open>.card{grid-column:1;top:18px;width:100%;max-height:calc(100vh - 36px);margin:0;align-self:start}.staff-editor-open>.dialog[open]:not(:modal){position:relative;grid-column:2;inset:auto;width:100%;max-width:1120px;max-height:calc(100vh - 36px);justify-self:stretch}.staff-editor-open>.dialog .dialog-header{min-height:92px;padding-top:20px;padding-bottom:16px}.staff-editor-open>.dialog .dialog-body{padding:22px 24px}.staff-editor-open>.dialog .person-editor-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.staff-editor-open>.dialog .field input,.staff-editor-open>.dialog .field select,.staff-editor-open>.dialog .field textarea{font-size:14px}.staff-editor-open>.dialog .dialog-close{top:14px;right:14px}@media(max-width:1100px){.main.staff-editor-open{grid-template-columns:220px minmax(0,1fr);padding-inline:20px}.staff-editor-open>.dialog .person-editor-layout{grid-template-columns:150px minmax(0,1fr)}}@media(max-width:820px){.main.staff-editor-open{display:block}.staff-editor-open>.page-header,.staff-editor-open>.metrics{display:none}.staff-editor-open>.card{display:none}.staff-editor-open>.dialog[open]:not(:modal){position:relative;width:100%;max-height:none}.staff-editor-open>.dialog .person-editor-layout{grid-template-columns:1fr}}
.account-match,.account-connected{border:1px solid var(--zg-border);border-radius:12px;padding:14px 16px}.account-match{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f0f9ff}.account-match p{margin:4px 0 0;color:var(--zg-text-muted)}.account-connected{margin:0;background:#ecfdf5;color:#047857}.person-subnav{overflow-y:auto}.person-section>.toggle-line{margin-top:16px}

/* Zeiterfassung: terminal setup and lifecycle. */
.terminal-workspace{display:grid;gap:18px}.terminal-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff}.terminal-intro-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:13px;background:var(--zg-personal-primary);color:#fff;font-size:27px}.terminal-intro h2,.terminal-intro p{margin:0}.terminal-intro h2{font-size:19px}.terminal-intro p{max-width:850px;margin-top:4px;color:var(--zg-muted);font-size:13px;line-height:1.55}.terminal-card{margin:0}.terminal-list{min-height:150px}.terminal-loading{padding:42px;text-align:center;color:var(--zg-muted)}.terminal-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--zg-border)}.terminal-row:last-child{border-bottom:0}.terminal-device{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--zg-accent-soft);color:var(--zg-personal-primary);font-size:20px}.terminal-row strong,.terminal-row p,.terminal-row small{display:block;margin:0}.terminal-row p{margin-top:2px;color:var(--zg-muted);font-size:12px}.terminal-row small{margin-top:4px;color:#7b8798;font-size:10px}.terminal-empty{padding:50px 20px;text-align:center}.terminal-empty strong{font-size:20px}.terminal-empty p{margin:6px 0 18px;color:var(--zg-muted)}.terminal-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(16,24,40,.3)}.terminal-dialog::backdrop{background:rgba(15,23,42,.52)}.terminal-dialog-lead{max-width:590px;margin:7px 0 0;color:var(--zg-muted);font-size:13px;line-height:1.5}.terminal-steps{display:grid;gap:10px;margin:0 0 20px;padding:0;counter-reset:terminal-step}.terminal-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;list-style:none;counter-increment:terminal-step}.terminal-steps li::before{content:counter(terminal-step);grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--zg-accent-soft);color:var(--zg-personal-primary);font-weight:800}.terminal-steps span{color:var(--zg-muted);font-size:11px}.terminal-security-note,.terminal-once-note{margin-top:18px;padding:14px 16px;border-radius:11px}.terminal-security-note{border:1px solid #bae6fd;background:#f0f9ff}.terminal-once-note{margin:0 0 18px;border:1px solid #fde68a;background:#fffbeb}.terminal-security-note p,.terminal-once-note p{margin:4px 0 0;color:var(--zg-muted);font-size:12px;line-height:1.5}.terminal-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.terminal-link input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.terminal-next{margin-top:20px;padding-top:18px;border-top:1px solid var(--zg-border)}.terminal-next ol{margin:8px 0 0;padding-left:20px;color:var(--zg-muted);font-size:12px;line-height:1.7}.terminal-dialog .button[href]{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:700px){.terminal-intro{align-items:start}.terminal-card .card-header{align-items:stretch}.terminal-card .card-header .button{width:100%}.terminal-row{grid-template-columns:auto minmax(0,1fr)}.terminal-row>.inline-actions{grid-column:1/-1}.terminal-row>.inline-actions .button{width:100%}.terminal-link{grid-template-columns:1fr}.terminal-dialog .dialog-body{padding-inline:18px}}

/* Compact desktop density: keep the workspace usable on scaled and smaller displays. */
@media(min-width:761px){
  .app-shell{grid-template-columns:224px minmax(0,1fr)}
  .sidebar{width:224px}
  .app-shell.nav-collapsed{grid-template-columns:60px minmax(0,1fr)}
  .nav-collapsed .sidebar{width:60px}
  .brand{height:60px;padding-inline:10px;font-size:14px}
  .nav-collapse{width:36px;height:36px;font-size:24px}
  .sidebar nav{padding-right:7px}
  .nav-item{grid-template-columns:27px minmax(0,1fr);min-height:52px;padding:7px 9px 7px 11px}
  .nav-item strong{font-size:13px}.nav-item small{font-size:10px}.nav-icon{font-size:17px}
  .main{padding:24px clamp(18px,3vw,42px) 44px}
  .people-status-tabs{margin:-24px calc(-1 * clamp(18px,3vw,42px)) 20px;padding:0 clamp(18px,3vw,42px)}
  .people-status-tabs > button{min-height:var(--zg-tab-height);padding-inline:20px;font-size:14px}
  .people-status-tabs span{min-width:21px;height:21px;padding-inline:6px;font-size:10px}
  .people-status-tabs .people-primary-action.button.primary{min-height:36px;padding:7px 13px}
  .people-account-action{min-height:36px;padding:7px 12px;font-size:14px}
  .page-header{margin-bottom:20px}.page-header h1{font-size:clamp(28px,2.4vw,34px)}
  .page-header p:last-child{margin-top:6px;font-size:14px}
  .card-header{padding:16px 18px}.card-header h2{font-size:22px}
  .button{min-height:36px;padding:7px 12px;font-size:14px}
  .search input{height:37px;font-size:14px}
  .person-row{padding:11px 18px}
  .main.staff-editor-open{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;padding-top:20px}
  .staff-editor-open>.people-status-tabs{margin-top:-20px}
  .staff-editor-open>.dialog[open]:not(:modal){max-height:calc(100vh - 24px)}
  .staff-editor-open>.dialog .dialog-header{min-height:76px;padding:15px 56px 13px 20px}
  .dialog-header h2{font-size:22px}
  .staff-editor-open>.dialog .dialog-tabs{min-height:46px}
  .staff-editor-open>.dialog .dialog-tab{padding-inline:20px;font-size:14px}
  .staff-editor-open>.dialog .dialog-body{padding:18px 20px}
  .staff-editor-open>.dialog .person-editor-layout{grid-template-columns:160px minmax(0,1fr);gap:16px;min-height:320px}
  .person-subnav button{min-height:37px;padding-inline:10px;font-size:14px}
  .person-section>h3{margin:2px 0 14px;font-size:19px}
  .field input,.field select,.field textarea{min-height:37px;padding:7px 9px}
  .form-grid{gap:11px}.actions{margin-top:14px}
  .template-row{padding:14px 16px}
}
@media(min-width:761px) and (max-width:1180px){
  .main.staff-editor-open{grid-template-columns:190px minmax(0,1fr);padding-inline:16px}
  .staff-editor-open>.dialog .person-editor-layout{grid-template-columns:140px minmax(0,1fr)}
  .people-status-tabs > button{padding-inline:14px}
  .people-account-action{padding-inline:10px;font-size:12px}
}

.rule-type-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0;padding:13px;border:1px solid var(--zg-border);border-radius:11px}.rule-type-picker legend{padding:0 6px;font-size:12px;font-weight:700}.rule-type-picker label{position:relative;min-width:0}.rule-type-picker input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0}.rule-type-picker label>span{display:grid;min-height:42px;padding:7px 9px;place-items:center;border:1px solid var(--zg-border);border-radius:9px;background:#fff;color:var(--zg-muted);font-size:11px;font-weight:700;text-align:center;cursor:pointer}.rule-type-picker input:checked+span{border-color:var(--zg-accent);background:var(--zg-accent-soft);color:var(--zg-accent)}.rule-type-picker input:focus-visible+span{outline:3px solid rgba(2,132,199,.22)}.rule-condition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px;border:1px solid var(--zg-border);border-radius:11px;background:var(--zg-soft)}.rule-condition.toggle-group{display:block}.rule-day-toggles{grid-template-columns:repeat(7,minmax(42px,1fr))}@media(max-width:900px){.rule-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.rule-type-picker,.rule-condition{grid-template-columns:1fr}.rule-day-toggles{grid-template-columns:repeat(4,minmax(42px,1fr))}}
.live-indicator{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
.live-monitor{margin:0 auto;max-width:1200px;border:1px solid var(--zg-border);border-radius:16px;background:#fff;box-shadow:var(--zg-shadow);overflow:hidden}.live-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--zg-border)}.live-heading h2,.live-heading p{margin:0}.live-heading h2{font-size:25px}.live-heading p:last-child{margin-top:4px;color:var(--zg-muted);font-size:12px}.live-now{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#eafaf4;color:#067a55;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.live-now i{width:8px;height:8px;border-radius:50%;background:#10b981;animation:livePulse 1.8s infinite}.live-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(170px,.45fr) minmax(170px,.45fr);gap:10px;padding:15px 26px;background:var(--zg-soft);border-bottom:1px solid var(--zg-border)}.live-filters input,.live-filters select{width:100%;height:42px;padding:0 12px;border:1px solid var(--zg-border);border-radius:9px;background:#fff}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 26px 26px}.live-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--zg-border);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.05)}.live-avatar{width:48px;height:48px;flex-basis:48px}.live-person strong,.live-person span,.live-time strong,.live-time small{display:block}.live-person span,.live-time small{color:var(--zg-muted);font-size:11px}.live-time{text-align:right}.live-time strong{margin-top:5px;font-size:16px}.live-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eafaf4;color:#067a55;font-size:10px;font-weight:800}.live-status.is-break{background:#fff4dd;color:#a15c00}.live-empty{grid-column:1/-1;padding:58px 20px;text-align:center;color:var(--zg-muted)}.live-empty strong{color:var(--zg-text);font-size:18px}.live-empty p{margin:6px 0 0}@keyframes livePulse{50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}
.contract{border:1px solid var(--zg-border);background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.04)}.contract>.section-head{padding-bottom:12px;border-bottom:1px solid var(--zg-border)}.contract>.section-head>div>strong{font-size:17px}.contract-meta{margin-top:9px}.rule-list{margin-top:14px}.rule-list>.section-head{padding:0 2px 4px}.rule{padding:12px 13px}.rule>span:first-child{display:grid;gap:3px;min-width:0}.rule>span:first-child strong{font-size:13px}.rule>span:first-child small{line-height:1.4}.document-row{transition:border-color .16s,box-shadow .16s}.document-row:hover{border-color:#b9c9da;box-shadow:0 4px 12px rgba(16,24,40,.06)}.document-info small:before{content:"✓ Hochgeladen · ";color:#08775d;font-weight:800}
@media(max-width:800px){.live-filters{grid-template-columns:1fr}.live-grid{grid-template-columns:1fr}.live-heading{align-items:flex-start}.live-card{grid-template-columns:auto minmax(0,1fr)}.live-time{grid-column:2;text-align:left}}
.account-invite-hint{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid #bae6fd;border-radius:11px;background:#f0f9ff}.account-invite-hint strong{color:#075985}.account-invite-hint p{max-width:720px;margin:4px 0 0;color:#475467;font-size:12px;line-height:1.55}.account-invite-hint .button{flex:0 0 auto;text-decoration:none}@media(max-width:700px){.account-invite-hint{align-items:stretch;flex-direction:column}.account-invite-hint .button{text-align:center}}
.form-grid>.full{grid-column:1/-1}.rule-type-picker{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.rule-type-picker label>span{height:100%;overflow-wrap:anywhere}.staff-editor-open #ruleTemplateForm,.staff-editor-open #ruleForm{min-width:0}.staff-editor-open #ruleTemplateForm .form-grid,.staff-editor-open #ruleForm .form-grid{min-width:0}@media(max-width:700px){.rule-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-editor-open #ruleTemplateForm .form-grid,.staff-editor-open #ruleForm .form-grid{grid-template-columns:1fr}.staff-editor-open #ruleTemplateForm .actions,.staff-editor-open #ruleForm .actions{flex-wrap:wrap}.staff-editor-open #ruleTemplateForm .actions .button,.staff-editor-open #ruleForm .actions .button{flex:1 1 auto}}
.audit-drawer{position:absolute;inset:0 0 0 auto;z-index:12;width:min(440px,100%);min-height:100%;border-left:1px solid var(--zg-border);background:#fff;box-shadow:-16px 0 40px rgba(16,24,40,.16)}.audit-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--zg-border)}.audit-drawer h3,.audit-drawer p{margin:0}.audit-drawer>header button{width:36px;height:36px;border:0;border-radius:50%;background:var(--zg-soft);font-size:20px;cursor:pointer}.audit-list{display:grid;gap:10px;max-height:calc(100vh - 150px);padding:16px 18px;overflow:auto}.audit-entry{padding:13px;border:1px solid var(--zg-border);border-radius:10px;background:#fff}.audit-entry>div{display:flex;justify-content:space-between;gap:10px}.audit-entry time,.audit-entry>p{color:var(--zg-muted);font-size:11px}.audit-entry>p{margin:4px 0 0}.audit-entry ul{display:grid;gap:5px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--zg-border);list-style:none}.audit-entry li{display:grid;grid-template-columns:minmax(100px,.45fr) 1fr;gap:8px;font-size:11px}.audit-entry li span{color:var(--zg-muted);overflow-wrap:anywhere}.audit-empty{padding:45px 15px;text-align:center}.audit-empty p{margin-top:5px;color:var(--zg-muted);font-size:12px}.staff-editor-open>.dialog[open]:not(:modal){overflow:hidden}.staff-editor-open>.dialog .dialog-body{overflow:auto}@media(max-width:680px){.audit-drawer{position:fixed;top:0;height:100vh}.audit-list{max-height:calc(100vh - 78px)}}
.staff-editor-open>.dialog[open]:not(:modal){overflow:auto}
.employee-status-cell{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.account-status{display:inline-flex;align-items:center;gap:4px;color:#667085;font-size:9px;font-weight:700;line-height:1.2;white-space:nowrap}.account-status>span{display:inline-grid;width:14px;height:14px;place-items:center;border-radius:50%;background:#fef3c7;color:#92400e;font-size:9px}.account-status.pending{color:#9a6700}.account-status.pending>span{background:#fff7d6;color:#9a6700}.account-status.confirmed{color:#08775d}.account-status.confirmed>span{background:#dff5ed;color:#08775d}@media(max-width:760px){.account-status{white-space:normal}}
.confirm-dialog{width:min(460px,calc(100% - 28px));padding:0;border:0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.3)}.confirm-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.confirm-dialog form{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:24px}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{font-size:21px}.confirm-dialog #confirmMessage{margin-top:8px;color:var(--zg-muted);font-size:13px;line-height:1.55}.confirm-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff1f2;color:#be123c;font-size:20px;font-weight:800}.confirm-actions{display:flex;grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:8px}@media(max-width:480px){.confirm-dialog form{grid-template-columns:36px minmax(0,1fr);padding:19px}.confirm-icon{width:36px;height:36px}.confirm-actions .button{flex:1}}
body{overflow-x:hidden}.main.staff-editor-open>*{min-width:0}.staff-editor-open>.dialog .dialog-body,.staff-editor-open>.dialog form,.staff-editor-open>.dialog .form-grid,.staff-editor-open>.dialog .person-section{min-width:0}.staff-editor-open>.dialog .actions{flex-wrap:wrap}.staff-editor-open>.dialog .actions .button{white-space:nowrap}@media(max-width:1240px){.main.staff-editor-open{grid-template-columns:180px minmax(0,1fr);padding-inline:14px}.staff-editor-open>.dialog .person-editor-layout{grid-template-columns:135px minmax(0,1fr);gap:14px}.staff-editor-open>.dialog .dialog-body{padding-inline:16px}}@media(max-width:1020px){.main.staff-editor-open{display:block}.staff-editor-open>.card{display:none}.staff-editor-open>.dialog[open]:not(:modal){position:relative;width:100%;max-width:none;max-height:none}.staff-editor-open>.dialog .person-editor-layout{grid-template-columns:150px minmax(0,1fr)}}@media(max-width:700px){.staff-editor-open>.dialog .person-editor-layout{grid-template-columns:1fr}.staff-editor-open>.dialog .dialog-tabs{overflow-x:auto}.staff-editor-open>.dialog .dialog-tab{flex:0 0 auto}.staff-editor-open>.dialog .actions .button{flex:1 1 auto}}

.live-card > [data-live-manage]{grid-column:2 / -1;justify-self:end}