/* ==========================================================================
   DashaMail Labs — Тест-адреса для возвратов (bounce-tester)
   Палитра labs: #867c94 primary, #625772 dark, #f38181 accent, #6e6e6e text
   Только карточки адресов; hero/grid/feature/faq/btn берём из labs.css
   ========================================================================== */

/* ── Карточка адреса ── */
.dm-bt-card {
    box-sizing: border-box;            /* без него height:100% + padding вылезают за ячейку и карточки наезжают */
    height: 100%;
    background: #fff;
    border: 1px solid #ececec;
    border-left: 4px solid #ccc;
    border-radius: 10px;
    padding: 22px;
    transition: box-shadow .2s ease, transform .2s ease;
}
.dm-bt-card:hover {
    box-shadow: 0 6px 24px rgba(98,87,114,.10);
    transform: translateY(-2px);
}
.dm-bt-card--red    { border-left-color: #e8473f; }
.dm-bt-card--orange { border-left-color: #f5a623; }
.dm-bt-card--purple { border-left-color: #867c94; }
.dm-bt-card--pink   { border-left-color: #f38181; }

.dm-bt-card__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.dm-bt-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: 26px;
    padding: 0 10px;
    border-radius: 13px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
}
.dm-bt-badge--red    { background: #e8473f; }
.dm-bt-badge--orange { background: #f5a623; }
.dm-bt-badge--purple { background: #867c94; }
.dm-bt-badge--pink   { background: #f38181; }

.dm-bt-card__title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #625772;
    line-height: 1.2;
}
.dm-bt-card__en {
    font-size: 13px;
    color: #b0a9bb;
}
.dm-bt-card__desc {
    margin: 16px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: #6e6e6e;
}

/* ── Строка с адресом + кнопка копирования ── */
.dm-bt-address-row {
    display: flex;
    align-items: stretch;
    gap: 8px;
}
.dm-bt-address {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #e0dce6;
    border-radius: 8px;
    background: #faf9fb;
    color: #625772;
    font-size: 13.5px;
    font-family: 'SF Mono', 'Fira Code', Consolas, monospace !important; /* перебиваем глобальный Rubik из labs.css */
}
.dm-bt-address:focus {
    outline: 2px solid #867c94;
    border-color: #867c94;
}
.dm-bt-copy {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border: 1px solid #625772;
    border-radius: 8px;
    background: #625772;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}
.dm-bt-copy:hover { background: #514860; border-color: #514860; }
.dm-bt-copy--done { background: #4ca771; border-color: #4ca771; }
.dm-bt-copy__label { white-space: nowrap; }

/* ── Заметка про регистр/синонимы ── */
.dm-bt-note {
    max-width: 820px;
    margin: 28px auto 0;
    padding: 16px 20px;
    background: #fbf6ee;
    border: 1px solid #f3e2c4;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #7a6a4a;
}

/* ── Блок с примером кода ── */
.dm-bt-code {
    margin: 0;
    background: #2c2733;
    color: #f4f2f7;
    border-radius: 10px;
    padding: 20px 24px;
    overflow-x: auto;
    font-size: 13.5px;
    line-height: 1.55;
    font-family: 'SF Mono', 'Fira Code', Consolas, monospace !important;
}
.dm-bt-code code {
    background: none !important;
    padding: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
}

@media screen and (max-width: 600px) {
    .dm-bt-copy__label { display: none; }
    .dm-bt-copy { padding: 0 12px; }
}