.roster-dialog{width:min(850px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#151515;color:#eee;border:1px solid #ff7a00;border-radius:12px;padding:24px;box-sizing:border-box}.roster-dialog::backdrop{background:#000b}.roster-heading,.roster-entry,.roster-buttons{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.roster-dialog label{display:block;margin:12px 0}.roster-dialog input:not([type=checkbox]),.roster-dialog select{display:block;width:100%;padding:10px;background:#222;color:#fff;border:1px solid #777;border-radius:5px;box-sizing:border-box}.roster-check input{width:auto;margin-right:8px}.roster-entry{padding:12px 0;border-bottom:1px solid #555}.roster-entry span{display:block;color:#bbb;font-size:.9rem;margin-top:4px}#rosterEntries{max-height:270px;overflow:auto}.roster-preview-card{padding:20px;border:1px solid #777;border-radius:8px;overflow-wrap:anywhere}.roster-preview-card a{color:#ff9b40}#rosterEditor{margin-top:24px;border-top:1px solid #555}.roster-dialog button:disabled{opacity:.55}#rosterSaveMessage{min-height:1.5em}.roster-dialog h3{overflow-wrap:anywhere}@media(max-width:500px){.roster-dialog{padding:16px}.roster-buttons{align-items:stretch;flex-direction:column}}