/* =========================
   DOSSIER PANEL
========================= */

.dossier-panel{

display:flex;
flex-direction:column;

gap:25px;
}

/* =========================
   FILE CARD
========================= */

.file-card{

background:
linear-gradient(
180deg,
#9c8560,
#7d694b
);

padding:25px;

color:black;

position:relative;

overflow:hidden;

border:
1px solid rgba(0,0,0,0.4);

box-shadow:
0 0 25px rgba(0,0,0,0.35);

font-family:
'Share Tech Mono',
monospace;
}

/* =========================
   PAPER TEXTURE
========================= */

.file-card::before{

content:'';

position:absolute;

inset:0;

background-image:
url('https://www.transparenttextures.com/patterns/old-wall.png');

opacity:0.18;

pointer-events:none;
}

/* =========================
   FILE HEADER
========================= */

.file-top{

font-size:0.7rem;

letter-spacing:2px;

margin-bottom:18px;

opacity:0.65;
}

/* =========================
   MAIN TITLE
========================= */

.file-main h3{

font-size:1.5rem;

line-height:1.3;

margin-bottom:18px;

letter-spacing:1px;
}

/* =========================
   MAIN TEXT
========================= */

.file-main p{

font-size:0.85rem;

line-height:1.6;
}

/* =========================
   RED STATUS
========================= */

.file-main span{

color:#9d0000;

font-weight:bold;
}

/* =========================
   DANGER LEVEL
========================= */

.danger-level{

display:flex;

gap:6px;

margin-top:20px;
}

.danger-level div{

width:18px;
height:12px;

border:
1px solid #a30000;

background:
rgba(163,0,0,0.2);
}

/* =========================
   DOSSIER LABELS
========================= */

.dossier-stamp{

position:absolute;

top:20px;
right:-35px;

background:#a30000;

color:#f2e6d0;

padding:6px 40px;

font-size:0.65rem;

letter-spacing:2px;

transform:rotate(35deg);

box-shadow:
0 0 10px rgba(0,0,0,0.3);
}

/* =========================
   ARCHIVE CODE
========================= */

.archive-code{

margin-top:18px;

font-size:0.7rem;

opacity:0.55;

letter-spacing:2px;
}

/* =========================
   DOSSIER HOVER
========================= */

.file-card{

transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}

.file-card:hover{

transform:
translateY(-4px);

box-shadow:
0 0 35px rgba(0,0,0,0.45);
}


/* =========================
   HIDDEN ARCHIVE
========================= */

.hidden-archive{

display:none;

margin-top:20px;

padding:20px;

border:
1px solid rgba(255,0,0,0.2);

background:
rgba(20,0,0,0.6);

animation:
flickerText 2s infinite;
}

.archive-title{

color:#ff4747;

font-size:0.75rem;

letter-spacing:3px;

margin-bottom:15px;
}

.archive-content{

color:#77ff77;

line-height:2;
font-size:0.8rem;
}


.file-card:hover{

transform:
translateY(-6px)
scale(1.03);

border-color:#ff4444;

cursor:pointer;

}