/* Shared: portrait + CH/EU + character name (used by ranking, guild detail, dashboard, etc.) */
.cid-row{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    width:100%;
    min-width:0;
}
.cid-img{
    width:36px;
    height:36px;
    border-radius:9px;
    object-fit:cover;
    flex:0 0 auto;
    border:1px solid rgba(244,210,31,.35);
    background:#111;
    box-shadow:0 0 10px rgba(244,210,31,.15);
}
.cid-badge{
    flex:0 0 auto;
    font-size:9px;
    font-weight:950;
    line-height:1.2;
    padding:3px 6px;
    border-radius:999px;
    white-space:nowrap;
    color:#f4d21f;
    border:1px solid rgba(244,210,31,.28);
    background:rgba(0,0,0,.45);
}
.cid-name{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#f4d21f;
    font-weight:800;
    text-decoration:none;
}
.cid-name:hover{
    color:#fff;
    text-shadow:0 0 12px rgba(244,210,31,.55);
}
.cid-wrap{
    margin:12px 0;
}
.cid-wrap .cid-img{
    width:40px;
    height:40px;
    border-radius:10px;
}
.cid-wrap .cid-badge{
    font-size:10px;
    padding:4px 8px;
}
.cid-wrap.cid-dashboard{
    margin:4px 0 14px;
}
.cid-wrap.cid-mychars{
    margin:0 0 12px;
    justify-content:center;
}
.cid-wrap.cid-mychars .cid-row{
    justify-content:center;
    flex-wrap:wrap;
}
.cid-wrap.cid-search{
    margin:16px 0;
}

/* DataTables ranking: character column */
table.dataTable.ranking-table thead th.cid-td.rank-col-char,
table.dataTable.ranking-table tbody td.cid-td.rank-col-char{
    text-align:left !important;
    padding-left:14px !important;
    padding-right:12px !important;
    min-width:200px;
    max-width:min(340px, 38vw);
    vertical-align:middle !important;
}

/* Guild detail roster */
.guild-roster-table thead th.guild-col-char,
.guild-roster-table tbody td.guild-col-char{
    text-align:left;
    padding-left:16px;
    padding-right:14px;
    min-width:220px;
    max-width:min(360px, 42vw);
    vertical-align:middle;
}
.guild-roster-table .cid-td.guild-col-char .cid-img{
    width:40px;
    height:40px;
    border-radius:10px;
}
.guild-roster-table .cid-td.guild-col-char .cid-badge{
    font-size:10px;
    padding:4px 8px;
}

.admin-main .table-wrap td.cid-td{
    text-align:left !important;
    vertical-align:middle;
    min-width:200px;
    max-width:280px;
}

@media(max-width:620px){
    table.dataTable.ranking-table thead th.cid-td.rank-col-char,
    table.dataTable.ranking-table tbody td.cid-td.rank-col-char,
    .guild-roster-table thead th.guild-col-char,
    .guild-roster-table tbody td.guild-col-char{
        max-width:none;
    }
}