.comp-center{max-width:1500px;margin:0 auto;padding:24px;display:grid;gap:18px}.comp-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(79,70,229,.94),rgba(14,165,164,.88));color:#fff;box-shadow:0 20px 50px rgba(15,23,42,.14)}.comp-hero p{font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.comp-hero h1{font-size:clamp(30px,4vw,48px);margin:0 0 8px}.comp-hero span{display:block;max-width:820px;line-height:1.6}.comp-hero__actions{display:flex;gap:10px;flex-wrap:wrap}.comp-hero__actions .secondary-button{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.3)}.comp-jump{display:flex;gap:10px;flex-wrap:wrap}.comp-jump a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.35);font-weight:700}.comp-card{background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.25);border-radius:24px;padding:22px;box-shadow:0 14px 35px rgba(15,23,42,.07)}.comp-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.comp-card h2,.comp-card h3{margin:0;color:#172033}.comp-card header p{margin:6px 0 0;color:#64748b;line-height:1.5}.comp-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.comp-form label{display:grid;gap:6px;font-weight:700;color:#475569}.comp-form input,.comp-form select{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:14px;padding:10px 12px;background:#fff;font-size:16px;color:#172033}.comp-form small{font-weight:500;color:#94a3b8}.comp-form__wide{grid-column:span 2}.comp-form>.primary-button{align-self:end;min-height:48px}.comp-note,.comp-priority{margin:16px 0 0;padding:13px 15px;border-radius:14px;background:#f8fafc;color:#64748b}.comp-priority{display:flex;gap:10px;flex-wrap:wrap}.comp-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comp-history-grid>article,.comp-tour-history{border:1px solid #e2e8f0;border-radius:18px;padding:16px}.comp-history-list{display:grid;gap:9px;margin-top:12px}.comp-history-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #e2e8f0}.comp-history-list span{display:grid;gap:3px}.comp-history-list small{color:#64748b}.comp-history-list em{font-style:normal;font-weight:700;white-space:nowrap}.comp-tour-history{margin-top:16px}.comp-table-wrap{overflow:auto;margin-top:12px}.comp-table-wrap table{width:100%;border-collapse:collapse;min-width:980px}.comp-table-wrap th,.comp-table-wrap td{text-align:left;padding:11px;border-bottom:1px solid #e2e8f0;vertical-align:top}.comp-table-wrap small{display:block;color:#64748b;margin-top:3px}.comp-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.comp-link-grid a{display:grid;gap:5px;padding:15px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.comp-link-grid span{color:#64748b}.error-summary{padding:16px 18px;border-radius:16px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.error-summary ul{margin:8px 0 0}.page-workforce-compensation .app-content{overflow:auto}@media(max-width:980px){.comp-hero{flex-direction:column}.comp-form{grid-template-columns:repeat(2,minmax(0,1fr))}.comp-history-grid{grid-template-columns:1fr}.comp-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.comp-center{padding:14px}.comp-card,.comp-hero{border-radius:20px;padding:17px}.comp-form{grid-template-columns:1fr}.comp-form__wide{grid-column:auto}.comp-link-grid{grid-template-columns:1fr}.comp-card>header{flex-direction:column}.comp-history-list>div{flex-direction:column}.comp-form input,.comp-form select{font-size:16px}}


/* Gate 14B R4 — employee-first Owner workflow */
.comp-center--employee .comp-employee-picker{border:1px solid rgba(93,86,190,.14)}
.comp-picker-label{display:grid;gap:8px;max-width:820px}.comp-picker-label span{font-weight:800}
.comp-selected-summary{margin-top:14px;padding:14px 16px;border-radius:18px;background:rgba(242,246,255,.82);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.comp-selected-summary strong{font-size:18px}.comp-selected-summary span{font-weight:800;color:#5445bd}.comp-selected-summary small{color:#69748b}
.comp-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.comp-simple-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border:1px solid rgba(123,133,162,.18);border-radius:20px;background:rgba(255,255,255,.72)}
.comp-simple-panel h3,.comp-simple-panel .comp-note,.comp-simple-panel button{grid-column:1/-1}.comp-simple-panel label{display:grid;gap:7px}.comp-simple-panel label span{font-weight:750}.comp-simple-panel small{color:#768197}
.comp-tour-simple{grid-template-columns:repeat(3,minmax(0,1fr))}.comp-boundary{display:flex;gap:10px;margin-top:14px;padding:14px 16px;border-radius:16px;background:#fff8ed;color:#73561e}.comp-boundary strong{white-space:nowrap}
.comp-advanced summary{cursor:pointer;font-weight:850;font-size:18px;padding:8px 0}.comp-advanced[open] summary{margin-bottom:12px}
@media(max-width:900px){.comp-simple-grid{grid-template-columns:1fr}.comp-tour-simple{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.comp-simple-panel,.comp-tour-simple{grid-template-columns:1fr}.comp-simple-panel input,.comp-simple-panel select,.comp-tour-simple input,.comp-tour-simple select,.comp-picker-label select{font-size:16px}.comp-boundary{flex-direction:column}}

/* Gate 17 — compensation/payroll closure */
.comp-preview-form{grid-template-columns:repeat(4,minmax(0,1fr))}.comp-preview-summary{margin-top:16px;padding:16px;border-radius:18px;display:grid;gap:5px;border:1px solid #d7ddea;background:#f8fafc}.comp-preview-summary.is-ready{border-color:#bbf7d0;background:#f0fdf4}.comp-preview-summary.is-blocked{border-color:#fecaca;background:#fff7f7}.comp-preview-summary>strong{font-size:20px}.comp-preview-runs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}.comp-preview-runs a{padding:7px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#fff}.comp-history-list>div{align-items:center}.comp-history-list form{margin-left:auto}.comp-branch-defaults{margin-top:18px;padding:14px;border:1px solid #e2e8f0;border-radius:16px}.comp-branch-defaults>summary{cursor:pointer;font-weight:800;margin-bottom:12px}@media(max-width:900px){.comp-preview-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.comp-preview-form{grid-template-columns:1fr}.comp-history-list form{margin-left:0}.comp-preview-runs{display:grid}}