.kt-stock-watch {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    margin: 24px 0;
    padding: 20px;
    border: 1px solid #c7ded4;
    border-radius: 14px;
    background: linear-gradient(135deg, #f4faf7 0%, #fffdf7 100%);
}

.kt-stock-watch[hidden] { display: none; }
.kt-stock-watch__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #0a624b; color: #fff; }
.kt-stock-watch__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.kt-stock-watch h3 { margin: 0 0 5px; font-size: 19px; color: #123f34; }
.kt-stock-watch p { margin: 0 0 14px; }
.kt-stock-watch__form { display: grid; gap: 10px; }
.kt-stock-watch__form label:not(.kt-stock-watch__consent) { display: grid; gap: 5px; max-width: 420px; font-weight: 700; }
.kt-stock-watch__form input[type="email"] { width: 100%; }
.kt-stock-watch__consent { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; max-width: 680px; }
.kt-stock-watch__form .button { justify-self: start; }
.kt-stock-watch__feedback { font-weight: 700; }
.kt-stock-watch__feedback.is-success { color: #08764f; }
.kt-stock-watch__feedback.is-error { color: #b42318; }

.kt-stock-watch-account__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.kt-stock-watch-account__header h3 { margin-bottom: 4px; }
.kt-stock-watch-account__header p { margin: 0; color: #557067; }
.kt-stock-watch-account__count { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 22px; background: #0a624b; color: #fff; font-weight: 800; }
.kt-stock-watch-account__grid { display: grid; gap: 12px; }
.kt-stock-watch-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; padding: 16px; border: 1px solid #dce7e2; border-radius: 12px; background: #fff; }
.kt-stock-watch-card__image img { width: 88px; height: 88px; object-fit: contain; }
.kt-stock-watch-card__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 16px; }
.kt-stock-watch-card h4 { grid-column: 1; margin: 0; }
.kt-stock-watch-card time { grid-column: 1; color: #718078; font-size: 13px; }
.kt-stock-watch-card form { grid-column: 2; grid-row: 1 / span 3; }
.kt-stock-watch-card__status { grid-column: 1; justify-self: start; padding: 4px 9px; border-radius: 999px; background: #e4f2ec; color: #0a624b; font-size: 12px; font-weight: 800; }
.kt-stock-watch-card__status--pending { background: #fff2cc; color: #785900; }
.kt-stock-watch-card__status--queued { background: #e8f0ff; color: #1b4da1; }
.kt-stock-watch-account__empty { padding: 28px; border: 1px dashed #b9cec5; border-radius: 12px; text-align: center; }

@media (max-width: 640px) {
    .kt-stock-watch { grid-template-columns: 1fr; }
    .kt-stock-watch-card { grid-template-columns: 64px minmax(0, 1fr); }
    .kt-stock-watch-card__image img { width: 64px; height: 64px; }
    .kt-stock-watch-card__body { grid-template-columns: 1fr; }
    .kt-stock-watch-card form { grid-column: 1; grid-row: auto; }
}