/* ============================================================
   dr-ozon-check — модалка «Услуга сборщика» со ссылками Ozon
   Базовые .cs-modal* стили берутся из темы (domrdm-custom-service.css)
   ============================================================ */

.droc-modal { max-width: 560px; }

.droc-info p:last-child { margin-bottom: 0; }

/* Баннер статуса */
.droc-banner {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 16px;
}
.droc-banner[hidden] { display: none; }

/* Строка товара */
.droc-rows { display: flex; flex-direction: column; gap: 14px; margin-bottom: 14px; }

.droc-row {
    border: 1.5px solid #e5e7eb;
    border-radius: 14px;
    padding: 12px 14px 14px;
    transition: border-color 0.15s, background 0.15s;
}
.droc-row[data-state="ok"]          { border-color: rgba(31, 147, 86, 0.45); background: #f8fcfa; }
.droc-row[data-state="checking"]    { border-color: #c7d2fe; }
.droc-row[data-state="unavailable"],
.droc-row[data-state="error"],
.droc-row[data-state="timeout"]     { border-color: #fecaca; background: #fff9f9; }

.droc-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.droc-row-num {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #1F9356;
    border-radius: 999px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.droc-row-remove {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: #f3f4f6;
    color: #777;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}
.droc-row-remove:hover { background: #fee2e2; color: #b91c1c; }

.droc-url-wrap { display: flex; gap: 8px; }
.droc-url {
    flex: 1;
    min-width: 0;
    padding: 10px 12px;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    font-size: 14px;
    font-family: inherit;
    color: #1a1a1a;
    outline: none;
    transition: border-color 0.15s;
}
.droc-url:focus { border-color: #1F9356; }
.droc-check {
    flex-shrink: 0;
    padding: 0 14px;
    border-radius: 12px;
    border: 1.5px solid #1F9356;
    background: #fff;
    color: #1F9356;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.droc-check:hover { background: rgba(31, 147, 86, 0.08); }
.droc-modal--offline .droc-check { opacity: 0.5; pointer-events: none; }

.droc-row .droc-note.cs-desc-input {
    min-height: 0;
    margin-top: 8px;
    padding: 9px 12px;
    font-size: 13px;
    border-radius: 10px;
}

/* Результат */
.droc-result:empty { display: none; }
.droc-result { margin-top: 10px; }

.droc-status {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    line-height: 1.45;
}
.droc-status--checking { color: #4338ca; }
.droc-status--bad      { color: #b91c1c; flex-wrap: wrap; }

.droc-retry {
    border: none;
    background: none;
    color: #1F9356;
    font-weight: 600;
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.droc-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #c7d2fe;
    border-top-color: #4338ca;
    border-radius: 50%;
    flex-shrink: 0;
    animation: drocSpin 0.8s linear infinite;
}
@keyframes drocSpin { to { transform: rotate(360deg); } }

.droc-card { display: flex; gap: 12px; align-items: flex-start; }
.droc-card-img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eee;
    flex-shrink: 0;
}
.droc-card-body { flex: 1; min-width: 0; }
.droc-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 6px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.droc-card-line { font-size: 13px; color: #333; line-height: 1.5; }
.droc-green { color: #1F9356; }
.droc-muted { color: #888; font-size: 12px; }

/* Добавить ещё */
.droc-add-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1.5px dashed #cbd5e1;
    border-radius: 12px;
    padding: 9px 14px;
    color: #1F9356;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    margin-bottom: 16px;
    transition: border-color 0.15s, background 0.15s;
}
.droc-add-row:hover { border-color: #1F9356; background: rgba(31, 147, 86, 0.05); }

.droc-total {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px;
    text-align: right;
}
.droc-total b { color: #1F9356; font-size: 16px; }

/* Сайдбар корзины: название товара под «Услуга сборщика» */
.cart-sidebar-item--service .cart-sidebar-service-title {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .droc-url-wrap { flex-wrap: wrap; }
    .droc-check { width: 100%; padding: 9px; }
    .droc-card-img { width: 48px; height: 48px; }
}