/* BYTE-CON v1.3.0 · playeras + security center */
.shirt-size-field small{color:var(--muted);font-size:.69rem;margin-top:-2px}
.shirt-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.shirt-size-card{display:grid;gap:4px;min-height:112px;align-content:center}
.shirt-size-card span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.shirt-size-card strong{font-size:2rem;line-height:1}
.shirt-size-card small{font-size:.69rem}
.shirt-size-missing{border-color:rgba(245,185,66,.38);background:rgba(245,185,66,.07)}
.shirt-inline-form{display:flex;gap:7px;align-items:center;min-width:210px}
.shirt-inline-form select{padding:8px 9px;min-width:86px}
.shirt-inline-form .btn{padding:8px 10px}

.security-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.security-summary-card{display:grid;gap:5px;min-height:130px;align-content:center}
.security-summary-card>span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.security-summary-card>strong{font-size:1.55rem}
.security-summary-card>small{font-size:.72rem;line-height:1.45}
.security-create-panel{margin-bottom:14px}
.security-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.security-user-list{display:grid}
.security-user-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--line)}
.security-user-row:first-child{border-top:0}
.security-user-row>div{display:grid;gap:2px}
.security-user-row>div:last-child{text-align:right;justify-items:end}
.security-user-row span,.security-user-row small{color:var(--muted);font-size:.72rem}

@media(max-width:900px){
  .shirt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-summary-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .shirt-metrics{grid-template-columns:1fr 1fr}
  .security-create-grid{grid-template-columns:1fr}.security-create-grid .span-2{grid-column:1}
  .security-user-row{align-items:flex-start;flex-direction:column}.security-user-row>div:last-child{text-align:left;justify-items:start}
}