/* Bizplin content system. Navigation and editor geometry keep their own rules. */
@font-face{font-family:BizplinHKGrotesk;src:url('./fonts/hkgrotesk-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:BizplinHKGrotesk;src:url('./fonts/hkgrotesk-medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:BizplinHKGrotesk;src:url('./fonts/hkgrotesk-semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:BizplinHKGrotesk;src:url('./fonts/hkgrotesk-bold.woff') format('woff');font-weight:700 900;font-display:swap}
html[data-automation-design]{--bp-font:BizplinHKGrotesk,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--bp-body:#f3f3f9;--bp-paper:#fff;--bp-field:#fff;--bp-soft:#f6f7f9;--bp-text:#212529;--bp-muted:#687080;--bp-border:#e9ebec;--bp-input-border:#ced4da;--bp-accent:#405189;--bp-selected:rgba(64,81,137,.08);--bp-shadow:0 1px 3px rgba(33,37,41,.05)}
html[data-automation-design][data-theme=dark]{--bp-body:#1a1d21;--bp-paper:#212529;--bp-field:#262a2f;--bp-soft:#262a2f;--bp-text:#e9ecef;--bp-muted:#adb5bd;--bp-border:#32383e;--bp-input-border:#495057;--bp-accent:#8c9ed6;--bp-selected:rgba(140,158,214,.1);--bp-shadow:0 1px 3px rgba(0,0,0,.1)}
html[data-automation-design] body{font-family:var(--bp-font)!important;font-size:14px;color:var(--bp-text);background:var(--bp-body)!important;line-height:1.5}
html[data-automation-design] :is(button,input,select,textarea){font-family:var(--bp-font)}
html[data-automation-design] :is(.MuiTypography-root,.MuiButton-root,.MuiInputBase-root,.MuiMenuItem-root,.MuiTableCell-root,.MuiTab-root,.MuiTooltip-tooltip,.MuiChip-root,.MuiDataGrid-root,.swal2-popup){font-family:var(--bp-font)}
html[data-automation-design] :is(.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6,.MuiDialogTitle-root){font-weight:500}
html[data-automation-design] .MuiButton-root{font-weight:500;font-size:13px;line-height:1.5;min-height:32px;border-radius:5px;box-shadow:none}
html[data-automation-design] .MuiCard-root{border:1px solid var(--bp-border);border-radius:6px;background:var(--bp-paper);box-shadow:var(--bp-shadow)}
html[data-automation-design] .MuiCard-root:hover{transform:none;box-shadow:var(--bp-shadow)}
html[data-automation-design] .MuiDialog-paper{border:1px solid var(--bp-border);border-radius:8px;background:var(--bp-paper);background-image:none;max-height:calc(100dvh - 32px)}
html[data-automation-design] .MuiDialogTitle-root{font-size:18px;padding:16px 20px;border-bottom:1px solid var(--bp-border)}
html[data-automation-design] .MuiDialogActions-root{padding:12px 20px;gap:6px;border-top:1px solid var(--bp-border)}
html[data-automation-design] :is(.MuiInputBase-root,.MuiSelect-select){font-size:13px}
html[data-automation-design] .MuiOutlinedInput-root{border-radius:5px;background:var(--bp-field)}
html[data-automation-design] .MuiOutlinedInput-notchedOutline{border-color:var(--bp-input-border)}
html[data-automation-design] .MuiInputBase-input::placeholder{color:var(--bp-muted);opacity:.8}
html[data-automation-design] .MuiMenu-paper,html[data-automation-design] .MuiAutocomplete-paper{border:1px solid var(--bp-border);border-radius:6px;background:var(--bp-paper);color:var(--bp-text);box-shadow:0 5px 16px rgba(0,0,0,.14);max-height:min(340px,calc(100dvh - 32px))}
html[data-automation-design] .MuiMenu-list{padding:5px}
html[data-automation-design] .MuiMenuItem-root{min-height:34px;font-size:13px;border-radius:4px;white-space:normal}
html[data-automation-design] .MuiAutocomplete-listbox{max-height:min(300px,calc(100dvh - 96px));overscroll-behavior:contain}
html[data-automation-design] .MuiSelect-icon{color:var(--bp-muted)}
/* Preserve MUI's icon anchoring and size, including pagination and open menus. */
html[data-automation-design] .MuiSelect-icon{width:20px;height:20px;top:calc(50% - 10px);flex-shrink:0;pointer-events:none}
html[data-automation-design] :is(.MuiDataGrid-root,.MuiTableContainer-root){min-width:0;max-width:100%}
html[data-automation-design] :is(.automation-sessions-scroll,.MuiTableContainer-root,.MuiDataGrid-virtualScroller){scrollbar-width:thin;scrollbar-color:var(--bp-muted) var(--bp-soft);overscroll-behavior-x:contain}
html[data-automation-design] :is(.automation-sessions-scroll,.MuiTableContainer-root,.MuiDataGrid-virtualScroller)::-webkit-scrollbar{width:8px;height:8px}
html[data-automation-design] :is(.automation-sessions-scroll,.MuiTableContainer-root,.MuiDataGrid-virtualScroller)::-webkit-scrollbar-thumb{background:var(--bp-muted);border:2px solid var(--bp-soft);border-radius:6px}
html[data-automation-design] :is(.automation-sessions-scroll,.MuiTableContainer-root,.MuiDataGrid-virtualScroller)::-webkit-scrollbar-track{background:var(--bp-soft)}
html[data-automation-design] .MuiTablePagination-root{min-width:0;max-width:100%}
@media(max-width:600px){html[data-automation-design] .bizplin-api-log-toolbar{padding:12px}html[data-automation-design] .bizplin-api-log-toolbar>.MuiStack-root{flex-direction:column;align-items:stretch;gap:12px}html[data-automation-design] .bizplin-api-log-toolbar>.MuiStack-root>.MuiStack-root{min-width:0;flex-wrap:wrap;row-gap:6px}}
@media(max-width:600px){html[data-automation-design] .MuiDataGrid-footerContainer{flex-wrap:wrap;justify-content:flex-end}html[data-automation-design] .MuiTablePagination-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:6px 8px}html[data-automation-design] .MuiTablePagination-spacer{display:none}html[data-automation-design] .MuiTablePagination-selectLabel,html[data-automation-design] .MuiTablePagination-displayedRows{margin:4px 0}html[data-automation-design] .MuiTablePagination-actions{margin-left:8px}html[data-automation-design] .MuiTablePagination-input{margin-left:4px;margin-right:8px}}
html[data-automation-design] :is(.MuiTableContainer-root,.MuiDataGrid-root){border-color:var(--bp-border);border-radius:6px;background:var(--bp-paper)}
html[data-automation-design] .MuiTableCell-root{font-size:13px;padding:10px 12px;border-color:var(--bp-border);color:var(--bp-text)}
html[data-automation-design] .MuiTableCell-head{font-weight:500;background:var(--bp-soft);color:var(--bp-muted)}
html[data-automation-design] :is(.MuiDataGrid-columnHeaders,.MuiDataGrid-columnHeader){background:var(--bp-soft);color:var(--bp-muted)}
html[data-automation-design] .MuiDataGrid-columnHeaderTitle{font-weight:500}
html[data-automation-design] .MuiDataGrid-cell{border-color:var(--bp-border)}
html[data-automation-design] .MuiTableRow-root:hover{background-color:var(--bp-selected)}
html[data-automation-design] .MuiTab-root{font-size:13px;font-weight:500;text-transform:none;min-height:40px}
html[data-automation-design] .swal2-popup{border:1px solid var(--bp-border);border-radius:8px;background:var(--bp-paper);color:var(--bp-text);font-size:14px}
html[data-automation-design] .swal2-title{font-size:20px;font-weight:500;color:var(--bp-text)}
html[data-automation-design] .swal2-html-container{font-size:14px;color:var(--bp-muted)}
html[data-automation-design] .swal2-styled{font-family:var(--bp-font);font-size:13px;font-weight:500;border-radius:5px;box-shadow:none}
html[data-automation-design] .swal2-confirm{background:#405189}
html[data-automation-design] .swal2-input{font-size:13px;background:var(--bp-field);color:var(--bp-text);border:1px solid var(--bp-input-border);border-radius:5px}
html[data-automation-design] .btn{font-family:var(--bp-font);font-size:13px;font-weight:500;border-radius:5px;--vz-primary:#405189;--vz-primary-rgb:64,81,137}
html[data-automation-design] .btn-primary{background:#405189;border-color:#405189;color:#fff}
html[data-automation-design] .btn-outline-primary{color:var(--bp-accent);border-color:var(--bp-accent)}
html[data-automation-design] :is(.bizplin-velzon-inbox,.bizplin-velzon-chat-list,.bizplin-velzon-chat-pane,.bizplin-velzon-info-panel){font-family:var(--bp-font)!important;--vz-body-font-family:var(--bp-font);--vz-body-bg:var(--bp-body);--vz-secondary-bg:var(--bp-paper);--vz-body-color:var(--bp-text);--vz-border-color:var(--bp-border)}
html[data-automation-design] :is(.bizplin-velzon-inbox,.bizplin-velzon-chat-list,.bizplin-velzon-chat-pane,.bizplin-velzon-info-panel) :is(.MuiTypography-root,.MuiInputBase-root,.MuiButton-root,input,textarea,button){font-family:var(--bp-font)!important}
html[data-automation-design] :is(.bizplin-velzon-chat-list,.bizplin-velzon-info-panel){background:var(--bp-paper)!important;border-color:var(--bp-border)!important}
html[data-automation-design] :is(.bizplin-velzon-inbox,.bizplin-velzon-chat-pane){background-color:var(--bp-body)!important}
html[data-automation-design] :is(.bizplin-velzon-inbox,.bizplin-velzon-chat-list,.bizplin-velzon-chat-pane,.bizplin-velzon-info-panel){--vz-chat-primary:var(--bp-accent);--vz-chat-primary-rgb:64,81,137;--vz-chat-body-bg:var(--bp-body);--vz-chat-surface:var(--bp-paper);--vz-chat-input:var(--bp-field);--vz-chat-light:var(--bp-soft);--vz-chat-text:var(--bp-text);--vz-chat-muted:var(--bp-muted);--vz-chat-border:var(--bp-border)}
html[data-automation-design] .biz-cal-root{--cal-bg:var(--bp-body);--cal-paper:var(--bp-paper);--cal-text:var(--bp-text);--cal-muted:var(--bp-muted);--cal-border:var(--bp-border);--cal-input:var(--bp-field);--cal-hover:var(--bp-soft);--cal-primary:#405189;--cal-primary-text:#fff;--vz-body-font-family:var(--bp-font);font-family:var(--bp-font)}
html[data-automation-design] :is(.biz-cal-card,.biz-cal-shell,.biz-cal-form-card,.biz-cal-empty,.biz-cal-summary-card,.biz-cal-click-card,.biz-cal-integration-card,.biz-cal-root .card){border-radius:6px;box-shadow:var(--bp-shadow)}
html[data-automation-design] :is(.biz-cal-button,.biz-cal-input,.biz-cal-search){border-radius:5px;font-size:13px}
html[data-automation-design] :is(.biz-cal-field-label,.biz-cal-nav button.active,.biz-cal-brand-copy strong){font-weight:500}
html[data-automation-design] :is(.biz-cal-page-header h1,.biz-cal-editor-head h1){font-size:20px;font-weight:500}
html[data-automation-design] .biz-cal-root :is(h1,h2,h3,h4,h5,h6){font-family:var(--bp-font)}
html[data-automation-design] .biz-cal-nav button.active{background:var(--bp-selected);color:var(--bp-accent)}
html[data-automation-design] .biz-cal-button-primary{background:#405189!important;color:#fff!important;border-color:#405189!important}
html[data-automation-design] .bizplin-credential-overlay :is(h2,h3){font-weight:500}
html[data-automation-design] .bizplin-credential-overlay > div{max-height:calc(100dvh - 36px);overflow:auto}
html[data-automation-design] :is(input,textarea,select,button,a,[tabindex]):focus-visible{outline:2px solid var(--bp-accent);outline-offset:2px}
html[data-automation-design] :is(.MuiMenu-paper,.MuiDialogContent-root){overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:600px){html[data-automation-design] .MuiDialog-paper:not(.MuiDialog-paperFullScreen){margin:12px;width:calc(100% - 24px);max-width:calc(100% - 24px)}html[data-automation-design] .MuiDialogTitle-root{padding:12px 16px}html[data-automation-design] .MuiDialogActions-root{padding:10px 16px;flex-wrap:wrap}html[data-automation-design] .MuiDialogContent-root{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html[data-automation-design] :is(.MuiCard-root,.MuiButton-root,.MuiDialog-paper){transition:none}}