/* Cảnh báo — modal + danh sách */

#ifxAlertModal { display: none; }
#ifxAlertsListModal { display: none; }
#ifxAlertsListModal.open { display: flex;
 align-items: flex-start;
 justify-content: center;
 padding: 48px 16px 32px;
 overflow-y: auto; }
#ifxAlertModal.open { display: flex;
 align-items: flex-start;
 justify-content: center;
 padding: 48px 16px 32px;
 overflow-y: auto;
 overscroll-behavior: contain;
 -webkit-overflow-scrolling: touch; }
#ifxAlertModal .ifx-alert-modal { width: 100%;
 max-width: 500px;
 margin: 0 auto;
 padding: 0;
 max-height: calc(100vh - 80px);
 display: flex;
 flex-direction: column;
 overflow: hidden;
 flex-shrink: 0; }
.ifx-alert-modal__head { padding: 32px 32px 0;
 flex-shrink: 0; }
.ifx-alert-modal__sub { margin-bottom: 0; }
.ifx-alert-modal__body { padding: 0 32px 32px;
 overflow-y: auto;
 flex: 1;
 min-height: 0;
 -webkit-overflow-scrolling: touch; }
.ifx-alert-tabs { margin-top: 14px; }
.ifx-alert-panel { margin-top: 14px; }
.ifx-alert-rank-hint { color: var(--ix-text-muted);
 margin-bottom: var(--ifx-space-12); }
.ifx-alert-rank-list { display: flex;
 flex-direction: column;
 gap: var(--ifx-inline-md); }
.ifx-alert-rank-row { display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--ifx-space-12);
 padding: var(--ifx-space-12);
 border: 1px solid var(--ix-border);
 border-radius: var(--ix-radius);
 background: rgba(255, 255, 255, 0.02); }
.ifx-alert-rank-row.is-empty { opacity: 0.65; }
.ifx-alert-rank-row__type { display: block;

 color: var(--ix-text-muted); }
.ifx-alert-rank-row__group { display: block;

 color: var(--ix-text-primary);
 margin-top: 2px; }
.ifx-alert-rank-row__meta { display: block;

 color: var(--ix-text-muted);
 margin-top: var(--ifx-space-4); }
.ifx-alert-rank-row__form { display: flex;
 align-items: center;
 gap: var(--ifx-space-8);
 flex-shrink: 0; }
.ifx-alert-modal__actions--inline { margin-top: 12px;
 justify-content: flex-end; }
.ifx-alert-sr-form { margin-top: var(--ifx-space-4); }
.ifx-alert-sr-preview { margin-top: 12px;
 padding: 10px 12px;
 border: 1px dashed var(--ix-border);
 border-radius: var(--ix-radius);

 color: var(--ix-text-muted); }
.ifx-alert-sr-preview__line strong { color: var(--ix-text-primary); }
.ifx-alert-sr-preview__warn { margin-top: 6px;

 color: var(--ix-warning); }
.ifx-alert-rank-form { margin-top: var(--ifx-space-4); }
.ifx-alert-rank-preview { margin-top: 12px;
 padding: 10px 12px;
 border: 1px dashed var(--ix-border);
 border-radius: var(--ix-radius);

 color: var(--ix-text-muted); }
.ifx-alert-rank-preview__warn { margin-top: 6px;

 color: var(--ix-warning); }
.ifx-alert-modal .ifx-alert-form { margin-top: var(--ifx-space-16); }
.ifx-alert-form__row { display: grid;
 grid-template-columns: 1fr 1fr;
 gap: var(--ifx-space-12); }
.ifx-alert-existing { margin-top: var(--ifx-space-16);
 padding-top: 4px; }
.ifx-alert-existing__list { display: flex;
 flex-direction: column;
 gap: 0; }
.ifx-alert-existing__title { color: var(--ix-text-muted);

 margin-bottom: var(--ifx-space-8); }
.ifx-alert-item { display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--ifx-inline-md);
 padding: 10px 12px;
 border: 1px solid var(--ix-border);
 border-radius: var(--ix-radius);
 margin-bottom: var(--ifx-space-8); }
.ifx-alert-item__main { min-width: 0;
 flex: 1; }
.ifx-alert-item__cond { display: block;

 color: var(--ix-text-primary); }
.ifx-alert-item__state { display: block;

 color: var(--ix-text-muted);
 margin-top: 2px; }
.ifx-alert-item.is-triggered .ifx-alert-item__state { color: var(--ix-warning); }
.ifx-alert-item.is-paused { opacity: 0.72; }
.ifx-alert-item__actions { display: flex;
 gap: var(--ifx-inline-sm);
 flex-shrink: 0; }
.ifx-alert-modal__actions { display: flex;
 align-items: center;
 gap: var(--ifx-space-8);
 margin-top: 20px; }
.ifx-alert-page-list { display: flex;
 flex-direction: column;
 gap: var(--ifx-inline-md); }
.ifx-alert-page-item { background: var(--ix-bg-card);
 border: 1px solid var(--ix-border);
 border-radius: var(--ix-radius-lg);
 padding: 14px 16px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--ifx-space-12); }
.ifx-alert-page-item__ticker { color: var(--ix-text-primary); }
.ifx-alert-page-item__cond { color: var(--ix-text-primary);
 margin-top: var(--ifx-space-4); }
.ifx-alert-page-item__meta { color: var(--ix-text-muted);
 margin-top: var(--ifx-space-4); }
.ifx-alert-empty { padding: 48px 16px;
 text-align: center;
 color: var(--ix-text-muted); }
@media (max-width: 520px) { .ifx-alert-form__row { grid-template-columns: 1fr; }
.ifx-alert-item { flex-direction: column; align-items: stretch; }

}