/* Keep dashboard geometry independent of the legacy layout cascade. */
/* Agent forms share the same constrained content column as the dashboard. */
html.fi body.fi-panel-agent .s33-feature-page--agent {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 18px;
    overflow-wrap: anywhere;
}
.s33-feature-page--agent *,
.s33-feature-page--agent *::before,
.s33-feature-page--agent *::after { box-sizing: border-box; }
.s33-feature-page--agent :is(section, article, main, form, label, header, .s33-field, .s33-agent-data-grid) {
    min-width: 0;
    max-width: 100%;
}
.s33-feature-page--agent .s33-feature-workbench--agent { display: block; }
.s33-feature-page--agent .s33-agent-direct-panel { width: 100%; padding: 20px; }
.s33-feature-page--agent .s33-action-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.s33-feature-page--agent .s33-field { line-height: 1.5; }
.s33-feature-page--agent .s33-field :is(input:not([type="checkbox"]), select, textarea) {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    padding: 11px 12px;
    border: 1px solid #ced8cd;
    border-radius: 8px;
    background: #fff;
    color: #243d35;
    font: inherit;
}
.s33-feature-page--agent .s33-field textarea { min-height: 120px; resize: vertical; }
.s33-feature-page--agent :is(.s33-field--full, .s33-action-submit-row) { grid-column: 1 / -1; }
.s33-feature-page--agent .s33-action-submit {
    min-height: 44px;
    padding: 12px 24px;
    border: 0;
    border-radius: 8px;
    background: #28775b;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    cursor: pointer;
}
.s33-feature-page--agent .s33-action-submit:focus-visible { outline: 3px solid #79b79b; outline-offset: 3px; }
.s33-feature-page--agent .s33-action-submit:disabled { opacity: .6; cursor: wait; }
.s33-feature-page--agent :is(.s33-feature-stat, .s33-agent-metric-grid article) strong {
    font-size: 24px !important;
    line-height: 1.4;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}
.s33-feature-page--agent .s33-action-panel__head { flex-wrap: wrap; }
.s33-feature-page--agent .s33-action-panel__head h3 { font-size: 20px; line-height: 1.5; }
.s33-feature-page--agent .s33-agent-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; }
.s33-feature-page--agent .s33-agent-table { min-width: 640px; }
.s33-feature-page--agent .s33-agent-table :is(td, th) { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 680px) {
    .s33-feature-page--agent .s33-action-form { grid-template-columns: minmax(0, 1fr); }
    .s33-feature-page--agent :is(.s33-feature-stats, .s33-agent-metric-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .s33-feature-page--agent :is(.s33-agent-direct-panel, .s33-agent-data-card) { padding: 14px; }
    .s33-feature-page--agent .s33-feature-hero { flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px !important; }
    .s33-feature-page--agent .s33-action-submit { width: 100%; }
    .s33-feature-page--agent .s33-field :is(input, select, textarea) { font-size: 16px; }
}
html.fi body.fi-panel-agent .s33-panel-page--agent {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    overflow-wrap: anywhere;
}
.s33-panel-page--agent *,
.s33-panel-page--agent *::before,
.s33-panel-page--agent *::after { box-sizing: border-box; }
.s33-panel-page--agent > *,
.s33-panel-page--agent .s33-panel-card,
.s33-panel-page--agent .s33-task { min-width: 0; max-width: 100%; }
.s33-panel-page--agent :is(b, strong, h2, h3, span, small) { letter-spacing: 0 !important; }
.s33-panel-page--agent .s33-panel-card b { font-size: 24px !important; line-height: 1.4; overflow-wrap: anywhere; }
.s33-panel-page--agent .s33-agent-register-card { min-width: 0; padding: 20px; }
.s33-panel-page--agent .s33-agent-register-card__head h3 { font-size: 20px; line-height: 1.5; }
.s33-panel-page--agent .s33-agent-register-card__grid { grid-template-columns: minmax(0, 140px) minmax(0, 1fr); }
.s33-panel-page--agent .s33-agent-register-field { min-width: 0; overflow-wrap: anywhere; }
.s33-panel-page--agent .s33-agent-register-field > div { min-width: 0; }
.s33-panel-page--agent .s33-agent-register-field input { width: 100%; min-width: 0; }
.s33-panel-page--agent .s33-agent-register-field :is(button, a) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    white-space: nowrap;
}
.s33-panel-page--agent .s33-agent-flow-trend__head { flex-wrap: wrap; row-gap: 4px; }
.s33-panel-page--agent .s33-agent-flow-trend__item {
    grid-template-rows: minmax(36px, auto) 104px minmax(20px, auto);
    height: auto;
    align-content: start;
}
.s33-panel-page--agent :is(.s33-agent-flow-trend__value, .s33-agent-flow-trend__label) {
    min-width: 0;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.5;
}
@media (max-width: 1024px) {
    .s33-panel-page--agent .s33-agent-register-card__grid { grid-template-columns: minmax(0, 1fr); }
    .s33-panel-page--agent .s33-agent-register-field--code { grid-row: auto; }
}
@media (max-width: 720px) {
    .s33-panel-page--agent .s33-agent-register-field > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .s33-panel-page--agent .s33-agent-register-field input { grid-column: 1 / -1; font-size: 16px; }
}
@media (max-width: 640px) {
    .s33-panel-page--agent .s33-agent-register-card { padding: 14px; }
    .s33-panel-page--agent .s33-agent-flow-trend__chart { gap: 8px; }
    .s33-panel-page--agent .s33-panel-hero__brand { flex-wrap: wrap; }
}