@import '_content/WMK.Verticalizzazioni.Affede/WMK.Verticalizzazioni.Affede.i2qv5jcdvl.bundle.scp.css';

/* /Components/AccessibleLoginAlert.razor.rz.scp.css */
.wmk-login-alert[b-f5aytprrmv] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    align-items: start;
    margin-bottom: 1.25rem;
    padding: 1rem;
    color: #7a1f16;
    background: #fff3f2;
    border: 2px solid #d9362b;
    border-radius: .35rem;
}

.wmk-login-alert:focus[b-f5aytprrmv] {
    outline: 3px solid #ffbf47;
    outline-offset: 3px;
}

.wmk-login-alert-icon[b-f5aytprrmv] {
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    color: #fff;
    background: #b42318;
    border-radius: 50%;
    font-weight: 800;
}

.wmk-login-alert strong[b-f5aytprrmv],
.wmk-login-alert span[b-f5aytprrmv] {
    display: block;
}

.wmk-login-alert span[b-f5aytprrmv] {
    margin-top: .2rem;
    line-height: 1.45;
}
/* /Components/Admin/AdminDictionaryPanel.razor.rz.scp.css */
.admin-dictionary-panel[b-v364g5687q] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.admin-dictionary-toolbar[b-v364g5687q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.admin-dictionary-actions[b-v364g5687q] {
    width: 136px;
    white-space: nowrap;
    text-align: left;
}

.admin-query-sql-column[b-v364g5687q] {
    min-width: 520px;
    max-width: 760px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.84rem;
    line-height: 1.35;
}

.admin-query-db-column[b-v364g5687q] {
    min-width: 150px;
    white-space: nowrap;
}

.demon-board[b-v364g5687q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.task-board[b-v364g5687q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.alert-board[b-v364g5687q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.queue-board[b-v364g5687q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.queue-table-shell[b-v364g5687q] {
    overflow: auto;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
}

.queue-table[b-v364g5687q] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.queue-table th[b-v364g5687q] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 12px;
    border-bottom: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #0f172a;
    font-weight: 700;
    text-align: left;
}

.queue-table td[b-v364g5687q] {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.32);
    vertical-align: middle;
}

.queue-row[b-v364g5687q] {
    cursor: pointer;
    transition: filter 120ms ease, box-shadow 120ms ease;
}

.queue-row:hover[b-v364g5687q] {
    filter: brightness(0.98);
    box-shadow: inset 3px 0 0 rgba(37, 99, 235, 0.72);
}

.queue-row-ok[b-v364g5687q] {
    background: #eaf7ef;
}

.queue-row-error[b-v364g5687q] {
    background: #fdecec;
}

.queue-row-wait[b-v364g5687q] {
    background: #eef6ff;
}

.queue-row-disabled[b-v364g5687q] {
    background: #eef1f4;
    color: #64748b;
}

.queue-id-cell[b-v364g5687q] {
    width: 84px;
    font-weight: 800;
    color: #334155;
}

.queue-name-cell[b-v364g5687q] {
    max-width: 360px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-class-cell[b-v364g5687q] {
    max-width: 360px;
    margin-top: 2px;
    color: #64748b;
    font-size: 0.76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-actions-column[b-v364g5687q],
.queue-actions-cell[b-v364g5687q] {
    width: 164px;
    white-space: nowrap;
    text-align: right;
}

.queue-detail-dialog[b-v364g5687q] {
    min-height: 420px;
}

.queue-detail-label[b-v364g5687q] {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
}

.queue-detail-value[b-v364g5687q],
.queue-detail-pre[b-v364g5687q] {
    min-height: 38px;
    padding: 9px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.queue-detail-pre[b-v364g5687q] {
    max-height: 260px;
    overflow: auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.84rem;
    white-space: pre-wrap;
}

.demon-card[b-v364g5687q] {
    position: relative;
    min-height: 174px;
    border: 1px solid;
    border-radius: 8px;
    padding: 16px 14px 12px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.demon-card-ok[b-v364g5687q] {
    background: #eaf7ef;
}

.demon-card-error[b-v364g5687q] {
    background: #fdecec;
    border-color: rgba(220, 38, 38, 0.28);
}

.demon-card-actions[b-v364g5687q] {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    opacity: 0.82;
}

.demon-card-body[b-v364g5687q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 126px;
    text-align: center;
}

.demon-status-circle[b-v364g5687q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
}

.demon-card-icon[b-v364g5687q] {
    margin: 0;
}

.demon-card-title[b-v364g5687q] {
    max-width: 100%;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.demon-card-label[b-v364g5687q] {
    margin-top: 6px;
    color: rgba(15, 23, 42, 0.58);
    text-transform: uppercase;
}

.demon-card-next[b-v364g5687q] {
    font-weight: 800;
    line-height: 1.1;
}

.task-card[b-v364g5687q] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 174px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.task-card-ok[b-v364g5687q] {
    background: #eaf7ef;
}

.task-card-error[b-v364g5687q] {
    background: #fdecec;
}

.task-card-disabled[b-v364g5687q] {
    background: #eef1f4;
    color: rgba(71, 85, 105, 0.86);
}

.task-status-strip[b-v364g5687q] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(15, 23, 42, 0.72);
    background: rgba(255, 255, 255, 0.52);
    border-right: 1px solid rgba(15, 23, 42, 0.1);
}

.task-card-main[b-v364g5687q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px 12px 8px;
    text-align: left;
}

.task-card-title[b-v364g5687q] {
    min-height: 38px;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.task-card-schedule[b-v364g5687q] {
    min-height: 18px;
    margin-top: 2px;
    color: rgba(15, 23, 42, 0.58);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-next-block[b-v364g5687q] {
    margin-top: auto;
    padding: 9px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.62);
}

.task-card-label[b-v364g5687q] {
    color: rgba(15, 23, 42, 0.58);
    text-transform: uppercase;
}

.task-card-next[b-v364g5687q] {
    font-weight: 800;
    line-height: 1.1;
}

.task-card-actions[b-v364g5687q] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    gap: 2px;
    padding: 5px 8px 7px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    opacity: 0.82;
}

.alert-card[b-v364g5687q] {
    display: flex;
    flex-direction: column;
    min-height: 174px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.alert-card-ok[b-v364g5687q] {
    background: #fff7df;
}

.alert-card-error[b-v364g5687q] {
    background: #fdecec;
}

.alert-card-disabled[b-v364g5687q] {
    background: #eef1f4;
    color: rgba(71, 85, 105, 0.86);
}

.alert-card-head[b-v364g5687q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px 12px 10px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.56);
}

.alert-icon-shell[b-v364g5687q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: rgba(15, 23, 42, 0.72);
    background: rgba(255, 255, 255, 0.78);
}

.alert-head-text[b-v364g5687q] {
    min-width: 0;
}

.alert-card-title[b-v364g5687q] {
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alert-card-query[b-v364g5687q] {
    display: block;
    color: rgba(15, 23, 42, 0.58);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alert-severity[b-v364g5687q] {
    max-width: 88px;
    overflow: hidden;
    border-radius: 999px;
    padding: 3px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.78);
    color: rgba(15, 23, 42, 0.7);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.alert-card-body[b-v364g5687q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
}

.alert-reading[b-v364g5687q] {
    min-width: 0;
    border-radius: 8px;
    padding: 9px 10px;
    background: rgba(255, 255, 255, 0.62);
}

.alert-card-label[b-v364g5687q] {
    color: rgba(15, 23, 42, 0.58);
    text-transform: uppercase;
}

.alert-card-value[b-v364g5687q] {
    font-weight: 800;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.alert-card-footer[b-v364g5687q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin-top: auto;
    padding: 7px 8px 7px 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.alert-card-message[b-v364g5687q] {
    color: rgba(15, 23, 42, 0.62);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alert-card-actions[b-v364g5687q] {
    opacity: 0.82;
}

.queue-card[b-v364g5687q] {
    display: flex;
    flex-direction: column;
    min-height: 208px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.queue-card-ok[b-v364g5687q] {
    background: #eaf7ef;
}

.queue-card-error[b-v364g5687q] {
    background: #fdecec;
}

.queue-card-wait[b-v364g5687q] {
    background: #eef6ff;
}

.queue-card-disabled[b-v364g5687q] {
    background: #eef1f4;
    color: rgba(71, 85, 105, 0.86);
}

.queue-card-head[b-v364g5687q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.58);
}

.queue-id[b-v364g5687q] {
    font-weight: 800;
    color: rgba(15, 23, 42, 0.72);
}

.queue-status[b-v364g5687q] {
    max-width: 126px;
    overflow: hidden;
    border-radius: 999px;
    padding: 3px 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.queue-status-ok[b-v364g5687q] {
    background: rgba(34, 197, 94, 0.16);
    color: #166534;
}

.queue-status-error[b-v364g5687q] {
    background: rgba(239, 68, 68, 0.16);
    color: #991b1b;
}

.queue-status-wait[b-v364g5687q] {
    background: rgba(59, 130, 246, 0.16);
    color: #1d4ed8;
}

.queue-card-body[b-v364g5687q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 12px;
}

.queue-card-title[b-v364g5687q] {
    min-height: 38px;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.queue-card-class[b-v364g5687q] {
    display: block;
    color: rgba(15, 23, 42, 0.58);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-param-box[b-v364g5687q] {
    min-width: 0;
    border-radius: 8px;
    padding: 9px 10px;
    background: rgba(255, 255, 255, 0.64);
}

.queue-card-label[b-v364g5687q] {
    color: rgba(15, 23, 42, 0.58);
    text-transform: uppercase;
}

.queue-card-param[b-v364g5687q] {
    overflow-wrap: anywhere;
}

.queue-card-foot[b-v364g5687q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    margin-top: auto;
    padding: 8px 8px 8px 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.queue-card-date[b-v364g5687q] {
    font-weight: 700;
}

.queue-card-actions[b-v364g5687q] {
    opacity: 0.84;
}

.queue-card-message[b-v364g5687q] {
    padding: 7px 12px 10px;
    color: rgba(127, 29, 29, 0.86);
    overflow-wrap: anywhere;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.42);
    font-size: 0.82rem;
}

@media (max-width: 700px) {
    .demon-board[b-v364g5687q],
    .task-board[b-v364g5687q],
    .queue-board[b-v364g5687q],
    .alert-board[b-v364g5687q] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 701px) and (max-width: 1200px) {
    .demon-board[b-v364g5687q],
    .task-board[b-v364g5687q],
    .queue-board[b-v364g5687q],
    .alert-board[b-v364g5687q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Admin/MonitorAlertEditDialog.razor.rz.scp.css */
.monitor-alert-tabs[b-qhnde5kkcu]  .mud-tabs-panels {
    min-height: 500px;
    padding-top: 18px;
}

.query-toolbar[b-qhnde5kkcu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.sql-query-editor[b-qhnde5kkcu]  textarea {
    min-height: 520px;
    padding: 16px 18px;
    border-radius: 6px;
    background: #1e1e1e;
    color: #d4d4d4;
    caret-color: #ffffff;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-size: 13px;
    line-height: 1.55;
    tab-size: 4;
    white-space: pre;
}

.sql-query-editor[b-qhnde5kkcu]  label {
    color: #4fc1ff;
}

.sql-query-editor[b-qhnde5kkcu]  .mud-input {
    background: #1e1e1e;
}

.sql-query-editor[b-qhnde5kkcu]  .mud-input:before,
.sql-query-editor[b-qhnde5kkcu]  .mud-input:after {
    border-bottom-color: #3c3c3c;
}

.monitor-status-field[b-qhnde5kkcu]  textarea,
.monitor-status-field[b-qhnde5kkcu]  input {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

@media (max-width: 760px) {
    .query-toolbar[b-qhnde5kkcu] {
        align-items: stretch;
        flex-direction: column;
    }

    .sql-query-editor[b-qhnde5kkcu]  textarea {
        min-height: 400px;
    }
}
/* /Components/Admin/MonitorOnDemandTaskDetailDialog.razor.rz.scp.css */
.queue-detail-dialog[b-r7plz3dr9m] {
    min-height: 420px;
}

.queue-detail-label[b-r7plz3dr9m] {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
}

.queue-detail-value[b-r7plz3dr9m],
.queue-detail-pre[b-r7plz3dr9m] {
    min-height: 38px;
    padding: 9px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.queue-detail-pre[b-r7plz3dr9m] {
    max-height: 260px;
    overflow: auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.84rem;
    white-space: pre-wrap;
}
/* /Components/Admin/MonitorOnDemandTaskEditDialog.razor.rz.scp.css */
.monitor-on-demand-tabs[b-fyixywjql2]  .mud-tabs-panels {
    min-height: 500px;
    padding-top: 18px;
}

.monitor-log-field[b-fyixywjql2]  textarea,
.monitor-log-field[b-fyixywjql2]  input {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-size: 13px;
    line-height: 1.5;
}
/* /Components/Admin/MonitorTaskCodeEditDialog.razor.rz.scp.css */
.monitor-task-code-tabs[b-x8by5gft7l]  .mud-tabs-panels {
    min-height: 520px;
    padding-top: 18px;
}

.code-toolbar[b-x8by5gft7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.cs-code-editor[b-x8by5gft7l]  textarea {
    min-height: 560px;
    padding: 16px 18px;
    border-radius: 6px;
    background: #1e1e1e;
    color: #d4d4d4;
    caret-color: #ffffff;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-size: 13px;
    line-height: 1.55;
    tab-size: 4;
    white-space: pre;
}

.cs-code-editor[b-x8by5gft7l]  label {
    color: #569cd6;
}

.cs-code-editor[b-x8by5gft7l]  .mud-input {
    background: #1e1e1e;
}

.cs-code-editor[b-x8by5gft7l]  .mud-input:before,
.cs-code-editor[b-x8by5gft7l]  .mud-input:after {
    border-bottom-color: #3c3c3c;
}

.monitor-status-field[b-x8by5gft7l]  textarea,
.monitor-status-field[b-x8by5gft7l]  input {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

@media (max-width: 760px) {
    .code-toolbar[b-x8by5gft7l] {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-code-editor[b-x8by5gft7l]  textarea {
        min-height: 420px;
    }
}
/* /Components/Admin/MonitorTaskEditDialog.razor.rz.scp.css */
.monitor-task-tabs[b-dqv42ck4oa]  .mud-tabs-panels {
    min-height: 520px;
    padding-top: 18px;
}

.code-toolbar[b-dqv42ck4oa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.code-reference-note[b-dqv42ck4oa] {
    margin-top: 16px;
}

.cs-code-editor[b-dqv42ck4oa]  textarea {
    min-height: 560px;
    padding: 16px 18px;
    border-radius: 6px;
    background: #1e1e1e;
    color: #d4d4d4;
    caret-color: #ffffff;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-size: 13px;
    line-height: 1.55;
    tab-size: 4;
    white-space: pre;
}

.cs-code-editor[b-dqv42ck4oa]  label {
    color: #569cd6;
}

.cs-code-editor[b-dqv42ck4oa]  .mud-input {
    background: #1e1e1e;
}

.cs-code-editor[b-dqv42ck4oa]  .mud-input:before,
.cs-code-editor[b-dqv42ck4oa]  .mud-input:after {
    border-bottom-color: #3c3c3c;
}

.monitor-status-field[b-dqv42ck4oa]  textarea,
.monitor-status-field[b-dqv42ck4oa]  input {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

@media (max-width: 760px) {
    .code-toolbar[b-dqv42ck4oa] {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-code-editor[b-dqv42ck4oa]  textarea {
        min-height: 420px;
    }
}
/* /Components/Admin/QueryExecutionResultDialog.razor.rz.scp.css */
.query-result-table-shell[b-d1thk3yijl] {
    max-height: 420px;
    overflow: auto;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
}

.query-result-table-shell th[b-d1thk3yijl] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
}
/* /Components/AgentIaFloatingHost.razor.rz.scp.css */
.agentia-launcher[b-15c82wao7o] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1100;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(25, 118, 210, .22);
    border-radius: 999px;
    padding: 0 14px;
    background: #ffffff;
    color: #0f6fbf;
    box-shadow: 0 12px 32px rgba(17, 45, 78, .20);
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.agentia-launcher:hover[b-15c82wao7o] {
    background: #eef6ff;
}

.agentia-floating-host[b-15c82wao7o] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1100;
    width: min(520px, calc(100vw - 44px));
    max-height: min(760px, calc(100vh - 92px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #b9cde4;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 22px 60px rgba(17, 45, 78, .26);
}

.agentia-floating-header[b-15c82wao7o] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px 8px 14px;
    color: #ffffff;
    background: linear-gradient(90deg, #1976d2 0%, #2196f3 100%);
}

.agentia-floating-header div[b-15c82wao7o] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.agentia-floating-header strong[b-15c82wao7o] {
    font-size: 15px;
    font-weight: 800;
}

.agentia-floating-header span[b-15c82wao7o] {
    overflow: hidden;
    font-size: 12px;
    font-weight: 600;
    opacity: .9;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agentia-floating-close[b-15c82wao7o] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #ffffff;
    cursor: pointer;
}

.agentia-floating-close:hover[b-15c82wao7o] {
    background: rgba(255, 255, 255, .28);
}

.agentia-floating-host[b-15c82wao7o]  .agent-ia-panel {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.agentia-floating-host[b-15c82wao7o]  .agent-ia-chat {
    min-height: 220px;
    max-height: min(420px, calc(100vh - 360px));
}
/* /Components/AgentIaPanel.razor.rz.scp.css */
.agent-ia-panel[b-e9kqblu9k0] {
    width: min(960px, 100%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    border: 1px solid #cdddf0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(36, 71, 110, .10);
}

.agent-ia-state[b-e9kqblu9k0] {
    min-height: 90px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    color: #52637a;
}

.agent-ia-toolbar[b-e9kqblu9k0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px 0;
    background: #ffffff;
    border-radius: 8px 8px 0 0;
}

.agent-ia-toolbar > span[b-e9kqblu9k0] {
    color: #607086;
    font-size: .78rem;
    font-weight: 800;
}

.agent-ia-settings[b-e9kqblu9k0] {
    margin: 8px 12px 0;
    padding: 12px;
    border: 1px solid #cfddea;
    border-radius: 8px;
    background: #f8fbff;
}

.agent-ia-settings-grid[b-e9kqblu9k0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 8px;
}

.agent-ia-settings-actions[b-e9kqblu9k0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.agent-ia-settings-actions span[b-e9kqblu9k0] {
    color: #4f637b;
    font-size: .80rem;
    font-weight: 700;
}
.agent-ia-billing[b-e9kqblu9k0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #d9e6f4;
    border-radius: 8px 8px 0 0;
    background: #ffffff;
}

.agent-ia-billing > div[b-e9kqblu9k0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.agent-ia-billing span[b-e9kqblu9k0] {
    color: #607086;
    font-size: .70rem;
    font-weight: 800;
    text-transform: uppercase;
}

.agent-ia-billing strong[b-e9kqblu9k0] {
    overflow: hidden;
    color: #152033;
    font-size: .90rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-ia-billing-percent[b-e9kqblu9k0] {
    justify-content: center;
}

.agent-ia-meter[b-e9kqblu9k0] {
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5edf7;
}

.agent-ia-meter i[b-e9kqblu9k0] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #1f7bd8;
}

.agent-ia-chat[b-e9kqblu9k0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 280px;
    max-height: min(520px, 58vh);
    overflow: auto;
    padding: 18px;
    border: 0;
    border-radius: 0;
    background: #f8fbff;
}

.agent-ia-message[b-e9kqblu9k0] {
    max-width: 82%;
    padding: 10px 12px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #dbe7f5;
}

.agent-ia-message.is-user[b-e9kqblu9k0] {
    align-self: flex-end;
    background: #e7f1ff;
    border-color: #b9d6f8;
}

.agent-ia-message.is-assistant[b-e9kqblu9k0] {
    align-self: flex-start;
}

.agent-ia-message strong[b-e9kqblu9k0] {
    display: block;
    margin-bottom: 4px;
    color: #0f5f9f;
    font-size: .82rem;
}

.agent-ia-message p[b-e9kqblu9k0] {
    margin: 0;
    white-space: pre-wrap;
}

.agent-ia-sources[b-e9kqblu9k0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    border-radius: 6px;
    background: #eef6ff;
    color: #38516e;
}

.agent-ia-sources span[b-e9kqblu9k0] {
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.agent-ia-sources em[b-e9kqblu9k0] {
    font-style: normal;
    font-size: .82rem;
}

.agent-ia-compose[b-e9kqblu9k0] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 12px;
    border-top: 1px solid #d9e6f4;
    background: #ffffff;
    border-radius: 0 0 8px 8px;
}

.agent-ia-compose .mud-input-control[b-e9kqblu9k0] {
    flex: 1 1 auto;
}

@media (max-width: 760px) {
    .agent-ia-toolbar[b-e9kqblu9k0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px 0;
    background: #ffffff;
    border-radius: 8px 8px 0 0;
}

.agent-ia-toolbar > span[b-e9kqblu9k0] {
    color: #607086;
    font-size: .78rem;
    font-weight: 800;
}

.agent-ia-settings[b-e9kqblu9k0] {
    margin: 8px 12px 0;
    padding: 12px;
    border: 1px solid #cfddea;
    border-radius: 8px;
    background: #f8fbff;
}

.agent-ia-settings-grid[b-e9kqblu9k0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 8px;
}

.agent-ia-settings-actions[b-e9kqblu9k0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.agent-ia-settings-actions span[b-e9kqblu9k0] {
    color: #4f637b;
    font-size: .80rem;
    font-weight: 700;
}
.agent-ia-billing[b-e9kqblu9k0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agent-ia-settings-grid[b-e9kqblu9k0] {
        grid-template-columns: 1fr;
    }

    .agent-ia-settings-actions[b-e9kqblu9k0] {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-ia-compose[b-e9kqblu9k0] {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-ia-message[b-e9kqblu9k0] {
        max-width: 100%;
    }
}

/* /Components/AgentIa/AgentIaAdminPanel.razor.rz.scp.css */
.agentia-admin-panel[b-p18tolwuun] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.agentia-toolbar[b-p18tolwuun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.agentia-actions[b-p18tolwuun] {
    width: 92px;
    min-width: 92px;
    white-space: nowrap;
}

.agentia-toolbar-actions[b-p18tolwuun] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.agentia-wmk-table[b-p18tolwuun] {
    max-height: 70vh;
    overflow: auto;
}
/* /Components/Communications/CommunicationsPanel.razor.rz.scp.css */
.communications-panel[b-dnd1gh568a] {
    display: block;
}

.communications-toolbar[b-dnd1gh568a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.communications-actions[b-dnd1gh568a] {
    width: 96px;
    min-width: 96px;
    white-space: nowrap;
}

.communications-wizard[b-dnd1gh568a] {
    height: 600px;
}

.communications-grid-actions[b-dnd1gh568a] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.communications-code-field textarea[b-dnd1gh568a] {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}
/* /Components/Documentale/DocumentalePanel.razor.rz.scp.css */
.documentale-panel[b-9oq0m09o8m] {
    height: calc(100vh - 106px);
    min-height: 620px;
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 16px;
}

.documentale-folders[b-9oq0m09o8m],
.documentale-files[b-9oq0m09o8m] {
    min-height: 0;
    background: #ffffff;
    border: 1px solid #d5e0ec;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(31, 65, 102, .08);
}

.documentale-pane-header[b-9oq0m09o8m] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: #f7fbff;
    border-bottom: 1px solid #dce6f1;
}

.files-header[b-9oq0m09o8m] {
    background: #ffffff;
}

.documentale-iconbar[b-9oq0m09o8m] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.documentale-tree[b-9oq0m09o8m] {
    height: calc(100% - 72px);
    overflow: auto;
    padding: 8px 0;
}

.documentale-folder[b-9oq0m09o8m] {
    width: 100%;
    min-height: 32px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: 0;
    background: transparent;
    color: #243244;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.documentale-folder:hover[b-9oq0m09o8m],
.documentale-folder.selected[b-9oq0m09o8m] {
    background: #e8f1ff;
    color: #0f6fbf;
}

.documentale-folder span[b-9oq0m09o8m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.documentale-loading[b-9oq0m09o8m],
.documentale-empty[b-9oq0m09o8m],
.documentale-placeholder[b-9oq0m09o8m] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px;
    color: #617085;
}

.documentale-placeholder[b-9oq0m09o8m] {
    height: calc(100% - 72px);
    justify-content: center;
    flex-direction: column;
}

.documentale-file-grid[b-9oq0m09o8m] {
    margin: 12px;
    width: calc(100% - 24px);
}

.documentale-actions-col[b-9oq0m09o8m] {
    width: 116px;
    min-width: 116px;
    white-space: nowrap;
}

.documentale-file-name[b-9oq0m09o8m] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #1f2937;
    font: inherit;
    cursor: pointer;
}

.documentale-file-name:hover[b-9oq0m09o8m] {
    color: #0f6fbf;
}

.documentale-dialog[b-9oq0m09o8m] {
    height: 78vh;
}

.documentale-dialog .metadata-designer-body[b-9oq0m09o8m] {
    overflow: auto;
}

.documentale-dialog-footer[b-9oq0m09o8m] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid #d7e1ec;
}

.documentale-content-field textarea[b-9oq0m09o8m] {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

@media (max-width: 980px) {
    .documentale-panel[b-9oq0m09o8m] {
        grid-template-columns: 1fr;
        height: auto;
    }
}
/* /Components/Documentale/DocumentPermissionsDialog.razor.rz.scp.css */
.documentale-permissions-add[b-znz1tzywhd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin-bottom: 14px;
}

.documentale-permission-actions[b-znz1tzywhd] {
    width: 72px;
    min-width: 72px;
}
/* /Components/DynamicApi/DynamicApiPanel.razor.rz.scp.css */
.dynamic-api-panel[b-6zyudnxbvq] {
    display: block;
}

.dynamic-api-toolbar[b-6zyudnxbvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.dynamic-api-actions[b-6zyudnxbvq] {
    width: 96px;
    min-width: 96px;
    white-space: nowrap;
}

.dynamic-api-wizard[b-6zyudnxbvq] {
    min-height: 470px;
}

.dynamic-api-step-head[b-6zyudnxbvq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.dynamic-api-step-actions[b-6zyudnxbvq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.dynamic-api-route-preview[b-6zyudnxbvq] {
    margin-bottom: 18px;
    padding: 12px 14px;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-size: 0.95rem;
    background: #f8fafc;
}

.dynamic-api-code-field textarea[b-6zyudnxbvq] {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

.dynamic-api-switches[b-6zyudnxbvq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.dynamic-api-summary td:first-child[b-6zyudnxbvq] {
    width: 160px;
    color: #52627a;
    font-weight: 600;
}

.dynamic-api-dialog-tabs textarea[b-6zyudnxbvq] {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

/* /Components/DynamicApi/DynamicApiServiceEditDialog.razor.rz.scp.css */
.dynamic-api-wizard[b-gcvs97mri3] {
    min-height: 470px;
}

.dynamic-api-step-head[b-gcvs97mri3] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.dynamic-api-route-preview[b-gcvs97mri3] {
    margin-bottom: 18px;
    padding: 12px 14px;
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
    font-size: 0.95rem;
    background: #f8fafc;
}

.dynamic-api-code-field textarea[b-gcvs97mri3] {
    font-family: Consolas, "Cascadia Code", "Courier New", monospace;
}

.dynamic-api-switches[b-gcvs97mri3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.dynamic-api-summary td:first-child[b-gcvs97mri3] {
    width: 160px;
    color: #52627a;
    font-weight: 600;
}
/* /Components/IaDashboardRenderer.razor.rz.scp.css */
.ia-dashboard[b-hgzt2nwf2a] {
    width: 100%;
    margin-top: 14px;
}

.ia-dashboard-state[b-hgzt2nwf2a] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    color: #516173;
    font-size: 13px;
}

.ia-dashboard-grid[b-hgzt2nwf2a] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 86px;
    grid-auto-flow: row dense;
    align-items: stretch;
    gap: 14px;
}

.ia-widget[b-hgzt2nwf2a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #cfddea;
    border-radius: 8px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(17, 24, 39, .06);
}

.ia-widget-header[b-hgzt2nwf2a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
}

.ia-widget-header h3[b-hgzt2nwf2a] {
    margin: 0;
    color: #172033;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

.ia-widget-header p[b-hgzt2nwf2a] {
    margin: 4px 0 0;
    color: #607087;
    font-size: 12px;
    line-height: 1.35;
}

.ia-widget-header > span[b-hgzt2nwf2a] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 3px 8px;
    background: #e9f4ff;
    color: #0f6fbf;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
}

.ia-kpi[b-hgzt2nwf2a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 90px;
}

.ia-kpi strong[b-hgzt2nwf2a] {
    color: #0f6fbf;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.ia-kpi span[b-hgzt2nwf2a] {
    margin-top: 8px;
    color: #5e6b7d;
    font-size: 13px;
    font-weight: 700;
}

.ia-chart[b-hgzt2nwf2a] {
    min-height: 150px;
}

.ia-chart svg[b-hgzt2nwf2a] {
    width: 100%;
    height: 142px;
}

.ia-chart path[b-hgzt2nwf2a] {
    fill: none;
    stroke: #ccd7e4;
    stroke-width: 1.5;
}

.ia-chart polyline[b-hgzt2nwf2a] {
    fill: none;
    stroke: #1976d2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.ia-chart-labels[b-hgzt2nwf2a] {
    display: flex;
    justify-content: space-between;
    color: #6b7788;
    font-size: 11px;
    font-weight: 700;
}

.ia-bars[b-hgzt2nwf2a],
.ia-share[b-hgzt2nwf2a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ia-bar-row[b-hgzt2nwf2a],
.ia-share-row[b-hgzt2nwf2a] {
    display: grid;
    grid-template-columns: minmax(90px, 1.2fr) minmax(120px, 2fr) minmax(56px, auto);
    align-items: center;
    gap: 10px;
    color: #233044;
    font-size: 12px;
}

.ia-bar-row span[b-hgzt2nwf2a],
.ia-share-row span[b-hgzt2nwf2a] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.ia-bar-row i[b-hgzt2nwf2a],
.ia-share-row i[b-hgzt2nwf2a] {
    display: block;
    height: 11px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e7eef7;
}

.ia-bar-row i[b-hgzt2nwf2a] {
    background: transparent;
}

.ia-bar-row i[b-hgzt2nwf2a]::before {
    content: "";
    display: block;
    width: inherit;
    height: 11px;
    border-radius: 999px;
    background: #1976d2;
}

.ia-share-row b[b-hgzt2nwf2a] {
    display: block;
    height: 11px;
    border-radius: 999px;
    background: #20a67a;
}

.ia-bar-row em[b-hgzt2nwf2a],
.ia-share-row em[b-hgzt2nwf2a] {
    color: #516173;
    font-style: normal;
    font-weight: 800;
    text-align: right;
}

.ia-table-wrap[b-hgzt2nwf2a] {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
}

.ia-table-wrap table[b-hgzt2nwf2a] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.ia-table-wrap th[b-hgzt2nwf2a],
.ia-table-wrap td[b-hgzt2nwf2a] {
    border-bottom: 1px solid #e4edf5;
    padding: 7px 8px;
    text-align: left;
    vertical-align: top;
}

.ia-table-wrap th[b-hgzt2nwf2a] {
    position: sticky;
    top: 0;
    background: #f5f9fd;
    color: #34445a;
    font-weight: 800;
}

.ia-no-data[b-hgzt2nwf2a] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    color: #718096;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .ia-widget[b-hgzt2nwf2a] {
        grid-column: 1 / span 12 !important;
        grid-row: auto / span 3 !important;
    }
}

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-83sk8omxk0] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-83sk8omxk0]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-83sk8omxk0],
    #components-reconnect-modal[open][b-83sk8omxk0],
    #components-reconnect-modal.components-reconnect-failed[b-83sk8omxk0],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-83sk8omxk0],
    #components-reconnect-modal.components-reconnect-paused[b-83sk8omxk0],
    #components-reconnect-modal.components-reconnect-resume-failed[b-83sk8omxk0],
    #components-reconnect-modal.components-pause[b-83sk8omxk0],
    #components-reconnect-modal.components-resume-failed[b-83sk8omxk0] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-83sk8omxk0] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-83sk8omxk0] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-83sk8omxk0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-83sk8omxk0] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.3;
    }

.components-reconnect-status-dot[b-83sk8omxk0] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-83sk8omxk0],
.components-reconnect-message[b-83sk8omxk0] {
    margin: 0;
    line-height: 1.45;
    font-size: 0.95rem;
}

.components-reconnect-supporting[b-83sk8omxk0] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-83sk8omxk0] {
    font-weight: 500;
}

.components-reconnect-danger[b-83sk8omxk0] {
    color: var(--mud-palette-error, #b00020);
}

.components-reconnect-actions[b-83sk8omxk0] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-83sk8omxk0],
.components-reconnect-repeated-attempt-visible[b-83sk8omxk0],
.components-reconnect-failed-visible[b-83sk8omxk0],
.components-pause-visible[b-83sk8omxk0],
.components-resume-failed-visible[b-83sk8omxk0] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-83sk8omxk0] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-83sk8omxk0] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-83sk8omxk0] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-83sk8omxk0] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-83sk8omxk0] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-83sk8omxk0] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-83sk8omxk0],
dialog[open].components-pause .components-pause-visible[b-83sk8omxk0] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-83sk8omxk0],
dialog[open].components-pause #components-resume-button[b-83sk8omxk0],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-83sk8omxk0],
dialog[open].components-resume-failed #components-resume-button[b-83sk8omxk0] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-83sk8omxk0],
dialog[open].components-resume-failed .components-resume-failed-visible[b-83sk8omxk0] {
    display: block;
}

.components-rejoin-loader[b-83sk8omxk0] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-83sk8omxk0] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-83sk8omxk0 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-83sk8omxk0] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-83sk8omxk0] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-83sk8omxk0 {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

#components-reconnect-button[b-83sk8omxk0],
#components-resume-button[b-83sk8omxk0] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-83sk8omxk0],
    #components-resume-button:hover[b-83sk8omxk0] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-83sk8omxk0],
    #components-resume-button:active[b-83sk8omxk0] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-83sk8omxk0] {
        padding: 14px;
    }

    .components-reconnect-surface[b-83sk8omxk0] {
        padding: 16px;
    }
}
/* /Components/Log/LogMovementDetailDialog.razor.rz.scp.css */
.movement-detail[b-tu8hpoexju] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 560px;
}

.movement-hero[b-tu8hpoexju] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
}

.movement-hero.insert[b-tu8hpoexju] {
    background: #ecfdf5;
    border-color: #86efac;
}

.movement-hero.update[b-tu8hpoexju] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.movement-hero.delete[b-tu8hpoexju] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.movement-hero.other[b-tu8hpoexju] {
    background: #f8fafc;
}

.movement-user[b-tu8hpoexju] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #0f172a;
}

.movement-grid[b-tu8hpoexju] {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(420px, 1.2fr);
    gap: 14px;
}

.movement-grid.lower[b-tu8hpoexju] {
    grid-template-columns: 1.2fr 0.8fr;
}

.movement-card[b-tu8hpoexju] {
    padding: 14px;
    border: 1px solid #d5e1ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.movement-card.full[b-tu8hpoexju] {
    min-height: 180px;
}

.movement-summary p[b-tu8hpoexju] {
    margin: 8px 0 14px;
    color: #334155;
}

.movement-summary dl[b-tu8hpoexju] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.movement-summary dt[b-tu8hpoexju] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 800;
    text-transform: uppercase;
}

.movement-summary dd[b-tu8hpoexju] {
    margin: 2px 0 0;
    font-weight: 700;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.change-list[b-tu8hpoexju] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 260px;
    overflow: auto;
}

.change-row[b-tu8hpoexju] {
    display: grid;
    grid-template-columns: minmax(140px, 0.4fr) minmax(260px, 1fr);
    gap: 12px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    background: #f8fafc;
}

.change-field[b-tu8hpoexju] {
    font-weight: 800;
    color: #1e293b;
}

.change-values[b-tu8hpoexju] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.old[b-tu8hpoexju],
.new[b-tu8hpoexju] {
    min-height: 32px;
    padding: 7px 9px;
    border-radius: 6px;
    overflow-wrap: anywhere;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
}

.old[b-tu8hpoexju] {
    background: #fff7ed;
    color: #7c2d12;
}

.new[b-tu8hpoexju] {
    background: #ecfdf5;
    color: #14532d;
}

.movement-empty[b-tu8hpoexju] {
    padding: 18px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    background: #f8fafc;
}

.mini-table-wrap[b-tu8hpoexju] {
    margin-top: 8px;
    max-height: 240px;
    overflow: auto;
}

.mini-table[b-tu8hpoexju] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.mini-table th[b-tu8hpoexju],
.mini-table td[b-tu8hpoexju] {
    padding: 7px 8px;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
}

.mini-table th[b-tu8hpoexju] {
    position: sticky;
    top: 0;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.72rem;
    text-transform: uppercase;
    z-index: 1;
}

.mini-table td[b-tu8hpoexju] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

@media (max-width: 960px) {
    .movement-hero[b-tu8hpoexju],
    .movement-grid[b-tu8hpoexju],
    .movement-grid.lower[b-tu8hpoexju],
    .change-row[b-tu8hpoexju],
    .change-values[b-tu8hpoexju],
    .movement-summary dl[b-tu8hpoexju] {
        grid-template-columns: 1fr;
    }

    .movement-hero[b-tu8hpoexju] {
        display: block;
    }

    .movement-user[b-tu8hpoexju] {
        margin-top: 12px;
    }
}
/* /Components/Log/LogPluginPanel.razor.rz.scp.css */
.log-plugin-panel[b-y5ce1jjq4t] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.log-plugin-toolbar[b-y5ce1jjq4t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.log-plugin-state[b-y5ce1jjq4t] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
}

.log-plugin-actions[b-y5ce1jjq4t] {
    width: 58px;
    white-space: nowrap;
}
/* /Components/Log/LogPluginRowDetailDialog.razor.rz.scp.css */
.log-detail-dialog[b-kk8i5vw6jo] {
    min-height: 420px;
}

.log-detail-label[b-kk8i5vw6jo] {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
}

.log-detail-value[b-kk8i5vw6jo] {
    min-height: 38px;
    max-height: 260px;
    overflow: auto;
    padding: 9px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #0f172a;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.84rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Metadata/MetadataForm.razor.rz.scp.css */
/*
  #848 MetaForm livello 1: un solo linguaggio visivo in pagina, nel dialog e nelle maschere
  annidate. La radice e gli elementi strutturali sono elementi del componente (ricevono
  l'attributo di scope); i componenti MudBlazor si raggiungono con ::deep. Solo colori della
  palette del tema MudBlazor (--mud-palette-*), nessun testo generato, nessuna regola di
  altezza nuova sulla catena radice -> stack -> area (#740/#763): la catena del dialog e' in
  wwwroot/css/wmk-dialogs.css.
*/

.metadata-form[b-kf4ez2p6ny] {
    background: var(--mud-palette-background-gray);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    overflow: clip;
}

/* Maschera nel dialog o annidata: nessuna cornice propria. */
.metadata-form-fill[b-kf4ez2p6ny] {
    background: transparent;
    border: 0;
    border-radius: 0;
    width: 100%;
}

/* Stesso comportamento del MudStack precedente (colonna con spaziatura). */
.metadata-form-stack[b-kf4ez2p6ny] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.metadata-form-state[b-kf4ez2p6ny] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    min-height: 220px;
}

/* L1.14: avvisi compatti, testi lunghi a capo. */
.metadata-form-stack > .metadata-form-alert[b-kf4ez2p6ny] {
    padding: 12px 16px 0;
}

.metadata-form-alert[b-kf4ez2p6ny]  .mud-alert {
    overflow-wrap: anywhere;
    padding-bottom: 4px;
    padding-top: 4px;
}

/* Testata: titolo a sinistra, Indietro integrato a sinistra. */
.metadata-form-toolbar[b-kf4ez2p6ny] {
    align-items: center;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    display: flex;
    gap: 12px;
    min-height: 60px;
    padding: 8px 16px;
}

.metadata-form-title[b-kf4ez2p6ny] {
    color: var(--mud-palette-text-primary);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.metadata-form-toolbar[b-kf4ez2p6ny]  .mud-icon-button {
    scroll-margin-top: 96px;
    flex: 0 0 44px;
    height: 44px;
    min-height: 44px;
    min-width: 44px;
    width: 44px;
}

.metadata-form-sr-only[b-kf4ez2p6ny] {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Anello di focus effettivo (#741) sui comandi della maschera; i campi usano il bordo MudBlazor. */
.metadata-form-toolbar[b-kf4ez2p6ny]  button:focus-visible,
.metadata-form-command-bar[b-kf4ez2p6ny]  button:focus-visible,
.metadata-form-fields[b-kf4ez2p6ny]  button:focus-visible,
.metadata-form-section-tabs[b-kf4ez2p6ny]  .mud-tab:focus-visible,
.metadata-form-tabs[b-kf4ez2p6ny]  .mud-tab:focus-visible,
.metadata-form-fields[b-kf4ez2p6ny]  input[type="file"]:focus-visible,
.metadata-form-fields[b-kf4ez2p6ny]  input[type="checkbox"]:focus-visible + svg {
    outline: 3px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

/*
  #763/#848 D2: in pagina la maschera intera (testata, riga del record, area dei campi e barra
  azioni) sta nella finestra sotto l'intestazione della pagina: la barra azioni resta visibile in
  basso e scorre solo l'area dei campi. Stessa riserva #763 (240px, 200px sotto 600px), applicata
  alla maschera intera invece che alla sola area. Dialog e annidate (fill) non hanno altezze qui.
*/
.metadata-form:not(.metadata-form-fill) > .metadata-form-stack[b-kf4ez2p6ny] {
    max-height: calc(100dvh - 240px);
}

.metadata-form-stack > :not(.metadata-form-scroll)[b-kf4ez2p6ny] {
    flex: 0 0 auto;
}

/* Area centrale: un solo contenitore che scorre (in pagina occupa lo spazio rimasto). */
.metadata-form-grid[b-kf4ez2p6ny] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

/* D5: le larghezze dei campi si misurano sull'area della maschera, non sulla finestra. */
.metadata-form-scroll[b-kf4ez2p6ny] {
    box-sizing: border-box;
    container-name: metadata-form;
    container-type: inline-size;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.metadata-form-scroll-page[b-kf4ez2p6ny] {
    flex: 1 1 auto;
    min-height: 0;
}

.metadata-form-scroll[b-kf4ez2p6ny]  .metadata-form-body {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

/* Riga del record (#763 intestazione/badge, #848 nuovo record): fuori dall'area scorrevole. */
.metadata-form-record-header[b-kf4ez2p6ny] {
    align-items: center;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px 14px;
    min-width: 0;
    padding: 10px 16px;
}

.metadata-form-record-heading[b-kf4ez2p6ny] {
    display: flex;
    flex: 1 1 220px;
    flex-direction: column;
    min-width: 0;
}

.metadata-form-record-title[b-kf4ez2p6ny] {
    color: var(--mud-palette-text-primary);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metadata-form-record-subtitle[b-kf4ez2p6ny] {
    color: var(--mud-palette-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: .85rem;
    gap: 4px 14px;
}

.metadata-form-record-subtitle-caption[b-kf4ez2p6ny] {
    font-weight: 600;
}

.metadata-form-record-badges[b-kf4ez2p6ny] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: auto;
}

/* L1.12 e WCAG 1.4.3: badge booleano attivo con la tinta di successo della palette leggibile
   (successo scurito mescolato al testo primario, oltre 4,5:1; il verde della palette e' 2,24:1). */
.metadata-form-record-badges[b-kf4ez2p6ny]  .mud-chip-outlined.mud-chip-color-success {
    color: color-mix(in srgb, var(--mud-palette-success-darken), var(--mud-palette-text-primary));
}

.metadata-form-record-header[b-kf4ez2p6ny]  .metadata-form-record-avatar {
    flex: 0 0 44px;
    font-weight: 700;
    height: 44px;
    margin: 0;
    min-width: 44px;
    width: 44px;
}

/* L1.3: una card per sezione, anche senza titolo. Altezza naturale: scorre l'area. */
.metadata-form-section-card[b-kf4ez2p6ny] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    min-width: 0;
}

.metadata-form-section-plain[b-kf4ez2p6ny] {
    padding: 20px 16px 16px;
}

.metadata-form-section-card-header[b-kf4ez2p6ny] {
    align-items: center;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
    display: flex;
    gap: 8px;
    padding: 10px 16px;
}

.metadata-form-section-card-title[b-kf4ez2p6ny] {
    font-size: .95rem;
    font-weight: 600;
}

.metadata-form-section-card-body[b-kf4ez2p6ny],
.metadata-form-section-tab-body[b-kf4ez2p6ny] {
    padding: 20px 16px 16px;
}

.metadata-form-section-tabs[b-kf4ez2p6ny] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    min-width: 0;
}

.metadata-form-section-tabs[b-kf4ez2p6ny]  .mud-tabs-tabbar {
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px 8px 0 0;
}

.metadata-form-section-tabs[b-kf4ez2p6ny]  .mud-tab,
.metadata-form-tabs[b-kf4ez2p6ny]  .mud-tab {
    min-height: 44px;
    text-transform: none;
}

/* La barra delle schede MudBlazor taglia cio' che sporge: anello di focus interno alla scheda. */
.metadata-form-section-tabs[b-kf4ez2p6ny]  .mud-tab:focus-visible,
.metadata-form-tabs[b-kf4ez2p6ny]  .mud-tab:focus-visible {
    outline-offset: -3px;
}

/* #848 fase 3: wizard (stesso blocco delle schede). Il passo lo sceglie solo la maschera con Avanti e Indietro, sotto le
   schede: i titoli dei passi non sono comandi (cursore normale) e la barra ha la stessa distanza dal bordo del corpo del
   passo (0 16px 16px). */
.metadata-form-section-wizard[b-kf4ez2p6ny]  .mud-tab {
    cursor: default;
}

.metadata-form-wizard-nav[b-kf4ez2p6ny] {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 0 16px 16px;
}

.metadata-form-wizard-nav[b-kf4ez2p6ny]  .metadata-form-wizard-next {
    margin-inline-start: auto;
}

/* L1.3-L1.4: griglia CSS a 12 colonne; ritmo verticale uniforme. Sotto i 600px di area una colonna,
   fra 600 e 900px LUNGHEZZA raddoppiata (sm), oltre LUNGHEZZA (md).
   #848 D1 (riapertura): un contenitore a 12 colonne per ogni riga visiva (RIGA) o uno per la sezione in
   ripiego per ORDINE; stesse spaziature della 1.18.2 (22px fra le righe, 16px fra le colonne, 22px anche
   quando i controlli vanno a capo dentro la riga). */
.metadata-form-fields[b-kf4ez2p6ny] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-width: 0;
}

.metadata-form-row[b-kf4ez2p6ny] {
    display: grid;
    gap: 22px 16px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    min-width: 0;
}

.metadata-form-field[b-kf4ez2p6ny] {
    grid-column-end: span 12;
    min-width: 0;
}

/* Focus: i controlli raggiunti con Tab restano lontani dalla testata fissa della pagina e dalla barra
   azioni fissa (finestre basse), anche quelli delle griglie figlie. */
.metadata-form-fields[b-kf4ez2p6ny]  :is(input, textarea, button, [tabindex]) {
    scroll-margin-block: 96px 128px;
}

/* #848 D1: lo Spazio e la riga di soli Spazio si vedono solo da 900px di area (sotto non occupano nulla). */
.metadata-form-spazio[b-kf4ez2p6ny],
.metadata-form-row-spazi[b-kf4ez2p6ny] {
    display: none;
}

.metadata-form-field-grid[b-kf4ez2p6ny] {
    grid-column: 1 / -1;
}

/* Aree molto strette (maschere annidate su telefono): spaziature compatte. */
@container metadata-form (max-width: 420px) {
    .metadata-form-section-plain[b-kf4ez2p6ny],
    .metadata-form-section-card-body[b-kf4ez2p6ny],
    .metadata-form-section-tab-body[b-kf4ez2p6ny],
    .metadata-form-tab-body[b-kf4ez2p6ny] {
        padding: 16px 8px 8px;
    }

    .metadata-form-embedded-grid[b-kf4ez2p6ny],
    .metadata-form-embedded-form[b-kf4ez2p6ny] {
        padding: 8px;
    }

    .metadata-form-row[b-kf4ez2p6ny] {
        column-gap: 8px;
    }
}

@container metadata-form (min-width: 600px) {
    .metadata-form-sm-1[b-kf4ez2p6ny] { grid-column-end: span 1; }
    .metadata-form-sm-2[b-kf4ez2p6ny] { grid-column-end: span 2; }
    .metadata-form-sm-3[b-kf4ez2p6ny] { grid-column-end: span 3; }
    .metadata-form-sm-4[b-kf4ez2p6ny] { grid-column-end: span 4; }
    .metadata-form-sm-5[b-kf4ez2p6ny] { grid-column-end: span 5; }
    .metadata-form-sm-6[b-kf4ez2p6ny] { grid-column-end: span 6; }
    .metadata-form-sm-7[b-kf4ez2p6ny] { grid-column-end: span 7; }
    .metadata-form-sm-8[b-kf4ez2p6ny] { grid-column-end: span 8; }
    .metadata-form-sm-9[b-kf4ez2p6ny] { grid-column-end: span 9; }
    .metadata-form-sm-10[b-kf4ez2p6ny] { grid-column-end: span 10; }
    .metadata-form-sm-11[b-kf4ez2p6ny] { grid-column-end: span 11; }
    .metadata-form-sm-12[b-kf4ez2p6ny] { grid-column-end: span 12; }
}

@container metadata-form (min-width: 900px) {
    .metadata-form-md-1[b-kf4ez2p6ny] { grid-column-end: span 1; }
    .metadata-form-md-2[b-kf4ez2p6ny] { grid-column-end: span 2; }
    .metadata-form-md-3[b-kf4ez2p6ny] { grid-column-end: span 3; }
    .metadata-form-md-4[b-kf4ez2p6ny] { grid-column-end: span 4; }
    .metadata-form-md-5[b-kf4ez2p6ny] { grid-column-end: span 5; }
    .metadata-form-md-6[b-kf4ez2p6ny] { grid-column-end: span 6; }
    .metadata-form-md-7[b-kf4ez2p6ny] { grid-column-end: span 7; }
    .metadata-form-md-8[b-kf4ez2p6ny] { grid-column-end: span 8; }
    .metadata-form-md-9[b-kf4ez2p6ny] { grid-column-end: span 9; }
    .metadata-form-md-10[b-kf4ez2p6ny] { grid-column-end: span 10; }
    .metadata-form-md-11[b-kf4ez2p6ny] { grid-column-end: span 11; }
    .metadata-form-md-12[b-kf4ez2p6ny] { grid-column-end: span 12; }

    /* #848 D1: colonna di partenza (COLONNA) solo nelle righe a colonne e solo da 900px di area. */
    .metadata-form-md-start-1[b-kf4ez2p6ny] { grid-column-start: 1; }
    .metadata-form-md-start-2[b-kf4ez2p6ny] { grid-column-start: 2; }
    .metadata-form-md-start-3[b-kf4ez2p6ny] { grid-column-start: 3; }
    .metadata-form-md-start-4[b-kf4ez2p6ny] { grid-column-start: 4; }
    .metadata-form-md-start-5[b-kf4ez2p6ny] { grid-column-start: 5; }
    .metadata-form-md-start-6[b-kf4ez2p6ny] { grid-column-start: 6; }
    .metadata-form-md-start-7[b-kf4ez2p6ny] { grid-column-start: 7; }
    .metadata-form-md-start-8[b-kf4ez2p6ny] { grid-column-start: 8; }
    .metadata-form-md-start-9[b-kf4ez2p6ny] { grid-column-start: 9; }
    .metadata-form-md-start-10[b-kf4ez2p6ny] { grid-column-start: 10; }
    .metadata-form-md-start-11[b-kf4ez2p6ny] { grid-column-start: 11; }
    .metadata-form-md-start-12[b-kf4ez2p6ny] { grid-column-start: 12; }

    /* #848 D1: Spazio = blocco vuoto alto quanto un campo, cosi' una riga di soli Spazio e' una riga vuota. */
    .metadata-form-spazio[b-kf4ez2p6ny] {
        display: block;
        min-height: 40px;
    }

    .metadata-form-row-spazi[b-kf4ez2p6ny] {
        display: grid;
    }
}

.metadata-form-field[b-kf4ez2p6ny]  .mud-input-control {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}

/* Il campo si restringe con l'area (l'input nativo ha una larghezza intrinseca). */
.metadata-form-field[b-kf4ez2p6ny]  .mud-input-slot {
    min-width: 0;
}

/* L1.7: obbligatori (solo campi modificabili) con etichetta in grassetto medio. */
.metadata-form-field[b-kf4ez2p6ny]  .mud-input-control.mud-input-required .mud-input-label {
    font-weight: 500;
}

.metadata-form-required-marker[b-kf4ez2p6ny] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
    margin-left: 2px;
}

/*
  D6 e WCAG 1.4.3: il colore errore della palette MudBlazor (3,68:1 sul bianco) resta per bordi e
  segnali non testuali; il testo d'errore sotto il campo (validazione in linea ed errori del server)
  e l'etichetta in errore usano una tinta della stessa palette (errore scurito mescolato al testo
  primario, oltre 4,5:1 su superficie e sfondo). Nessun colore fisso. MudBlazor dichiara questi
  colori con !important: serve lo stesso livello con un selettore piu' specifico.
  L1.8 sui booleani: l'etichetta della MudCheckBox in errore e' un MudText con .mud-error-text
  (testo, non segnale): stessa tinta; l'icona della casella resta col colore errore (non testo, 3:1).
*/
.metadata-form-fields[b-kf4ez2p6ny]  .mud-input-helper-text.mud-input-error,
.metadata-form-fields[b-kf4ez2p6ny]  .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error,
.metadata-form-fields[b-kf4ez2p6ny]  .mud-typography.mud-error-text {
    color: color-mix(in srgb, var(--mud-palette-error-darken), var(--mud-palette-text-primary)) !important;
}

/* L1.3: checkbox all'altezza degli input. */
.metadata-form-checkbox[b-kf4ez2p6ny] {
    align-items: center;
    display: flex;
    min-height: 40px;
}

.metadata-form-checkbox[b-kf4ez2p6ny]  .mud-input-control {
    flex: 0 1 auto;
    min-width: 0;
    width: auto;
}

/* L1.9: sola lettura leggibile (contrasto pieno), bordo tratteggiato, nessun comando inattivo. */
.metadata-form-field-readonly[b-kf4ez2p6ny]  .mud-input-outlined-border {
    border-style: dashed;
}

.metadata-form-field-readonly[b-kf4ez2p6ny]  .mud-input-adornment {
    display: none;
}

/* L1.10-L1.11: numeri allineati a destra con cifre tabellari. */
.metadata-form-field[b-kf4ez2p6ny]  .metadata-form-number input,
.metadata-form-field[b-kf4ez2p6ny]  .metadata-label-control-number input,
.wmk-field-valuta[b-kf4ez2p6ny]  input {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* L1.11: Label calcolata = campo in sola lettura; senza campo = titoletto di gruppo con linea. */
.metadata-form-field[b-kf4ez2p6ny]  .metadata-label-control {
    min-width: 0;
}

.metadata-form-field[b-kf4ez2p6ny]  .metadata-label-control .mud-input-outlined-border {
    border-style: dashed;
}

.metadata-form-field[b-kf4ez2p6ny]  .metadata-label-control[style] .mud-input {
    font-size: inherit;
    font-weight: inherit;
}

.metadata-form-field[b-kf4ez2p6ny]  .metadata-label-control-static {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
    font-size: .95rem;
    font-weight: 600;
    padding: 4px 0 6px;
}

/* Avviso di configurazione della Label: tinta di avviso della palette leggibile (oltre 4,5:1). */
.metadata-form-field[b-kf4ez2p6ny]  .metadata-label-control-warning {
    color: color-mix(in srgb, var(--mud-palette-warning-darken), var(--mud-palette-text-primary));
    font-size: .78rem;
}

/* L1.5: pulsante file con lo stile dei comandi, nessun testo nuovo. */
.metadata-upload-control[b-kf4ez2p6ny] {
    display: grid;
    gap: 8px;
}

.metadata-upload-control[b-kf4ez2p6ny]  input[type="file"] {
    color: var(--mud-palette-text-primary);
    max-width: 100%;
    min-height: 44px;
}

.metadata-upload-control[b-kf4ez2p6ny]  input[type="file"]::file-selector-button {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-primary);
    border-radius: var(--mud-default-borderradius);
    color: var(--mud-palette-primary);
    cursor: pointer;
    font: inherit;
    margin-right: 12px;
    min-height: 44px;
    padding: 0 16px;
}

.metadata-form-fields[b-kf4ez2p6ny]  .mud-button-root {
    min-height: 44px;
}

/* L1.4: il pulsante di un controllo Button non esce dalla propria cella (LUNGHEZZA piccola o area
   stretta): si restringe con la cella e il testo del metadata va a capo dentro il pulsante. */
.metadata-form-field[b-kf4ez2p6ny] >  .mud-button-root {
    max-width: 100%;
    min-width: 0;
}

.metadata-form-field[b-kf4ez2p6ny] >  .mud-button-root .mud-button-label {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* L1.14: errori di configurazione compatti. */
.metadata-form-fields[b-kf4ez2p6ny]  .metadata-control-config-error {
    overflow-wrap: anywhere;
}

/* Lookup: controllo e indicatore di debug sulla stessa riga. */
.metadata-form-lookup[b-kf4ez2p6ny] {
    align-items: center;
    display: flex;
    gap: 4px;
    min-width: 0;
}

.metadata-form-lookup[b-kf4ez2p6ny]  .mud-select {
    flex: 1 1 auto;
    min-width: 0;
}

/* L1 riga 14: griglie figlie in card con titolo; la griglia mantiene il layout #844. */
.metadata-form-embedded-grid[b-kf4ez2p6ny],
.metadata-form-embedded-form[b-kf4ez2p6ny] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    min-width: 0;
    padding: 12px;
}

.metadata-form-embedded-title[b-kf4ez2p6ny] {
    color: var(--mud-palette-text-primary);
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 8px;
}

/* Controllo Tabs (TIPO_CONTROLLO TABS). */
.metadata-form-tabs[b-kf4ez2p6ny] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    min-width: 0;
}

.metadata-form-tabs[b-kf4ez2p6ny]  .mud-tabs-tabbar {
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.metadata-form-tab-body[b-kf4ez2p6ny] {
    padding: 14px;
}

/* #763: classi di presentazione dal vocabolario controllato CLASS_CONTROLLO. */
.wmk-field-evidenza[b-kf4ez2p6ny]  .mud-input-outlined-border {
    border-color: var(--mud-palette-primary);
    border-width: 2px;
}

.wmk-field-evidenza[b-kf4ez2p6ny]  input,
.wmk-field-evidenza[b-kf4ez2p6ny]  textarea {
    font-weight: 600;
}

.wmk-field-monospazio[b-kf4ez2p6ny]  input,
.wmk-field-monospazio[b-kf4ez2p6ny]  textarea {
    font-family: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;
    letter-spacing: .02em;
}

/*
  #770/#848: barra azioni in basso, fuori dall'area scorrevole, in pagina come nel dialog:
  informazioni o riepilogo errori a sinistra, bottoni a destra (Salva pieno, Gestione e Altre
  azioni alla stessa altezza), mai sovrapposti; su aree strette va a capo con pulsanti uguali.
*/
.metadata-form-footer-actions[b-kf4ez2p6ny] {
    align-items: center;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
    bottom: 0;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px 16px;
    justify-content: flex-end;
    padding: 12px 16px;
    position: sticky;
    z-index: 2;
}

.metadata-form-footer-actions.has-info[b-kf4ez2p6ny] {
    justify-content: space-between;
}

.metadata-form-footer-info[b-kf4ez2p6ny] {
    color: var(--mud-palette-text-secondary);
    flex: 1 1 260px;
    font-size: .82rem;
    line-height: 1.4;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.metadata-form-command-bar[b-kf4ez2p6ny] {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
    min-width: 0;
}

.metadata-form-command-bar[b-kf4ez2p6ny]  .mud-button-root,
.metadata-form-command-bar[b-kf4ez2p6ny]  .mud-menu > button,
.metadata-form-command-bar[b-kf4ez2p6ny]  .mud-menu .mud-button-root {
    min-height: 44px;
    scroll-margin-bottom: 12px;
}

@media (max-width: 900px) {
    .metadata-form-footer-actions.has-info[b-kf4ez2p6ny] {
        align-items: stretch;
        flex-direction: column;
    }

    .metadata-form-footer-info[b-kf4ez2p6ny] {
        flex: 0 0 auto;
    }

    .metadata-form-footer-actions .metadata-form-command-bar[b-kf4ez2p6ny] {
        justify-content: stretch;
        margin-left: 0;
        width: 100%;
    }

    .metadata-form-command-bar[b-kf4ez2p6ny]  .mud-button-root,
    .metadata-form-command-bar[b-kf4ez2p6ny]  .mud-menu {
        flex: 1 1 0;
    }

    .metadata-form-command-bar[b-kf4ez2p6ny]  .mud-menu > button,
    .metadata-form-command-bar[b-kf4ez2p6ny]  .mud-menu .mud-button-root {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .metadata-form-toolbar[b-kf4ez2p6ny],
    .metadata-form-record-header[b-kf4ez2p6ny],
    .metadata-form-footer-actions[b-kf4ez2p6ny] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .metadata-form-grid[b-kf4ez2p6ny] {
        padding: 12px;
    }

    .metadata-form-record-title[b-kf4ez2p6ny] {
        white-space: normal;
    }

    .metadata-form-record-badges[b-kf4ez2p6ny] {
        margin-left: 0;
    }

    .metadata-form-record-header[b-kf4ez2p6ny]  .metadata-form-record-avatar {
        display: none;
    }

    .metadata-form-section-plain[b-kf4ez2p6ny],
    .metadata-form-section-card-body[b-kf4ez2p6ny],
    .metadata-form-section-tab-body[b-kf4ez2p6ny] {
        padding: 18px 12px 12px;
    }

    .metadata-form:not(.metadata-form-fill) > .metadata-form-stack[b-kf4ez2p6ny] {
        max-height: calc(100dvh - 200px);
    }
}

/*
  #848 pagina su telefono verticale (area stretta) e in finestre poco alte (fino a 700px, oltre i
  500px del caso successivo): testata, riga del record e barra insieme lascerebbero ai campi poche
  righe. Scorre tutta la maschera (testata e riga del record comprese) dentro la stessa riserva
  #763 e la barra azioni resta in basso; la riga informativa di sistema (#770) scorre con i campi,
  subito sopra la barra, e nella barra fissa restano i comandi. Il campo che riceve il focus va
  nella parte alta della maschera.
*/
@media (max-width: 600px) and (min-height: 501px), (min-height: 501px) and (max-height: 700px) {
    .metadata-form:not(.metadata-form-fill) > .metadata-form-stack[b-kf4ez2p6ny] {
        overflow: hidden auto;
        overscroll-behavior: contain;
        scroll-padding-block: 8px 45%;
    }

    .metadata-form:not(.metadata-form-fill) > .metadata-form-stack > .metadata-form-scroll-page[b-kf4ez2p6ny] {
        flex: 0 0 auto;
        overflow: visible;
    }

    .metadata-form:not(.metadata-form-fill) .metadata-form-footer-actions.has-system-info[b-kf4ez2p6ny] {
        display: contents;
    }

    .metadata-form:not(.metadata-form-fill) .metadata-form-footer-actions.has-system-info > .metadata-form-footer-info[b-kf4ez2p6ny] {
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-lines-default);
        flex: 0 0 auto;
        padding: 8px 12px;
    }

    .metadata-form:not(.metadata-form-fill) .metadata-form-footer-actions.has-system-info > .metadata-form-command-bar[b-kf4ez2p6ny] {
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-lines-default);
        bottom: 0;
        box-sizing: border-box;
        flex: 0 0 auto;
        padding: 12px;
        position: sticky;
        z-index: 2;
    }

    .metadata-form:not(.metadata-form-fill) > .metadata-form-stack .metadata-form-fields[b-kf4ez2p6ny]  :is(input, textarea, button, [tabindex]) {
        scroll-margin-block: 0;
    }
}

/* Finestre basse (telefono orizzontale): in pagina un solo scorrimento, senza area interna limitata. */
@media (max-height: 500px) {
    .metadata-form:not(.metadata-form-fill) > .metadata-form-stack[b-kf4ez2p6ny] {
        max-height: none;
    }

    .metadata-form-scroll-page[b-kf4ez2p6ny] {
        overflow-y: visible;
    }
}
/* /Components/Metadata/MetadataGrid.razor.rz.scp.css */
/*
 * #844 MetaGrid livello 1. Solo presentazione: nessun testo, nessun dato,
 * nessuna regola legata a tabelle/colonne/valori. Le classi metadata-grid-col-*
 * derivano dal tipo dei valori restituiti dall'API dati (vedi MetadataGrid.razor).
 *
 * La radice del componente e' un elemento proprio del componente, quindi
 * ".metadata-grid ::deep" raggiunge gli elementi resi da MudBlazor.
 * Nessuna regola flex/altezza viene aggiunta alla catena radice -> stack ->
 * tabella: il dimensionamento resta ai contenitori (pagina, dialog, wizard, form).
 *
 * #844 fase 2: i selettori su elementi MudBlazor usano solo classi realmente
 * generate da MudBlazor 9.11 (verificate dal rendering nei test). Contrasti
 * (WCAG 2.2 AA, 1.4.11) calcolati e verificati dai test sui colori dichiarati qui.
 */

.metadata-grid[b-6wgetmg8yt] {
    --metadata-grid-focus-ring: #005fcc;
    --metadata-grid-scrollbar-thumb: #64748b;
    --metadata-grid-scrollbar-track: #eef2f7;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #1f2937;
    min-width: 0;
    /* Alternativa per i browser senza overflow: clip (Safari < 16): hidden ritaglia gli
       angoli; sticky e scorrimento restano su .mud-table-container (overflow auto). */
    overflow: hidden;
    overflow: clip;
}

.metadata-grid-state[b-6wgetmg8yt] {
    align-items: center;
    display: flex;
    min-height: 220px;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

/* Toolbar leggera: titolo + contatore a sinistra, strumenti a destra. */
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-toolbar {
    background: #ffffff;
    border-bottom: 1px solid #edf1f6;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 64px;
    padding: 12px 16px;
}

.metadata-grid-toolbar-left[b-6wgetmg8yt] {
    align-items: center;
    display: flex;
}

.metadata-grid-heading[b-6wgetmg8yt] {
    flex: 1 1 260px;
    min-width: 200px;
}

.metadata-grid-title-row[b-6wgetmg8yt] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-title {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 650;
    line-height: 1.3;
    margin: 0;
    overflow-wrap: anywhere;
}

/* Contatore righe: aria-hidden, il numero e' gia' annunciato dalla regione aria-live. */
.metadata-grid-count[b-6wgetmg8yt] {
    align-items: center;
    background: #eef2f7;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-width: 24px;
    padding: 0 8px;
}

.metadata-grid-subtitle[b-6wgetmg8yt] {
    color: #64748b;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-description {
    color: #52647a;
    font-size: .8rem;
    margin-top: 2px;
    max-width: 72ch;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-tools {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
    row-gap: 8px;
}

/* Target minimo 44 px (#740) per i comandi della toolbar, esclusi i pulsanti interni ai campi. */
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-tools > .mud-button-root,
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-tools > .mud-tooltip-root .mud-button-root {
    min-height: 44px;
    min-width: 44px;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-tools > .mud-tooltip-root .mud-icon-button {
    color: #475569;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-primary-command {
    white-space: nowrap;
}

/* Ricerca arrotondata con icona. */
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-search {
    /* Rientro di etichetta e incavo del bordo oltre la curva del bordo arrotondato. */
    --metadata-grid-search-inset: 10px;
    flex: 0 1 280px;
    margin: 0;
    min-width: 180px;
    width: min(280px, 32vw);
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-search .mud-input-outlined-border {
    border-radius: 999px;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-search .mud-input.mud-input-outlined {
    background: #f8fafc;
    border-radius: 999px;
}

/* Etichetta e incavo (legend del fieldset outlined) si spostano dello stesso rientro:
   11px e' il margine sinistro della legend in MudBlazor 9.11 (verificato dai test). */
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-search .mud-input-label-outlined {
    margin-left: var(--metadata-grid-search-inset);
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-search .mud-input-outlined-border legend {
    margin-left: calc(11px + var(--metadata-grid-search-inset));
}

.metadata-grid-context-menu[b-6wgetmg8yt] {
    flex-wrap: wrap;
    gap: 6px;
}

.metadata-grid-command-buttons[b-6wgetmg8yt],
.metadata-grid-row-actions[b-6wgetmg8yt] {
    align-items: center;
    display: flex;
    gap: 2px;
}

.metadata-grid-command-buttons[b-6wgetmg8yt] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.metadata-grid-row-actions[b-6wgetmg8yt] {
    justify-content: flex-end;
}

.metadata-grid-row-actions[b-6wgetmg8yt]  button,
.metadata-grid-row-actions[b-6wgetmg8yt]  .mud-button-root {
    min-height: 44px;
    min-width: 44px;
}

.metadata-grid-row-actions[b-6wgetmg8yt]  .mud-icon-button {
    color: #475569;
}

/* Azione Modifica di riga: visibile all'hover e al focus con il solo mouse, sempre visibile
   con un puntatore touch (anche sui dispositivi ibridi touch + mouse). Quando e' invisibile
   non riceve il puntatore; resta raggiungibile da tastiera e diventa visibile al focus.
   Invariante verificata dai test: opacity 0 <=> pointer-events none. */
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-row-edit {
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-row:hover .metadata-grid-row-edit,
.metadata-grid[b-6wgetmg8yt]  .mud-table-row:focus-within .metadata-grid-row-edit,
.metadata-grid[b-6wgetmg8yt]  .metadata-grid-row-edit:focus-visible {
    opacity: 1;
    pointer-events: auto;
}

/* (any-pointer: coarse): un dispositivo ibrido che dichiara (hover: hover) applica :hover al
   tocco e lo renderebbe cliccabile prima che sia visibile; con un touch e' sempre visibile. */
@media (hover: none), (any-pointer: coarse) {
    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-row-edit {
        opacity: 1;
        pointer-events: auto;
    }
}

.metadata-grid-relation-menu-item[b-6wgetmg8yt] {
    display: inline-block;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Anello di focus (#740) limitato alle regioni proprie della griglia: barra comandi,
   filtri, tabella (contenitore e paginazione), pivot. Una MetadataForm aperta dentro la
   griglia mantiene il proprio focus. Colore >= 3:1 su tutti gli sfondi adiacenti
   (minimo 5.28:1 su #edf1f6; 5.98:1 su bianco). */
.metadata-grid[b-6wgetmg8yt]  :is(.metadata-grid-toolbar, .metadata-grid-filter-region, .mud-table-container, .mud-table-pagination, .metadata-grid-pivot-editor-toolbar, .metadata-grid-pivot-container) :is(a, button, input, select, textarea, [tabindex]):focus-visible,
.metadata-grid-download:focus-visible[b-6wgetmg8yt] {
    outline: 3px solid var(--metadata-grid-focus-ring);
    outline-offset: 2px;
}

/* Pulsanti dentro contenitori che ritagliano (paginazione con overflow auto nel dialog e nel
   wizard, fondo della griglia, ultima riga di .mud-table-container): anello interno al
   pulsante (44px, icona centrata), quindi mai tagliato. Stesso colore e spessore. Il
   selettore della dimensione pagina (testo inline) mantiene l'anello esterno, che sta
   nell'altezza della paginazione. */
.metadata-grid[b-6wgetmg8yt]  :is(.mud-table-pagination-actions, .metadata-grid-row-actions) button.mud-button-root:focus-visible {
    outline-offset: -3px;
}

/* #844 fase 2: checkbox di selezione. Il focus e' sull'input trasparente (opacity 0) che lo span
   .mud-icon-button (.mud-ripple, overflow hidden) ritaglia: l'anello si disegna sull'icona della
   checkbox, dentro i 4px di padding dello span (mai ritagliato). Stesso colore e spessore
   dell'anello della griglia (>= 5.28:1 su tutti gli sfondi). */
.metadata-grid[b-6wgetmg8yt]  :is(.mud-table-container, .metadata-grid-pivot-container) .mud-checkbox-input:focus-visible + .mud-icon-root {
    border-radius: 4px;
    outline: 3px solid var(--metadata-grid-focus-ring);
    outline-offset: 0;
}

.metadata-grid-live-status[b-6wgetmg8yt] {
    color: #475569;
    font-size: .78rem;
    min-height: 22px;
    padding: 0 16px;
}

.metadata-grid-download[b-6wgetmg8yt] {
    color: #005ea8;
    font-weight: 700;
    margin-left: 4px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.metadata-grid-filter-region[b-6wgetmg8yt] {
    border-bottom: 1px solid #edf1f6;
    padding: 10px 16px 4px;
}

.metadata-grid[b-6wgetmg8yt]  .metadata-grid-filters {
    flex-wrap: wrap;
}

/* Tabella: niente zebra ne' bordi verticali, righe ariose, hover evidente. */
/* Barra di scorrimento (anche orizzontale) di larghezza standard: pollice #64748b
   4.23:1 sul binario #eef2f7 e 4.76:1 sul bianco (WCAG 1.4.11 >= 3:1). Le regole
   ::-webkit-scrollbar valgono per i browser senza scrollbar-color (Safari). */
.metadata-grid[b-6wgetmg8yt]  .mud-table .mud-table-container,
.metadata-grid-pivot-container[b-6wgetmg8yt] {
    scrollbar-color: var(--metadata-grid-scrollbar-thumb) var(--metadata-grid-scrollbar-track);
    scrollbar-width: auto;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table .mud-table-container::-webkit-scrollbar,
.metadata-grid-pivot-container[b-6wgetmg8yt]::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table .mud-table-container::-webkit-scrollbar-track,
.metadata-grid-pivot-container[b-6wgetmg8yt]::-webkit-scrollbar-track {
    background: var(--metadata-grid-scrollbar-track);
}

.metadata-grid[b-6wgetmg8yt]  .mud-table .mud-table-container::-webkit-scrollbar-thumb,
.metadata-grid-pivot-container[b-6wgetmg8yt]::-webkit-scrollbar-thumb {
    background: var(--metadata-grid-scrollbar-thumb);
    border: 2px solid var(--metadata-grid-scrollbar-track);
    border-radius: 999px;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-root {
    border-collapse: separate;
    border-spacing: 0;
}

/* Intestazioni: etichette esattamente come da metadata (nessun text-transform), su una riga. */
.metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-head .mud-table-row .mud-table-cell {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    color: #475569;
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    padding: 10px 12px;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-head .mud-table-sort-label {
    max-width: 100%;
}

.metadata-grid-header-label[b-6wgetmg8yt] {
    display: inline-block;
    max-width: 260px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-body .mud-table-row {
    background: #ffffff;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background: #eaf2fd;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-body .mud-table-row:hover > .mud-table-cell:first-child {
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-body .mud-table-row .mud-table-cell {
    border-bottom: 1px solid #edf1f6;
    color: #1f2937;
    font-size: .84rem;
    line-height: 1.4;
    padding: 10px 12px;
    vertical-align: middle;
}

/* Rendering per tipo di valore (derivato dai dati tipizzati dell'API, mai dai nomi). */
.metadata-grid-cell-text[b-6wgetmg8yt] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-clamp: 2;
    max-width: 280px;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
}

.metadata-grid-cell-boolean[b-6wgetmg8yt] {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    vertical-align: middle;
}

.metadata-grid-cell-boolean-true[b-6wgetmg8yt] {
    color: #15803d;
}

.metadata-grid-cell-boolean-false[b-6wgetmg8yt] {
    color: #64748b;
}

/* #844 fase 2: etichetta visibile del booleano (booleanoVisualizzazione testo/iconaTesto):
   testo dei metadata con il colore del testo della griglia (contrasto da testo, non da icona). */
.metadata-grid-cell-boolean-label[b-6wgetmg8yt] {
    color: #1f2937;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-cell.metadata-grid-col-number,
.metadata-grid[b-6wgetmg8yt]  .mud-table-cell.metadata-grid-col-date {
    font-variant-numeric: tabular-nums;
}

@media (min-width: 601px) {
    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-col-number {
        text-align: right;
        white-space: nowrap;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-head .metadata-grid-col-number .mud-table-sort-label {
        flex-direction: row-reverse;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-col-date {
        white-space: nowrap;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-col-boolean {
        text-align: center;
    }

    /* #844 fase 2: allineamento esplicito di SYS_LISTE_COLONNE.PARAMETRI (classi da
       MetadataGridPresentation), dichiarato dopo quello per tipo e quindi prevalente. */
    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-align-start {
        text-align: left;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-align-center {
        text-align: center;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-align-end {
        text-align: right;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-head .metadata-grid-align-start .mud-table-sort-label {
        flex-direction: row;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-head .metadata-grid-align-end .mud-table-sort-label {
        flex-direction: row-reverse;
    }

    /* #844 fase 2: larghezza dichiarata (PARAMETRI.larghezza, gia' validata) come variabile
       dell'intestazione; i limiti di 260/280px non si applicano alla colonna dimensionata. Su
       mobile (schede) nessun effetto. */
    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-head .mud-table-cell.metadata-grid-col-sized {
        min-width: var(--metadata-grid-col-width);
        width: var(--metadata-grid-col-width);
    }

    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-col-sized .metadata-grid-header-label,
    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-col-sized .metadata-grid-cell-text {
        max-width: 100%;
    }

    /* Selezione e azioni: colonne strette; le azioni restano visibili a fine riga. */
    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-select-header,
    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-select-cell {
        padding-left: 12px;
        padding-right: 4px;
        width: 1%;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-actions-header,
    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-actions-cell {
        box-shadow: inset 1px 0 0 #edf1f6;
        position: sticky;
        right: 0;
        text-align: right;
        white-space: nowrap;
        width: 1%;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-row .mud-table-cell.metadata-grid-actions-header {
        z-index: 3;
    }

    .metadata-grid[b-6wgetmg8yt]  .mud-table-root .mud-table-body .mud-table-row .mud-table-cell.metadata-grid-actions-cell {
        background-color: inherit;
        padding: 2px 8px;
        z-index: 1;
    }
}

.metadata-grid-empty[b-6wgetmg8yt] {
    align-items: center;
    color: #475569;
    display: flex;
    gap: 8px;
    justify-content: center;
    min-height: 96px;
    padding: 18px;
    width: 100%;
}

/* Paginazione compatta. Struttura reale di MudTablePager 9.11 (verificata dal test di
   rendering): .mud-table-pagination > .mud-table-pagination-toolbar (MudToolBar) con
   -caption/-information/-page-number-information, -select e -actions. Una sola linea
   di separazione (sul contenitore), target dei pulsanti 44px (#740). */
.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination {
    background: #ffffff;
    border-top: 1px solid #edf1f6;
    flex: 0 0 auto;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination .mud-table-pagination-toolbar {
    border-top: 0;
    color: #475569;
    column-gap: 4px;
    font-size: .8rem;
    min-height: 44px;
    padding: 0 4px 0 12px;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination .mud-table-pagination-caption {
    padding-left: 4px;
    padding-right: 4px;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination :is(.mud-table-pagination-information, .mud-table-page-number-information) {
    color: #475569;
    font-size: .8rem;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination .mud-table-pagination-select .mud-input-root {
    font-size: .8rem;
}

/* Spazio per l'anello di focus esterno del selettore quando la paginazione va a capo e il
   selettore apre la prima riga (overflow auto di .mud-table-pagination nel dialog e nel
   wizard). Padding perche' MudBlazor 9.11 forza margin-top: 0 !important sul selettore; su
   una sola linea la riga resta alta 44px (pulsanti di pagina). */
.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination .mud-table-pagination-select {
    padding-bottom: 5px;
    padding-top: 5px;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination .mud-table-pagination-actions {
    margin-left: 4px;
}

.metadata-grid[b-6wgetmg8yt]  .mud-table-pagination .mud-table-pagination-actions .mud-icon-button {
    padding: 10px;
}

.metadata-grid-pivot-container[b-6wgetmg8yt] {
    border: 1px solid #d8dee8;
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    position: relative;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

.metadata-grid-pivot-editor-toolbar[b-6wgetmg8yt] {
    align-items: center;
    background: #f7f9fc;
    border: 1px solid #d8dee8;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 10px;
}

.metadata-grid-pivot-editor-actor[b-6wgetmg8yt] {
    max-width: 420px;
    min-width: 260px;
}

.metadata-grid-pivot-editor-identity[b-6wgetmg8yt] {
    color: #263244;
    font-weight: 600;
}

.metadata-grid-pivot-table[b-6wgetmg8yt] {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    min-width: max-content;
    width: 100%;
}

.metadata-grid-pivot-table th[b-6wgetmg8yt],
.metadata-grid-pivot-table td[b-6wgetmg8yt] {
    border-bottom: 1px solid #e5eaf1;
    border-right: 1px solid #e5eaf1;
    min-width: 156px;
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
}

.metadata-grid-pivot-table thead th[b-6wgetmg8yt] {
    background: #eef3f8;
    color: #263244;
    font-size: .76rem;
    font-weight: 700;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 3;
}

.metadata-grid-pivot-table tbody tr:nth-child(even) td[b-6wgetmg8yt],
.metadata-grid-pivot-table tbody tr:nth-child(even) .metadata-grid-pivot-match-cell[b-6wgetmg8yt] {
    background: #fbfcfe;
}

.metadata-grid-pivot-table tbody tr:hover td[b-6wgetmg8yt],
.metadata-grid-pivot-table tbody tr:hover .metadata-grid-pivot-match-cell[b-6wgetmg8yt] {
    background: #eef6ff;
}

.metadata-grid-pivot-table .metadata-grid-pivot-match-header[b-6wgetmg8yt],
.metadata-grid-pivot-table .metadata-grid-pivot-match-cell[b-6wgetmg8yt] {
    left: 0;
    min-width: 260px;
    position: sticky;
}

.metadata-grid-pivot-table .metadata-grid-pivot-match-header[b-6wgetmg8yt] {
    z-index: 5;
}

.metadata-grid-pivot-table .metadata-grid-pivot-match-cell[b-6wgetmg8yt] {
    background: #fff;
    color: #243044;
    font-size: .82rem;
    font-weight: 600;
    z-index: 2;
}

.metadata-grid-pivot-column-label[b-6wgetmg8yt],
.metadata-grid-pivot-column-weight[b-6wgetmg8yt] {
    display: block;
    letter-spacing: 0;
}

.metadata-grid-pivot-column-weight[b-6wgetmg8yt] {
    color: #52647a;
    font-size: .72rem;
    font-weight: 600;
    margin-top: 2px;
}

.metadata-grid-pivot-cell[b-6wgetmg8yt] {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    min-height: 32px;
}

.metadata-grid-pivot-editor-select[b-6wgetmg8yt] {
    min-width: 132px;
    width: 100%;
}

.metadata-grid-pivot-editor-score[b-6wgetmg8yt] {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(56px, 1fr) auto minmax(56px, 1fr);
    width: 100%;
}

.metadata-grid-pivot-editor-score .mud-input-control[b-6wgetmg8yt] {
    margin: 0;
    min-width: 0;
}

.metadata-grid-pivot-value[b-6wgetmg8yt] {
    color: #243044;
    font-size: .82rem;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metadata-grid-pivot-actions[b-6wgetmg8yt] {
    flex-wrap: nowrap;
}

.metadata-grid-pivot-empty[b-6wgetmg8yt] {
    padding: 18px;
    text-align: center;
}

@media (max-width: 900px) {
    /* Una sola colonna: nessun a capo in una seconda colonna. Con l'altezza contenuta (sotto)
       la seconda colonna finirebbe a destra, fuori vista, con scorrimento in due dimensioni
       (WCAG 1.4.10); i blocchi non si comprimono e la barra scorre solo in verticale. */
    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-toolbar {
        align-items: stretch !important;
        flex-direction: column !important;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-toolbar > * {
        flex-shrink: 0;
    }

    .metadata-grid-heading[b-6wgetmg8yt] {
        flex-basis: auto;
        min-width: 0;
        width: 100%;
    }

    .metadata-grid-toolbar-left[b-6wgetmg8yt] {
        min-width: 0;
    }

    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-tools {
        justify-content: flex-start;
        margin-left: 0;
        width: 100%;
    }

    /* A capo controllato: la ricerca occupa lo spazio libero accanto ai comandi e va su
       una riga propria solo quando i comandi non ci stanno. */
    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-search {
        flex: 1 1 12rem;
        min-width: min(100%, 180px);
        width: auto;
    }

    .metadata-grid-pivot-editor-toolbar[b-6wgetmg8yt] {
        align-items: stretch;
        flex-direction: column;
    }

    .metadata-grid-pivot-editor-actor[b-6wgetmg8yt] {
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .metadata-grid-pivot-table .metadata-grid-pivot-match-header[b-6wgetmg8yt],
    .metadata-grid-pivot-table .metadata-grid-pivot-match-cell[b-6wgetmg8yt] {
        min-width: 190px;
        width: 190px;
    }

    .metadata-grid-pivot-table th[b-6wgetmg8yt],
    .metadata-grid-pivot-table td[b-6wgetmg8yt] {
        min-width: 144px;
        padding: 7px 8px;
    }
}

/* Zoom alto e viewport stretti o bassi (dialog relazioni, pagina lista, maschere): la
   barra comandi ha altezza contenuta e scorre al proprio interno solo in verticale (in
   colonna senza a capo, in riga con a capo su righe successive), cosi' l'area delle righe e
   la paginazione restano visibili; nessun contenuto viene nascosto (WCAG 1.4.10).
   Il padding (8px) contiene l'anello di focus (3px + 2px di distanza). */
@media (max-width: 900px), (max-height: 640px) {
    .metadata-grid[b-6wgetmg8yt]  .metadata-grid-toolbar {
        gap: 8px;
        max-height: 40vh;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 8px 12px;
        /* Lo scorrimento al focus lascia visibile l'anello (3px + 2px) dei comandi ai bordi. */
        scroll-padding-block: 8px;
    }

    /* #844 fase 2: anche la regione dei filtri metadata (SYS_LISTE_FILTRI) ha un'altezza
       contenuta e scorre al proprio interno solo in verticale, con lo spazio per l'anello di
       focus (3px + 2px) dei campi ai bordi: con molti filtri non toglie l'area alle righe. */
    .metadata-grid-filter-region[b-6wgetmg8yt] {
        max-height: 40vh;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scroll-padding-block: 8px;
    }
}
/* /Components/Metadata/MetadataGridDialog.razor.rz.scp.css */
/* #844 fase 2: mai piu' alta del contenuto del dialog. A zoom 200-400% (viewport 683x329,
   640x360, 320x256) il dialog e' piu' basso del vecchio minimo di 360px: la griglia usciva dal
   contenuto del dialog, che ritaglia, e l'area righe e la paginazione non erano raggiungibili. */
.wmk-metadata-dialog-grid[b-8rj0tl6671] {
    display: flex;
    flex-direction: column;
    height: min(72vh, 720px);
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.wmk-metadata-dialog-grid[b-8rj0tl6671]  .metadata-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

/* Con poco spazio la pila della griglia scorre solo in verticale: barra comandi, filtri e
   stato restano raggiungibili sopra la tabella, che mantiene la propria area minima. */
.wmk-metadata-dialog-grid[b-8rj0tl6671]  .metadata-grid-stack {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    /* Lo scorrimento al focus lascia visibile l'anello (3px + 2px) dei campi ai bordi. */
    scroll-padding-block: 8px;
}

/* Barra comandi, stato e filtri mantengono la propria altezza (al massimo quella contenuta da
   MetadataGrid.razor.css, con scorrimento interno) invece di schiacciarsi a pochi pixel. */
.wmk-metadata-dialog-grid[b-8rj0tl6671]  .metadata-grid-stack > :not(.metadata-grid-table, .metadata-grid-pivot-container) {
    flex-shrink: 0;
}

/* Area righe minima garantita (12rem: intestazione, almeno due righe e paginazione); con
   spazio sufficiente la tabella (o la matrice pivot) occupa tutto il resto, come prima.
   Mai un collasso a zero. */
.wmk-metadata-dialog-grid[b-8rj0tl6671]  .metadata-grid-table {
    display: flex;
    flex: 1 1 0 !important;
    flex-direction: column;
    height: auto !important;
    min-height: 12rem;
    min-width: 0;
    overflow: hidden;
}

.wmk-metadata-dialog-grid[b-8rj0tl6671]  .metadata-grid-pivot-container {
    min-height: 12rem;
}

.wmk-metadata-dialog-grid[b-8rj0tl6671]  .mud-table-container {
    flex: 1 1 0 !important;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 900px) {
    .wmk-metadata-dialog-grid[b-8rj0tl6671] {
        height: 70vh;
        min-height: 0;
    }
}
/* /Components/Metadata/MetadataJsonMakerControl.razor.rz.scp.css */
.metadata-json-maker[b-8q39nyo562] {
    display: grid;
    gap: 0.25rem;
    width: 100%;
}

.metadata-json-maker-actions[b-8q39nyo562] {
    min-height: 2rem;
}

@media (max-width: 600px) {
    .metadata-json-maker-actions[b-8q39nyo562] {
        align-items: flex-start !important;
        flex-direction: column;
    }
}
/* /Components/Metadata/MetadataTimePickerControl.razor.rz.scp.css */
/*
  #848: stessa geometria dei campi outlined MudBlazor con etichetta sempre in alto
  (ShrinkLabel): etichetta sul bordo superiore, campo alto 40px, testo d'aiuto sotto.
  Solo colori della palette del tema.
*/
.metadata-time-picker[b-ai8kmor5wh] {
    display: grid;
    gap: 0.25rem;
    position: relative;
    width: 100%;
}

.metadata-special-control-label[b-ai8kmor5wh] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 0.75rem;
    font-weight: 400;
    left: 10px;
    line-height: 1rem;
    max-width: calc(100% - 20px);
    overflow: hidden;
    padding: 0 4px;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: -0.5rem;
    white-space: nowrap;
    z-index: 1;
}

.metadata-special-control-input[b-ai8kmor5wh] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: var(--mud-default-borderradius);
    box-sizing: border-box;
    color: var(--mud-palette-text-primary);
    font: inherit;
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
    width: 100%;
}

.metadata-special-control-input:focus-visible[b-ai8kmor5wh] {
    border-color: var(--mud-palette-primary);
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 1px;
}

.metadata-special-control-input:disabled[b-ai8kmor5wh] {
    cursor: not-allowed;
    opacity: 0.7;
}

.metadata-special-control-help[b-ai8kmor5wh],
.metadata-special-control-error[b-ai8kmor5wh] {
    font-size: 0.75rem;
    padding: 0 8px;
}

.metadata-special-control-help[b-ai8kmor5wh] {
    color: var(--mud-palette-text-secondary);
}

/* WCAG 1.4.3: stessa tinta d'errore dei campi della maschera (palette, oltre 4,5:1). */
.metadata-special-control-error[b-ai8kmor5wh] {
    color: color-mix(in srgb, var(--mud-palette-error-darken), var(--mud-palette-text-primary));
}

@media (max-width: 600px) {
    .metadata-special-control-input[b-ai8kmor5wh] {
        font-size: 1rem;
        min-height: 2.75rem;
    }
}
/* /Components/Metadata/SysDesignerTargetCommand.razor.rz.scp.css */
/* #852: comando contestuale verso il WMK SYS Designer (rotellina degli sviluppatori). Icona dai metadata, nessun testo
   visibile: il nome accessibile e il tooltip sono la stessa etichetta (WCAG 2.5.3). Bersaglio almeno 44px sui dispositivi
   touch (WCAG 2.5.8), focus visibile distinto dal colore (WCAG 2.4.7), colori di sistema con forced-colors. */
.wmk-sys-designer-target[b-da12y37poy] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.wmk-sys-designer-target[b-da12y37poy]  .wmk-sys-designer-target-button {
    min-width: 2.25rem;
    min-height: 2.25rem;
}

/* Griglia, maschera e dialog stanno su sfondo chiaro: anello del colore primario come gli altri pulsanti della
   testata (contrasto almeno 3:1, WCAG 1.4.11). */
.wmk-sys-designer-target[b-da12y37poy]  .wmk-sys-designer-target-button:focus-visible {
    outline: 3px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

/* Menu della Dashboard su sfondo scuro: stesso anello giallo delle altre voci (#740). */
.wmk-sys-designer-target--menu[b-da12y37poy]  .wmk-sys-designer-target-button:focus-visible {
    outline-color: #ffbf47;
}

/* Testata della maschera in pagina e del dialog: a destra del titolo, prima della X. */
.wmk-sys-designer-target--maschera[b-da12y37poy],
.wmk-sys-designer-target--dialog[b-da12y37poy] {
    margin-left: auto;
}

/* Voce di menu: pulsante fratello della voce (mai annidato nel button della voce). */
.wmk-sys-designer-target--menu[b-da12y37poy] {
    justify-self: end;
    padding-right: .15rem;
}

@media (pointer: coarse) {
    .wmk-sys-designer-target[b-da12y37poy]  .wmk-sys-designer-target-button {
        min-width: 2.75rem;
        min-height: 2.75rem;
    }
}

@media (forced-colors: active) {
    .wmk-sys-designer-target[b-da12y37poy]  .wmk-sys-designer-target-button {
        border: 1px solid ButtonText;
        color: ButtonText;
    }

    .wmk-sys-designer-target[b-da12y37poy]  .wmk-sys-designer-target-button:focus-visible {
        outline-color: Highlight;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wmk-sys-designer-target[b-da12y37poy]  .wmk-sys-designer-target-button {
        transition: none;
    }
}
/* /Components/Monitoring/MonitoringPanel.razor.rz.scp.css */
.monitoring-panel[b-yhw2nqarzn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.monitoring-header[b-yhw2nqarzn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.monitoring-summary[b-yhw2nqarzn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
}

.monitoring-summary-item[b-yhw2nqarzn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid #d7dce2;
    background: #ffffff;
}

.monitoring-summary-item span[b-yhw2nqarzn] {
    font-size: 13px;
    color: #4b5563;
}

.monitoring-summary-item strong[b-yhw2nqarzn] {
    font-size: 22px;
}

.monitoring-summary-item.green[b-yhw2nqarzn] {
    border-left: 4px solid #2e7d32;
}

.monitoring-summary-item.orange[b-yhw2nqarzn] {
    border-left: 4px solid #ed6c02;
}

.monitoring-summary-item.red[b-yhw2nqarzn] {
    border-left: 4px solid #d32f2f;
}

.traffic-light[b-yhw2nqarzn] {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: middle;
}

.traffic-light.green[b-yhw2nqarzn] {
    background: #2e7d32;
}

.traffic-light.orange[b-yhw2nqarzn] {
    background: #ed6c02;
}

.traffic-light.red[b-yhw2nqarzn] {
    background: #d32f2f;
}

.traffic-light.gray[b-yhw2nqarzn] {
    background: #6b7280;
}

@media (max-width: 760px) {
    .monitoring-header[b-yhw2nqarzn] {
        align-items: stretch;
        flex-direction: column;
    }

    .monitoring-summary[b-yhw2nqarzn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.wmk-engine-shell[b-yr74murexn] {
    min-height: 100vh;
    min-height: 100dvh;
    background: #f5f7fa;
    color: #17324d;
    font-family: Roboto, Arial, sans-serif;
}

.wmk-skip-link[b-yr74murexn] {
    position: fixed;
    z-index: 2000;
    top: .5rem;
    left: .5rem;
    padding: .75rem 1rem;
    border: 2px solid #0053a6;
    border-radius: .25rem;
    background: #fff;
    color: #0053a6;
    font-weight: 700;
    transform: translateY(-160%);
}

.wmk-skip-link:focus[b-yr74murexn] {
    transform: translateY(0);
}

.wmk-area[b-yr74murexn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

/* #908 F2: barra alta come .barra-alto della Prima nota: bianca, a destra della barra laterale, bordo inferiore. */
.wmk-topbar[b-yr74murexn] {
    position: sticky;
    z-index: 1200;
    top: 0;
    min-height: 4.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1.5rem;
    border-bottom: 1px solid #e3e7f0;
    background: #fff;
    color: #17213a;
}

.wmk-topbar-spacer[b-yr74murexn] {
    flex: 1 1 auto;
}

.wmk-icon-button[b-yr74murexn] {
    flex: 0 0 auto;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-radius: .25rem;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.wmk-icon-button:hover[b-yr74murexn] {
    background: #f1f4fa;
}

.wmk-brand[b-yr74murexn] {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1.1rem 1rem .9rem;
    color: #fff;
}

.wmk-brand-mark[b-yr74murexn] {
    flex: 0 0 auto;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .65rem;
    display: grid;
    place-items: center;
    background: #2f6fed;
    color: #fff;
    font-size: .85rem;
    font-weight: 800;
}

.wmk-brand-name[b-yr74murexn] {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: 1.05rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wmk-sys-designer-command[b-yr74murexn] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .55rem .9rem;
    border: 1px solid #e3e7f0;
    border-radius: .65rem;
    background: #fff;
    color: #17213a;
    font-size: .85rem;
    white-space: nowrap;
    cursor: pointer;
}

.wmk-sys-designer-command:hover:not(:disabled)[b-yr74murexn] {
    border-color: #c4cce0;
    background: #f6f8fc;
}

.wmk-sys-designer-command:disabled[b-yr74murexn] {
    cursor: wait;
    opacity: .72;
}

/* Piede come .piede della Prima nota: versione, release e ambiente in fondo al contenuto. */
.wmk-release[b-yr74murexn] {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    padding: .9rem 1.5rem;
    border-top: 1px solid #e3e7f0;
    color: #6b7488;
    font-size: .75rem;
}

.wmk-topbar-user[b-yr74murexn] {
    max-width: 14rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .85rem;
    font-weight: 700;
}

.wmk-topbar-user > span[b-yr74murexn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wmk-body[b-yr74murexn] {
    display: grid;
    grid-template-columns: clamp(17rem, 22vw, 20rem) minmax(0, 1fr);
    min-height: 100vh;
    min-height: 100dvh;
    transition: grid-template-columns .2s ease;
}

.wmk-body.sidebar-collapsed[b-yr74murexn] {
    grid-template-columns: 0 minmax(0, 1fr);
}

.wmk-sidebar[b-yr74murexn] {
    position: sticky;
    z-index: 900;
    top: 0;
    height: 100vh;
    height: 100dvh;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-right: 0;
    background: #17213a;
    color: #fff;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    overflow: hidden;
}

.wmk-body.sidebar-collapsed .wmk-sidebar[b-yr74murexn] {
    border-right: 0;
    box-shadow: none;
    pointer-events: none;
    visibility: hidden;
}

.wmk-sidebar-backdrop[b-yr74murexn] {
    display: none;
}

.wmk-menu[b-yr74murexn] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 .35rem 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(255, 255, 255, .3) transparent;
    scrollbar-width: thin;
}

.wmk-menu-loading[b-yr74murexn],
.wmk-menu-empty[b-yr74murexn] {
    padding: .85rem 1rem;
    color: rgba(255, 255, 255, .7);
    font-size: .9rem;
}

.wmk-menu-loading[b-yr74murexn] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.wmk-menu-node[b-yr74murexn] {
    width: 100%;
}

.wmk-menu-item[b-yr74murexn] {
    width: 100%;
    min-height: 2.75rem;
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    column-gap: .5rem;
    padding: .35rem .45rem .35rem .75rem;
    border: 2px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, .78);
    text-align: left;
    font-size: .86rem;
    cursor: pointer;
}

.wmk-menu-item:hover[b-yr74murexn] {
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

.wmk-menu-item.selected[b-yr74murexn] {
    border-left-color: transparent;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-weight: 650;
}

.wmk-menu-item.level-1[b-yr74murexn] {
    padding-left: 1.5rem;
}

.wmk-menu-item.level-2[b-yr74murexn] {
    padding-left: 2.25rem;
    font-size: .82rem;
}

.wmk-menu-item > span:not(.wmk-menu-leading-icon):not(.wmk-menu-toggle-spacer)[b-yr74murexn],
.wmk-menu[b-yr74murexn]  .wmk-menu-item > span:not(.wmk-menu-leading-icon):not(.wmk-menu-toggle-spacer) {
    grid-column: 2;
    overflow: hidden;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.wmk-menu-item[b-yr74murexn]  .wmk-menu-leading-icon,
.wmk-menu[b-yr74murexn]  .wmk-menu-leading-icon {
    width: 1.5rem;
    grid-column: 1;
    justify-self: center;
    color: rgba(255, 255, 255, .78);
}

.wmk-menu-item[b-yr74murexn]  .wmk-menu-toggle-icon,
.wmk-menu[b-yr74murexn]  .wmk-menu-toggle-icon {
    width: 1.25rem;
    grid-column: 3;
    justify-self: center;
    color: rgba(255, 255, 255, .78);
}

.wmk-menu-toggle-spacer[b-yr74murexn],
.wmk-menu[b-yr74murexn]  .wmk-menu-toggle-spacer {
    width: 1.25rem;
    grid-column: 3;
}

.wmk-menu-children[b-yr74murexn],
.wmk-menu[b-yr74murexn]  .wmk-menu-children {
    margin-left: .65rem;
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.wmk-menu[b-yr74murexn]  .wmk-menu-node {
    width: 100%;
}

/* #852: voce SYS_MENU con il comando contestuale verso il WMK SYS Designer come pulsante fratello (colonna "auto":
   larghezza zero quando il comando non c'e', cioe' per chi non e' sviluppatore). I figli occupano tutta la riga. */
.wmk-menu[b-yr74murexn]  .wmk-menu-node--metadata {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.wmk-menu[b-yr74murexn]  .wmk-menu-node--metadata > .wmk-menu-children {
    grid-column: 1 / -1;
}

.wmk-menu[b-yr74murexn]  .wmk-menu-item {
    width: 100%;
    min-height: 2.75rem;
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    column-gap: .5rem;
    padding: .35rem .45rem .35rem .75rem;
    border: 2px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, .78);
    text-align: left;
    font-size: .86rem;
    cursor: pointer;
}

.wmk-menu[b-yr74murexn]  .wmk-menu-item:hover {
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

.wmk-menu[b-yr74murexn]  .wmk-menu-item.selected {
    border-left-color: transparent;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-weight: 650;
}

.wmk-menu[b-yr74murexn]  .wmk-menu-item.level-1 {
    padding-left: 1.5rem;
}

.wmk-menu[b-yr74murexn]  .wmk-menu-item.level-2 {
    padding-left: 2.25rem;
    font-size: .82rem;
}

.wmk-content[b-yr74murexn] {
    min-width: 0;
    width: 100%;
    padding: clamp(1rem, 2.5vw, 2rem);
    overflow-x: auto;
}

.wmk-message[b-yr74murexn] {
    padding: 1.5rem;
    border: 1px solid #c5d4e3;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 .5rem 1.5rem rgba(23, 50, 77, .08);
}

.wmk-dialog-backdrop[b-yr74murexn] {
    position: fixed;
    z-index: 1600;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow: auto;
    background: rgba(16, 32, 51, .72);
}

.wmk-dialog-panel[b-yr74murexn] {
    width: min(100%, 35rem);
}

.wmk-icon-button:focus-visible[b-yr74murexn],
.wmk-menu-item:focus-visible[b-yr74murexn],
.wmk-menu[b-yr74murexn]  .wmk-menu-item:focus-visible,
.wmk-sidebar-backdrop:focus-visible[b-yr74murexn] {
    outline: 3px solid #ffbf47;
    outline-offset: 3px;
}

@media (max-width: 75rem) {
    .wmk-topbar-user > span[b-yr74murexn],
    .wmk-sys-designer-command span[b-yr74murexn] {
        display: none;
    }
}

@media (max-width: 64rem) {
    .wmk-body[b-yr74murexn],
    .wmk-body.sidebar-collapsed[b-yr74murexn] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* #852 F2 (BackOffice 1.18.2): pannello e sfondo ai livelli che MudBlazor da' al MudDrawer temporaneo e al suo
       sfondo (.mud-drawer-temporary barra + 2, .mud-overlay-drawer barra + 1), dalle variabili di MudThemeProvider:
       sopra la pagina e la barra, sotto i dialog del provider (--mud-zindex-dialog) e gli avvisi. Con 1500 e 1400 il
       pannello copriva la finestra del WMK SYS Designer e ogni dialog (provider prima della pagina nel DOM). */
    .wmk-sidebar[b-yr74murexn] {
        position: fixed;
        z-index: calc(var(--mud-zindex-appbar) + 2);
        top: 0;
        left: 0;
        width: min(88vw, 21rem);
        height: 100vh;
        height: 100dvh;
        border-right: 0;
        box-shadow: .5rem 0 1.5rem rgba(16, 32, 51, .28);
        transform: translateX(0);
        transition: transform .2s ease, visibility .2s ease;
    }

    .wmk-body.sidebar-collapsed .wmk-sidebar[b-yr74murexn] {
        transform: translateX(-105%);
    }

    .wmk-sidebar-backdrop[b-yr74murexn] {
        position: fixed;
        z-index: calc(var(--mud-zindex-appbar) + 1);
        inset: 0;
        display: block;
        border: 0;
        background: rgba(16, 32, 51, .58);
        cursor: pointer;
    }

    .wmk-body.sidebar-collapsed .wmk-sidebar-backdrop[b-yr74murexn] {
        display: none;
    }

    .wmk-content[b-yr74murexn] {
        padding: clamp(.85rem, 3vw, 1.5rem);
    }
}

@media (max-width: 42rem) {
    .wmk-topbar[b-yr74murexn] {
        min-height: 3.5rem;
        gap: .45rem;
        padding: .5rem .65rem;
    }

    .wmk-topbar-user[b-yr74murexn] {
        display: none;
    }

    .wmk-release[b-yr74murexn] {
        padding: .75rem .85rem;
    }
}

@media (forced-colors: active) {
    .wmk-topbar[b-yr74murexn],
    .wmk-sidebar[b-yr74murexn],
    .wmk-menu-item.selected[b-yr74murexn],
    .wmk-skip-link[b-yr74murexn] {
        border: 2px solid CanvasText;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wmk-skip-link[b-yr74murexn],
    .wmk-body[b-yr74murexn],
    .wmk-sidebar[b-yr74murexn] {
        transition: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.wmk-login-status[b-qpi7w9pu2d] {
    min-height: 1.5rem;
    margin-bottom: .5rem;
    color: #334e68;
    font-weight: 600;
}

.wmk-login-actions[b-qpi7w9pu2d] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

@media (max-width: 30rem) {
    .wmk-login-actions[b-qpi7w9pu2d] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.wmk-login-status[b-mtw75v48ha] {
    min-height: 1.5rem;
    margin-bottom: .5rem;
    color: #334e68;
    font-weight: 600;
}

.wmk-login-information[b-mtw75v48ha] {
    padding: 1rem;
    color: #17324d;
    background: #eaf4ff;
    border-left: .35rem solid #0066cc;
}

.wmk-login-information strong[b-mtw75v48ha],
.wmk-login-information span[b-mtw75v48ha] {
    display: block;
}

.wmk-login-information span[b-mtw75v48ha] {
    margin-top: .2rem;
}

.wmk-login-actions[b-mtw75v48ha] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

@media (max-width: 30rem) {
    .wmk-login-actions[b-mtw75v48ha] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/MetadataListPage.razor.rz.scp.css */
.metadata-list-page[b-btnm7ysnni] {
    background: #f6f7f9;
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.metadata-list-page-state[b-btnm7ysnni] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    min-height: 220px;
}

/* #844 fase 2: la pagina e' alta quanto la finestra e non scorre, quindi la griglia deve stare
   nell'altezza della pagina. Prima la tabella cresceva con tutte le righe della pagina dati
   (MudTable Height=100% di un genitore senza altezza) e paginazione e ultime righe restavano
   fuori, irraggiungibili (gia' a 1280x600). La catena pagina -> griglia -> pila -> tabella ha
   ora altezze definite; la tabella scorre al proprio interno con intestazione e paginazione
   visibili e ha un'area minima di 12rem (nessun collasso a zero, #740). Con poco spazio
   (zoom alto) la pila scorre solo in verticale: barra comandi e filtri restano raggiungibili. */
.metadata-list-page[b-btnm7ysnni]  .metadata-grid-page {
    border: 0;
    border-radius: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.metadata-list-page[b-btnm7ysnni]  .metadata-grid-page > .metadata-grid-stack {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    /* Lo scorrimento al focus lascia visibile l'anello (3px + 2px) dei campi ai bordi. */
    scroll-padding-block: 8px;
}

.metadata-list-page[b-btnm7ysnni]  .metadata-grid-page > .metadata-grid-stack > :not(.metadata-grid-table, .metadata-grid-pivot-container) {
    flex-shrink: 0;
}

.metadata-list-page[b-btnm7ysnni]  .metadata-grid-page .metadata-grid-table {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 12rem;
    min-width: 0;
}

.metadata-list-page[b-btnm7ysnni]  .metadata-grid-page .metadata-grid-pivot-container {
    min-height: 12rem;
}

.metadata-list-page[b-btnm7ysnni]  .metadata-grid-page .metadata-grid-table > .mud-table-container {
    flex: 1 1 0;
    height: auto !important;
    min-height: 0;
}
/* /Components/RazorObjectDebugBadge.razor.rz.scp.css */
.razor-object-debug-badge[b-d2yu2b8seg] {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #0b82f0;
    border-radius: 6px;
    color: #075ca8;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.74rem;
    gap: 8px;
    line-height: 1.25;
    margin: 0 0 10px;
    padding: 7px 9px;
    width: 100%;
}

.razor-object-debug-badge strong[b-d2yu2b8seg] {
    color: #003f78;
    font-weight: 800;
}

.razor-object-debug-badge span[b-d2yu2b8seg] {
    background: #ffffff;
    border: 1px solid #b8dcff;
    border-radius: 999px;
    padding: 2px 7px;
}

.razor-object-debug-badge code[b-d2yu2b8seg] {
    color: #334155;
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}
/* /Components/Security/SecurityAdminPanel.razor.rz.scp.css */
.security-admin-panel[b-1jbjeyiraz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.security-toolbar[b-1jbjeyiraz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.security-actions-cell[b-1jbjeyiraz] {
    width: 104px;
    white-space: nowrap;
    text-align: right;
}
/* /Components/WizardShell.razor.rz.scp.css */
.wmk-wizard-shell[b-aqc7r31tt1] {
    display: grid;
    grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
    gap: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.wmk-wizard-steps[b-aqc7r31tt1] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border-right: 1px solid #d8e0ea;
    padding: 0 12px 0 0;
    background: #f3f8ff;
}

.wmk-wizard-step[b-aqc7r31tt1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    border: 0;
    border-radius: 6px;
    padding: 10px;
    background: transparent;
    color: #2f3a4a;
    cursor: pointer;
    text-align: left;
}

.wmk-wizard-step:hover[b-aqc7r31tt1] {
    background: #f1f6fc;
}

.wmk-wizard-step.is-active[b-aqc7r31tt1] {
    background: #e7f1ff;
    color: #0b5fb3;
}

.wmk-wizard-step.is-done .wmk-wizard-step-number[b-aqc7r31tt1] {
    background: #e7f8ef;
    color: #117a3a;
}

.wmk-wizard-step-number[b-aqc7r31tt1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #edf2f7;
    font-size: 0.82rem;
    font-weight: 700;
}

.wmk-wizard-step.is-active .wmk-wizard-step-number[b-aqc7r31tt1] {
    background: #1976d2;
    color: #fff;
}

.wmk-wizard-step-text[b-aqc7r31tt1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wmk-wizard-step-title[b-aqc7r31tt1] {
    font-weight: 700;
    line-height: 1.2;
}

.wmk-wizard-step-description[b-aqc7r31tt1] {
    color: #5e718b;
    font-size: 0.76rem;
    line-height: 1.25;
    margin-top: 3px;
}

.wmk-wizard-body[b-aqc7r31tt1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding-left: 18px;
}

.wmk-wizard-head[b-aqc7r31tt1] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 18px;
}

.wmk-wizard-content[b-aqc7r31tt1] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding-right: 6px;
}

.wmk-wizard-content-inner[b-aqc7r31tt1] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.wmk-wizard-actions[b-aqc7r31tt1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 58px;
    border-top: 1px solid #d7e3f3;
    margin-top: auto;
    margin-left: -18px;
    margin-right: -16px;
    margin-bottom: 0;
    padding: 10px 16px 10px 18px;
    background: #f8fbff;
}

.wmk-wizard-actions-left[b-aqc7r31tt1],
.wmk-wizard-actions-right[b-aqc7r31tt1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wmk-wizard-actions-left[b-aqc7r31tt1] {
    min-width: 0;
    flex-wrap: wrap;
}

.wmk-wizard-actions-right[b-aqc7r31tt1] {
    margin-left: auto;
    flex-shrink: 0;
}

.wmk-wizard-actions[b-aqc7r31tt1]  .mud-icon-button {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    padding: 0;
}

@media (max-width: 760px) {
    .wmk-wizard-shell[b-aqc7r31tt1] {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .wmk-wizard-steps[b-aqc7r31tt1] {
        height: auto;
        max-height: 170px;
        overflow: auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        border-right: 0;
        border-bottom: 1px solid #d8e0ea;
        padding-right: 0;
        padding-bottom: 12px;
    }

    .wmk-wizard-body[b-aqc7r31tt1] {
        padding-left: 0;
    }

    .wmk-wizard-actions[b-aqc7r31tt1] {
        margin-left: -16px;
    }
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  > .mud-grid,
.wmk-wizard-content-inner[b-aqc7r31tt1]  .mud-grid.mb-2 {
    flex: 0 0 auto;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .mud-table,
.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid {
    flex: 1 1 auto;
    min-height: 0;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid {
    height: 100%;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .mud-table {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .mud-table-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto !important;
    scrollbar-color: #aab4c4 #eef2f7;
    scrollbar-width: thin;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .mud-table-head {
    background: #f8fbff;
    position: sticky;
    top: 0;
    z-index: 3;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .mud-table-pagination {
    background: #f8fbff;
    border-top: 1px solid #d7e3f3;
    bottom: 0;
    flex: 0 0 auto;
    position: sticky;
    z-index: 3;
}


.wmk-wizard-content-inner[b-aqc7r31tt1]  .wmk-wizard-table {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .wmk-wizard-table .mud-table-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto !important;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .wmk-wizard-table .mud-table-pagination {
    flex: 0 0 auto;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .metadata-grid-debug,
.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .metadata-grid-toolbar {
    flex: 0 0 auto;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .mud-table-container {
    overflow: auto !important;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .metadata-grid-stack {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .metadata-grid-table {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column;
    height: auto !important;
    min-height: 0;
    overflow: hidden;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .mud-table {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column;
    height: auto !important;
    min-height: 0;
    overflow: hidden;
}

.wmk-wizard-content-inner[b-aqc7r31tt1]  .metadata-grid .mud-table-container {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    overflow: auto !important;
}