/* =========================================================
   MAWFIA - ESTATE STYLES
   File: styles/estate.css
   ========================================================= */

/* ESTATE HEADER */
.estate-header {
    border-bottom: 2px solid var(--accent-mid);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.estate-header-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.estate-power { text-align: right; }

.estate-power-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mono-dark);
}

.estate-power-value {
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--accent-mid);
    font-family: var(--font-secondary);
}

.estate-currency {
    display: flex;
    gap: 20px;
    margin-top: 12px;
    flex-wrap: wrap;
}

/* PROTAGONIST SECTION */
.prot-section {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.prot-card {
    display: flex;
    gap: 15px;
    background: var(--accent-light-05);
    border: 1px solid var(--accent-mid-20);
    border-bottom: 3px solid var(--accent-mid);
    padding: 15px;
    flex: 1;
    min-width: 280px;
}

.prot-img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border: 2px solid var(--accent-dark-90);
}

.prot-name {
    font-family: var(--font-secondary);
    font-size: 1rem;
    font-weight: bold;
    color: var(--accent-mid);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.prot-meta {
    font-size: 0.75rem;
    color: var(--mono-dark);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.prot-phenotype {
    font-size: 0.8rem;
    margin-bottom: 6px;
}

.prot-level {
    font-size: 0.75rem;
    color: var(--mono-dark);
}

.prot-panel {
    background: var(--accent-light-05);
    border: 1px solid var(--accent-mid-20);
    border-bottom: 3px solid var(--accent-mid);
    padding: 15px;
    min-width: 200px;
}

/* STAT ROW */
.stat-row {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    padding: 3px 0;
    border-bottom: 1px solid var(--black-05);
}

.stat-label {
    font-weight: bold;
    color: var(--mono-dark);
}

/* VITAL BARS */
.vital-item { margin-bottom: 8px; }

.vital-header {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    margin-bottom: 2px;
}

.vital-label {
    font-weight: bold;
    color: var(--mono-dark);
}

.bar-track    { background: var(--black-10); height: 6px; }
.bar-track-sm { background: var(--black-10); height: 5px; min-width: 60px; }
.bar-fill     { height: 6px; }
.bar-fill-sm  { height: 5px; }

.bar-green  { background: darkgreen; }
.bar-yellow { background: goldenrod; }
.bar-red    { background: var(--accent-light); }

/* DOG TABLE */
.dog-table { width: 100%; margin-top: 0; border: 0; border-bottom: 5px solid var(--accent-dark); }

.dog-table th {
    text-transform: none;
	background-color: var(--accent-dark);
}

.dog-table th.col-dog     { text-align: left; width: 160px; }
.dog-table th.col-actions { width: 80px; }
.dog-table th.col-condition { width: 90px; }
.dog-table th.col-status  { width: 80px; }

.dog-table .td-2 { background: var(--accent-dark-10); }

.dog-table tr { border-bottom: 2px solid var(--accent-dark-20); }

.dog-name {
    font-weight: bold;
    font-size: 0.85rem;
}

.dog-sub {
    font-size: 0.7rem;
    color: var(--mono-dark);
    text-transform: uppercase;
}

.vital-num {
    font-size: 0.75rem;
    margin-bottom: 2px;
}

.dog-wanted {
    color: var(--accent-light);
    font-weight: bold;
}

.dog-vaccinated { color: darkgreen; }
.dog-status-none { color: var(--mono-dark); }