[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]


