.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .botsauto-license-text-fallback {
display: block;
width: 100%;
text-align: center;
font-size: 13px;
color: #4D4D4D;
margin: 16px 0 0 0;
line-height: 1.4;
}
.botsauto-license-text-fallback a {
color: inherit;
text-decoration: underline;
}
.botsauto-license-text-fallback img {
vertical-align: text-bottom;
height: 22px;
margin-left: 3px;
}
@media (min-width: 1024px) {
.botsauto-docked-bar {
position: fixed;
inset: auto var(--ba-docked-right) var(--ba-docked-bottom) auto;
width: min(var(--ba-docked-width), max(0px, calc(100vw - var(--ba-docked-right, 24px) - 16px)));
max-width: var(--ba-docked-width);
min-width: min(260px, var(--ba-docked-width), max(0px, calc(100vw - var(--ba-docked-right, 24px) - 16px)));
background: var(--ba-docked-bg);
color: var(--ba-docked-fg);
border-radius: var(--ba-docked-radius);
box-shadow: var(--ba-docked-shadow);
display: none;
opacity: 0;
transform: translateY(calc(var(--ba-docked-gap) / 2));
transition: opacity .18s ease, transform .18s ease;
padding-block: var(--ba-docked-padding-block);
padding-inline: var(--ba-docked-padding-inline);
gap: var(--ba-docked-gap);
z-index: var(--ba-docked-z);
flex-direction: column;
align-items: stretch;
box-sizing: border-box;
}
.botsauto-docked-bar.is-visible {
display: flex;
opacity: 1;
transform: translateY(0);
}
.botsauto-docked-bar .ba-row {
display: flex;
width: 100%;
min-width: 0;
gap: var(--ba-docked-gap);
align-items: stretch;
flex-wrap: nowrap;
}
.botsauto-docked-bar .ba-row--top {
align-items: center;
}
.botsauto-docked-bar .ba-row--bottom {
gap: var(--ba-docked-toggle-gap, var(--ba-docked-gap));
}
.botsauto-docked-bar .ba-docked-perc {
font-family: inherit;
font-size: var(--ba-docked-progress-size, 22px) !important;
font-weight: var(--ba-docked-progress-weight, 600);
letter-spacing: var(--ba-docked-progress-letter, 0);
line-height: var(--ba-docked-progress-line, 1.2);
color: inherit;
margin: var(--botsauto-docked-perc-margin, 0 12px 0 8px);
display: inline-flex;
align-items: center;
flex: 0 0 auto;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.botsauto-docked-bar .ba-row--top .ba-btn {
flex: 1 1 auto;
min-width: 0;
}
.botsauto-docked-bar .ba-row--bottom .ba-btn {
flex: 1 1 0;
min-width: 0;
}
.botsauto-docked-bar .ba-btn {
margin: var(--ba-docked-button-margin);
width: auto;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: min(var(--ba-button-padding-top, 10px), clamp(8px, 1.3vw, 12px));
padding-bottom: min(var(--ba-button-padding-bottom, 10px), clamp(8px, 1.3vw, 12px));
padding-left: min(var(--ba-button-padding-left, 20px), clamp(12px, 1.6vw, 18px));
padding-right: min(var(--ba-button-padding-right, 20px), clamp(12px, 1.6vw, 18px));
background: var(--botsauto-docked-btn-bg, var(--ba-btn-bg, var(--ba-button-bg)));
color: var(--botsauto-docked-btn-text, var(--ba-btn-text, var(--ba-button-text)));
border-color: var(--botsauto-docked-btn-border, var(--ba-btn-border, var(--ba-button-border, var(--botsauto-docked-btn-bg, var(--ba-button-bg)))));
}
.botsauto-docked-bar .ba-btn:hover,
.botsauto-docked-bar .ba-btn:focus,
.botsauto-docked-bar .ba-btn:focus-visible {
background: var(--botsauto-docked-btn-hover, var(--botsauto-docked-btn-bg, var(--ba-btn-hover, var(--ba-button-bg-hover))));
color: var(--botsauto-docked-btn-hover-text, var(--botsauto-docked-btn-text, var(--ba-btn-hover-text, var(--ba-button-text-hover))));
border-color: var(--botsauto-docked-btn-hover-border, var(--botsauto-docked-btn-border, var(--ba-btn-hover-border, var(--ba-button-border-hover, var(--botsauto-docked-btn-hover, var(--ba-button-bg-hover))))));
}
.botsauto-docked-bar .ba-btn:active {
background: var(--botsauto-docked-btn-active, var(--botsauto-docked-btn-bg, var(--ba-btn-active, var(--ba-button-bg-active))));
color: var(--botsauto-docked-btn-active-text, var(--botsauto-docked-btn-text, var(--ba-btn-active-text, var(--ba-button-text-active))));
border-color: var(--botsauto-docked-btn-active-border, var(--botsauto-docked-btn-border, var(--ba-btn-active-border, var(--ba-button-border-active, var(--botsauto-docked-btn-active, var(--ba-button-bg-active))))));
}
}
@media (max-width: 1023.98px) {
.botsauto-docked-bar {
display: none !important;
}
}
@media print {
.botsauto-docked-bar {
display: none !important;
}
} .botsauto-checklist, .botsauto-checklist * {
box-sizing: border-box;
} .botsauto-checklist-root {
background-color: var(--ba-container-bg);
color: var(--ba-container-text);
} .botsauto-phase {
background-color: var(--ba-phase-bg);
color: var(--ba-phase-text);
}
.botsauto-phase-title {
color: var(--ba-phase-text);
} .botsauto-phase-desc,
.botsauto-phase-description {
background-color: var(--ba-phase-desc-bg);
color: var(--ba-phase-desc-text);
border-color: var(--ba-phase-desc-border);
} .botsauto-question {
background-color: var(--ba-question-bg);
color: var(--ba-question-text);
border-color: var(--ba-question-border);
}
.botsauto-question-label {
color: var(--ba-question-text);
}  .botsauto-item {
color: var(--ba-itm-text, var(--ba-item-text, inherit));
}
.botsauto-item .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-item-text, inherit));
} .botsauto-item.is-active {
background-color: var(--ba-item-bg);
color: var(--ba-item-text);
border-color: var(--ba-item-border);
}
.botsauto-item.is-active .botsauto-item-text-inner {
color: var(--ba-item-text);
} .botsauto-item.is-checked {
background-color: var(--ba-checked-bg);
color: var(--ba-checked-text);
border-color: var(--ba-checked-border);
}
.botsauto-item.is-checked .botsauto-item-text-inner {
color: var(--ba-checked-text);
} .botsauto-item.is-checked .botsauto-item-text {
text-decoration-line: line-through;
text-decoration-color: var(--ba-checked-decoration);
} .botsauto-item.is-checked .botsauto-item-icon {
color: var(--ba-checked-icon);
fill: var(--ba-checked-icon);
} .botsauto-item.is-nvt {
background-color: var(--ba-nvt-bg);
color: var(--ba-nvt-text);
border-color: var(--ba-nvt-border);
--ba-itm-text: var(--ba-nvt-text, #666666);
}
.botsauto-item.is-nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
} .botsauto-item.nvt {
background-color: var(--ba-nvt-bg);
color: var(--ba-nvt-text);
border-color: var(--ba-nvt-border);
--ba-itm-text: var(--ba-nvt-text, #666666);
}
.botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
}  .botsauto-item.nvt .botsauto-item-text,
.botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
}
.botsauto-item.nvt.is-checked .botsauto-item-text-inner,
.botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
} .botsauto-item.nvt input:checked + label .botsauto-item-text,
.botsauto-item.nvt input:checked + label .botsauto-item-text-inner,
.botsauto-item.nvt.is-checked .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
} .botsauto-item.nvt .botsauto-nvt-label {
display: inline-flex !important;
align-items: center;
white-space: normal;
margin-left: 0.5rem;
padding: 2px 6px;
font-size: 0.75em;
font-weight: 600;
border-radius: 3px; } .botsauto-item.nvt .nvt-badge {
display: inline-flex;
align-items: center;
margin-left: 8px;
padding: 2px 6px;
font-size: 0.75em;
font-weight: 600;
border-radius: 3px;
white-space: normal; } .botsauto-item.nvt .botsauto-answer-row {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: .5em;
width: 100%;
margin: 0 !important;
padding: 0 !important;
} .botsauto-item.nvt .botsauto-item-text,
.botsauto-item.nvt .botsauto-item-text-inner {
flex: 1 1 0%;
min-width: 0;
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
}  .botsauto-answer-row {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: .5em;
width: 100%;
overflow: visible;
}
.botsauto-answer-row .botsauto-checkbox { 
order: 0; 
}
.botsauto-answer-row .botsauto-item-text { 
order: 2; 
flex: 1 1 auto; 
min-width: 0; 
}
.botsauto-answer-row .botsauto-item-info { 
order: 3; flex: 0 0 auto; 
}
.botsauto-answer-row .botsauto-nvt-label { 
order: 4; flex: 0 0 auto; 
}
.botsauto-answer-row .botsauto-note-btn { 
order: 5; flex: 0 0 auto; 
} .botsauto-answer-row .botsauto-item-info.align-left {
order: 1; margin-right: .5rem; margin-left: 0;
} .botsauto-answer-row .botsauto-item-info.align-above {
order: 0; width: 100%; margin-bottom: .5rem; justify-content: center; }  .botsauto-answer-row:has(.botsauto-item-info.align-above) {
display: grid;
grid-template-columns: auto 1fr;
grid-template-areas:
"checkbox icon"
"checkbox text";
align-items: start;
gap: .5em;
}
.botsauto-answer-row:has(.botsauto-item-info.align-above) .botsauto-checkbox {
grid-area: checkbox;
}
.botsauto-answer-row:has(.botsauto-item-info.align-above) .botsauto-item-info {
grid-area: icon;
justify-self: start;
margin: 0 0 .25rem 0;
}
.botsauto-answer-row:has(.botsauto-item-info.align-above) .botsauto-item-text {
grid-area: text;
} .botsauto-item-info {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px; min-height: 32px;
margin: 0 !important;
padding: 0 !important;
} .botsauto-item-text,
.botsauto-item-text-inner {
flex: 1 1 0%;
min-width: 0;
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
} .botsauto-checkbox,
.botsauto-note-icon,
.botsauto-nvt-icon,
.botsauto-nvt-label,
.botsauto-note-btn,
.botsauto-nvt-toggle {
flex: 0 0 auto;
margin: 0;
padding: 0;
max-width: 100%;
white-space: normal;
} .botsauto-item .botsauto-nvt-label {
max-width: 100%;
white-space: normal;
padding: 0 8px;
} .botsauto-item {
position: relative;
z-index: 0;
max-width: 100%;
overflow: visible; } .botsauto-item:not(.nvt) .nvt-badge,
.botsauto-item:not(.nvt) .botsauto-nvt-label {
display: none !important;
} .botsauto-item.nvt .botsauto-nvt-label {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
}  .botsauto-checklist .botsauto-item.nvt .botsauto-item-text-inner,
.botsauto-checklist .botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
}
.botsauto-wrapper .botsauto-item.nvt .botsauto-item-text-inner,
.botsauto-wrapper .botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
}
.botsauto-container .botsauto-item.nvt .botsauto-item-text-inner,
.botsauto-container .botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
} .botsauto-item.nvt {
background-color: var(--ba-nvt-bg);
color: var(--ba-nvt-text);
border-color: var(--ba-nvt-border);
}
.botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
}  .botsauto-item.nvt.is-checked .botsauto-item-text-inner,
.botsauto-item.nvt .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
} .botsauto-item.nvt input:checked + label .botsauto-item-text-inner,
.botsauto-item.nvt.is-checked .botsauto-item-text-inner {
color: var(--ba-itm-text, var(--ba-nvt-text, #666666));
text-decoration: var(--ba-nvt-decoration);
}
.botsauto-item.nvt .botsauto-nvt-label,
.botsauto-item.nvt .nvt-badge {
display: inline-flex !important;
}
.botsauto-item:not(.nvt) .botsauto-nvt-label,
.botsauto-item:not(.nvt) .nvt-badge {
display: none !important;
} .botsauto-note {
background-color: var(--ba-note-bg);
color: var(--ba-note-text);
border-color: var(--ba-note-border);
} .botsauto-info-content {
background-color: var(--ba-modal-bg);
color: var(--ba-modal-text);
border-color: var(--ba-modal-border);
}
.botsauto-info-content p {
color: var(--ba-modal-text);
}
.botsauto-info-content a {
color: var(--ba-link);
}
.botsauto-info-content a:hover {
color: var(--ba-link-hover);
} .botsauto-toggle-buttons button {
color: var(--ba-toggle-text);
background-color: var(--ba-toggle-bg);
border-color: var(--ba-toggle-border);
}
.botsauto-toggle-buttons button .botsauto-toggle-icon {
color: var(--ba-toggle-icon);
fill: var(--ba-toggle-icon);
}
.botsauto-toggle-buttons button:hover {
background-color: var(--ba-toggle-hover-bg);
}
.botsauto-toggle-buttons button:focus-visible {
outline: 2px solid var(--ba-toggle-focus);
outline-offset: 2px;
} .botsauto-toggle-buttons button[aria-expanded="true"],
.botsauto-toggle-buttons button.is-open,
.botsauto-toggle-buttons button.active {
color: var(--ba-toggle-open-text);
background-color: var(--ba-toggle-open-bg);
border-color: var(--ba-toggle-open-border);
}
.botsauto-toggle-buttons button[aria-expanded="true"] .botsauto-toggle-icon,
.botsauto-toggle-buttons button.is-open .botsauto-toggle-icon,
.botsauto-toggle-buttons button.active .botsauto-toggle-icon {
color: var(--ba-toggle-open-icon);
fill: var(--ba-toggle-open-icon);
} .botsauto-progress {
display: block; width: 100%;
position: relative;
overflow: hidden; height: var(--ba-pg-h, 14px);
background: var(--ba-pg-bg, #eeeeee);
border: var(--ba-pg-bwid, 0) solid var(--ba-pg-bcol, transparent);
border-radius: var(--ba-pg-brad, 6px); margin-top: var(--ba-pg-mt, 0);
margin-right: var(--ba-pg-mr, 0);
margin-bottom: var(--ba-pg-mb, 0);
margin-left: var(--ba-pg-ml, 0); box-shadow: var(--ba-pg-shadow-track, none);
} .botsauto-protected-container .botsauto-progress {
display: none !important;
}
@supports selector(:has(*)) {
body:has(.botsauto-protected-container) .botsauto-progress {
display: none !important;
}
} .botsauto-checklist .botsauto-progress,
.botsauto-wrapper .botsauto-progress,
.botsauto-container .botsauto-progress,
[id^="botsauto-wrapper-"] .botsauto-progress {
margin-top: var(--ba-pg-mt, 0);
margin-right: var(--ba-pg-mr, 0);
margin-bottom: var(--ba-pg-mb, 0);
margin-left: var(--ba-pg-ml, 0);
}    .entry-content .botsauto-checklist-root .botsauto-progress-wrapper,
.entry-content .botsauto-checklist-root .ba-progress,
.entry-content .botsauto-checklist .botsauto-progress-wrapper,
.entry-content .botsauto-checklist .ba-progress,
.botsauto-checklist-root .botsauto-progress-wrapper,
.botsauto-checklist-root .ba-progress,
.botsauto-checklist .botsauto-progress-wrapper,
.botsauto-checklist .ba-progress { margin-top: var(--ba-pg-mt, 0) !important;
margin-bottom: var(--ba-pg-mb, 0) !important; margin-right: var(--ba-pg-mr, 0);
margin-left: var(--ba-pg-ml, 0); display: flow-root;
} .entry-content .botsauto-checklist-root .botsauto-progress-wrapper .botsauto-progress,
.entry-content .botsauto-checklist-root .ba-progress .botsauto-progress,
.entry-content .botsauto-checklist .botsauto-progress-wrapper .botsauto-progress,
.entry-content .botsauto-checklist .ba-progress .botsauto-progress,
.botsauto-checklist-root .botsauto-progress-wrapper .botsauto-progress,
.botsauto-checklist-root .ba-progress .botsauto-progress,
.botsauto-checklist .botsauto-progress-wrapper .botsauto-progress,
.botsauto-checklist .ba-progress .botsauto-progress { margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
margin-left: 0;
} .botsauto-progress-wrapper { 
display: flow-root; width: 100%;
position: relative;
} .botsauto-progress-wrapper[style*="margin"] .botsauto-progress {
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
} [id^="botsauto-ba-pg-"] .botsauto-progress { }
.botsauto-progress__fill {
position: absolute; top: 0; left: 0;
height: 100%;
background: var(--ba-pg-fill, #888888);
transition: width .25s linear; box-shadow: var(--ba-pg-shadow-fill, none);
}
.botsauto-progress__label {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
color: var(--ba-pg-text, inherit);
font: inherit; pointer-events: none;
} .botsauto-intro {
background-color: var(--ba-intro-bg);
color: var(--ba-intro-text);
}
.botsauto-outro {
background-color: var(--ba-outro-bg);
color: var(--ba-outro-text);
} .botsauto-badge {
background-color: var(--ba-badge-bg);
color: var(--ba-badge-text);
} .botsauto-video-border {
border-color: var(--ba-video-border);
}
.botsauto-video-shadow {
box-shadow: 0 0 5px var(--ba-video-shadow);
}
.botsauto-video-play {
color: var(--ba-video-play);
}  .botsauto-audio-player,
.entry-content .botsauto-checklist-root .botsauto-audio-player,
.entry-content .botsauto-checklist .botsauto-audio-player,
.botsauto-checklist-root .botsauto-audio-player,
.botsauto-checklist .botsauto-audio-player { background-color: var(--ba-audio-bg, #f0f0f0);
color: var(--ba-audio-text, #333333); border: 1px solid var(--ba-audio-border, #cccccc); box-shadow: 0 0 5px var(--ba-audio-shadow, rgba(0,0,0,0.1)); margin-top: var(--ba-audio-margin-top, 0);
margin-right: var(--ba-audio-margin-right, 0);
margin-bottom: var(--ba-audio-margin-bottom, 0);
margin-left: var(--ba-audio-margin-left, 0); padding-top: var(--ba-audio-padding-top, 8px);
padding-right: var(--ba-audio-padding-right, 10px);
padding-bottom: var(--ba-audio-padding-bottom, 8px);
padding-left: var(--ba-audio-padding-left, 10px); border-radius: 6px;
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
gap: var(--ba-audio-gap, 0.5rem); } .botsauto-audio-label {
font-size: 0.9em;
font-weight: 600;
color: var(--ba-audio-text, #333333);
margin: 0; padding: 0; display: block;
}   .botsauto-audio-player audio {
width: 100%;
outline: none;
background-color: var(--ba-audio-control-bg, #ffffff);
margin: 0; }   .botsauto-audio-player audio::-webkit-media-controls-panel {
background-color: var(--ba-audio-control-bg, #ffffff);
}
.botsauto-audio-player audio::-webkit-media-controls-timeline {
background-color: var(--ba-audio-control-track, #007cba);
}
.botsauto-audio-player audio::-webkit-media-controls-current-time-display,
.botsauto-audio-player audio::-webkit-media-controls-time-remaining-display {
color: var(--ba-audio-text, #333333);
}
.botsauto-audio-player audio::-webkit-media-controls-play-button {
background-color: var(--ba-audio-control-fill, #007cba);
border-radius: 50%;
}
.botsauto-audio-player audio::-webkit-media-controls-timeline-container {
background-color: var(--ba-audio-control-track, #007cba);
} .botsauto-audio-player audio::-webkit-media-controls-volume-slider {
background-color: var(--ba-audio-control-track, #007cba);
}
.botsauto-audio-player audio::-webkit-media-controls-mute-button {
background-color: var(--ba-audio-control-fill, #007cba);
} .botsauto-audio-player audio::-moz-media-controls {
background-color: var(--ba-audio-control-bg, #ffffff);
} .botsauto-focus {
background-color: var(--ba-focus-bg);
color: var(--ba-focus-text);
outline: 2px solid var(--ba-focus-ring);
} .botsauto-hover:hover {
background-color: var(--ba-hover-bg);
color: var(--ba-hover-text);
} .botsauto-btn,
a.botsauto-btn,
button.botsauto-btn,
input[type="button"].botsauto-btn,
input[type="submit"].botsauto-btn,
input[type="reset"].botsauto-btn,
label.botsauto-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--ba-button-gap, 0.5em);
background: var(--ba-btn-bg, var(--ba-button-bg));
color: var(--ba-btn-text, var(--ba-button-text));
border: 1px solid var(--ba-btn-border, var(--ba-button-border, var(--ba-btn-bg, var(--ba-button-bg))));
border-radius: var(--ba-button-border-radius, 4px);
padding: var(--ba-button-padding-top, 10px) var(--ba-button-padding-right, 20px) var(--ba-button-padding-bottom, 10px) var(--ba-button-padding-left, 20px);
font-family: inherit;
font-size: var(--ba-button-font-size, inherit);
font-weight: var(--ba-button-font-weight, 600);
line-height: var(--ba-button-line-height, 1.2);
text-decoration: none;
cursor: pointer;
margin-top: var(--ba-button-margin-top, 10px);
margin-right: var(--ba-button-margin-right, 10px);
margin-bottom: var(--ba-button-margin-bottom, 10px);
margin-left: var(--ba-button-margin-left, 10px);
box-sizing: border-box;
vertical-align: middle;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
} a.botsauto-btn:visited {
color: var(--ba-btn-text, var(--ba-button-text));
background: var(--ba-btn-bg, var(--ba-button-bg));
}
.botsauto-btn:hover,
a.botsauto-btn:hover,
button.botsauto-btn:hover,
input[type="button"].botsauto-btn:hover,
input[type="submit"].botsauto-btn:hover,
input[type="reset"].botsauto-btn:hover,
label.botsauto-btn:hover {
background: var(--ba-btn-hover, var(--ba-button-bg-hover));
color: var(--ba-btn-hover-text, var(--ba-button-text-hover));
border-color: var(--ba-btn-hover-border, var(--ba-button-border-hover, var(--ba-btn-hover, var(--ba-button-bg-hover))));
text-decoration: none;
}
.botsauto-btn:focus,
a.botsauto-btn:focus,
button.botsauto-btn:focus,
input[type="button"].botsauto-btn:focus,
input[type="submit"].botsauto-btn:focus,
input[type="reset"].botsauto-btn:focus,
label.botsauto-btn:focus,
.botsauto-btn:focus-visible,
a.botsauto-btn:focus-visible,
button.botsauto-btn:focus-visible,
input[type="button"].botsauto-btn:focus-visible,
input[type="submit"].botsauto-btn:focus-visible,
input[type="reset"].botsauto-btn:focus-visible,
label.botsauto-btn:focus-visible {
outline: 2px solid var(--ba-btn-focus, var(--ba-focus-ring));
outline-offset: 2px;
}
.botsauto-btn:active,
a.botsauto-btn:active,
button.botsauto-btn:active,
input[type="button"].botsauto-btn:active,
input[type="submit"].botsauto-btn:active,
input[type="reset"].botsauto-btn:active,
label.botsauto-btn:active {
background: var(--ba-btn-active, var(--ba-button-bg-active));
color: var(--ba-btn-active-text, var(--ba-button-text-active));
border-color: var(--ba-btn-active-border, var(--ba-button-border-active, var(--ba-btn-active, var(--ba-button-bg-active))));
transform: translateY(1px);
text-decoration: none;
} .botsauto-btn-primary,
a.botsauto-btn-primary,
button.botsauto-btn-primary,
input[type="button"].botsauto-btn-primary,
input[type="submit"].botsauto-btn-primary,
input[type="reset"].botsauto-btn-primary,
label.botsauto-btn-primary { }
.botsauto-btn-secondary {
background: var(--ba-btn-bg, var(--ba-button-secondary-bg));
color: var(--ba-btn-text, var(--ba-button-secondary-text));
border-color: var(--ba-btn-border, var(--ba-button-secondary-bg));
}
.botsauto-btn-secondary:hover {
background: var(--ba-btn-hover, var(--ba-button-bg-hover));
color: var(--ba-btn-hover-text, var(--ba-button-text-hover));
}
.botsauto-btn-secondary:focus,
.botsauto-btn-secondary:focus-visible {
outline: 2px solid var(--ba-focus-ring);
outline-offset: 2px;
}
.botsauto-btn-secondary:active {
background: var(--ba-btn-active, var(--ba-button-bg-active));
color: var(--ba-btn-active-text, var(--ba-button-text-active));
} .botsauto-btn[disabled],
.botsauto-btn.is-disabled,
a.botsauto-btn[disabled],
button.botsauto-btn[disabled],
input[type="button"].botsauto-btn[disabled],
input[type="submit"].botsauto-btn[disabled],
input[type="reset"].botsauto-btn[disabled],
label.botsauto-btn[disabled] {
opacity: var(--ba-button-disabled-opacity, 0.6);
cursor: not-allowed;
pointer-events: none;
}
.botsauto-btn[disabled]:focus,
.botsauto-btn.is-disabled:focus,
a.botsauto-btn[disabled]:focus,
button.botsauto-btn[disabled]:focus,
input[type="button"].botsauto-btn[disabled]:focus,
input[type="submit"].botsauto-btn[disabled]:focus,
input[type="reset"].botsauto-btn[disabled]:focus,
label.botsauto-btn[disabled]:focus {
outline: none;
box-shadow: none;
}
.botsauto-heading {
color: var(--ba-heading);
}
.botsauto-link {
color: var(--ba-link);
}
.botsauto-link:hover {
color: var(--ba-link-hover);
opacity: 0.8;
}
.botsauto-success {
color: var(--ba-success);
}
.botsauto-text {
color: var(--ba-text);
}
.botsauto-bg {
background-color: var(--ba-surface);
}
.botsauto-bg-muted {
background-color: var(--ba-surface-soft);
}  .botsauto-input,
.botsauto-select {
border: 1px solid var(--ba-input-border);
border-radius: 4px;
padding: 8px 12px;
color: var(--ba-input-text);
background: var(--ba-input-bg);
width: 100%;
box-sizing: border-box;
appearance: none; }
.botsauto-input:focus,
.botsauto-select:focus {
border-color: var(--ba-input-focus-border);
outline: none;
box-shadow: 0 0 0 2px var(--ba-focus-shadow);
}
.botsauto-input::placeholder {
color: var(--ba-input-placeholder);
} .botsauto-input[type="url"] {
font-family: inherit;
font-size: inherit;
line-height: inherit;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
} .botsauto-input[type="url"]:invalid {
box-shadow: none;
outline: none;
border-color: var(--ba-input-border);
} .botsauto-input[type="url"]:invalid:not(:focus) {
border-color: var(--ba-input-border);
background: var(--ba-input-bg);
} .botsauto-input[type="url"]:focus {
border-color: var(--ba-input-focus-border);
outline: none;
box-shadow: 0 0 0 2px var(--ba-focus-shadow);
} .botsauto-select--bare {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding-left: 0;
}
.botsauto-select--bare:focus {
outline: 2px solid currentColor; outline-offset: 2px;
} .botsauto-checklist-item {
border-left: 3px solid var(--ba-item-border);
padding: 10px;
margin-bottom: 10px;
background: var(--ba-item-bg);
color: var(--ba-item-text);
} .botsauto-phase-title {
font-weight: bold !important;
color: var(--ba-phase-text);
background: var(--ba-phase-bg);
} .botsauto-alert {
padding: 12px 16px;
border-radius: 4px;
margin: 10px 0;
}
.botsauto-alert-success {
background-color: var(--ba-surface-soft);
border: 1px solid var(--ba-success);
color: var(--ba-success);
}
.botsauto-alert-info {
background-color: var(--ba-surface-soft);
border: 1px solid var(--ba-link);
color: var(--ba-link);
}
.botsauto-alert-warning {
background-color: var(--ba-surface-soft);
border: 1px solid var(--ba-warning);
color: var(--ba-warning);
} .botsauto-a11y-large {
font-size: 18.67px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}   .botsauto-nvt-label {
display: inline-flex !important;
align-items: center; }      .botsauto-item.botsauto-nvt .botsauto-item-text,
.botsauto-item.botsauto-nvt .botsauto-item-text-inner {
background-color: transparent !important;
}  .botsauto-answer-row .botsauto-item-text,
.botsauto-answer-row .botsauto-item-text-inner {
background-color: transparent !important;
}   .botsauto-nvt-label *,
.botsauto-item-text *,
.botsauto-item-text-inner * {
background-color: transparent !important;
} .botsauto-nvt-label {  display: inline-flex !important;
align-items: center;
} @media (max-width: 400px) {
.botsauto-answer-row { 
flex-wrap: wrap; 
}
} .botsauto-nvt-label .label--mobile { 
display: none; 
}
@media (max-width: 576px) {
.botsauto-nvt-label .label--desktop { 
display: none; 
}
.botsauto-nvt-label .label--mobile { 
display: inline; 
}
}      .botsauto-tip-media { 
margin-top: .75rem; 
} .botsauto-aspect {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #000;
border-radius: .5rem;
overflow: hidden; }
.botsauto-aspect iframe,
.botsauto-aspect video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
}  .botsauto-itp {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
grid: place-items center;
pointer-events: none;
padding: 20px;
box-sizing: border-box;
} .botsauto-itp[data-open] {
position: fixed;
inset: 0;
z-index: 9999;
display: grid;
place-items: center;
pointer-events: auto;
} .botsauto-itp__overlay {
position: absolute;
inset: 0;
z-index: 0;
background: var(--itp-overlay-bg, rgba(0,0,0,0.35));
pointer-events: auto;
} .botsauto-itp__dialog {
position: relative;
z-index: 1;
background: var(--itp-bg, #fff);
color: var(--itp-text, #111);
border: var(--itp-border-width, 1px) solid var(--itp-border-color, #e0e0e0);
border-radius: var(--itp-radius, 12px);
box-shadow: var(--itp-shadow, 0 10px 30px rgba(0,0,0,.2));
max-width: min(var(--itp-max-w, 720px), 95vw);
width: 100%;
max-height: 90vh;
display: flex;
flex-direction: column;
overflow: hidden;
box-sizing: border-box;
pointer-events: auto;
} .botsauto-itp__header {
background: var(--itp-header-bg, #f8f9fa);
color: var(--itp-header-color, #00306a);
padding: var(--itp-header-padding-top, 12px) var(--itp-header-padding-right, 16px) var(--itp-header-padding-bottom, 12px) var(--itp-header-padding-left, 16px);
font-size: var(--itp-title-size, 18px);
font-weight: var(--itp-title-weight, 600);
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.botsauto-itp__title {
flex: 1;
margin: 0;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}
.botsauto-itp__close {
color: var(--itp-close-color, #6c757d);
background: var(--itp-close-bg, transparent);
font-size: var(--itp-close-size, 16px);
border-radius: var(--itp-close-radius, 4px);
padding: var(--itp-close-padding-top, 8px) var(--itp-close-padding-right, 8px) var(--itp-close-padding-bottom, 8px) var(--itp-close-padding-left, 8px);
border: none;
cursor: pointer;
margin-left: 12px;
flex-shrink: 0;
transition: all 0.2s ease;
}
.botsauto-itp__close:hover {
background: var(--itp-close-hover-bg, rgba(0,0,0,0.1));
color: var(--itp-close-hover-color, var(--itp-close-color, #000));
}
.botsauto-itp__close:focus,
.botsauto-itp__close:focus-visible { outline: 2px solid var(--itp-close-outline, var(--itp-close-color, currentColor));
outline-offset: 2px;
} .botsauto-itp__body {
color: var(--itp-text, #4d4d4d) !important;
font-size: var(--itp-body-font-size, 14px);
line-height: var(--itp-body-line-height, 1.5);
padding: var(--itp-body-padding-top, 16px) var(--itp-body-padding-right, 20px) var(--itp-body-padding-bottom, 16px) var(--itp-body-padding-left, 20px);
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
list-style: var(--itp-list-style, disc);
box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.3) transparent;
} .botsauto-itp__body::-webkit-scrollbar {
width: 6px;
}
.botsauto-itp__body::-webkit-scrollbar-track {
background: transparent;
}
.botsauto-itp__body::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.3);
border-radius: 3px;
}
.botsauto-itp__body::-webkit-scrollbar-thumb:hover {
background: rgba(0,0,0,0.5);
}
.botsauto-itp__body p {
margin: 0 0 1em 0;
}
.botsauto-itp__body p:last-child {
margin-bottom: 0;
}
.botsauto-itp__body a {
color: var(--itp-link, #008ad6);
text-decoration: none;
transition: color 0.2s ease;
}
.botsauto-itp__body a:hover {
color: var(--itp-link-hover, #0066cc);
text-decoration: underline;
} .botsauto-itp__body,
.botsauto-itp__body *:not(a):not(.botsauto-itp__link-icon) {
color: var(--itp-text, #4d4d4d) !important;
} .botsauto-itp__link-icon {
color: var(--itp-icon-fg, transparent);
background: var(--itp-icon-bg, transparent);
font-size: var(--itp-icon-size, 16px);
padding: var(--itp-icon-pad-top, 4px) var(--itp-icon-pad-right, 6px) var(--itp-icon-pad-bottom, 4px) var(--itp-icon-pad-left, 6px);
border-radius: 3px;
margin: 0 4px;
} .botsauto-link-icon {
color: var(--ba-link-icon-fg, #00306a);
background: var(--ba-link-icon-bg, transparent);
} .custom-icon-link .fa-solid,
.custom-icon-link .fas {
color: var(--ba-link-icon-fg, #00306a);
background: var(--ba-link-icon-bg, transparent);
} .botsauto-itp__footer {
background: var(--itp-footer-bg, #f8f9fa);
color: var(--itp-footer-color, #6c757d);
padding: var(--itp-footer-padding-top, 12px) var(--itp-footer-padding-right, 16px) var(--itp-footer-padding-bottom, 12px) var(--itp-footer-padding-left, 16px);
flex: 0 0 auto;
box-sizing: border-box;
} .botsauto-tip-media {
margin: 1em 0;
}
.botsauto-aspect {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; }
.botsauto-aspect iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} @media (max-width: 768px) {
.botsauto-itp {
padding: 10px;
}
.botsauto-itp__dialog {
max-width: 95vw;
max-height: calc(var(--itp-vh, 1vh) * 95);
}
}
@media (max-width: 480px) {
.botsauto-itp {
padding: 5px;
}
.botsauto-itp__dialog {
max-width: 98vw;
max-height: calc(var(--itp-vh, 1vh) * 98);
}
.botsauto-itp__header {
padding: 8px 12px;
font-size: 16px;
}
.botsauto-itp__body {
padding: 12px 16px;
font-size: 13px;
}
} @supports (-webkit-touch-callout: none) {
.botsauto-itp__dialog {
max-height: calc(100vh - 40px);
}
} @media (max-height: 600px) {
.botsauto-itp__dialog {
max-height: calc(100vh - 20px);
}
}  .botsauto-checklist {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
} .entry-content .botsauto-checklist,
.entry-content .botsauto-header,
.entry-content .botsauto-phase,
.entry-content .botsauto-question,
.entry-content .botsauto-item {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.entry-content .botsauto-fields {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .entry-content .botsauto-submit-area {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .entry-content [id^="botsauto-wrapper-"] {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
} .botsauto-header {
width: 100%;
max-width: 100%;
margin: 0;
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
} .botsauto-header .botsauto-fields {
width: 100%;
max-width: 100% !important;
margin: 0 !important;
padding: 0;
box-sizing: border-box;
} .botsauto-fields:not(.botsauto-header .botsauto-fields) {
width: 100%;
max-width: 100%;
margin: 0;
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
} .botsauto-submit-area {
width: 100%;
max-width: 100%;
margin-top: var(--ba-subm-mt, 0);
margin-right: var(--ba-subm-mr, 0);
margin-bottom: var(--ba-subm-mb, 0);
margin-left: var(--ba-subm-ml, 0);
box-sizing: border-box;
} .botsauto-fields .botsauto-submit-area {
max-width: 100% !important;
margin-top: var(--ba-subm-mt, 0) !important;
margin-right: var(--ba-subm-mr, 0) !important;
margin-bottom: var(--ba-subm-mb, 0) !important;
margin-left: var(--ba-subm-ml, 0) !important;
} .botsauto-header .botsauto-logo-title,
.botsauto-header .botsauto-title,
.botsauto-header .botsauto-logo {
max-width: 100%;
box-sizing: border-box;
} .botsauto-checklist .botsauto-header,
.botsauto-checklist .botsauto-fields {
margin: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 100%;
}
.botsauto-checklist .botsauto-submit-area {
margin-top: var(--ba-subm-mt, 0);
margin-right: var(--ba-subm-mr, 0);
margin-bottom: var(--ba-subm-mb, 0);
margin-left: var(--ba-subm-ml, 0);
width: 100%;
max-width: 100%;
} .botsauto-checklist .botsauto-header .botsauto-fields,
.botsauto-wrapper .botsauto-header .botsauto-fields,
#botsauto-wrapper-REPLACEME .botsauto-header .botsauto-fields,
[id^="botsauto-wrapper-"] .botsauto-header .botsauto-fields {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0;
} [id^="botsauto-wrapper-"] .botsauto-header,
[id^="botsauto-wrapper-"] .botsauto-fields:not(.botsauto-header .botsauto-fields) {
width: 100%;
max-width: 100%;
margin: 0;
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
}  .entry-content .botsauto-header,
.entry-content .botsauto-fields,
.wp-block .botsauto-header,
.wp-block .botsauto-fields {
padding-left: 0;
padding-right: 0;
} @media (max-width: 991px) {
.botsauto-header,
.botsauto-fields:not(.botsauto-header .botsauto-fields),
[id^="botsauto-wrapper-"] .botsauto-header,
[id^="botsauto-wrapper-"] .botsauto-fields:not(.botsauto-header .botsauto-fields) {
max-width: 100%;
width: 100%;
margin: 0; padding-left: 0;
padding-right: 0;
}
.botsauto-submit-area,
[id^="botsauto-wrapper-"] .botsauto-submit-area {
max-width: 100%;
width: 100%;
margin-top: var(--ba-subm-mt, 0);
margin-right: var(--ba-subm-mr, 0);
margin-bottom: var(--ba-subm-mb, 0);
margin-left: var(--ba-subm-ml, 0);
}  .botsauto-header .botsauto-fields,
[id^="botsauto-wrapper-"] .botsauto-header .botsauto-fields {
padding-left: 0;
padding-right: 0;
}
}  .botsauto-submitter-grid {
display: grid !important;
grid-template-columns: 1fr;
gap: 16px;
align-items: start; justify-items: stretch; } .botsauto-submit-area {
display: grid;
grid-template-columns: 1fr; gap: 16px;
align-items: start;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
@media (min-width: 992px) {
.botsauto-submit-area { 
grid-template-columns: 2fr 2fr 1fr; 
align-items: start;
}
.botsauto-submitter-grid { 
grid-column: 1 / span 2; 
grid-template-columns: 1fr 1fr; 
display: grid !important;
align-items: start; justify-items: stretch; }
.botsauto-submitter-grid .botsauto-field:has(#botsauto-email) {
grid-column: 1 / -1; }
.botsauto-submitter-grid .botsauto-field:has(#botsauto-email) .ba-ev__row.ba-ev--inline,
.botsauto-submitter-grid .botsauto-field:has(#botsauto-email) .ba-ev__row[data-layout-mode="inline"] {
flex-wrap: nowrap; }
.botsauto-password-section { grid-column: 3; margin-top: 0 !important; }
}
@media (max-width: 991.98px) {
.botsauto-submitter-grid { 
grid-template-columns: 1fr; 
display: grid !important;
align-items: start; justify-items: stretch; }
} @media (min-width: 992px) {
.botsauto-submitter-grid, .botsauto-password-section {
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.botsauto-submit-area * {
max-width: 100% !important;
box-sizing: border-box !important;
}
}   .botsauto-field {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
gap: 6px;
align-items: start;
justify-self: stretch;
min-width: 0;
}
.botsauto-field > label {
grid-column: 1;
grid-row: 1;
margin-bottom: 0; text-align: left;
line-height: 1.3;
} .botsauto-field > input:not([type="hidden"]),
.botsauto-field > select,
.botsauto-field > textarea,
.botsauto-field > .ba-ev__row,
.botsauto-field > *:not(label):not(style):not(.botsauto-error) {
grid-column: 1;
grid-row: 2;
}  .botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field { }   @media (min-width: 768px) {
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field {
grid-template-columns: var(--ba-form-label-col-width, 280px) 1fr;
grid-template-rows: 1fr;
column-gap: 16px;
row-gap: 0;
}
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > label {
grid-column: 1;
grid-row: 1;
align-self: start; margin-bottom: 0;
}
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > input:not([type="hidden"]),
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > select,
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > textarea,
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > .ba-ev__row,
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > *:not(label):not(style):not(.botsauto-error) {
grid-column: 2;
grid-row: 1;
align-self: start; }
}    .botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field > label {
grid-column: 1;
grid-row: 1;
}
.botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field > input:not([type="hidden"]),
.botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field > select,
.botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field > textarea,
.botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field > .ba-ev__row,
.botsauto-checklist-root[data-layout-mode="stacked"] .botsauto-field > *:not(label):not(style):not(.botsauto-error) {
grid-column: 1;
grid-row: 2;
} .botsauto-field > .botsauto-error {
grid-column: 1;
grid-row: 3;
} .botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > .botsauto-error {
grid-column: 1 / -1; grid-row: 2; }
@media (min-width: 768px) {
.botsauto-checklist-root[data-layout-mode="inline"] .botsauto-field > .botsauto-error {
grid-column: 2; grid-row: 2; }
} .botsauto-checklist-root .botsauto-field > *:first-child:not(label) {
margin-top: 0 !important;
} .botsauto-checklist-root .botsauto-field > label {
margin-top: 0 !important;
padding-top: 0 !important;
}      .entry-content .botsauto-checklist-root div:not(.botsauto-audio-player):not(.plyr__controls):not(.plyr):not(.plyr--audio),
.entry-content .botsauto-checklist-root table,
.entry-content .botsauto-checklist div:not(.botsauto-audio-player):not(.plyr__controls):not(.plyr):not(.plyr--audio),
.entry-content .botsauto-checklist table,
.botsauto-checklist-root div:not(.botsauto-audio-player):not(.plyr__controls):not(.plyr):not(.plyr--audio),
.botsauto-checklist-root table,
.botsauto-checklist div:not(.botsauto-audio-player):not(.plyr__controls):not(.plyr):not(.plyr--audio),
.botsauto-checklist table {
margin-top: 0 !important;
margin-bottom: 0 !important;
} .entry-content .botsauto-checklist-root .botsauto-audio-player .plyr__controls,
.entry-content .botsauto-checklist .botsauto-audio-player .plyr__controls,
.botsauto-checklist-root .botsauto-audio-player .plyr__controls,
.botsauto-checklist .botsauto-audio-player .plyr__controls {
margin-top: var(--ba-audio-controls-margin-top, 0) !important;
margin-bottom: var(--ba-audio-controls-margin-bottom, 0) !important;
padding-top: var(--ba-audio-controls-padding-top, 0.25rem) !important;
padding-bottom: var(--ba-audio-controls-padding-bottom, 0.25rem) !important;
} .entry-content .botsauto-checklist-root .botsauto-field,
.entry-content .botsauto-checklist-root .botsauto-field > *,
.entry-content .botsauto-checklist-root .ba-ev__row,
.entry-content .botsauto-checklist-root .ba-ev__row > *,
.entry-content .botsauto-checklist .botsauto-field,
.entry-content .botsauto-checklist .botsauto-field > *,
.entry-content .botsauto-checklist .ba-ev__row,
.entry-content .botsauto-checklist .ba-ev__row > *,
.botsauto-checklist-root .botsauto-field,
.botsauto-checklist-root .botsauto-field > *,
.botsauto-checklist-root .ba-ev__row,
.botsauto-checklist-root .ba-ev__row > *,
.botsauto-checklist .botsauto-field,
.botsauto-checklist .botsauto-field > *,
.botsauto-checklist .ba-ev__row,
.botsauto-checklist .ba-ev__row > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}  .botsauto-checklist-root .botsauto-field {
gap: 6px; row-gap: 6px;
}
.botsauto-checklist-root .botsauto-fields {
gap: var(--ba-form-gap, 16px); row-gap: var(--ba-form-gap, 16px);
}  .botsauto-fields.botsauto-align-left   label { text-align: left; }
.botsauto-fields.botsauto-align-center label { text-align: center; }
.botsauto-fields.botsauto-align-right  label { text-align: right; } .botsauto-fields.botsauto-align-left   input,
.botsauto-fields.botsauto-align-left   textarea { text-align: left; }
.botsauto-fields.botsauto-align-center input,
.botsauto-fields.botsauto-align-center textarea { text-align: center; }
.botsauto-fields.botsauto-align-right  input,
.botsauto-fields.botsauto-align-right  textarea { text-align: right; } .botsauto-fields.botsauto-align-left   select { text-align: left;   text-align-last: left; }
.botsauto-fields.botsauto-align-center select { text-align: center; text-align-last: center; }
.botsauto-fields.botsauto-align-right  select { text-align: right;  text-align-last: right; } .botsauto-fields.botsauto-align-left   .botsauto-submitter-grid { justify-items: stretch; }
.botsauto-fields.botsauto-align-center .botsauto-submitter-grid { justify-items: stretch; }
.botsauto-fields.botsauto-align-right  .botsauto-submitter-grid { justify-items: stretch; } .botsauto-submitter .is-required > label::after,
.botsauto-submitter label.required::after {
content: '' !important;
}
.botsauto-field.is-required > label::after {
content: " *";
color: var(--ba-link);
}   .botsauto-input,
.botsauto-select,
.botsauto-fields input,
.botsauto-fields select,
.botsauto-fields textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .botsauto-select,
.botsauto-fields select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
} .botsauto-fields input[type="url"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
} .botsauto-fields input[type="url"]:invalid {
box-shadow: none;
outline: none;
border-color: inherit;
} .botsauto-fields input[type="url"]:invalid:not(:focus) {
border-color: inherit;
background: inherit;
} .botsauto-submitter-grid input[type="text"],
.botsauto-submitter-grid input[type="email"],
.botsauto-submitter-grid input[type="url"],
.botsauto-submitter-grid input[type="tel"],
.botsauto-submitter-grid input[type="number"],
.botsauto-submitter-grid select {
font: inherit;
line-height: 1.4;
box-sizing: border-box;
width: 100%;
padding: 0.5em 0.75em;
border: 1px solid #2c2c2c;
border-radius: 0;
background-color: #ffffff;
} .botsauto-submitter-grid input[type="url"] {
-webkit-appearance: none;
appearance: none;
} .botsauto-submitter-grid input[type="text"]:focus,
.botsauto-submitter-grid input[type="email"]:focus,
.botsauto-submitter-grid input[type="url"]:focus,
.botsauto-submitter-grid input[type="tel"]:focus,
.botsauto-submitter-grid input[type="number"]:focus,
.botsauto-submitter-grid select:focus {
border-color: var(--ba-input-focus-border, #0073aa);
outline: none;
box-shadow: 0 0 0 2px var(--ba-focus-shadow, rgba(0, 115, 170, 0.2));
}  .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input { all: unset; font: inherit;
font-family: inherit;
font-size: inherit;
line-height: 1.4; box-sizing: border-box;
width: 100%;
display: block;
padding: 0.5em 0.75em;
border: 1px solid #2c2c2c;
border-radius: 0;
background-color: #ffffff;
color: inherit; appearance: none;
-webkit-appearance: none;
-moz-appearance: none; text-align: left;
vertical-align: middle;
} .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input:focus {
border-color: var(--ba-input-focus-border, #0073aa);
outline: none;
box-shadow: 0 0 0 2px var(--ba-focus-shadow, rgba(0, 115, 170, 0.2));
background-color: #ffffff;
} .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input:hover:not(:focus) {
border-color: #2c2c2c;
background-color: #ffffff;
} .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input:disabled,
.botsauto-submitter-grid .botsauto-field.botsauto-ai-conditional input[type="url"].botsauto-input {
opacity: 1; cursor: default;
} .botsauto-submitter-grid .botsauto-field.botsauto-has-error input[type="url"].botsauto-input,
.botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input.botsauto-error {
border-color: #d33;
background-color: #ffffff;
} .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input::placeholder {
color: var(--ba-input-placeholder, #999);
opacity: 1;
} .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input:invalid {
box-shadow: none;
outline: none;
border-color: #2c2c2c; } .botsauto .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input {
border: 1px solid #2c2c2c !important;
background: #ffffff !important;
padding: 0.5em 0.75em !important;
border-radius: 0 !important;
box-shadow: none !important;
min-height: auto !important;
max-height: none !important;
height: auto !important;
margin: 0 !important;
} .botsauto .botsauto-submitter-grid .botsauto-field input[type="url"].botsauto-input:focus {
border-color: var(--ba-input-focus-border, #0073aa) !important;
box-shadow: 0 0 0 2px var(--ba-focus-shadow, rgba(0, 115, 170, 0.2)) !important;
}  .botsauto-pdf-download {  } .botsauto-checklist-root .botsauto-pdf-download:hover,
.botsauto-checklist-root .botsauto-pdf-download:active,
.botsauto-checklist-root .botsauto-pdf-download:focus-visible,
.botsauto .botsauto-pdf-download:hover,
.botsauto .botsauto-pdf-download:active,
.botsauto .botsauto-pdf-download:focus-visible { } #botsauto-attachments-overview {
margin-top: 2rem;
padding: 1.5rem;
background-color: #f9f9f9;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
#botsauto-attachments-overview .botsauto-overview-title {
margin: 0 0 1rem 0;
padding: 0 0 0.75rem 0;
font-size: 1.25rem;
font-weight: 600;
color: #333;
border-bottom: 2px solid #0073aa;
}
#botsauto-attachments-overview .botsauto-overview-content { }
#botsauto-attachments-overview .botsauto-overview-item {
margin-bottom: 1.5rem;
padding: 1rem;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
#botsauto-attachments-overview .botsauto-overview-item:last-child {
margin-bottom: 0;
}
#botsauto-attachments-overview .botsauto-overview-item-title {
margin: 0;
font-size: 1.1rem;
font-weight: 500;
color: #0073aa;
}
#botsauto-attachments-overview .botsauto-overview-attachments {
margin: 0;
padding: 0;
list-style: none;
}
#botsauto-attachments-overview .botsauto-overview-attachments li {
margin: 0.5rem 0;
padding: 0.5rem;
background-color: #fafafa;
border-left: 3px solid #0073aa;
transition: background-color 0.2s ease;
}
#botsauto-attachments-overview .botsauto-overview-attachments li:hover {
background-color: #f0f0f0;
}
#botsauto-attachments-overview .botsauto-overview-attachments a {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #0073aa;
text-decoration: none;
font-size: 0.95rem;
} #botsauto-attachments-overview {
color: var(--ba-attachments-overview-text, #333333);
background-color: var(--ba-attachments-overview-background, #f9f9f9);
border-color: var(--ba-attachments-overview-border, #e0e0e0);
border-style: solid;
border-width: 1px;
border-radius: 8px;
padding: 16px;
margin-top: 20px;
}
#botsauto-attachments-overview .botsauto-overview-title {
color: var(--ba-attachments-title-text, #333333);
background-color: var(--ba-attachments-title-background, transparent);
border-color: var(--ba-attachments-title-border, #0073aa);
font-size: 20px;
font-weight: bold;
margin: 0 0 12px 0;
padding: 0;
}
#botsauto-attachments-overview .botsauto-overview-search {
color: var(--ba-attachments-search-text, #333333);
background-color: var(--ba-attachments-search-background, #ffffff);
border-color: var(--ba-attachments-search-border, #cccccc);
border-style: solid;
border-width: 1px;
border-radius: 6px;
padding: 8px 12px;
margin-bottom: 16px;
font-size: 14px; display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
#botsauto-attachments-overview .botsauto-overview-search input,
#botsauto-attachments-overview .botsauto-overview-search select {
color: var(--ba-attachments-search-text, #333333);
background-color: var(--ba-attachments-search-background, #ffffff);
border-color: var(--ba-attachments-search-border, #cccccc);
border-style: solid;
border-width: 1px;
border-radius: 6px;
padding: 8px 12px;
font-size: 14px; display: inline-flex;
align-items: center;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
overflow: hidden;
flex-shrink: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
#botsauto-attachments-overview .botsauto-overview-item {
color: var(--ba-attachments-item-text, #333333);
background-color: var(--ba-attachments-item-background, #ffffff);
border-color: var(--ba-attachments-item-border, #ddd);
border-style: solid;
border-width: 1px;
border-radius: 6px;
padding: 12px;
margin-bottom: 8px;
font-size: 14px;
}
#botsauto-attachments-overview .botsauto-overview-item-header {
color: var(--ba-attachments-item-header-text, #0073aa);
background-color: var(--ba-attachments-item-header-background, transparent);
border-color: var(--ba-attachments-item-header-border, transparent);
font-size: 16px;
font-weight: 600;
margin: 0 0 8px 0;
padding: 0;
}  #botsauto-attachments-overview .botsauto-overview-item-head {
display: flex;
flex-direction: row;
align-items: center; gap: 0.75rem; width: 100%;
margin: 0;
padding: 0;
} #botsauto-attachments-overview .botsauto-overview-item-head[data-oi-align="center"] {
align-items: center;
} #botsauto-attachments-overview .botsauto-overview-item-head[data-oi-align="baseline"] {
align-items: baseline;
} #botsauto-attachments-overview .botsauto-overview-item-head[data-oi-gap="S"] {
gap: 0.5rem; }
#botsauto-attachments-overview .botsauto-overview-item-head[data-oi-gap="M"] {
gap: 0.75rem; }
#botsauto-attachments-overview .botsauto-overview-item-head[data-oi-gap="L"] {
gap: 1rem; } #botsauto-attachments-overview .botsauto-overview-item-head > .botsauto-overview-item-title,
#botsauto-attachments-overview .botsauto-overview-item-head > .botsauto-overview-item-toggle {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0;
margin-right: 0;
} #botsauto-attachments-overview .botsauto-overview-item-head > .botsauto-overview-item-title {
line-height: 1.25; flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } #botsauto-attachments-overview .botsauto-overview-item-head > .botsauto-overview-item-toggle {
flex: 0 0 auto;
min-height: 1.25em; min-inline-size: 24px;
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: none;
border: none;
color: var(--ba-attachments-item-header-text, #0073aa);
cursor: pointer;
border-radius: 4px;
transition: all 0.2s ease;
} #botsauto-attachments-overview .botsauto-overview-item-head > .botsauto-overview-item-toggle i {
display: inline-flex;
align-items: center;
vertical-align: baseline;
font-size: 0.875em; line-height: 1;
} [dir="rtl"] #botsauto-attachments-overview .botsauto-overview-item-head {
flex-direction: row-reverse;
}   .entry-content #botsauto-attachments-overview .botsauto-overview-item-head,
.entry-content #botsauto-attachments-overview .botsauto-overview-item-head > *,
#botsauto-attachments-overview .botsauto-overview-item-head,
#botsauto-attachments-overview .botsauto-overview-item-head > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
} #botsauto-attachments-overview .botsauto-overview-item-header .botsauto-overview-item-head,
#botsauto-attachments-overview .botsauto-overview-item-header .botsauto-overview-item-head > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#botsauto-attachments-overview .botsauto-overview-item-title {
color: var(--ba-attachments-item-header-text, #0073aa);
font-size: 16px;
font-weight: 600;
margin: 0;
}
#botsauto-attachments-overview .botsauto-overview-attachments {
color: var(--ba-attachments-list-text, #0073aa);
background-color: var(--ba-attachments-list-background, transparent);
border-color: var(--ba-attachments-list-border, #0073aa);
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
display: none; }
#botsauto-attachments-overview .botsauto-overview-attachments-collapsible {
color: var(--ba-attachments-collapsible-text, #0073aa);
background-color: var(--ba-attachments-collapsible-background, transparent);
border-color: var(--ba-attachments-collapsible-border, #0073aa);
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
display: none; }
#botsauto-attachments-overview .botsauto-overview-attachments li {
display: flex;
flex-wrap: wrap; align-items: center;
gap: 0.5rem; box-sizing: border-box;
max-width: 100%;
padding: 8px 0;
border-bottom: 1px solid var(--ba-attachments-item-border, #ddd);
}
#botsauto-attachments-overview .botsauto-overview-attachments li:last-child {
border-bottom: none;
}
#botsauto-attachments-overview .botsauto-overview-file-info {
display: flex;
flex-wrap: wrap; gap: 0.5rem;
flex: 1 1 12rem; min-width: 0; max-width: 100%;
align-items: center;
}
#botsauto-attachments-overview .botsauto-overview-file-link {
color: var(--ba-attachments-list-text, #0073aa);
text-decoration: none;
display: flex;
align-items: center;
flex: 1 1 12rem; min-width: 0; max-width: 100%;
overflow: hidden;
word-break: break-word; overflow-wrap: anywhere; }
#botsauto-attachments-overview .botsauto-overview-file-link:hover {
text-decoration: underline;
color: var(--ba-link-hover);
}
#botsauto-attachments-overview .botsauto-overview-attachments i {
color: var(--ba-attachments-list-text, #0073aa);
font-size: 1rem;
margin-right: 8px;
}
#botsauto-attachments-overview .botsauto-overview-filename {
flex: 1 1 12rem; min-width: 0; max-width: 100%;
overflow: hidden;
word-break: break-word; overflow-wrap: anywhere; }
#botsauto-attachments-overview .botsauto-overview-filesize {
color: var(--ba-attachments-list-text, #0073aa);
font-size: 0.85rem;
font-weight: normal;
opacity: 0.7;
margin-right: 0.5em;
display: inline-block;
min-width: 0;
max-width: 100%;
white-space: normal; overflow-wrap: anywhere;
}
#botsauto-attachments-overview .botsauto-overview-meta {
display: inline-flex;
flex-wrap: wrap; gap: 0.5rem;
flex: 0 1 auto; min-width: 0; max-width: 100%;
align-items: center;
}
#botsauto-attachments-overview .botsauto-overview-file-time {
display: inline-block;
min-width: 0;
max-width: 100%;
white-space: normal; overflow-wrap: anywhere;
margin-left: 0.5rem;
} [dir="rtl"] #botsauto-attachments-overview .botsauto-overview-filesize {
margin-right: 0;
margin-left: 0.5em;
}
#botsauto-attachments-overview .botsauto-overview-file-actions {
display: inline-flex;
flex-wrap: wrap;
gap: 0.5rem;
flex: 0 0 auto; min-width: 0;
margin-left: 12px;
}
#botsauto-attachments-overview .botsauto-attachment-download,
#botsauto-attachments-overview .botsauto-attachment-delete {
background-color: var(--bao-ao-dlbtn-bg);
color: var(--bao-ao-dlbtn-text);
border: var(--bao-ao-dlbtn-bw) var(--bao-ao-dlbtn-bstyle) var(--bao-ao-dlbtn-border);
border-radius: var(--bao-ao-dlbtn-brad);
padding: var(--bao-ao-dlbtn-pt) var(--bao-ao-dlbtn-pr) var(--bao-ao-dlbtn-pb) var(--bao-ao-dlbtn-pl);
margin: var(--bao-ao-dlbtn-mt) var(--bao-ao-dlbtn-mr) var(--bao-ao-dlbtn-mb) var(--bao-ao-dlbtn-ml);
font-size: var(--bao-ao-dlbtn-fs);
font-weight: var(--bao-ao-dlbtn-fw);
font-style: var(--bao-ao-dlbtn-fst);
text-decoration: var(--bao-ao-dlbtn-td);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
transition: all 0.3s ease;
}
#botsauto-attachments-overview .botsauto-attachment-download:hover,
#botsauto-attachments-overview .botsauto-attachment-delete:hover {
background-color: var(--bao-ao-dlbtn-hover-bg);
color: var(--bao-ao-dlbtn-hover-text);
border-color: var(--bao-ao-dlbtn-hover-border);
}
#botsauto-attachments-overview .botsauto-attachment-download:active,
#botsauto-attachments-overview .botsauto-attachment-delete:active {
background-color: var(--bao-ao-dlbtn-active-bg);
color: var(--bao-ao-dlbtn-active-text);
border-color: var(--bao-ao-dlbtn-active-border);
}
#botsauto-attachments-overview .botsauto-attachment-download:focus-visible,
#botsauto-attachments-overview .botsauto-attachment-delete:focus-visible {
background-color: var(--bao-ao-dlbtn-focus-bg);
color: var(--bao-ao-dlbtn-focus-text);
border-color: var(--bao-ao-dlbtn-focus-border);
outline: 2px solid var(--bao-ao-dlbtn-focus);
outline-offset: 2px;
}
#botsauto-attachments-overview .botsauto-overview-loading {
padding: 2rem;
text-align: center;
color: var(--ba-attachments-list-text, #0073aa);
font-style: italic;
}
#botsauto-attachments-overview .botsauto-overview-empty {
text-align: center;
color: var(--ba-attachments-list-text, #0073aa);
font-style: italic;
padding: 2rem;
}
#botsauto-attachments-overview .botsauto-overview-controls {
display: flex;
gap: 0.5rem;
align-items: center;
margin-bottom: 0.75rem;
}
#botsauto-attachments-overview .botsauto-overview-expand-all,
#botsauto-attachments-overview .botsauto-overview-collapse-all { color: var(--bao-ao-expbtn-text, #333);
background-color: var(--bao-ao-expbtn-bg, transparent);
border-color: var(--bao-ao-expbtn-border, rgba(0,0,0,.12));
border-style: var(--bao-ao-expbtn-bstyle, solid);
border-width: var(--bao-ao-expbtn-bw, 1px);
border-radius: var(--bao-ao-expbtn-brad, 0.5rem);
padding: var(--bao-ao-expbtn-pt, 0.35rem) var(--bao-ao-expbtn-pr, 0.6rem) var(--bao-ao-expbtn-pb, 0.35rem) var(--bao-ao-expbtn-pl, 0.6rem);
margin: var(--bao-ao-expbtn-mt, 0) var(--bao-ao-expbtn-mr, 0) var(--bao-ao-expbtn-mb, 0) var(--bao-ao-expbtn-ml, 0);
font-size: var(--bao-ao-expbtn-fs, 0.875rem);
font-weight: var(--bao-ao-expbtn-fw, 400);
font-style: var(--bao-ao-expbtn-fst, normal);
text-decoration: var(--bao-ao-expbtn-td, none);
cursor: pointer;
display: inline-block;
transition: all 0.2s ease;
}
#botsauto-attachments-overview .botsauto-overview-expand-all:hover,
#botsauto-attachments-overview .botsauto-overview-collapse-all:hover {
color: var(--bao-ao-expbtn-hover-text, #0073aa);
background-color: var(--bao-ao-expbtn-hover-bg, rgba(0,115,170,0.1));
border-color: var(--bao-ao-expbtn-hover-border, #0073aa);
}
#botsauto-attachments-overview .botsauto-overview-expand-all:active,
#botsauto-attachments-overview .botsauto-overview-collapse-all:active {
color: var(--bao-ao-expbtn-active-text, #005a87);
background-color: var(--bao-ao-expbtn-active-bg, rgba(0,115,170,0.2));
border-color: var(--bao-ao-expbtn-active-border, #005a87);
}
#botsauto-attachments-overview .botsauto-overview-expand-all:focus-visible,
#botsauto-attachments-overview .botsauto-overview-collapse-all:focus-visible {
color: var(--bao-ao-expbtn-focus-text);
background-color: var(--bao-ao-expbtn-focus-bg);
border-color: var(--bao-ao-expbtn-focus-border);
outline: 2px solid var(--bao-ao-expbtn-focus-border);
outline-offset: 2px;
}
#botsauto-attachments-overview .botsauto-overview-clear-filters { color: var(--bao-ao-clearbtn-text);
background-color: var(--bao-ao-clearbtn-bg);
border-color: var(--bao-ao-clearbtn-border);
border-style: var(--bao-ao-clearbtn-bstyle);
border-width: var(--bao-ao-clearbtn-bw);
border-radius: var(--bao-ao-clearbtn-brad);
padding: var(--bao-ao-clearbtn-pt) var(--bao-ao-clearbtn-pr) var(--bao-ao-clearbtn-pb) var(--bao-ao-clearbtn-pl);
margin: var(--bao-ao-clearbtn-mt) var(--bao-ao-clearbtn-mr) var(--bao-ao-clearbtn-mb) var(--bao-ao-clearbtn-ml);
font-size: var(--bao-ao-clearbtn-fs);
font-weight: var(--bao-ao-clearbtn-fw);
font-style: var(--bao-ao-clearbtn-fst);
text-decoration: var(--bao-ao-clearbtn-td);
cursor: pointer;
display: inline-block;
}
#botsauto-attachments-overview .botsauto-overview-clear-filters:hover {
color: var(--bao-ao-clearbtn-hover-text);
background-color: var(--bao-ao-clearbtn-hover-bg);
border-color: var(--bao-ao-clearbtn-hover-border);
}
#botsauto-attachments-overview .botsauto-overview-clear-filters:active {
color: var(--bao-ao-clearbtn-active-text);
background-color: var(--bao-ao-clearbtn-active-bg);
border-color: var(--bao-ao-clearbtn-active-border);
}
#botsauto-attachments-overview .botsauto-overview-clear-filters:focus-visible {
color: var(--bao-ao-clearbtn-focus-text);
background-color: var(--bao-ao-clearbtn-focus-bg);
border-color: var(--bao-ao-clearbtn-focus-border);
outline: 2px solid var(--bao-ao-clearbtn-focus-border);
outline-offset: 2px;
} #botsauto-attachments-overview .botsauto-overview-item-head > .botsauto-overview-item-toggle:hover {
color: var(--ba-link-hover);
background-color: rgba(0, 115, 170, 0.1);
} #botsauto-attachments-overview .botsauto-overview-item-toggle:hover {
color: var(--ba-link-hover);
background-color: rgba(0, 115, 170, 0.1);
}
#botsauto-attachments-overview .botsauto-overview-result-count {
color: var(--ba-attachments-list-text, #0073aa);
font-size: 12px;
font-style: italic;
margin-top: 8px;
} #botsauto-attachments-overview:empty {
display: none;
}  #botsauto-attachments-overview .botsauto-overview-search {
display: flex;
flex-wrap: wrap; gap: 0.5rem; align-items: center;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden; } #botsauto-attachments-overview .botsauto-overview-search input,
#botsauto-attachments-overview .botsauto-overview-search select,
#botsauto-attachments-overview .botsauto-overview-search button {
display: inline-flex; align-items: center;
min-width: 0; max-width: 100%;
box-sizing: border-box;
overflow: hidden;
flex-shrink: 1; } #botsauto-attachments-overview .botsauto-overview-search input,
#botsauto-attachments-overview .botsauto-overview-search select,
#botsauto-attachments-overview .botsauto-overview-search button {
min-width: 0; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } #botsauto-attachments-overview .botsauto-overview-search select {
min-width: 0;
max-width: 100%;
flex: 1 1 auto; } #botsauto-attachments-overview .botsauto-overview-search input {
min-width: 0;
max-width: 100%;
flex: 1 1 auto; } #botsauto-attachments-overview .botsauto-overview-search button {
min-width: fit-content; flex-shrink: 1;
white-space: nowrap;
} [dir="rtl"] #botsauto-attachments-overview .botsauto-overview-search { } @media (max-width: 640px) {
#botsauto-attachments-overview {
margin-top: 1.5rem;
padding: 1rem;
}
#botsauto-attachments-overview .botsauto-overview-title {
font-size: 1.1rem;
}
#botsauto-attachments-overview .botsauto-overview-item {
padding: 0.75rem;
}
#botsauto-attachments-overview .botsauto-overview-item-title {
font-size: 1rem;
}
#botsauto-attachments-overview .botsauto-overview-file-actions {
flex-direction: column;
gap: 4px;
} #botsauto-attachments-overview .botsauto-overview-search {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
}
#botsauto-attachments-overview .botsauto-overview-search input,
#botsauto-attachments-overview .botsauto-overview-search select,
#botsauto-attachments-overview .botsauto-overview-search button {
width: 100%;
max-width: 100%;
flex: none; }
} @media (max-width: 480px) {
#botsauto-attachments-overview .botsauto-overview-search input,
#botsauto-attachments-overview .botsauto-overview-search select,
#botsauto-attachments-overview .botsauto-overview-search button {
font-size: 0.95em;
padding: 0.35rem 0.5rem;
} #botsauto-attachments-overview .botsauto-overview-attachments li {
align-items: flex-start;
}
#botsauto-attachments-overview .botsauto-overview-file-info {
flex-basis: 100%; }
#botsauto-attachments-overview .botsauto-overview-file-actions {
flex-basis: auto; margin-left: 0;
margin-top: 0.5rem;
}
}  .botsauto-license-text a {
text-decoration: underline;
color: inherit;
}
.botsauto-license-text img {
vertical-align: text-bottom;
height: 22px;
margin-left: 3px;
}  .botsauto-checklist label[for="remove-password-protection-checkbox"] {
margin-inline-start: 6px;
vertical-align: middle;
} .botsauto-checklist .botsauto-remove-protection input[type="checkbox"][name="remove_password_protection"] {
flex-shrink: 0;
flex-grow: 0;
}  .botsauto-checklist .ba-ev__row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--ba-ev-row-gap, 8px);
margin-top: 0; padding-top: 0; }   @media (min-width: 768px) { .botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline {
align-items: flex-start !important; }  .botsauto-checklist-root .botsauto-field:has(label[for="botsauto-existing"]) #botsauto-existing,
.botsauto-checklist-root .botsauto-field #botsauto-existing {
margin-top: 0 !important;
min-height: auto; align-self: start !important; } .botsauto-checklist-root .botsauto-field:has(label[for="botsauto-existing"]) {
align-items: start; } .botsauto-checklist-root .botsauto-field > .ba-ev__row:first-child,
.botsauto-checklist-root .botsauto-field > .ba-ev__row {
margin-top: 0 !important;
padding-top: 0 !important;
} .botsauto-checklist-root .botsauto-field .botsauto-email-verification {
margin-top: 0 !important;
padding-top: 0 !important;
}  .botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline .ba-ev__badge-container,
.botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline .ba-ev__change,
.botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline .ba-ev__email {
align-self: flex-start; margin-top: 0;
padding-top: 0;
} .botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline > *:first-child {
margin-top: 0;
padding-top: 0;
}
.botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
} .botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline .ba-ev__badge-container,
.botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline .ba-ev__badge-container * {
margin-top: 0;
padding-top: 0;
vertical-align: top; } .botsauto-checklist-root .botsauto-field > .ba-ev__row.ba-ev--inline .ba-ev__change {
margin-top: 0;
padding-top: 0;
vertical-align: top;
}
} .botsauto-checklist .ba-ev__row .ba-ev__badge-container,
.botsauto-checklist .ba-ev__row .ba-ev__change {
line-height: 1.2; align-self: center; } .botsauto-checklist .ba-ev__row.ba-ev--inline {
flex-direction: row !important;
flex-wrap: wrap;
} .botsauto-checklist .ba-ev__row.ba-ev--stacked {
flex-direction: column !important;
align-items: stretch;
} .botsauto-checklist .ba-ev__row[data-layout-mode="inline"] {
flex-direction: row !important;
}
.botsauto-checklist .ba-ev__row[data-layout-mode="stacked"] {
flex-direction: column !important;
align-items: stretch;
} .botsauto-checklist .ba-ev__row .ba-ev__email {
flex: 1 1 auto;
min-width: 200px;
} .botsauto-checklist .ba-ev__row .ba-ev__badge-container {
flex: 0 0 auto;
} .botsauto-checklist .ba-ev__row .ba-ev__change {
flex: 0 0 auto;
white-space: nowrap;
} .botsauto-checklist .ba-ev__row[data-badge-visible="false"] .ba-ev__badge-container {
display: none !important;
} .botsauto-checklist .ba-ev__row[data-change-button-visible="false"] .ba-ev__change {
display: none !important;
} .botsauto-checklist .ba-ev__badge--pill {
border-radius: var(--ba-ev-radius, 8px);
padding: 6px 12px;
}
.botsauto-checklist .ba-ev__badge--text-only {
border-radius: 0;
padding: 6px 0;
background: transparent !important;
border: none !important;
} .botsauto-checklist .ba-ev__change--primary {
background: var(--ba-ev-btn-bg, #2b6cb0) !important;
color: var(--ba-ev-btn-text, #ffffff) !important;
border-color: var(--ba-ev-btn-border, transparent) !important;
}
.botsauto-checklist .ba-ev__change--primary:hover {
background: var(--ba-ev-btn-bg-hover, #2c5282) !important;
}
.botsauto-checklist .ba-ev__change--secondary {
background: transparent !important;
color: var(--ba-ev-btn-bg, #2b6cb0) !important;
border: 1px solid var(--ba-ev-btn-bg, #2b6cb0) !important;
}
.botsauto-checklist .ba-ev__change--secondary:hover {
background: var(--ba-ev-btn-bg, #2b6cb0) !important;
color: var(--ba-ev-btn-text, #ffffff) !important;
}
.botsauto-checklist .ba-ev__change--link {
background: transparent !important;
color: var(--ba-ev-btn-bg, #2b6cb0) !important;
border: none !important;
text-decoration: underline;
padding: 0 !important;
}
.botsauto-checklist .ba-ev__change--link:hover {
text-decoration: none;
} .botsauto-checklist .botsauto-email-verification {
margin-top: 10px;
}     .botsauto-checklist #ba-ev[data-visible="false"],
.botsauto-checklist #ba-ev:not([data-visible]) {
display: none !important;
} .botsauto-checklist #ba-ev[data-visible="true"] {
display: block;
} .botsauto-checklist #ba-ev:empty {
display: none !important;
} .botsauto-checklist #botsauto-email-verification {
display: none !important; } .botsauto-checklist .ba-ev { 
font-size: var(--ba-ev-font-size,14px); 
gap: var(--ba-ev-gap,8px); 
} .botsauto-checklist .ba-ev__email,
.botsauto-checklist .ba-ev__code {
background: var(--ba-ev-input-bg,#fff);
color: var(--ba-ev-input-text,#1a202c);
border: 1px solid var(--ba-ev-input-border,#cbd5e0);
border-radius: var(--ba-ev-radius,8px);
padding: 8px 12px;
font-size: var(--ba-ev-font-size,14px);
}
.botsauto-checklist .ba-ev__email:focus,
.botsauto-checklist .ba-ev__code:focus {
outline: 2px solid var(--ba-ev-input-focus,#3182ce);
outline-offset: 1px;
} .botsauto-checklist .ba-ev__send,
.botsauto-checklist .ba-ev__verify,
.botsauto-checklist .ba-ev__resend,
.botsauto-checklist .ba-ev__change {
background: var(--ba-ev-btn-bg,#2b6cb0);
color: var(--ba-ev-btn-text,#fff);
border: 1px solid var(--ba-ev-btn-border,transparent);
border-radius: var(--ba-ev-radius,8px);
padding: 8px 16px;
font-size: var(--ba-ev-font-size,14px);
cursor: pointer;
transition: background-color 0.2s ease;
}
.botsauto-checklist .ba-ev__send:hover,
.botsauto-checklist .ba-ev__verify:hover,
.botsauto-checklist .ba-ev__resend:hover,
.botsauto-checklist .ba-ev__change:hover {
background: var(--ba-ev-btn-bg-hover,#2c5282);
} .botsauto-checklist .ba-ev__msg {
padding: 8px 12px;
border-radius: var(--ba-ev-radius,8px);
margin-top: var(--ba-ev-gap,8px);
font-size: var(--ba-ev-font-size,14px);
}
.botsauto-checklist .ba-ev__msg--success { 
background: var(--ba-ev-success-bg,#e6fffa); 
color: var(--ba-ev-success-text,#065f46); 
border: 1px solid var(--ba-ev-success-bg,#e6fffa);
}
.botsauto-checklist .ba-ev__msg--error { 
background: var(--ba-ev-error-bg,#fef2f2); 
color: var(--ba-ev-error-text,#991b1b); 
border: 1px solid var(--ba-ev-error-bg,#fef2f2);
}
.botsauto-checklist .ba-ev__msg--info { 
background: var(--ba-ev-info-bg,#eff6ff); 
color: var(--ba-ev-info-text,#1e40af); 
border: 1px solid var(--ba-ev-info-bg,#eff6ff);
} .botsauto-checklist .ba-ev__badge--verified { 
background: var(--ba-ev-badge-bg,#e6fffa); 
color: var(--ba-ev-badge-text,#065f46); 
border-radius: var(--ba-ev-radius,8px);
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
font-size: var(--ba-ev-font-size,14px);
}
.botsauto-checklist .ba-ev__badge--verified .ba-ev__icon {
color: var(--ba-ev-badge-icon-color, currentColor);
fill: var(--ba-ev-badge-icon-color, currentColor);
}
.botsauto-checklist .ba-ev__success--hidden,
.botsauto-checklist #botsauto-verification-success-standalone[hidden] {
display: none !important;
} .botsauto-checklist .ba-ev__form {
margin-top: var(--ba-ev-gap);
} .botsauto-checklist .ba-ev__actions {
display: flex;
gap: var(--ba-ev-gap);
align-items: center;
flex-wrap: wrap;
} .botsauto-checklist .ba-ev__message {
margin-top: var(--ba-ev-gap);
} .botsauto-checklist .ba-ev__countdown {
margin-top: 5px;
font-size: calc(var(--ba-ev-font-size) - 2px);
color: #666;
} .botsauto-checklist .ba-ev__badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: var(--ba-ev-radius);
font-size: var(--ba-ev-font-size);
} .botsauto-checklist .ba-ev__badge i,
.botsauto-checklist .ba-ev__badge svg {
font-size: 1.2em;
} @media (max-width: 640px) {
.botsauto-checklist .ba-ev__actions {
flex-direction: column;
align-items: stretch;
}
.botsauto-checklist .ba-ev__actions > * {
width: 100%;
}
}   .botsauto-checklist .botsauto-csv-import-row,
.botsauto-checklist-root .botsauto-csv-import-row {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-block: var(--botsauto-csv-row-mb, 0px); } .botsauto-checklist .botsauto-csv-import-row .botsauto-csv-import-buttons,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-import-buttons {
display: flex;
align-items: center;
gap: var(--botsauto-csv-row-gap, 8px); flex-wrap: wrap; } .botsauto-checklist .botsauto-csv-import-row label,
.botsauto-checklist .botsauto-csv-import-row span,
.botsauto-checklist .botsauto-csv-import-row button,
.botsauto-checklist-root .botsauto-csv-import-row label,
.botsauto-checklist-root .botsauto-csv-import-row span,
.botsauto-checklist-root .botsauto-csv-import-row button {
margin: 0;
line-height: 1.2;
} .botsauto-checklist .botsauto-csv-import-row input[type="file"],
.botsauto-checklist-root .botsauto-csv-import-row input[type="file"] {
position: absolute;
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
z-index: -1;
clip: rect(0, 0, 0, 0);
}  .botsauto-checklist .botsauto-csv-import-row .botsauto-file-trigger,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-file-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0; }  .botsauto-checklist .botsauto-csv-import-row .botsauto-csv-preview-btn,
.botsauto-checklist .botsauto-csv-import-row .botsauto-csv-import-btn,
.botsauto-checklist .botsauto-csv-import-row .botsauto-csv-template-btn,
.botsauto-checklist .botsauto-csv-import-row .botsauto-csv-export-btn,
.botsauto-checklist .botsauto-csv-import-row .botsauto-submit-row .botsauto-btn,
.botsauto-checklist .botsauto-csv-import-row .botsauto-pdf-download,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-preview-btn,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-import-btn,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-template-btn,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-export-btn,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-submit-row .botsauto-btn,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-pdf-download {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: var(--ba-button-margin-top, 10px);
margin-right: var(--ba-button-margin-right, 10px);
margin-bottom: var(--ba-button-margin-bottom, 10px);
margin-left: var(--ba-button-margin-left, 10px);
width: auto !important; flex: 0 0 auto;  } .botsauto-checklist .botsauto-csv-import-row .botsauto-btn,
.botsauto-checklist .botsauto-csv-import-row .botsauto-btn-primary,
.botsauto-checklist .botsauto-csv-import-row .botsauto-a11y-large,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-btn,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-btn-primary,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-a11y-large {
margin-top: var(--ba-button-margin-top, 10px);
margin-right: var(--ba-button-margin-right, 10px);
margin-bottom: var(--ba-button-margin-bottom, 10px);
margin-left: var(--ba-button-margin-left, 10px);
width: auto !important; flex: 0 0 auto; } .botsauto-checklist .botsauto-csv-import-row .botsauto-csv-selected-file,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-selected-file {
display: block;
margin-top: 0.25rem;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}   @media (max-width: 640px) {
.botsauto-checklist .botsauto-csv-import-row .botsauto-csv-import-buttons,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-import-buttons { flex-wrap: wrap; }
.botsauto-checklist .botsauto-csv-import-row .botsauto-csv-selected-file,
.botsauto-checklist-root .botsauto-csv-import-row .botsauto-csv-selected-file {
max-width: 100%;
}
}   .botsauto-logo--editable {
position: relative;
cursor: pointer;
transition: opacity 0.2s ease, transform 0.15s ease;
}
.botsauto-logo--editable:hover {
opacity: 0.9;
}
.botsauto-logo--editable:focus {
outline: 2px solid currentColor;
outline-offset: 4px;
border-radius: 4px;
}
.botsauto-logo--editable:focus:not(:focus-visible) {
outline: none;
}
.botsauto-logo--editable:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
} .botsauto-logo__edit-hint {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 0.75rem;
padding: 4px 8px;
text-align: center;
opacity: 0;
transform: translateY(100%);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
border-radius: 0 0 4px 4px;
white-space: nowrap;
}
.botsauto-logo--editable:hover .botsauto-logo__edit-hint,
.botsauto-logo--editable:focus .botsauto-logo__edit-hint {
opacity: 1;
transform: translateY(0);
} .botsauto-logo--uploading {
pointer-events: none;
opacity: 0.6;
}
.botsauto-logo--uploading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: #333;
border-radius: 50%;
animation: botsauto-logo-spin 0.8s linear infinite;
}
@keyframes botsauto-logo-spin {
to {
transform: rotate(360deg);
}
} .botsauto-logo--success {
animation: botsauto-logo-success-pulse 0.4s ease;
}
@keyframes botsauto-logo-success-pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.03);
}
} .botsauto-logo--editable img {
display: block;
max-width: 100%;
height: auto;
} .botsauto-logo--editable[data-has-custom="true"] {
box-shadow: 0 0 0 2px rgba(0, 128, 0, 0.2);
border-radius: 4px;
} @media (max-width: 640px) {
.botsauto-logo__edit-hint {
font-size: 0.65rem;
padding: 3px 6px;
}
.botsauto-logo--uploading::after {
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
}
} @media (prefers-contrast: high) {
.botsauto-logo--editable:focus {
outline-width: 3px;
}
.botsauto-logo__edit-hint {
background: #000;
color: #fff;
}
} @media (prefers-reduced-motion: reduce) {
.botsauto-logo--editable,
.botsauto-logo__edit-hint {
transition: none;
}
.botsauto-logo--uploading::after {
animation: none;
border-color: #333;
}
.botsauto-logo--success {
animation: none;
}
}  body.botsauto-ai-prompt-modal-open {
overflow: hidden;
} .botsauto-ai-prompt-modal {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
justify-content: center;
align-items: center;
padding: 24px;
box-sizing: border-box;
} .botsauto-ai-prompt-modal__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--ba-ai-modal-overlay, rgba(0, 0, 0, 0.5));
cursor: pointer;
} .botsauto-ai-prompt-modal__dialog {
position: relative;
background-color: var(--ba-ai-modal-bg, #ffffff);
color: var(--ba-ai-modal-text, #333333);
border: 1px solid var(--ba-ai-modal-border, #cccccc);
border-radius: var(--ba-ai-modal-radius, 12px);
box-shadow: var(--ba-ai-modal-shadow, 0 8px 32px rgba(0, 0, 0, 0.25));
max-width: var(--ba-ai-modal-max-width, 900px);
width: calc(100% - 48px);
min-width: 320px;
max-height: 90vh;
display: flex;
flex-direction: column;
overflow: hidden;
animation: botsauto-modal-appear 0.2s ease-out;
}
@keyframes botsauto-modal-appear {
from {
opacity: 0;
transform: scale(0.95) translateY(-10px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
} .botsauto-ai-prompt-modal__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 24px;
border-bottom: 1px solid var(--ba-ai-modal-border, #e0e0e0);
flex-shrink: 0;
} .botsauto-ai-prompt-modal__title {
margin: 0;
padding: 0;
font-size: var(--ba-ai-modal-title-font-size, 20px);
font-weight: 600;
color: var(--ba-ai-modal-title-color, #333333);
display: flex;
align-items: center;
gap: 10px;
line-height: 1.35;
}
.botsauto-ai-prompt-modal__title i {
font-size: 1em;
opacity: 0.8;
} .botsauto-ai-prompt-modal__close-icon {
background: transparent;
border: none;
padding: 10px;
margin: -10px -10px -10px 12px;
cursor: pointer;
color: var(--ba-ai-modal-text, #333333);
opacity: 0.6;
transition: opacity 0.2s ease, background-color 0.2s ease;
font-size: 18px;
line-height: 1;
border-radius: 6px;
}
.botsauto-ai-prompt-modal__close-icon:hover,
.botsauto-ai-prompt-modal__close-icon:focus {
opacity: 1;
outline: none;
background-color: rgba(0, 0, 0, 0.06);
} .botsauto-ai-prompt-modal__body {
padding: 28px 28px 24px 28px;
overflow-y: auto;
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
} .botsauto-ai-prompt-modal__description {
margin: 0 0 20px 0;
padding: 0;
font-size: 15px;
color: var(--ba-ai-modal-text, #666666);
opacity: 0.85;
line-height: 1.65;
letter-spacing: 0.01em;
} .botsauto-ai-prompt-modal__textarea {
width: 100%;
height: var(--ba-ai-modal-textarea-height, 380px);
min-height: 220px;
max-height: 65vh;
padding: 20px 22px;
border: 1px solid var(--ba-ai-modal-textarea-border, #dee2e6);
border-radius: 10px;
background-color: var(--ba-ai-modal-textarea-bg, #f8f9fa);
color: var(--ba-ai-modal-textarea-text, #333333);
font-family: var(--ba-ai-modal-textarea-font, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace);
font-size: var(--ba-ai-modal-textarea-font-size, 14px);
line-height: 1.75;
letter-spacing: 0.015em;
tab-size: 4;
resize: vertical;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
flex: 1;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: pre-wrap;
scroll-behavior: smooth;
}
.botsauto-ai-prompt-modal__textarea:focus {
outline: none;
border-color: var(--ba-ai-modal-copy-btn-bg, #007cba);
box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.12);
} .botsauto-ai-prompt-modal__textarea::-webkit-scrollbar {
width: 10px;
}
.botsauto-ai-prompt-modal__textarea::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.04);
border-radius: 5px;
margin: 4px;
}
.botsauto-ai-prompt-modal__textarea::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.18);
border-radius: 5px;
border: 2px solid transparent;
background-clip: padding-box;
}
.botsauto-ai-prompt-modal__textarea::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.28);
background-clip: padding-box;
} .botsauto-ai-prompt-modal__footer {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 18px 24px;
border-top: 1px solid var(--ba-ai-modal-border, #e0e0e0);
flex-shrink: 0;
background-color: rgba(0, 0, 0, 0.02);
} .botsauto-ai-prompt-modal__copy-btn,
.botsauto-ai-prompt-modal__close-btn {
padding: 11px 22px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
line-height: 1;
} .botsauto-ai-prompt-modal__copy-btn {
background-color: var(--ba-ai-modal-copy-btn-bg, #007cba);
color: var(--ba-ai-modal-copy-btn-text, #ffffff);
}
.botsauto-ai-prompt-modal__copy-btn:hover,
.botsauto-ai-prompt-modal__copy-btn:focus {
filter: brightness(1.1);
outline: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.botsauto-ai-prompt-modal__copy-btn:active {
transform: scale(0.98);
} .botsauto-ai-prompt-modal__copy-btn--success {
background-color: #28a745 !important;
color: #ffffff !important;
} .botsauto-ai-prompt-modal__close-btn {
background-color: var(--ba-ai-modal-close-btn-bg, #6c757d);
color: var(--ba-ai-modal-close-btn-text, #ffffff);
}
.botsauto-ai-prompt-modal__close-btn:hover,
.botsauto-ai-prompt-modal__close-btn:focus {
filter: brightness(1.1);
outline: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.botsauto-ai-prompt-modal__close-btn:active {
transform: scale(0.98);
} @media (min-width: 1200px) {
.botsauto-ai-prompt-modal__dialog {
width: min(calc(100% - 80px), var(--ba-ai-modal-max-width, 900px));
}
.botsauto-ai-prompt-modal__body {
padding: 32px;
}
.botsauto-ai-prompt-modal__textarea {
padding: 24px 26px;
line-height: 1.8;
}
} @media (max-width: 960px) {
.botsauto-ai-prompt-modal {
padding: 20px;
}
.botsauto-ai-prompt-modal__dialog {
width: calc(100% - 40px);
max-width: none;
}
.botsauto-ai-prompt-modal__body {
padding: 24px;
}
.botsauto-ai-prompt-modal__textarea {
padding: 18px 20px;
}
} @media (max-width: 640px) {
.botsauto-ai-prompt-modal {
padding: 12px;
}
.botsauto-ai-prompt-modal__dialog {
width: calc(100% - 24px);
min-width: 280px;
max-width: none;
max-height: 94vh;
border-radius: var(--ba-ai-modal-radius, 10px);
}
.botsauto-ai-prompt-modal__header {
padding: 16px 18px;
}
.botsauto-ai-prompt-modal__title {
font-size: 17px;
}
.botsauto-ai-prompt-modal__body {
padding: 18px;
}
.botsauto-ai-prompt-modal__description {
font-size: 14px;
margin-bottom: 16px;
}
.botsauto-ai-prompt-modal__textarea {
font-size: 13px;
height: 280px;
min-height: 200px;
padding: 16px;
line-height: 1.7;
border-radius: 8px;
}
.botsauto-ai-prompt-modal__footer {
padding: 16px 18px;
flex-direction: column-reverse;
gap: 10px;
}
.botsauto-ai-prompt-modal__copy-btn,
.botsauto-ai-prompt-modal__close-btn {
width: 100%;
justify-content: center;
padding: 13px 20px;
}
} @media (max-width: 400px) {
.botsauto-ai-prompt-modal {
padding: 8px;
}
.botsauto-ai-prompt-modal__dialog {
width: calc(100% - 16px);
min-width: 260px;
}
.botsauto-ai-prompt-modal__header,
.botsauto-ai-prompt-modal__body,
.botsauto-ai-prompt-modal__footer {
padding-left: 14px;
padding-right: 14px;
}
.botsauto-ai-prompt-modal__textarea {
padding: 14px;
font-size: 12.5px;
min-height: 180px;
}
} @media (prefers-contrast: high) {
.botsauto-ai-prompt-modal__dialog {
border-width: 2px;
}
.botsauto-ai-prompt-modal__textarea {
border-width: 2px;
}
.botsauto-ai-prompt-modal__copy-btn:focus,
.botsauto-ai-prompt-modal__close-btn:focus {
outline: 3px solid currentColor;
outline-offset: 2px;
}
} @media (prefers-reduced-motion: reduce) {
.botsauto-ai-prompt-modal__dialog {
animation: none;
}
.botsauto-ai-prompt-modal__copy-btn,
.botsauto-ai-prompt-modal__close-btn,
.botsauto-ai-prompt-modal__close-icon,
.botsauto-ai-prompt-modal__textarea {
transition: none;
}
.botsauto-ai-prompt-modal__textarea {
scroll-behavior: auto;
}
}