/* DevNexus V1.7 – Offline character list and details. Sidebar CSS untouched. */
.character-filterbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:19px 0 15px}
.character-filterbar label{display:flex;flex-direction:column;gap:7px;flex:1 1 160px;min-width:155px;color:#bfc7da;font-size:13px;font-weight:600}
.character-filterbar input,.character-filterbar select{width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid #43465c;border-radius:9px;background:#111522;color:#f3f1fb}
.character-filterbar .btn{min-height:42px}
.character-status{background:#182e28;color:#96eac3;border:1px solid #27664c;border-radius:16px;padding:5px 10px;font-size:12px;white-space:nowrap}
.character-status.is-disabled{color:#efc1c1;background:#391c29;border-color:#7b3040}
.character-list-meta{display:flex;gap:12px;flex-wrap:wrap;color:#a8b4ce;font-size:12px;margin:14px 0}
.character-detail{font-size:12px;min-height:34px}
.character-detail-box{margin:18px 0;padding:20px;border:1px solid #67568e}
.character-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.character-detail-header h3{margin:6px 0}
.character-detail-header small{color:#bca3ff;font-size:11px}
.character-detail-header p{color:#aeb8c9}
.character-detail-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:16px}
.character-detail-columns section{background:#111622;border-radius:10px;padding:14px;overflow-wrap:anywhere}
.character-detail-columns h4{margin:0 0 10px}
.character-detail-columns ul{padding-left:18px;margin:0;line-height:1.9}
@media(max-width:670px){.character-filterbar .btn{flex:1 1 100%}}