.viratel-stock-alert, .viratel-shipment, .viratel-stock-account-item {
  --vn-accent: var(--viratel-panel-primary, var(--v3-primary, var(--viratel-color-primary, #007bff)));
  box-sizing: border-box; color: var(--viratel-panel-ink, var(--viratel-color-text, #183451)); background: var(--viratel-panel-surface, #fff);
  border: 1px solid var(--viratel-panel-border, #e7edf5); border-radius: var(--viratel-radius,8px); padding: var(--viratel-panel-cardPadding, 20px); margin-block: 20px;
  font: inherit; font-size: 14px; line-height: 1.8; min-width: 0;
}
.viratel-stock-alert-heading, .viratel-shipment-heading { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.viratel-stock-alert-heading { align-items: flex-start; flex-wrap: nowrap; }
.viratel-stock-alert-heading > div { flex: 1; min-width: 0; }
.viratel-stock-alert h3, .viratel-shipment h2 { margin: 0; font-size: 16px; font-weight: 700; }
.viratel-stock-alert-heading p { margin: 3px 0 12px; color: #6e7e91; font-size: 12px; }
.viratel-notification-icon { display: inline-flex; color: var(--vn-accent); align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid #e7edf5; border-radius: var(--viratel-radius,8px); flex-shrink: 0; }
.viratel-stock-alert select { box-sizing: border-box; width: 100%; border: 1px solid #e0e7ef; background: #fff; border-radius: var(--viratel-radius,8px); font: inherit; font-size: 13px; min-height: 44px; padding: 8px; margin-block: 6px 12px; }
.viratel-stock-alert label { display: block; font-size: 12px; }
.viratel-notification-primary, .viratel-notification-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box;
  min-height: 44px; padding: 8px 16px; border: 1px solid #e0e7ef; border-radius: var(--viratel-radius,8px);
  font: inherit; font-size: 13px; line-height: 1.5; text-decoration: none; cursor: pointer; flex-shrink: 0;
}
.viratel-notification-primary { color: #fff !important; background: var(--vn-accent, #007bff); border-color: transparent; }
.viratel-notification-secondary { color: #284a70; background: #fff; box-shadow: 0 2px 7px #1c38600a; }
.viratel-notification-primary:disabled, .viratel-notification-secondary:disabled { opacity: .6; cursor: wait; }
.viratel-stock-alert :focus-visible, .viratel-shipment :focus-visible, .viratel-stock-account :focus-visible { outline: 2px solid var(--vn-accent, #007bff); outline-offset: 3px; }
.viratel-stock-alert [role="status"], .viratel-shipment [role="status"] { margin: 8px 0 0; font-size: 12px; color: #4b647f; }
.viratel-stock-alert [role="status"]:empty, .viratel-shipment [role="status"]:empty { display: none; }
.viratel-shipment-badge { display: inline-block; font-size: 12px; color: #176a60; background: #f1f9f7; border: 1px solid #e1f0ec; border-radius: var(--viratel-radius,8px); padding: 3px 9px; margin-inline-start: auto; }
.viratel-tracking-code { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; border: 1px solid #e7edf5; border-radius: var(--viratel-radius,8px); padding: 12px; }
.viratel-tracking-code span { color: #6e7e91; font-size: 12px; }
.viratel-tracking-code strong { letter-spacing: .3px; font-size: 14px; overflow-wrap: anywhere; min-width: 0; }
.viratel-notification-muted { font-size: 12px; color: #6e7e91; }
.viratel-stock-account-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block: 12px; }
.viratel-stock-account-item > div { min-width: 0; overflow-wrap: anywhere; }
.viratel-stock-account-item p { margin: 2px 0 0; }
@media (max-width: 480px) {
  .viratel-stock-alert, .viratel-shipment, .viratel-stock-account-item { padding: 16px; }
  .viratel-shipment-heading { gap: 8px; }
  .viratel-shipment-badge { margin-inline-start: 0; }
  .viratel-stock-account-item { flex-wrap: wrap; gap: 10px; }
  .viratel-tracking-code strong { width: 100%; font-size: 13px; }
}