/* Conducere — Divizia 2 „Getica" */
.d2i-cond-wrap { width: 100%; box-sizing: border-box; }
.d2i-cond { display: grid; grid-template-columns: 1fr; gap: 24px; }
.d2i-cond__card { display: flex; align-items: stretch; gap: 0; background: #fff;
  border: 1px solid var(--border-subtle, #d4dade); border-radius: 14px; overflow: hidden;
  box-shadow: var(--shadow-sm, 0 1px 3px rgba(20,23,26,.1)); }
.d2i-cond__media { flex: 0 0 220px; position: relative; background: var(--getica-green-dark, #002205); min-height: 240px; }
.d2i-cond__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.d2i-cond__body { flex: 1; padding: 28px 30px; display: flex; flex-direction: column; justify-content: center; }
.d2i-cond__role { font-family: var(--font-display, sans-serif); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--getica-green, #013609); margin-bottom: 8px; }
.d2i-cond__rank { font-family: var(--font-display, sans-serif); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--getica-red, #dd0321); }
.d2i-cond__name { font-family: var(--font-display, sans-serif); font-weight: 700; font-size: 26px; line-height: 1.15; color: var(--ink-900, #14171a); margin: 4px 0 0; }
.d2i-cond__summary { font-size: 15px; line-height: 1.6; color: var(--text-muted, #545d65); margin: 14px 0 0; }
.d2i-cond__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.d2i-cond__actions .d2i-btn { display: inline-flex; align-items: center; gap: 8px; }
.d2i-cond__actions svg { width: 17px; height: 17px; }

/* Modal */
.d2i-cond__modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 28px; }
.d2i-cond__modal[hidden] { display: none; }
.d2i-cond__overlay { position: absolute; inset: 0; background: rgba(0,15,3,.72); backdrop-filter: blur(2px); }
.d2i-cond__dialog { position: relative; background: #fff; max-width: 680px; width: 100%; max-height: 86vh; overflow-y: auto;
  border-radius: 14px; border-top: 5px solid var(--getica-red, #dd0321); padding: 36px 40px; box-shadow: 0 24px 60px rgba(0,0,0,.35);
  animation: d2iCondIn .28s cubic-bezier(.16,1,.3,1); }
@keyframes d2iCondIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.d2i-cond__x { position: absolute; top: 16px; right: 18px; width: 38px; height: 38px; border-radius: 50%; border: none; cursor: pointer;
  background: var(--surface-sunken, #eef1f3); color: var(--ink-900, #14171a); font-size: 16px; line-height: 1; }
.d2i-cond__x:hover { background: var(--getica-red, #dd0321); color: #fff; }
.d2i-cond__mhead { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--border-subtle, #d4dade); }
.d2i-cond__mhead .d2i-cond__name { margin: 4px 0; }
.d2i-cond__mbody { font-size: 16px; line-height: 1.75; color: var(--text-body, #2c3338); }
.d2i-cond__mbody p { margin: 0 0 16px; }
.d2i-cond__dialog .d2i-btn { margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; }
body.d2i-cond-open { overflow: hidden; }

@media (max-width: 680px) {
  .d2i-cond__card { flex-direction: column; }
  .d2i-cond__media { flex: 0 0 auto; width: 100%; height: 260px; min-height: 0; }
  .d2i-cond__body { padding: 24px 22px; }
  .d2i-cond__name { font-size: 22px; }
  .d2i-cond__actions .d2i-btn { flex: 1 1 auto; justify-content: center; }
  .d2i-cond__dialog { padding: 28px 22px; }
}