[mentat-widget]
[hideprofile]

[html]<!-- Плашка занятых внешностей -->
<div class="mentat-widget mentat-occupied">
    <div class="occupied-title">Занятые роли и внешности</div>
    <div class="occupied-table">
        <div class="occupied-col">
            <div class="occupied-header">Придержанные временно</div>
            <div class="occupied-list">

<!-- Добавляй новые имена сюда -->
<div class="occupied-item"><span class="occupied-actor">Henry cavill</span> — Вориан [до 30/06]</div>
<div class="occupied-item"><span class="occupied-actor">Drew Starkey</span> — Ксавьер Харконнен [до 30/06]</div>
<div class="occupied-item"><span class="occupied-actor">Alex Kazminoff</span> — Анти [до 30/06]</div>

            </div>
        </div>
        <div class="occupied-col">
            <div class="occupied-header">Придержанные бессрочно</div>
            <div class="occupied-list">

<!-- Добавляй новые имена сюда -->
<div class="occupied-item"><span class="occupied-actor">Josh Heuston</span> — Константин Коррино [акция]</div>
<div class="occupied-item"><span class="occupied-actor">Sarah-Sofie Boussnina</span> — принцесса Инез Коррино [акция]</div>
<div class="occupied-item"><span class="occupied-actor">Julie Cox</span> — Принцесса Ирулан Коррино [акция]</div>
               
            </div>
        </div>
    </div>
</div>

<style>
/* === ПЛАШКА ЗАНЯТЫХ ВНЕШНОСТЕЙ === */
.mentat-occupied {
    max-width: 900px;
    margin: 0px auto;
    border-radius: 15px;
    padding: 0px 18px;
    font-family: 'MTSans' !important;
    font-weight: normal;
    color: var(--text-primary, #bfaf94);
    line-height: 1.35;
    font-size: 18px !important;
    box-sizing: border-box;
}
.mentat-occupied *,
.mentat-occupied *::before,
.mentat-occupied *::after {
    font-family: 'MTSans' !important;
    box-sizing: border-box;
}
.occupied-title {
    color: var(--bronze-main, #a67c52);
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bronze-dark, #3f3629);
}
.occupied-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.occupied-col {
    background: rgba(63, 54, 41, 0.7);
    border-left: 2px solid var(--spice-glow, #ff9730);
    border-radius: 0 10px 10px 0;
    padding: 10px 14px;
}
.occupied-header {
    color: var(--bronze-main, #a67c52);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.3;
}
.occupied-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.occupied-item {
    color: var(--parchment, #f4e4c1);
    font-size: 14px;
    padding: 4px 8px;
    background: rgba(30, 25, 20, 0.5);
    border-radius: 4px;
    border: 1px solid var(--bronze-dark, #3f3629);
    transition: border-color 0.3s, background 0.3s;
}
.occupied-item:hover {
    border-color: var(--bronze-main, #a67c52);
    background: rgba(166, 124, 82, 0.15);
}
.occupied-actor {
    color: var(--spice-glow, #ff9730);
    font-weight: 600;
}

/* Адаптивность */
@media (max-width: 768px) {
    .occupied-table {
        grid-template-columns: 1fr;
    }
}
</style>[/html]