/* ==========================================================
   DOSSIERS COMPONENT
   ========================================================== */

/* Dossiers container */
.dossiers {
    max-width: 680px;
    margin: 0 auto;
    padding: 24px 20px 60px;
}

/* Dossier card */
.dossier {
    border: 1px solid var(--color-line);
    border-radius: 2px;
    margin-bottom: 24px;
    overflow: hidden;
}

/* Dossier stamp header */
.dossier-stamp {
    padding: 8px 16px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-line);
}

.dossier.nexus .dossier-stamp {
    color: var(--color-nexus);
    background: var(--color-nexus-dim);
}

.dossier.cipher .dossier-stamp {
    color: var(--color-cipher);
    background: var(--color-cipher-dim);
}

/* Dossier body */
.dossier-body {
    padding: 16px;
}

/* Dossier avatar row */
.dossier-avatar-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-line);
}

.dossier-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.dossier.nexus .dossier-avatar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='dng' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23002200'/%3E%3Cstop offset='100%25' stop-color='%23000a00'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='32' fill='url(%23dng)'/%3E%3Crect x='14' y='14' width='36' height='36' rx='3' fill='none' stroke='%2300ff41' stroke-width='1' opacity='0.4'/%3E%3Crect x='18' y='18' width='28' height='28' rx='2' fill='none' stroke='%2300ff41' stroke-width='0.5' opacity='0.25'/%3E%3Cline x1='14' y1='22' x2='50' y2='22' stroke='%2300ff41' stroke-width='0.3' opacity='0.15'/%3E%3Cline x1='14' y1='30' x2='50' y2='30' stroke='%2300ff41' stroke-width='0.3' opacity='0.15'/%3E%3Cline x1='14' y1='38' x2='50' y2='38' stroke='%2300ff41' stroke-width='0.3' opacity='0.15'/%3E%3Cline x1='22' y1='14' x2='22' y2='50' stroke='%2300ff41' stroke-width='0.3' opacity='0.15'/%3E%3Cline x1='32' y1='14' x2='32' y2='50' stroke='%2300ff41' stroke-width='0.3' opacity='0.15'/%3E%3Cline x1='42' y1='14' x2='42' y2='50' stroke='%2300ff41' stroke-width='0.3' opacity='0.15'/%3E%3Crect x='20' y='24' width='8' height='5' rx='1' fill='%2300ff41' opacity='0.9'/%3E%3Crect x='36' y='24' width='8' height='5' rx='1' fill='%2300ff41' opacity='0.9'/%3E%3Crect x='21' y='25' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='24' y='25' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='21' y='27' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='24' y='27' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='37' y='25' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='40' y='25' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='37' y='27' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='40' y='27' width='2' height='1.5' fill='%23003300'/%3E%3Crect x='24' y='35' width='16' height='2' rx='1' fill='%2300ff41' opacity='0.35'/%3E%3Cline x1='20' y1='40' x2='44' y2='40' stroke='%2300ff41' stroke-width='0.5' opacity='0.2'/%3E%3Cline x1='20' y1='42' x2='44' y2='42' stroke='%2300ff41' stroke-width='0.5' opacity='0.2'/%3E%3Cline x1='20' y1='44' x2='44' y2='44' stroke='%2300ff41' stroke-width='0.5' opacity='0.2'/%3E%3C/svg%3E");
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.3);
}

.dossier.cipher .dossier-avatar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='dcg' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23150020'/%3E%3Cstop offset='100%25' stop-color='%23080010'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='32' fill='url(%23dcg)'/%3E%3Ccircle cx='32' cy='30' r='14' fill='none' stroke='%23bf40ff' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='32' cy='30' r='10' fill='none' stroke='%23bf40ff' stroke-width='1.2' opacity='0.5'/%3E%3Ccircle cx='32' cy='30' r='6' fill='%23bf40ff' opacity='0.15'/%3E%3Ccircle cx='32' cy='30' r='3.5' fill='%23bf40ff' opacity='0.7'/%3E%3Ccircle cx='32' cy='30' r='1.5' fill='%23200030'/%3E%3Cline x1='32' y1='16' x2='32' y2='6' stroke='%23bf40ff' stroke-width='0.6' opacity='0.3'/%3E%3Cline x1='32' y1='44' x2='32' y2='54' stroke='%23bf40ff' stroke-width='0.6' opacity='0.3'/%3E%3Cline x1='18' y1='30' x2='8' y2='30' stroke='%23bf40ff' stroke-width='0.6' opacity='0.3'/%3E%3Cline x1='46' y1='30' x2='56' y2='30' stroke='%23bf40ff' stroke-width='0.6' opacity='0.3'/%3E%3Cline x1='22' y1='20' x2='14' y2='12' stroke='%23bf40ff' stroke-width='0.4' opacity='0.2'/%3E%3Cline x1='42' y1='20' x2='50' y2='12' stroke='%23bf40ff' stroke-width='0.4' opacity='0.2'/%3E%3Ccircle cx='32' cy='6' r='1' fill='%23bf40ff' opacity='0.4'/%3E%3Ccircle cx='56' cy='30' r='1' fill='%23bf40ff' opacity='0.4'/%3E%3Cpath d='M20 48 Q26 52 32 50 Q38 52 44 48' fill='none' stroke='%23bf40ff' stroke-width='0.8' opacity='0.25'/%3E%3C/svg%3E");
    box-shadow: 0 0 10px rgba(191, 64, 255, 0.3);
}

/* Dossier name and role */
.dossier-name {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.dossier.nexus .dossier-name {
    color: var(--color-nexus);
}

.dossier.cipher .dossier-name {
    color: var(--color-cipher);
}

.dossier-role {
    font-size: 0.7rem;
    color: var(--color-text-dim);
    margin-top: 2px;
}

/* Dossier sections */
.dossier-section {
    margin-bottom: 14px;
}

.dossier-section-title {
    font-size: 0.6rem;
    color: var(--color-text-dim);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--color-line);
}

/* Dossier fields */
.dossier-field {
    display: flex;
    gap: 8px;
    font-size: 0.75rem;
    margin-bottom: 3px;
}

.dossier-field-label {
    color: var(--color-text-dim);
    width: 110px;
    flex-shrink: 0;
}

.dossier-field-value {
    color: var(--color-text);
}

/* Dossier lists */
.dossier-list {
    list-style: none;
    font-size: 0.75rem;
}

.dossier-list li {
    padding: 2px 0;
    color: var(--color-text);
}

.dossier-list li::before {
    content: '├── ';
    color: var(--color-text-dim);
}

.dossier-list li:last-child::before {
    content: '└── ';
    color: var(--color-text-dim);
}

/* Dossier skills */
.dossier-skill {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 0.7rem;
}

.dossier-skill-name {
    width: 140px;
    flex-shrink: 0;
    color: var(--color-text-dim);
}

.dossier-skill-bar {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 1px;
    overflow: hidden;
}

.dossier-skill-fill {
    height: 100%;
    border-radius: 1px;
}

.dossier.nexus .dossier-skill-fill {
    background: rgba(0, 255, 65, 0.4);
}

.dossier.cipher .dossier-skill-fill {
    background: rgba(191, 64, 255, 0.4);
}

.dossier-skill-pct {
    width: 32px;
    text-align: right;
    color: var(--color-text-dim);
    font-size: 0.6rem;
}