.itsecom-dtfb-app .dtfb-btn {
    background: var(--dtfb-button-neutral-bg, #252c32);
    border-color: var(--dtfb-button-neutral-bg, #252c32);
    color: var(--dtfb-button-neutral-text, #fff);
}
.itsecom-dtfb-app .dtfb-btn:hover { filter: brightness(1.1); color: var(--dtfb-button-neutral-text, #fff); }
.itsecom-dtfb-app .dtfb-btn.yellow { background: var(--dtfb-button-accent-bg, #ffd23f); border-color: var(--dtfb-button-accent-bg, #ffd23f); color: var(--dtfb-button-accent-text, #18202a); }
.itsecom-dtfb-app .dtfb-btn.primary { background: var(--dtfb-button-primary-bg, #159bd3); border-color: var(--dtfb-button-primary-bg, #159bd3); color: var(--dtfb-button-primary-text, #fff); }
.itsecom-dtfb-app .dtfb-btn.danger { background: var(--dtfb-button-danger-bg, #ef4444); border-color: var(--dtfb-button-danger-bg, #ef4444); color: var(--dtfb-button-danger-text, #fff); }
.itsecom-dtfb-app .dtfb-history-btn { width: 40px; min-width: 40px; padding: 0; background: var(--dtfb-button-neutral-bg, #252c32); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); filter: brightness(1.14); font-size: 23px; font-weight: 900; }
.itsecom-dtfb-app .dtfb-btn-icon { display: inline-grid; place-items: center; min-width: 1em; }

.itsecom-dtfb-app .itsecom-dtfb-topbar { display: grid; grid-template-columns: minmax(215px, 1fr) auto minmax(215px, 1fr); }
.itsecom-dtfb-app .itsecom-dtfb-brand { grid-column: 1; grid-row: 1; justify-self: start; }
.itsecom-dtfb-app .itsecom-dtfb-top-actions { grid-column: 2; grid-row: 1; justify-self: center; }
.itsecom-dtfb-app .itsecom-dtfb-save-status { grid-column: 3; grid-row: 1; justify-self: end; margin-left: 0; }

.itsecom-dtfb-app .dtfb-art-card { display: block; padding: 8px; }
.itsecom-dtfb-app .dtfb-art-head { display: grid; grid-template-columns: 44px minmax(0, 1fr) 30px; gap: 7px; align-items: start; }
.itsecom-dtfb-app .dtfb-art-fields { grid-template-columns: 68px 31px minmax(72px, 1fr) minmax(72px, 1fr); gap: 5px; margin-top: 8px; }
.itsecom-dtfb-app .dtfb-number-control { display: grid; grid-template-columns: 19px minmax(0, 1fr) 19px; height: 28px; overflow: hidden; border: 1px solid #343c44; border-radius: 4px; background: #22282e; }
.itsecom-dtfb-app .dtfb-number-control input { min-width: 0; height: 26px; padding: 3px 1px; border: 0; border-radius: 0; text-align: center; appearance: textfield; -moz-appearance: textfield; }
.itsecom-dtfb-app .dtfb-number-control input::-webkit-inner-spin-button,
.itsecom-dtfb-app .dtfb-number-control input::-webkit-outer-spin-button { margin: 0; appearance: none; -webkit-appearance: none; }
.itsecom-dtfb-app .dtfb-number-control button { min-width: 0; padding: 0; border: 0; background: #343c44; color: #fff; font-size: 14px; font-weight: 900; line-height: 1; }
.itsecom-dtfb-app .dtfb-number-control button:hover { background: var(--dtfb-button-neutral-bg, #252c32); }
.itsecom-dtfb-app .dtfb-art-actions { margin-top: 8px; }
.itsecom-dtfb-app .dtfb-art-actions button { background: var(--dtfb-button-neutral-bg, #252c32); border-color: var(--dtfb-button-neutral-bg, #252c32); color: var(--dtfb-button-neutral-text, #fff); }
.itsecom-dtfb-app .dtfb-art-actions button.is-danger { margin-left: auto; background: var(--dtfb-button-danger-bg, #ef4444); border-color: var(--dtfb-button-danger-bg, #ef4444); color: var(--dtfb-button-danger-text, #fff); }

.itsecom-dtfb-app .itsecom-dtfb-upload-notices > div,
.itsecom-dtfb-app .itsecom-dtfb-toast { background: var(--dtfb-alert-info, #c21871); color: var(--dtfb-alert-info-text, #fff); }
.itsecom-dtfb-app .dtfb-warning { background: var(--dtfb-alert-warning, #a74708); color: var(--dtfb-alert-warning-text, #fff); }
.itsecom-dtfb-app .dtfb-warning.error,
.itsecom-dtfb-app .itsecom-dtfb-upload-errors > div,
.itsecom-dtfb-app .itsecom-dtfb-toast.is-error { background: var(--dtfb-alert-error, #b4232c); color: var(--dtfb-alert-error-text, #fff); }
.itsecom-dtfb-app .dtfb-warning.ok,
.itsecom-dtfb-app .itsecom-dtfb-toast.is-success { background: var(--dtfb-alert-success, #087f5b); color: var(--dtfb-alert-success-text, #fff); }

.itsecom-dtfb-app .itsecom-dtfb-help-modal { padding: 16px; }
.itsecom-dtfb-app .itsecom-dtfb-help-modal > div { width: auto; min-width: min(360px, 94vw); max-width: min(900px, 94vw); max-height: 90vh; overflow: auto; padding: 0; background: #fff; border-color: #d9dee3; color: #20272d; }
.itsecom-dtfb-app .itsecom-dtfb-help-modal header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 18px; border-bottom: 1px solid #e4e7ea; background: #fff; }
.itsecom-dtfb-app .itsecom-dtfb-help-modal h3 { color: #20272d; }
.itsecom-dtfb-app .dtfb-help-close { flex: 0 0 34px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 6px; background: #eef1f3; color: #20272d; font-size: 24px; line-height: 1; }
.itsecom-dtfb-app .itsecom-dtfb-help-content { width: fit-content; min-width: 100%; max-width: 100%; padding: 18px; color: #20272d; overflow-wrap: anywhere; }
.itsecom-dtfb-app .itsecom-dtfb-help-content > :first-child { margin-top: 0; }
.itsecom-dtfb-app .itsecom-dtfb-help-content > :last-child { margin-bottom: 0; }
.itsecom-dtfb-app .itsecom-dtfb-help-content img,
.itsecom-dtfb-app .itsecom-dtfb-help-content iframe,
.itsecom-dtfb-app .itsecom-dtfb-help-content video { max-width: 100%; height: auto; }

.itsecom-dtfb-app .itsecom-dtfb-session-choice > div,
.itsecom-dtfb-app .itsecom-dtfb-exit-confirm > div { width: min(520px, 95vw); }
.itsecom-dtfb-app .itsecom-dtfb-session-choice header,
.itsecom-dtfb-app .itsecom-dtfb-exit-confirm header { display: flex; align-items: flex-start; gap: 12px; }
.itsecom-dtfb-app .itsecom-dtfb-session-choice header p,
.itsecom-dtfb-app .itsecom-dtfb-exit-confirm header p { margin: 4px 0 0; font-size: 11px; }
.itsecom-dtfb-app .itsecom-dtfb-session-choice footer,
.itsecom-dtfb-app .itsecom-dtfb-exit-confirm footer { flex-wrap: wrap; }
.itsecom-dtfb-app .itsecom-dtfb-session-choice footer .primary { min-width: 180px; }

.itsecom-dtfb-app .itsecom-dtfb-sidebar-info { flex: 0 0 auto; margin: 10px 10px 3px; padding: 10px; border: 1px solid var(--dtfb-sidebar-info-border, #343d45); border-radius: 6px; background: var(--dtfb-sidebar-info-bg, #20262c); color: var(--dtfb-sidebar-info-text, #c7d0d8); overflow-wrap: anywhere; }
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info > strong { display: block; margin-bottom: 7px; color: var(--dtfb-sidebar-info-title, #fff); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info > div { color: var(--dtfb-sidebar-info-text, #c7d0d8); font-size: 10px; line-height: 1.45; }
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info > div > :first-child { margin-top: 0; }
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info > div > :last-child { margin-bottom: 0; }
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info input,
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info select,
.itsecom-dtfb-app .itsecom-dtfb-sidebar-info button { max-width: 100%; }

@media (max-width: 1100px) {
    .itsecom-dtfb-app { grid-template-rows: auto minmax(0, 1fr); }
    .itsecom-dtfb-app .itsecom-dtfb-topbar { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; align-items: start; }
    .itsecom-dtfb-app .itsecom-dtfb-topbar { height: auto; min-height: 52px; padding: 9px 10px; }
    .itsecom-dtfb-app .itsecom-dtfb-brand { grid-column: 1; grid-row: 1; justify-self: center; text-align: center; }
    .itsecom-dtfb-app .itsecom-dtfb-save-status { display: none; }
    .itsecom-dtfb-app .itsecom-dtfb-top-actions { grid-column: 1; grid-row: 2; justify-self: center; justify-content: center; width: 100%; }
    .itsecom-dtfb-app .dtfb-history-btn { min-width: 40px; }
    .itsecom-dtfb-app .itsecom-dtfb-top-actions .dtfb-btn .dtfb-btn-icon { display: inline-grid !important; }
}