.nav{grid-template-columns:repeat(5,1fr);overflow-x:auto}
.nav button{min-width:74px;padding:10px 5px;font-size:11px}
.roster-head{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:13px}
.roster-head button{border:0;background:none;color:#d7192d;font-size:12px;font-weight:800}
.player-list{margin-top:10px;border:1px solid #ddd;border-radius:15px;max-height:300px;overflow:auto}
.player-list>p{padding:14px;color:#777;font-size:13px}
.player-option{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #eee;margin:0}
.player-option:last-child{border-bottom:0}
.player-option input{width:19px;height:19px;margin:0}
.player-option span{flex:1}
.player-option b,.player-option small{display:block}
.player-option small{margin-top:3px;color:#777;font-weight:400}
.face-ready{padding:4px 7px;border-radius:10px;background:#e7f7ec;color:#14773a;font-size:10px;font-weight:800}
@media(max-width:390px){.nav button{font-size:12px}.row{grid-template-columns:1fr}}
.record-header{margin-top:14px;padding:16px;border-radius:15px;background:#18191c;color:#fff}.record-header b,.record-header span{display:block}.record-header span{margin-top:4px;font-size:12px;color:#ccc}
details{margin-top:12px;border:1px solid #ddd;border-radius:15px;padding:0 14px 14px}summary{padding:15px 0;font-weight:800;cursor:pointer}textarea{width:100%;margin-top:8px;padding:12px;border:1px solid #d7d7da;border-radius:12px;background:#fafafa;font:inherit}.compact-list{display:grid;gap:8px}.compact-item{padding:11px;border-radius:11px;background:#f4f4f5;font-size:12px}.compact-item b,.compact-item span{display:block}.compact-item span{margin-top:4px;color:#666}.compact-item a{display:inline-block;margin-top:5px;color:#d7192d;font-weight:800;text-decoration:none}
.dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0 20px}.dashboard div{padding:16px;border-radius:15px;background:#18191c;color:#fff}.dashboard b,.dashboard span{display:block}.dashboard b{font-size:25px}.dashboard span{margin-top:3px;font-size:11px;color:#ccc}.module-grid{display:grid;gap:9px}.module-grid button{padding:15px;border:1px solid #e3e3e5;border-radius:15px;background:#fff;text-align:left}.module-grid button:active{background:#fff3f4;border-color:#e51b2a}.module-grid b,.module-grid span{display:block}.module-grid b{font-size:14px}.module-grid span{margin-top:4px;color:#747479;font-size:11px}.back{border:0;background:none;padding:0 0 15px;color:#d7192d;font-weight:800}.list-title{margin-top:28px}.record-list{display:grid;gap:9px}.record-list>p{padding:15px;background:#f4f4f5;border-radius:12px;color:#666;font-size:13px}.record-list article{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e1e1e3;border-radius:13px}.record-list article div{flex:1}.record-list b,.record-list span,.record-list small{display:block}.record-list span{margin-top:4px;color:#666;font-size:11px}.record-list small{margin-top:5px;line-height:1.35;color:#888}.record-list button{border:0;background:#feecef;color:#c31c2b;border-radius:50%;width:26px;height:26px;font-size:18px}
.import-issues{margin-top:18px}.import-issues h3{margin-bottom:10px}.import-issues article{padding:11px;margin-top:7px;border-radius:11px;background:#fff1f2;border:1px solid #f4c6cc}.import-issues article b,.import-issues article span{display:block}.import-issues article span{margin-top:4px;color:#8d2832;font-size:11px}.ok-box{padding:13px;border-radius:11px;background:#e9f8ee;color:#16763a;font-size:12px}
.face-status{margin:2px 0 12px;padding:12px;border-radius:11px;font-size:12px;font-weight:700;line-height:1.4}.face-status.ready{background:#e8f7ed;color:#16743a}.face-status.pending{background:#fff1d9;color:#8b5b00}
.payment-box{margin-top:12px;padding:14px;border-radius:15px;background:#f4f4f5}.payment-box>b,.payment-box>span{display:block}.payment-box>b{font-size:15px}.payment-box>span{margin-top:4px;color:#666;font-size:11px}.payment-box.warning{background:#fff1d9}.payment-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;padding:9px 0;border-top:1px solid #ddd;margin-top:9px}.payment-row strong{font-size:12px}.payment-row i{padding:3px 6px;border-radius:8px;background:#eee;font-size:9px;font-style:normal;font-weight:800}.payment-row small{grid-column:1/3;color:#666}.payment-row .pay-pagado,.payment-row .pay-ncbecado{background:#dff4e7;color:#14713a}.payment-row .pay-adeudado,.payment-row .pay-parcial{background:#fee4e7;color:#b51b28}
