.notification-settings-card,
.printify-link-card {
    width: min(560px, calc(100vw - 32px));
    max-height: min(760px, calc(100vh - 32px));
}

.notification-settings-body {
    display: grid;
    gap: 0;
    padding: 8px 20px 16px;
}

.notification-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 72px;
    border-bottom: 1px solid #e5e7eb;
    cursor: pointer;
}

.notification-option:last-of-type { border-bottom: 0; }
.notification-option span { display: grid; gap: 4px; }
.notification-option strong { color: #111827; font-size: 14px; }
.notification-option small { color: #64748b; font-size: 12px; line-height: 1.4; }
.notification-option input {
    width: 42px;
    height: 22px;
    accent-color: #2563eb;
    flex: 0 0 auto;
}

.notification-settings-status {
    min-height: 18px;
    margin: 10px 0 0;
    color: #64748b;
    font-size: 12px;
}

.notification-settings-status.is-error { color: #dc2626; }
.notification-settings-status.is-success { color: #047857; }

.notification-settings-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px 18px;
}

.order-info-link-actions {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 2px;
}

.btn-order-info-link-printify {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.btn-order-info-link-printify:hover { background: #eff6ff; }

.printify-link-list {
    display: grid;
    gap: 8px;
    max-height: min(520px, 60vh);
    overflow-y: auto;
}

.printify-link-option {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

.printify-link-option:hover,
.printify-link-option.is-selected { border-color: #2563eb; background: #eff6ff; }
.printify-link-option-copy { display: grid; gap: 4px; min-width: 0; }
.printify-link-option-copy strong { color: #111827; font-size: 13px; }
.printify-link-option-copy span { color: #475569; font-size: 12px; line-height: 1.4; }
.printify-link-option-copy small { color: #64748b; font-size: 11px; }
.printify-link-option-status { white-space: nowrap; }

@media (max-width: 768px) {
    .notification-settings-card,
    .printify-link-card {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
    }
    .notification-settings-body { padding-inline: 16px; }
    .notification-settings-actions { padding-inline: 16px; }
    .printify-link-list { max-height: 56vh; }
    .printify-link-option { grid-template-columns: 22px minmax(0, 1fr); }
    .printify-link-option-status { grid-column: 2; justify-self: start; }
}