/* Form captions, controls and help must wrap as complete fields. */
:root { --tw-layout-revision: "20261029-r3"; }
.tw-config-form { min-width: 0; }
.tw-config-form .layui-field-box { min-width: 0; padding: 12px 16px; }
.tw-config-form .tw-form-row {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: start;
    gap: 6px 12px;
    margin-bottom: 10px;
}
.tw-config-form .tw-form-row > .layui-form-label {
    float: none;
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 9px 0;
    text-align: right;
    line-height: 20px;
}
.tw-config-form .tw-form-row::after { display: none; }
.tw-form-fields, .tw-config-form .tw-compound-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 4px 10px;
    min-width: 0;
}
.tw-config-form .tw-form-fields > .layui-input-inline,
.tw-config-form .tw-form-fields > .layui-input-block,
.tw-config-form .tw-compound-fields > .layui-input-inline {
    position: static;
    float: none;
    flex: 0 1 260px;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}
.tw-config-form .tw-form-fields > .tw-compound-fields { flex: 1 1 100%; }
.tw-config-form .tw-field-unit {
    display: flex;
    flex: 0 1 180px;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
}
.tw-config-form .tw-field-caption {
    float: none;
    margin: 0;
    padding: 0 !important;
    color: #526174;
    font-size: 13px;
    line-height: 20px;
}
.tw-config-form .tw-field-control {
    position: static;
    float: none;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}
