/* GLOBAL stylesheet. Transaction action panel and surrounding layout only.
   Existing Radzen grid, frozen columns, editors and buttons remain untouched. */
.ff-transaction-analysis {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 470px;
    padding: 26px;
    border: 1px solid #dfe8e5;
    border-radius: 10px;
    background: #fff;
    container: ff-transaction-analysis / inline-size;
    /* No inherited font, color or line-height reset reaching the grid. */
}
.ff-transaction-analysis > .ff-ta-action-panel {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px;
    margin-bottom: 26px;
    border: 1px solid #dfe8e5;
    border-radius: 7px;
    background: #fafbfc;
}
.ff-ta-action-panel > .ff-ta-panel-copy { min-width: 0; }
.ff-ta-panel-copy > .ff-ta-panel-heading {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px;
}
.ff-ta-panel-heading > .ff-ta-section-number {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 23px;
    height: 23px;
    border: 1px solid #ccdfd2;
    border-radius: 4px;
    color: #557566;
    font-size: 10px;
}
.ff-ta-panel-heading > h3 {
    margin: 0;
    color: #203c40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}
.ff-ta-panel-copy > p {
    margin: 0;
    color: #607579;
    font-size: 12px;
    line-height: 1.75;
}
.ff-ta-action-panel > .ff-ta-add-action {
    min-width: 0;
    flex: 0 0 auto;
    max-width: 100%;
}
/* Only the standalone Add Transaction button, never grid row actions. */
.ff-ta-add-action > .rz-button {
    box-sizing: border-box;
    height: auto;
    min-height: 39px;
    max-width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
    /* Preserve theme primary colors, variant, hover and disabled behavior. */
}
.ff-ta-add-action > .rz-button .rz-button-text {
    white-space: normal;
    overflow-wrap: anywhere;
}
.ff-ta-add-action > .rz-button:focus-visible {
    outline: 2px solid #946348;
    outline-offset: 3px;
}
/* No external scroll wrapper, overflow reset, border or grid typography.
   Native Radzen scrolling continues to manage the frozen columns. */
.ff-transaction-analysis > .ff-ta-grid-slot { min-width: 0; }
@container ff-transaction-analysis (max-width: 600px) {
    .ff-transaction-analysis > .ff-ta-action-panel { align-items: stretch; flex-direction: column; gap: 18px; }
    .ff-ta-action-panel > .ff-ta-add-action { width: 100%; }
    .ff-ta-add-action > .rz-button { width: 100%; }
}
@media (max-width: 600px) {
    .ff-transaction-analysis { padding: 15px 12px; }
    .ff-transaction-analysis > .ff-ta-action-panel { padding: 18px; align-items: stretch; flex-direction: column; gap: 18px; }
    .ff-ta-action-panel > .ff-ta-add-action { width: 100%; }
    .ff-ta-add-action > .rz-button { width: 100%; }
}