.availability-bar{background:linear-gradient(90deg,var(--bar-color,#7caf71) 0 var(--fill,100%),#eef1ec var(--fill,100%) 100%)}
.welcome-spark{display:inline-flex;width:17px;height:17px;vertical-align:-1px;margin-left:3px;color:#7caf71}
.welcome-spark svg{width:100%;height:100%;fill:currentColor}
.role-picker-button{border:1px solid #dfe8df;border-radius:22px;background:#fff;color:#315d45;padding:8px 12px;font:700 10px "DM Sans",sans-serif;white-space:nowrap;cursor:pointer}
.role-picker-button:hover,.role-option:hover{background:#f5f8f3}
.role-picker-button span{padding-left:5px;color:#829087}
.role-picker-list{display:grid;gap:7px;margin-bottom:13px}
.role-option{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #e8ede7;background:#fff;border-radius:11px;padding:10px;cursor:pointer;color:#20392f}
.role-option.selected{border-color:#9ab99c;background:#f4f8f2}
.role-option-icon{width:34px;height:34px;border-radius:10px;background:#e8f1e6;color:#397254;display:grid;place-items:center;font:800 10px Manrope,sans-serif}
.role-option>span:nth-child(2){display:grid;gap:3px;flex:1}
.role-option b{font:700 11px Manrope,sans-serif}
.role-option small{font-size:9px;color:#859188}
.role-option-arrow{color:#93a098;font-size:20px}
.role-note{display:flex;flex-direction:column;gap:4px;background:#edf5ec;border:1px solid #e2ede0;border-radius:10px;padding:12px 14px;margin-bottom:15px;color:#365b43;font-size:10px}
.role-note span{color:#718078;font-size:9px}
.parent-child-card{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.parent-child-card .person-avatar{width:42px;height:42px}
.parent-child-card>div:nth-child(2){flex:1}
.parent-child-card .eyebrow{margin:0 0 3px}
.parent-status{margin:14px 0}
.role-table .table-head,.role-table .table-row{grid-template-columns:1.5fr 1.2fr 1fr}
.schedule-deadline{display:flex;align-items:center;gap:10px;background:#f5f8f2;border:1px solid #e7eee4;border-radius:10px;padding:10px 12px;margin:0 0 12px;color:#476650}
.schedule-deadline>.msg-icon{margin:0;flex:none}
.schedule-deadline>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.schedule-deadline b{font-size:10px}
.schedule-deadline small{font-size:9px;color:#87958b}
.fixture-info{flex-wrap:wrap;line-height:1.6}
.schedule-source-note{font-size:9px;color:#8a978f;margin:-3px 2px 12px}
@media(max-width:560px){.role-picker-button{font-size:9px;padding:7px 9px}.role-table .table-head,.role-table .table-row{min-width:450px}.parent-child-card{padding:12px}}
@media(max-width:560px){.schedule-deadline{gap:7px;padding:9px}.schedule-deadline b{font-size:9px}.schedule-deadline small{font-size:8px}.schedule-deadline .panel-action{font-size:8px}}