.tw-config-form .tw-choice-field {
    display: flex;
    flex: 0 1 auto !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    min-height: 38px;
    margin: 0;
}
.tw-config-form .tw-choice-field > .layui-form-checkbox,
.tw-config-form .tw-choice-field > .layui-form-radio { margin: 0; }
.tw-setting-toggle + .layui-form-switch {
    box-sizing: border-box;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 24px;
    margin: 0 44px 0 0;
    padding: 0;
    border: 1px solid #dce3e6;
    border-radius: 14px;
    background: #dce3e6;
    line-height: 22px;
}
.tw-setting-toggle + .layui-form-switch > i {
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    margin: 0;
    background: #fff;
    box-shadow: 0 1px 3px #26344526;
}
.tw-setting-toggle + .layui-form-switch > em {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    width: 32px;
    margin: 0;
    color: #64748b !important;
    font-size: 13px;
    line-height: 22px;
    white-space: nowrap;
}
.tw-setting-toggle + .layui-form-onswitch { border-color: #5a947e; background: #5a947e; }
.tw-setting-toggle + .layui-form-onswitch > i { left: 22px; }
.tw-setting-toggle + .layui-form-onswitch > em { color: #3d725b !important; }
.tw-setting-toggle + .layui-form-switch:focus-visible { outline: 2px solid #468b75; outline-offset: 3px; }
.tw-setting-toggle:disabled + .layui-form-switch { opacity: .5; cursor: not-allowed; }
.tw-settings-page input[data-short-label] + .layui-form-checkbox > span {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow-wrap: normal;
}
.tw-settings-page input[data-short-label] + .layui-form-checkbox { flex: 0 0 auto; }
.tw-config-form .tw-field-help {
    float: none;
    flex: 1 1 180px;
    align-self: center;
    box-sizing: border-box;
    width: auto;
    min-width: min(180px, 100%);
    margin: 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere;
}
.tw-config-form .tw-field-help:empty, .tw-config-form .tw-empty-help { display: none; }
.tw-config-form .tw-form-fields > .tw-input-field:has(> input[type="password"]) { flex-basis: 160px; }
.tw-config-form .tw-form-fields > .layui-form-mid:not(.tw-field-help) { float: none; margin: 0; }
.tw-config-form .tw-form-row-complex { padding: 8px 0; border: 0; border-bottom: 1px solid #edf0f3; border-radius: 0; background: transparent; }
.tw-repeat-group { container-type: inline-size; container-name: tw-repeat; min-width: 0; max-width: min(100%, var(--tw-repeat-max-width, 1120px)); margin: 8px 0 14px; border-top: 1px solid #e5eaf0; }
.tw-repeat-head { display: none; }
.tw-config-form .tw-repeat-row { margin: 0; padding: 8px 0; border: 0; border-bottom: 1px solid #edf0f3; background: transparent; }
.tw-config-form .tw-repeat-row > .tw-form-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 136px), 1fr)); align-items: end; gap: 8px 10px; }
.tw-config-form .tw-repeat-cell { display: flex; flex-direction: column; align-items: stretch; gap: 4px; width: auto !important; min-width: 0; max-width: 100%; }
.tw-config-form .tw-repeat-cell.tw-choice-field { flex-direction: row; align-self: end; align-items: center; }
.tw-config-form .tw-repeat-cell > .layui-form-select { width: 100%; }
@container tw-repeat (min-width: 800px) {
    .tw-repeat-group:not(.tw-repeat-wide) > .tw-repeat-head { display: grid; grid-template-columns: var(--tw-repeat-columns); align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #e5eaf0; color: #64748b; font-size: 13px; line-height: 20px; }
    .tw-repeat-group:not(.tw-repeat-wide) > .tw-repeat-head > span:first-child { text-align: right; }
    .tw-config-form .tw-repeat-group:not(.tw-repeat-wide) > .tw-repeat-row { grid-template-columns: var(--tw-repeat-columns); align-items: center; gap: 10px; padding: 6px 0; }
    .tw-repeat-group:not(.tw-repeat-wide) > .tw-repeat-row > .tw-form-fields { display: contents; }
    .tw-config-form .tw-repeat-group:not(.tw-repeat-wide) .tw-repeat-cell > .tw-field-caption { display: none; }
    .tw-config-form .tw-repeat-group:not(.tw-repeat-wide) .tw-repeat-cell { max-width: none; }
}
@container tw-repeat (min-width: 560px) {
    .tw-repeat-small > .tw-repeat-head { display: grid; grid-template-columns: var(--tw-repeat-columns); gap: 10px; padding: 8px 0; border-bottom: 1px solid #e5eaf0; color: #64748b; font-size: 13px; line-height: 20px; }
    .tw-repeat-small > .tw-repeat-head > span:first-child { text-align: right; }
    .tw-config-form .tw-repeat-small > .tw-repeat-row { grid-template-columns: var(--tw-repeat-columns); align-items: center; gap: 10px; padding: 6px 0; }
    .tw-repeat-small > .tw-repeat-row > .tw-form-fields { display: contents; }
    .tw-config-form .tw-repeat-small .tw-repeat-cell > .tw-field-caption { display: none; }
}
@container tw-repeat (min-width: 650px) {
    .tw-repeat-medium > .tw-repeat-head { display: grid; grid-template-columns: var(--tw-repeat-columns); gap: 10px; padding: 8px 0; border-bottom: 1px solid #e5eaf0; color: #64748b; font-size: 13px; line-height: 20px; }
    .tw-repeat-medium > .tw-repeat-head > span:first-child { text-align: right; }
    .tw-config-form .tw-repeat-medium > .tw-repeat-row { grid-template-columns: var(--tw-repeat-columns); align-items: center; gap: 10px; padding: 6px 0; }
    .tw-repeat-medium > .tw-repeat-row > .tw-form-fields { display: contents; }
    .tw-config-form .tw-repeat-medium .tw-repeat-cell > .tw-field-caption { display: none; }
}
@container tw-repeat (min-width: 450px) and (max-width: 799.98px) {
    .tw-repeat-three-fields > .tw-repeat-head { display: grid; grid-template-columns: 112px repeat(3, minmax(0, 1fr)); gap: 10px; padding: 8px 0; border-bottom: 1px solid #e5eaf0; color: #64748b; font-size: 13px; line-height: 20px; }
    .tw-repeat-three-fields > .tw-repeat-head > span:first-child { text-align: right; }
    .tw-repeat-three-fields > .tw-repeat-head > span:nth-child(n+5) { display: none; }
    .tw-config-form .tw-repeat-three-fields > .tw-repeat-row { grid-template-columns: 112px repeat(3, minmax(0, 1fr)); align-items: center; gap: 4px 10px; padding: 6px 0; }
    .tw-repeat-three-fields > .tw-repeat-row > .tw-form-fields { display: contents; }
    .tw-config-form .tw-repeat-three-fields .tw-repeat-cell > .tw-field-caption { display: none; }
    .tw-repeat-three-fields > .tw-repeat-row > .layui-form-label { grid-column: 1; grid-row: 1 / span 2; }
    .tw-repeat-three-fields .tw-repeat-cell:nth-child(1) { grid-column: 2; grid-row: 1; }
    .tw-repeat-three-fields .tw-repeat-cell:nth-child(2) { grid-column: 3; grid-row: 1; }
    .tw-repeat-three-fields .tw-repeat-cell:nth-child(3) { grid-column: 4; grid-row: 1; }
    .tw-config-form .tw-repeat-three-fields .tw-repeat-cell:nth-child(4) { grid-column: 2; grid-row: 2; min-height: 32px; }
    .tw-config-form .tw-repeat-three-fields .tw-repeat-cell:nth-child(5) { grid-column: 3 / span 2; grid-row: 2; min-height: 32px; }
}
@container tw-repeat (min-width: 1300px) {
    .tw-repeat-wide > .tw-repeat-head { display: grid; grid-template-columns: var(--tw-repeat-columns); align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #e5eaf0; color: #64748b; font-size: 13px; line-height: 20px; }
    .tw-repeat-wide > .tw-repeat-head > span:first-child { text-align: right; }
    .tw-config-form .tw-repeat-wide > .tw-repeat-row { grid-template-columns: var(--tw-repeat-columns); align-items: center; gap: 10px; padding: 6px 0; }
    .tw-repeat-wide > .tw-repeat-row > .tw-form-fields { display: contents; }
    .tw-config-form .tw-repeat-wide .tw-repeat-cell > .tw-field-caption { display: none; }
    .tw-config-form .tw-repeat-wide .tw-repeat-cell { max-width: none; }
}
.tw-config-form .layui-input, .tw-config-form .layui-textarea, .tw-config-form .layui-form-select { box-sizing: border-box; min-width: 0; max-width: 100%; }
.tw-config-form .layui-form-select .layui-select-title > .layui-input { width: 100%; }
.tw-settings-page .layui-form-select dl { box-sizing: border-box; width: 100%; min-width: 100%; max-width: 100%; }
.tw-settings-page .layui-form-select dl dd, .tw-settings-page .layui-form-select dl dt { min-height: 34px; padding: 7px 10px; line-height: 20px; white-space: normal; overflow-wrap: anywhere; }
.tw-config-form .tw-form-action > .layui-input-block { margin-left: 128px; }
.tw-config-form .tw-form-fields > .tw-long-field { flex: 1 1 100%; width: 100% !important; }
.tw-config-form .tw-form-fields > .tw-connection-field { flex: 0 1 50%; width: 50% !important; }
.tw-long-field > .layui-textarea {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    overflow: hidden;
    resize: vertical;
    font-size: 14px;
    line-height: 22px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-all;
}
.tw-settings-table-scroll {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.tw-settings-table-scroll > .layui-table { width: 100%; min-width: 560px; }
.tw-settings-table-scroll:focus-visible { outline: 2px solid #468b75; outline-offset: 2px; }
@media (max-width: 750px) {
    .tw-config-form .layui-field-box { padding: 12px; }
    .tw-config-form .tw-form-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .tw-config-form .tw-form-row > .layui-form-label { padding: 0; text-align: left; }
    .tw-config-form .tw-form-fields > .tw-input-field { flex-basis: 100%; }
    .tw-config-form .tw-form-fields > .tw-connection-field { width: 100% !important; }
    .tw-config-form .tw-field-unit { flex-basis: 100%; }
    .tw-config-form .tw-form-fields > .layui-input-block { flex-basis: 100%; }
    .tw-config-form .tw-field-help { flex-basis: 100%; width: 100%; min-width: 0; }
    .tw-config-form .tw-field-control, .tw-config-form .tw-input-field { left: auto; }
    .tw-config-form .tw-form-action > .layui-input-block { margin-left: 0; }
    .tw-config-form .tw-form-row-complex { padding: 8px 0; }
    .tw-config-form .tw-repeat-row > .tw-form-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tw-config-form .tw-repeat-row > .layui-form-label { color: #334155; }
}