.team-roles778{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0;min-width:0}.role-chip778{display:inline-block;border:1px solid #a9bbc2;border-radius:8px;padding:4px 7px;background:#eaf1f1;color:#183e48!important;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.team-roles-details778 article{padding:10px 0;border-top:1px solid #d7dad9}.team-roles-details778 small{display:block;line-height:1.5}.banner-planner778{padding:16px;margin:14px 0;border:1px solid #b6c5c5;border-radius:14px;background:#f4faf7;color:#263e3c}.banner-planner778 p,.banner-planner778 small{line-height:1.5}.banner-clock778{padding:12px;border:1px solid #b5cac5;border-radius:10px;background:#e6f0ec}.banner-clock778 time{display:block;font-weight:800;margin:6px 0}.banner-clock778[data-expired=true]{background:#fff0df;border-color:#b58551}.banner-week778{margin:12px 0}.banner-upcoming778{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.banner-future778{border:1px solid #becbc5;border-radius:10px;background:#fff;padding:10px;min-width:0}.banner-future778 summary{min-height:44px;cursor:pointer;font-weight:800;overflow-wrap:anywhere}.banner-future778 small{display:block;margin:6px 0}.banner-person778{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px;margin:7px 0}.banner-person778 button{min-height:44px;white-space:normal;overflow-wrap:anywhere}.banner-person778 button:first-child{text-align:left}.banner-wanted778{padding-top:12px;margin-top:12px;border-top:1px solid #bdcac4}.wanted-row778{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:10px 0;border-bottom:1px solid #d2ddd6}.wanted-row778>div{min-width:0}.wanted-row778 strong,.wanted-row778 small{display:block;overflow-wrap:anywhere}.wanted-row778 button{min-height:44px}.wanted-picker778{display:grid;gap:9px;margin-top:12px}.wanted-picker778 input,.wanted-picker778 select{min-width:0;width:100%;min-height:44px;box-sizing:border-box}.banner-status778{min-height:1.5em}.banner-future778 [aria-pressed=true]{background:#e6f4ed;color:#143f38;border:2px solid #22635b}.banner-planner778>details>summary{cursor:pointer;min-height:44px;font-weight:800;padding-top:12px}.banner-wanted778 h4{margin:8px 0}.banner-planner778 button{max-width:100%}@media(max-width:420px){.banner-planner778{padding:12px}.banner-upcoming778{grid-template-columns:1fr}.role-chip778{font-size:10px}}