/* Admin styled after the LeagueRepublic league admin: white rail, pink banner, section sub-menu, coloured panels. */
:root{--brand:#C62828;--green:#26c281;--blue:#1ba7d6;--gold:#e5b925;--purple:#9b59b6;--link:#196ea2;--redpill:#e05561;--text:#707070;--line:#dcdcdc;--bg:#f2f2f2}
*{box-sizing:border-box}
body.adm{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 "Noto Sans",-apple-system,system-ui,"Helvetica Neue",Arial,sans-serif}
.adm a{color:var(--link);text-decoration:none}.adm a:hover{text-decoration:underline}
.adm h1{font-size:22px;font-weight:700;margin:6px 0 14px;color:#707070;padding-bottom:10px;border-bottom:2px solid #d8d8d8}
.adm h2{font-size:15px;margin:0}.adm h3{font-size:14px;margin:18px 0 8px;color:#707070}
.adm .muted{color:#9a9a9a}.adm .bold,.adm b{font-weight:700}
/* rail */
.rail{position:fixed;left:0;top:0;bottom:0;width:90px;background:#fff;border-right:1px solid #dcdcdc;z-index:30;display:flex;flex-direction:column;align-items:stretch}
.rail .logo{display:flex;justify-content:center;padding:16px 0 18px;border-bottom:1px solid #e4e4e4}.rail .logo svg{width:34px;height:34px}
.rail nav{display:flex;flex-direction:column;margin-top:70px;border-top:1px solid #e4e4e4}
.rail nav a{display:block;text-align:center;padding:16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;color:#434365;border-bottom:1px solid #e4e4e4;border-left:3px solid transparent}
.rail nav a:hover{text-decoration:none;color:var(--brand)}.rail nav a.on{color:var(--brand);border-left-color:var(--brand)}
.rail .me{margin-top:auto;padding:14px 0;position:relative;text-align:center}.rail .me summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#434365;color:#fff;font-weight:700;font-size:12px}.rail .me summary::-webkit-details-marker{display:none}
.rail .me div{position:absolute;left:78px;bottom:6px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.15);padding:8px;display:flex;flex-direction:column;gap:6px;min-width:130px;text-align:left}.rail .me span{color:#999;font-size:11px}
/* shell */
.shell{margin-left:90px;min-height:100vh;display:flex;flex-direction:column}
.banner{background:#fdeeee;display:flex;justify-content:space-between;align-items:center;padding:6px 14px;height:28px;font-size:10px}
.banner .lg{color:#c0222d;font-weight:700;font-size:10px;letter-spacing:.2px}
.subnav2{display:flex;flex-wrap:wrap;gap:0 18px;background:#fff;padding:0 14px;border-bottom:1px solid #ddd;box-shadow:0 2px 3px rgba(0,0,0,.08)}
.subnav2 a{padding:9px 0 8px;font-size:10px;font-weight:600;text-transform:uppercase;color:#8a8a8a;border-bottom:2px solid transparent;margin-bottom:-1px}.subnav2 a:hover{text-decoration:none;color:#555}.subnav2 a.on{color:#444;border-bottom-color:var(--brand)}
main{flex:1;padding:14px 14px 0}.page{max-width:none}
.afoot{text-align:center;color:#8a8a8a;font-size:10px;padding:46px 0 26px;margin-top:40px;border-top:1px solid #e2e2e2}
.page>h1{margin-top:8px}
/* panels */
.psec{background:#fff;border-radius:3px;margin:0 0 16px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.phead{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 8px;border-bottom:2px solid #ccc}
.phead h2{font-size:14px;font-weight:600}.phead .ico{font-style:normal;margin-right:4px}
.phead.green{border-color:var(--green)}.phead.green h2{color:var(--green)}.phead.blue{border-color:var(--blue)}.phead.blue h2{color:var(--blue)}.phead.gold{border-color:var(--gold)}.phead.gold h2{color:var(--gold)}
.phead .hide{background:#bbb;color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:2px}.phead .hide:hover{text-decoration:none;background:#a8a8a8}
.pbody{padding:10px 8px 14px}.psec.closed .pbody{display:none}
.actions{margin:4px 0 12px}
.card2{background:#fff;border-radius:3px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.08);margin-bottom:16px}
.seasonpick{position:absolute;right:14px;top:36px}.seasonpick select{min-width:160px}
/* buttons */
.abtn,.adm .btn{display:inline-block;border:0;border-radius:2px;padding:7px 12px;font:700 11px/1.2 "Noto Sans",sans-serif;color:#fff;background:var(--brand);cursor:pointer}
.abtn:hover,.adm .btn:hover{text-decoration:none;filter:brightness(1.07)}
.abtn.green{background:var(--green)}.abtn.gold{background:var(--gold)}.abtn.grey,.adm .btn.alt{background:#bbb}.abtn.dark{background:#222}.abtn.red{background:#c0222d}
.abtn.outline{background:#fff;color:var(--green);border:1px solid var(--green)}.abtn.wide{display:block;text-align:center;margin-top:6px;border-color:#1e88b0;color:#1e88b0;padding:9px 12px}
.abtn.blue{background:#1e88b0}
.pill{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700;color:#fff}.pill:hover{text-decoration:none;filter:brightness(1.08)}
.pill.green{background:#26c281}.pill.purple{background:#7b3fa0}.pill.red{background:var(--redpill)}
.adm a.pill{color:#fff}
/* tables */
table.lr,.adm .tbl{width:100%;border-collapse:collapse;font-size:11.5px;background:#fff}
table.lr th,.adm .tbl th{background:#fff;color:#707070;font-weight:700;text-align:center;padding:8px 8px;border:1px solid var(--line);white-space:normal;text-transform:none;font-size:11.5px;letter-spacing:0}
table.lr td,.adm .tbl td{padding:7px 8px;text-align:center;border:1px solid #e6e6e6;white-space:normal}
table.lr .l,.adm .tbl .l{text-align:left}
table.lr tbody tr:nth-child(odd) td,.adm .tbl tbody tr:nth-child(odd) td{background:#f4f4f4}
table.lr tbody tr:nth-child(even) td,.adm .tbl tbody tr:nth-child(even) td{background:#fff}
.adm .tbl a{color:var(--link)}
table.lr td.ic{white-space:nowrap;width:1%}.act{white-space:nowrap;text-align:center;width:1%}
.tick{color:var(--green);font-weight:700}.redlink{color:#d33;font-weight:700;text-decoration:underline}
.adm .tbl-wrap{background:#fff;border-radius:3px;overflow-x:auto}
.resrow{display:grid;grid-template-columns:1fr 260px;gap:8px;align-items:start}.resrow .abtn.wide{margin-top:0}
/* people panel */
.psearch{display:flex;gap:0;max-width:680px}.psearch input{flex:1;border:1px solid #cfcfcf;border-radius:2px 0 0 2px;padding:7px 8px;font:inherit}.psearch .abtn{border-radius:0 2px 2px 0}
.hint{font-size:11px;margin:4px 0 12px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:0}.chip{background:#c9c9c9;color:#fff!important;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700}.chip:hover{text-decoration:none;background:#b2b2b2}
.task{display:flex;align-items:center;gap:12px;max-width:520px;padding:8px 0;border-bottom:1px dashed #ccc}.task .dot{width:18px;height:18px;border-radius:50%;background:var(--gold);color:#fff;font-size:10px;display:grid;place-items:center;font-weight:700}.task .tt{flex:1}
/* filters, forms */
.filters6{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:6px 0 10px;align-items:end}.filters6 .chk{grid-column:span 2;display:flex;align-items:center;gap:6px}
.adm select,.adm input[type=text],.adm input[type=number],.adm input[type=email],.adm input[type=password],.adm input[type=datetime-local],.adm textarea,.psearch input{border:1px solid #cfcfcf;border-radius:2px;padding:6px 8px;font:12px "Noto Sans",sans-serif;color:#555;background:#fff;max-width:100%}
.filters6 select{width:100%}
.bulk{display:flex;align-items:center;gap:8px;margin:4px 0 10px}.bulk .count{margin-left:auto;color:#196ea2;font-weight:700}
.resfilter{display:flex;gap:16px;align-items:center;margin-bottom:12px}.resfilter select{min-width:260px}
.toggle{display:inline-flex;border-radius:20px;overflow:hidden;background:#d5dde6;font-size:10px;font-weight:700}.toggle a{padding:6px 12px;color:#fff;background:#8aa3bb}.toggle a.on{background:#1b5e86}.toggle a:hover{text-decoration:none}
.infobar{background:#eaf4fb;border:1px solid #cfe6f5;color:#2a6f97;padding:10px 12px;border-radius:2px;margin:10px 0 14px}
.adm .form,.card2.form{display:flex;flex-direction:column;gap:12px;background:#fff;padding:18px;border-radius:3px;max-width:900px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.adm .form.narrow{max-width:380px}.adm .form.wide{max-width:none}
.adm .form label{display:grid;grid-template-columns:230px 1fr;gap:6px 14px;align-items:start;font-weight:600;font-size:12px;color:#707070;text-align:right}
.adm .form label.chk{display:flex;align-items:center;gap:8px;text-align:left;justify-content:flex-start;margin-left:244px;font-weight:500}
.adm .form label > select,.adm .form label > input,.adm .form label > textarea{width:100%;max-width:520px;text-align:left}
.adm .form small{font-weight:400;color:#9a9a9a;grid-column:2}
.adm .form.narrow label,.adm .form.wide label{display:flex;flex-direction:column;text-align:left}.adm .form.narrow label.chk,.adm .form.wide label.chk{margin-left:0;flex-direction:row}
.adm .form .row2{display:flex;gap:12px;flex-wrap:wrap}.adm .form .row2 label{flex:1;min-width:120px;display:flex;flex-direction:column;text-align:left}
.adm .form>.btn,.adm .form>button{align-self:flex-start;margin-left:244px}
.adm .form.narrow>.btn,.adm .form.wide>.btn,.adm .form.wide>button{margin-left:0}
.flash{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e5f33;padding:10px 14px;border-radius:2px;margin:0 0 12px}.flash.err{background:#fdecea;border-color:#ef9a9a;color:#8a2a2a}
.danger{margin-top:14px}.frames-edit input[type=number]{width:64px;padding:4px}.frames-edit select{max-width:170px;padding:4px}
.notice{border:1px solid #f1d98a;border-left:3px solid var(--gold);background:#fffbea;padding:10px 12px;border-radius:2px}
.adm .kpis div{background:#fff}
@media(max-width:900px){.rail{width:64px}.shell{margin-left:64px}.rail nav a{font-size:9px;padding:12px 2px}.filters6{grid-template-columns:1fr 1fr}.resrow{grid-template-columns:1fr}.adm .form label{display:flex;flex-direction:column;text-align:left}.adm .form label.chk,.adm .form>.btn{margin-left:0}.seasonpick{position:static;margin-bottom:10px}}
@media(max-width:560px){.rail{position:static;width:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #ddd}.rail .logo,.rail .me{display:none}.rail nav{flex-direction:row;margin:0;border:0}.rail nav a{border:0;border-bottom:3px solid transparent;padding:12px 10px;white-space:nowrap}.rail nav a.on{border-bottom-color:var(--brand)}.shell{margin-left:0}}
/* round 2 */
.adm a.abtn,.adm a.abtn:hover{color:#fff}.adm a.abtn.outline{color:var(--green)}.adm a.abtn.wide{color:#1e88b0}
.rail nav a{font-size:10px;letter-spacing:-.1px;padding:16px 2px}
.adm select,.adm input[type=text],.adm input[type=number],.adm input[type=email],.adm input[type=password],.adm input[type=datetime-local],.psearch input{padding:4px 6px}
table.lr td,.adm .tbl td{padding:5px 8px}
table.lr th,.adm .tbl th{padding:7px 8px}
.infobar .i,.i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#3a8fc0;color:#fff;font:700 10px/1 "Noto Sans",sans-serif;margin-right:6px;font-style:italic}
.adm .form label.chk > input{width:auto;max-width:none;margin:0}
.adm .form label.chk{margin-left:244px}
.adm .form.narrow label.chk,.adm .form.wide label.chk{margin-left:0}
/* Update Match / schedule pages */
.backlink{margin:-4px 0 12px;font-size:12px}.backlink a{font-weight:600}
.fieldset{position:relative;background:#fff;border:1px solid #e1e1e1;border-radius:3px;padding:26px 16px 18px;margin:18px 0 18px;max-width:none;display:block;box-shadow:none}
.fieldset .legend{position:absolute;top:-11px;left:22px;background:#fff;padding:0 8px;font-weight:700;color:#707070;font-size:13px}
.frm{display:grid;grid-template-columns:170px 1fr;gap:0 16px;padding:9px 0;align-items:start}
.frm .fl{text-align:right;font-weight:700;color:#707070;padding-top:4px}.frm .fc{min-width:0;color:#707070}.frm .fh{font-size:10.5px;color:#7d7d7d;margin-top:5px}
.frm select,.frm input[type=text],.frm input[type=date],.frm input[type=number],.frm textarea{border:1px solid #cfcfcf;border-radius:2px;padding:4px 6px;font:12px "Noto Sans",sans-serif;background:#fff;color:#555}
.frm input.wide,.frm textarea.wide{width:min(100%,890px)}.frm input.sc{width:34px;text-align:left}
.frm .cb{font-size:12px;color:#666;font-weight:400;margin-right:12px}.frm .cb input{margin-right:3px;vertical-align:middle}
.req{color:#d33;border-bottom:1px dotted #d33}
.qm{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#d0202b;color:#fff;font:700 10px/1 "Noto Sans",sans-serif;margin-left:6px;cursor:help}
.btnrow{padding:6px 0 6px 186px;display:flex;gap:2px;flex-wrap:wrap}
.btnrow .abtn{border-radius:2px;margin:0}
.pill.blue{background:#1e7fb3;color:#fff}
.alert{background:#fdecea;border:1px solid #f3c5c0;color:#b52e25;padding:9px 12px;font-weight:700;border-radius:2px;margin:6px 0 12px}
.tabs3{display:flex;background:#d9d9d9;margin:6px 0 0;border-radius:3px 3px 0 0}
.tabs3 a{padding:9px 14px;font-weight:700;font-size:11.5px;color:#666;border-right:1px solid #cfcfcf}.tabs3 a:hover{text-decoration:none;background:#e6e6e6}.tabs3 a.on{background:#fff;color:#333}
.tabs3+.card2{border-radius:0 0 3px 3px;margin-top:0}
.gridwrap{overflow-x:auto;margin-top:12px}
table.grid th,table.grid td{padding:4px 6px;font-size:10.5px;white-space:nowrap}table.grid td.dead{background:#fff!important}
table.grid td input{margin:0}
.hr{border:0;border-top:1px solid #e0e0e0;margin:12px 0}
.card2 h2.sub{font-size:15px;color:#707070;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #e3e3e3}
.tools .toolbig{border:1px solid #cfcfcf;padding:14px;margin-bottom:18px}.tools .toolbig p,.tools .toolgrid p{margin:6px 0}
.newtag{background:#e05561;color:#fff;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}
.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.toolgrid h3{margin:0 0 4px;padding-bottom:6px;border-bottom:1px solid #e3e3e3}
.filters6.second{grid-template-columns:260px 1fr;align-items:start}.filters6.second .lbl{display:block;font-weight:700;margin-bottom:4px;font-size:11px}.filters6.second select{width:100%}
.filters6.second .chk{display:inline-flex;margin-right:14px;font-size:11.5px}
.x{color:#bbb}.redq{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#d0202b;color:#fff;font:700 10px/1 sans-serif}
table.lr td .pill+.pill{margin-left:3px}
@media(max-width:900px){.frm{grid-template-columns:1fr}.frm .fl{text-align:left}.btnrow{padding-left:0}.toolgrid{grid-template-columns:1fr}}
.rail nav a{font-size:9.6px;letter-spacing:-.15px}
/* Setup pages */
.setwrap{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:start;margin-top:8px}
.lmenu{display:flex;flex-direction:column;background:#dcdcdc;padding:6px}.lmenu a{padding:9px 10px;font-weight:700;font-size:11.5px;color:#777;border-bottom:1px solid #cfcfcf}.lmenu a:hover{text-decoration:none;background:#e8e8e8}.lmenu a.on{background:#fff;color:#222}
.gform{min-width:0}.gpanel{border:1px solid #e1e1e1;border-radius:3px;padding:20px 12px 12px;position:relative;margin-bottom:14px;background:#fff}.gpanel[hidden]{display:none}
.gt{position:absolute;top:-10px;left:16px;background:#fff;padding:0 8px;font-weight:700;color:#707070}
.subh{font-weight:700;color:#707070;padding:12px 0 6px;border-bottom:1px solid #e6e6e6;margin-bottom:8px}
.warn{color:#c0222d;font-weight:700;font-size:10.5px}.redx{color:#d33}
.card2.settab h2.sub{font-size:16px;padding-bottom:10px;margin:2px 0 14px}.sub.big{font-size:16px;border:0;padding:0;margin:14px 0 8px}
table.mini{border-collapse:collapse;font-size:11.5px}table.mini th,table.mini td{padding:5px 14px;text-align:center;border-bottom:1px solid #eee}table.mini .l{text-align:left}
.frm .cb.block{display:block;margin:2px 0}
.infobar.plain{background:#eaf4fb}
.warnbar{background:#fff7e0;border:1px solid #f1d98a;color:#8a6d00;padding:9px 12px;margin-bottom:12px;font-weight:600}
.btnrow.nopad{padding-left:0;margin-top:12px}.abtn.orange{background:#ef7f1a}
.comphead,.vfilter,.stdtop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.comphead h2{font-size:16px;color:#707070}
.vfilter select,.stdtop select{min-width:280px}.inl{display:inline}
table.venues td{vertical-align:top}.small{font-size:11px}
.tabs3.inner{background:#e6e6e6;margin:0 0 12px}.tabs3.inner a{font-size:11px;padding:7px 12px}
.fieldset.smallset{max-width:760px}.sc2{width:70px}
.terms textarea{width:100%;max-width:640px}.terms .key{color:#c0222d;font-weight:700}.terms .def{font-size:11px;color:#777;margin-top:4px}.terms .def b{color:#c0222d}
.demo{margin:8px 0 16px;overflow-x:auto}.demo .stand-card{background:#fff;padding:0;box-shadow:none}.demo table{width:100%;font-size:11.5px;border-collapse:collapse}.demo th{background:#fff;color:#707070;border:1px solid #ddd;padding:6px}.demo td{background:#fff!important;color:#707070!important;border:1px solid #ddd!important;padding:5px 8px;font-weight:400!important;border-radius:0!important}.demo td.tm a{color:#707070}
table.colcfg th,table.colcfg td{font-size:11px}table.colcfg input.hdr{width:48px;text-align:center}
.ctl{white-space:nowrap}.rb,.kb{border:0;border-radius:50%;width:22px;height:22px;font-size:10px;cursor:pointer;color:#fff;margin:0 1px}.rb{background:#c0222d}.kb{background:#222}
.addcol{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.addcol h3{margin-top:0}
.prio{display:flex;align-items:center;gap:10px;margin:6px 0}.prio span{width:14px;color:#707070}.prio select{min-width:260px}
.ptsrow{display:flex;gap:18px;flex-wrap:wrap}.ptsrow label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#707070;font-weight:600}
.descform input{min-width:300px}
.fbi{display:inline-grid;place-items:center;width:18px;height:18px;background:#1877f2;color:#fff;border-radius:3px;font-weight:700;font-size:12px}.tw{color:#1d9bf0}
@media(max-width:900px){.setwrap{grid-template-columns:1fr}.addcol{grid-template-columns:1fr}}