.roster-page{padding:24px;background:color-mix(in srgb,var(--color-brand-cool-gray) 20%,var(--color-brand-white));min-height:100%}.roster-page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:16px}.roster-page-header h3{margin:0 0 4px}.roster-toolbar{margin-bottom:16px;border-color:color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white));box-shadow:0 1px 3px color-mix(in srgb,var(--color-brand-black) 6%,transparent)}.roster-calendar-card{overflow-x:auto;border-color:color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white));box-shadow:0 1px 3px color-mix(in srgb,var(--color-brand-black) 6%,transparent)}.roster-time-header,.roster-resource-row{display:grid;grid-template-columns:220px minmax(1080px,1fr);min-width:1300px}.roster-time-header{height:54px;border-bottom:1px solid color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white));background:var(--color-brand-white)}.roster-time-resource-title{display:flex;align-items:center;padding:0 18px;font-weight:600;border-right:1px solid color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white))}.roster-time-axis{position:relative}.roster-time-axis>span{position:absolute;top:18px;transform:translate(-50%);color:var(--color-brand-grey);font-size:12px;white-space:nowrap}.roster-resource-row{min-height:92px;border-bottom:1px solid color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white));background:var(--color-brand-white);content-visibility:auto;contain-intrinsic-size:0 92px}.roster-equipment-cell{border:0;border-right:1px solid color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white));background:var(--color-brand-white);padding:16px 18px;text-align:left;cursor:pointer}.roster-equipment-cell:hover{background:color-mix(in srgb,var(--color-brand-cool-gray) 12%,var(--color-brand-white))}.roster-equipment-name,.roster-equipment-code{display:block}.roster-equipment-name{color:var(--color-brand-black);font-weight:600}.roster-equipment-code{margin-top:4px;color:var(--color-brand-grey);font-size:12px}.roster-timeline-track{position:relative;min-height:92px;background:repeating-linear-gradient(to right,var(--color-brand-white) 0,var(--color-brand-white) calc(12.5% - 1px),color-mix(in srgb,var(--color-brand-cool-gray) 20%,var(--color-brand-white)) calc(12.5% - 1px),color-mix(in srgb,var(--color-brand-cool-gray) 20%,var(--color-brand-white)) 12.5%)}.roster-grid-line{position:absolute;inset-block:0;width:1px;background:color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white))}.roster-segment{position:absolute;height:30px;min-width:80px;border:0;border-radius:6px;color:var(--color-brand-white);padding:4px 9px;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;box-shadow:0 1px 2px color-mix(in srgb,var(--color-brand-black) 10%,transparent)}.roster-segment>span,.roster-segment>small{display:block;overflow:hidden;text-overflow:ellipsis}.roster-segment>span{font-size:12px;font-weight:600}.roster-segment>small{font-size:10px;opacity:.9}.roster-segment-base{background:var(--color-brand-blue)}.roster-segment-extension{background:var(--color-brand-orange);cursor:default}.roster-empty-track{position:absolute;top:8px;right:12px;bottom:8px;left:12px;border:1px dashed transparent;background:transparent;color:var(--color-brand-grey);cursor:pointer}.roster-empty-track:hover{border-color:var(--color-brand-red);color:var(--color-brand-red)}.roster-legend{display:flex;gap:24px;align-items:center;min-width:1300px;padding:12px 18px;color:var(--color-brand-grey);font-size:12px;background:var(--color-brand-white)}.roster-legend span{display:inline-flex;align-items:center;gap:6px}.roster-legend i{width:12px;height:12px;border-radius:3px}.legend-base{background:var(--color-brand-blue)}.legend-extension{background:var(--color-brand-orange)}.roster-week-chip{width:100%;border:1px solid color-mix(in srgb,var(--color-brand-cool-gray) 35%,var(--color-brand-white));border-left:3px solid var(--color-brand-blue);border-radius:6px;background:var(--color-brand-white);padding:7px 8px;text-align:left;cursor:pointer}.roster-week-chip strong,.roster-week-chip span{display:block}.roster-week-chip span{margin-top:2px;color:var(--color-brand-grey);font-size:12px}.roster-modal-form{margin-top:16px}.roster-batch-row{width:100%}.roster-precision-base{border-left:3px solid var(--color-brand-blue)}.roster-empty{padding:56px;min-width:1300px}@media (max-width: 960px){.roster-page{padding:16px}.roster-page-header{flex-direction:column}}:root{--font-family-primary: "Noto Sans CJK", "Source Han Sans", sans-serif;--font-family-serif: "Source Serif Variable", "Source Han Serif", serif;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-heavy: 900;--color-brand-primary: var(--color-brand-red);--color-brand-red: #C00D1E;--color-brand-black: #000000;--color-brand-grey: #515457;--color-brand-white: #FFFFFF;--color-brand-yellow: #F5B43C;--color-brand-orange: #F07D32;--color-brand-dark-red: #802F2D;--color-brand-cool-gray: #BBBCBC;--color-brand-blue: #0072CE;--color-brand-cyan: #009CBD;--color-brand-light-green: #6BA539;--color-brand-dark-green: #007A3E;--unit-x: 1rem;--logo-safe-space: var(--unit-x);--logo-min-height: 8mm}body{margin:0;font-family:var(--font-family-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-brand-red{color:var(--color-brand-red)}.bg-brand-red{background-color:var(--color-brand-red)}.agreement-line-pending>td{background-color:color-mix(in srgb,var(--color-brand-yellow) 14%,transparent)}