/* Scoped approved form components. Native inputs, nodes and handlers are retained. */
html[data-panel-ui="glass-v1"]{--panel-dialog-reference-ready:1}
/* Approved v40: source-menus.css */
html[data-panel-ui-ready] .panel-dialogs-dialog > .dialog-card > .dialog-header{display: none;}
html[data-panel-ui-ready] .panel-dialogs{--ui-zoom: 1; --bg: #22262d; --bg0: #1f242b; --bg1: #292e36; --bg2: #222830; --bg3: #303841; --text: #e6ebf1; --text2: #b5bfcc; --text3: #929fae; --border: #d5dfeb20; --border-md: #d5dfeb33; --border-strong: #d5dfeb4d; --teal: #bdccdc; --cyan: #b7cadc; --green: #91bbac; --red: #f3939f; --yellow: #dfc28b; color: var(--text); font-family: inherit; font-size: 13px; line-height: 1.5; box-sizing: border-box; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs *{box-sizing: border-box;}
html[data-panel-ui-ready] .panel-dialogs .modal-header,html[data-panel-ui-ready] .panel-dialogs .step-modal-header,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-header,html[data-panel-ui-ready] .panel-dialogs .comm-modal-header,html[data-panel-ui-ready] .panel-dialogs .notif-modal-head{flex: 0 0 auto; border-bottom-color: rgba(214, 224, 237, 0.125);}
html[data-panel-ui-ready] .panel-dialogs .modal-body,html[data-panel-ui-ready] .panel-dialogs .step-body,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-body,html[data-panel-ui-ready] .panel-dialogs .comm-grid{min-height: 0px; overflow: hidden auto; flex: 1 1 auto; max-height: none; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(101, 116, 135, 0.25) transparent;}
html[data-panel-ui-ready] .panel-dialogs .modal-footer,html[data-panel-ui-ready] .panel-dialogs .step-footer,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-footer,html[data-panel-ui-ready] .panel-dialogs .comm-modal-footer{flex: 0 0 auto; border-top-color: rgba(214, 224, 237, 0.125);}
html[data-panel-ui-ready] .panel-dialogs .modal-title,html[data-panel-ui-ready] .panel-dialogs .step-modal-title,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-title{color: rgb(232, 237, 244); font-weight: 650; font-size: 20px; letter-spacing: -0.5px;}
html[data-panel-ui-ready] .panel-dialogs .modal-close,html[data-panel-ui-ready] .panel-dialogs .step-cancel-btn{color: rgb(178, 189, 202);}
html[data-panel-ui-ready] .panel-dialogs .modal-close svg{width: 16px; height: 16px;}
html[data-panel-ui-ready] .panel-dialogs .btn-submit,html[data-panel-ui-ready] .panel-dialogs .btn-add,html[data-panel-ui-ready] .panel-dialogs .btn-step-next{background: linear-gradient(145deg, rgb(224, 229, 235), rgb(191, 200, 212)); border-color: rgba(228, 237, 249, 0.23); color: rgb(34, 43, 56); font-family: inherit; box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset;}
html[data-panel-ui-ready] .panel-dialogs .btn-submit:hover,html[data-panel-ui-ready] .panel-dialogs .btn-add:hover,html[data-panel-ui-ready] .panel-dialogs .btn-step-next:hover{background: rgb(228, 237, 246); color: rgb(22, 34, 49);}
html[data-panel-ui-ready] .panel-dialogs .btn-cancel,html[data-panel-ui-ready] .panel-dialogs .btn-step-back{font-family: inherit; border-color: rgba(210, 225, 241, 0.16); background: rgba(194, 210, 228, 0.043); color: rgb(185, 198, 213);}
html[data-panel-ui-ready] .panel-dialogs .btn-submit,html[data-panel-ui-ready] .panel-dialogs .btn-cancel,html[data-panel-ui-ready] .panel-dialogs .btn-add,html[data-panel-ui-ready] .panel-dialogs .btn-step-next,html[data-panel-ui-ready] .panel-dialogs .btn-step-back{width: auto; min-height: 38px; margin: 0px; padding: 9px 16px; white-space: nowrap; font-size: 12px; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .btn-submit .spinner-sm,html[data-panel-ui-ready] .panel-dialogs .btn-add .spinner-sm{display: none;}
html[data-panel-ui-ready] .panel-dialogs input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html[data-panel-ui-ready] .panel-dialogs textarea{font-family: inherit; color: rgb(226, 234, 244); background-color: rgba(22, 29, 38, 0.5); border-color: rgba(200, 216, 229, 0.17); outline-color: rgb(173, 190, 209); max-width: 100%; font-size: 13px;}
html[data-panel-ui-ready] .panel-dialogs .field-group,html[data-panel-ui-ready] .panel-dialogs .tk-field,html[data-panel-ui-ready] .panel-dialogs .tmpl-field{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .field-lbl,html[data-panel-ui-ready] .panel-dialogs .new-client-label,html[data-panel-ui-ready] .panel-dialogs .tk-label,html[data-panel-ui-ready] .panel-dialogs .tmpl-field-label{font-size: 12px; font-weight: 550; line-height: 1.4; color: rgb(181, 193, 207);}
html[data-panel-ui-ready] .panel-dialogs input[type="checkbox"],html[data-panel-ui-ready] .panel-dialogs input[type="radio"]{accent-color: rgb(185, 202, 219); flex: 0 0 auto; width: 15px; height: 15px; min-height: 0px; padding: 0px;}
html[data-panel-ui-ready] .panel-dialogs .step-bar-fill,html[data-panel-ui-ready] .panel-dialogs .step-item-num.current,html[data-panel-ui-ready] .panel-dialogs .step-item-num.done{background: rgb(169, 189, 209); color: rgb(32, 46, 62);}
html[data-panel-ui-ready] .panel-dialogs .step-item-label.current{color: rgb(225, 237, 249);}
html[data-panel-ui-ready] .panel-dialogs .channel-card.selected,html[data-panel-ui-ready] .panel-dialogs .channel-card.active,html[data-panel-ui-ready] .panel-dialogs .conn-card.selected,html[data-panel-ui-ready] .panel-dialogs .obj-card.selected,html[data-panel-ui-ready] .panel-dialogs .obj-card.active,html[data-panel-ui-ready] .panel-dialogs .tk-wz-opt.selected,html[data-panel-ui-ready] .panel-dialogs .tk-wz-opt.active{border-color: rgba(179, 204, 227, 0.42); background-color: rgba(196, 214, 229, 0.07); box-shadow: none;}
html[data-panel-ui-ready] .panel-dialogs .channel-card-status.sel{color: rgb(196, 223, 209); background: rgba(147, 189, 165, 0.1);}
html[data-panel-ui-ready] .panel-dialogs .new-client-trigger{display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-width: 0px; min-height: 44px; padding: 9px 12px; border: 1px solid rgba(196, 214, 227, 0.18); border-radius: 10px; background: rgba(24, 34, 43, 0.4); color: rgb(220, 231, 244); font-family: inherit; text-align: left; cursor: pointer; font-size: 12px;}
html[data-panel-ui-ready] .panel-dialogs .new-client-trigger-main{display: flex; align-items: center; gap: 10px; min-width: 0px; flex: 1 1 0%;}
html[data-panel-ui-ready] .panel-dialogs .new-client-trigger > svg{flex: 0 0 auto; width: 14px; height: 14px; color: rgb(159, 179, 201);}
html[data-panel-ui-ready] .panel-dialogs .source-select-trigger{margin-top: 0px;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-sel-trigger{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; min-height: 42px; border-color: rgba(196, 214, 227, 0.18); background: rgba(24, 34, 43, 0.4); color: rgb(220, 231, 244); width: 100%; font-family: inherit;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-sel-trigger > svg{width: 13px; height: 13px; flex: 0 0 auto;}
html[data-panel-ui-ready] .panel-dialogs .new-client-platform-row{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .sr-wa-avatar svg{width: 25px; height: 25px;}
html[data-panel-ui-ready] .panel-dialogs .wa-bubble-editor{white-space: pre-wrap; overflow-wrap: anywhere; background: rgba(21, 35, 35, 0.42); min-height: 270px; color: rgb(220, 234, 230); font-family: inherit; font-size: 13px; border-color: rgba(189, 217, 208, 0.16);}
html[data-panel-ui-ready] .panel-dialogs .s3-bloco{display: flex; flex-direction: column; gap: 5px; border: 1px solid rgba(199, 217, 229, 0.153); border-radius: 9px; margin-top: 10px; padding: 10px 12px;}
html[data-panel-ui-ready] .panel-dialogs .s3-bloco small{font-size: 10px; color: rgb(154, 173, 191);}
html[data-panel-ui-ready] .panel-dialogs .alert-create-modal{max-height: calc(100dvh - 36px);}
html[data-panel-ui-ready] .panel-dialogs .alert-form-stack{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .alert-preview-pane{background: rgba(24, 35, 41, 0.25); border-color: rgba(198, 217, 227, 0.16);}
html[data-panel-ui-ready] .panel-dialogs .alert-message-preview{white-space: pre-wrap; min-height: 180px;}
html[data-panel-ui-ready] .panel-dialogs .notif-step{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs #modal-notif-integration > div{width: 100%; max-height: calc(100dvh - 36px); display: flex; min-height: 0px;}
html[data-panel-ui-ready] .panel-dialogs #modal-notif-integration .notif-modal{width: 100%; max-width: none; max-height: calc(100dvh - 36px); min-height: 0px; background: linear-gradient(135deg, rgba(51, 57, 65, 0.96), rgba(34, 40, 48, 0.98)); border: 1px solid rgba(213, 225, 240, 0.192); border-radius: 20px;}
html[data-panel-ui-ready] .panel-dialogs .notif-copy-value{word-break: break-all;}
html[data-panel-ui-ready] .panel-dialogs .notif-json-code{max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .panel-dialogs .notif-modal-footer .btn-text{display: flex; align-items: center; gap: 8px;}
html[data-panel-ui-ready] .panel-dialogs .notif-modal-footer svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-pane{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-step.active .tk-wz-dot{background: rgb(185, 202, 219); color: rgb(31, 43, 57);}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-note.info{background: rgba(180, 204, 227, 0.043); border-color: rgba(189, 210, 225, 0.17); color: rgb(166, 184, 202);}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-q{color: rgb(225, 235, 246);}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-opt.selected,html[data-panel-ui-ready] .panel-dialogs .tk-wz-opt.active{color: rgb(219, 234, 248);}
html[data-panel-ui-ready] .panel-dialogs .source-flow-error{font-size: 11px; color: rgb(237, 178, 186); margin: 0px auto 0px 0px; max-width: 60%; line-height: 1.5; text-align: left;}
html[data-panel-ui-ready] .panel-dialogs .source-flow-error[hidden]{display: none;}
html[data-panel-ui-ready] .panel-dialogs .source-empty{padding: 24px; color: rgb(153, 170, 190); text-align: center;}
html[data-panel-ui-ready] .panel-dialogs .pasta-title{font-size: 20px; margin-bottom: 18px; letter-spacing: -0.4px;}
html[data-panel-ui-ready] .panel-dialogs #modal-pass > .modal,html[data-panel-ui-ready] .panel-dialogs #modal-delacc > .modal{overflow: auto;}
html[data-panel-ui-ready] .panel-dialogs .security-card{margin: 0px;}
html[data-panel-ui-ready] .panel-dialogs .source-alert-settings{display: block; position: static; width: 100%; max-height: none; border: 0px; box-shadow: none; background: none;}
html[data-panel-ui-ready] .panel-dialogs .comm-filters{display: flex; gap: 12px; flex: 0 0 auto;}
html[data-panel-ui-ready] .panel-dialogs .comm-filters > .source-select-trigger{flex: 1 1 0%;}
html[data-panel-ui-ready] .panel-dialogs .comm-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; padding: 20px; min-height: 180px;}
html[data-panel-ui-ready] .panel-dialogs .comm-card{min-width: 0px; border: 1px solid rgba(194, 215, 230, 0.18); border-radius: 12px; background: rgba(20, 35, 48, 0.263); overflow: hidden; display: flex; flex-direction: column;}
html[data-panel-ui-ready] .panel-dialogs .comm-card-head{display: flex; align-items: center; gap: 11px; padding: 15px;}
html[data-panel-ui-ready] .panel-dialogs .comm-card-head > img{width: 25px; height: 25px; object-fit: contain;}
html[data-panel-ui-ready] .panel-dialogs .comm-card-head h3{margin: 0px; font-size: 13px; font-weight: 600; color: rgb(220, 234, 246);}
html[data-panel-ui-ready] .panel-dialogs .comm-card-head span{font-size: 10px; color: rgb(145, 169, 193);}
html[data-panel-ui-ready] .panel-dialogs .comm-card-message{padding: 14px 15px; min-height: 150px; border-top: 1px solid rgba(194, 215, 230, 0.11); white-space: normal; color: rgb(167, 189, 207); font-size: 11px; line-height: 1.7; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .panel-dialogs .comm-card-footer{display: flex; justify-content: flex-end; padding: 12px 15px; margin-top: auto; border-top: 1px solid rgba(194, 215, 230, 0.11);}
html[data-panel-ui-ready] .panel-dialogs #qr-modal > div{width: 100%; max-width: none; max-height: calc(100dvh - 36px); overflow: auto; background: linear-gradient(135deg, rgb(48, 57, 67), rgb(35, 45, 55));}
html[data-panel-ui-ready] .panel-dialogs #wa-groups-modal > div{width: 100%; max-width: none; max-height: calc(100dvh - 36px); overflow: auto; background: linear-gradient(135deg, rgb(48, 57, 67), rgb(35, 45, 55));}
html[data-panel-ui-ready] .panel-dialogs .wa-group-item{display: flex; align-items: center; gap: 11px; width: 100%; padding: 13px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(198, 217, 229, 0.106); border-image: none; background: none; color: rgb(213, 231, 246); text-align: left; font-family: inherit; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .wa-group-item .new-client-ad-info{display: flex; flex: 1 1 0%; min-width: 0px; flex-direction: column; gap: 4px;}
html[data-panel-ui-ready] .panel-dialogs .wa-group-item b{font-size: 12px; font-weight: 550;}
html[data-panel-ui-ready] .panel-dialogs .wa-group-item small{font-size: 9px; color: rgb(143, 169, 192);}
html[data-panel-ui-ready] .panel-dialogs .wa-group-item > svg{width: 13px; height: 13px;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content{min-width: 0px; width: 100%; max-height: inherit; display: flex; flex-direction: column; overflow: hidden;}
html[data-panel-ui-ready] .panel-dialogs #dash-date-popover{display: grid; position: static; inset: auto; transform: none; grid-template-columns: 144px minmax(0px, 1fr); gap: 14px; width: 100%; max-height: none; padding: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; background: rgb(18, 20, 23); box-shadow: none;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-presets{display: flex; flex-direction: column; gap: 6px; padding: 0px 12px 0px 0px; border-right: 1px solid rgba(255, 255, 255, 0.07); background: none;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-preset{width: 100%; min-height: 34px; padding: 8px 11px; border: 0px; border-radius: 9px; color: rgb(148, 155, 168); background: none; text-align: left; font-family: inherit; font-size: 12px; font-weight: 650; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-preset:hover,html[data-panel-ui-ready] .panel-dialogs .dash-date-preset.active{background: rgba(0, 168, 255, 0.1); color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .panel-dialogs .dash-date-custom{display: flex; flex-direction: column; gap: 12px; padding: 0px; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-head svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-picked{font-size: 12px; color: rgb(148, 155, 168); line-height: 1.45;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-picked strong{color: rgb(232, 236, 240); font-weight: 750;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-head .dash-calendar-picked{text-align: center;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-nav{display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 9px; background: rgb(12, 14, 17); color: rgb(192, 198, 209); cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-nav:hover{border-color: rgba(0, 168, 255, 0.36); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-months{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 16px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-month h3{margin: 0px 0px 10px; font-size: 13px; font-weight: 750; color: rgb(232, 236, 240); text-transform: capitalize; text-align: center;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-weekdays,html[data-panel-ui-ready] .panel-dialogs .dash-calendar-days{display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 4px; text-align: center;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-weekdays{margin-bottom: 4px; color: rgba(148, 155, 168, 0.5);}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-weekdays span{display: grid; place-items: center; height: 22px; font-size: 10px; font-weight: 650;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day{display: grid; place-items: center; padding: 0px; height: 32px; aspect-ratio: auto; border: 0px; border-radius: 8px; background: none; color: rgb(148, 155, 168); font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day:hover:not(:disabled){background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day.range-mid{background: rgba(0, 168, 255, 0.12); color: rgb(216, 244, 255); border-radius: 4px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day.range-start,html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day.range-end{background: rgb(0, 168, 255); color: rgb(255, 255, 255); box-shadow: rgba(0, 168, 255, 0.15) 0px 6px 16px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day:disabled{opacity: 0.35; cursor: default;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0px; margin: 0px; padding-top: 2px;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-actions{display: flex; gap: 8px;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-btn{height: 36px; padding: 0px 14px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 10px; background: none; color: rgb(192, 198, 209); font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-btn.primary{background: rgb(0, 168, 255); border-color: rgb(0, 168, 255); color: rgb(255, 255, 255); box-shadow: rgba(0, 168, 255, 0.15) 0px 8px 20px;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-btn.primary:hover{background: rgb(0, 158, 255);}
html[data-panel-ui-ready] .panel-dialogs button:focus-visible{outline: rgb(189, 212, 232) solid 2px; outline-offset: 2px;}
@media (max-width: 820px){
html[data-panel-ui-ready] .panel-dialogs .step-body-3-layout{flex-direction: column; gap: 20px;}
html[data-panel-ui-ready] .panel-dialogs .s3-left,html[data-panel-ui-ready] .panel-dialogs .s3-right{width: 100%; min-width: 0px; max-width: none; flex: 0 0 auto;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-body{flex-direction: column;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-left,html[data-panel-ui-ready] .panel-dialogs .tmpl-right{width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .notif-config-grid,html[data-panel-ui-ready] .panel-dialogs .notif-receiver-grid{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-months{gap: 13px;}
}
@media (max-width: 640px){
html[data-panel-ui-ready] .panel-dialogs .modal-header,html[data-panel-ui-ready] .panel-dialogs .step-modal-header,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-header,html[data-panel-ui-ready] .panel-dialogs .comm-modal-header,html[data-panel-ui-ready] .panel-dialogs .notif-modal-head{padding: 17px 16px; gap: 12px;}
html[data-panel-ui-ready] .panel-dialogs .modal-body,html[data-panel-ui-ready] .panel-dialogs .step-body,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-body{padding: 18px 16px;}
html[data-panel-ui-ready] .panel-dialogs .modal-footer,html[data-panel-ui-ready] .panel-dialogs .step-footer,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-footer,html[data-panel-ui-ready] .panel-dialogs .comm-modal-footer{padding: 13px 16px; gap: 8px;}
html[data-panel-ui-ready] .panel-dialogs .modal-title,html[data-panel-ui-ready] .panel-dialogs .step-modal-title,html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-title{font-size: 18px;}
html[data-panel-ui-ready] .panel-dialogs .btn-submit,html[data-panel-ui-ready] .panel-dialogs .btn-cancel,html[data-panel-ui-ready] .panel-dialogs .btn-add,html[data-panel-ui-ready] .panel-dialogs .btn-step-next,html[data-panel-ui-ready] .panel-dialogs .btn-step-back{padding: 9px 12px; font-size: 11px; min-height: 38px;}
html[data-panel-ui-ready] .panel-dialogs .source-flow-error{max-width: 100%; width: 100%; flex-basis: 100%;}
html[data-panel-ui-ready] .panel-dialogs .modal-footer,html[data-panel-ui-ready] .panel-dialogs .step-footer{flex-wrap: wrap;}
html[data-panel-ui-ready] .panel-dialogs .step-nums-v2{overflow-x: auto; gap: 0px; padding: 15px 8px; flex: 0 0 auto; scrollbar-width: none;}
html[data-panel-ui-ready] .panel-dialogs .step-item{min-width: 50px; flex: 1 1 0%;}
html[data-panel-ui-ready] .panel-dialogs .step-item-label{font-size: 8px; line-height: 1.4; white-space: normal; text-align: center;}
html[data-panel-ui-ready] .panel-dialogs .step-item-num{width: 23px; height: 23px; font-size: 10px;}
html[data-panel-ui-ready] .panel-dialogs .step-connector{min-width: 5px; width: auto; flex: 1 1 0%;}
html[data-panel-ui-ready] .panel-dialogs .new-client-grid,html[data-panel-ui-ready] .panel-dialogs .form-row,html[data-panel-ui-ready] .panel-dialogs .tk-form-row,html[data-panel-ui-ready] .panel-dialogs .channel-cards,html[data-panel-ui-ready] .panel-dialogs .alert-channel-grid,html[data-panel-ui-ready] .panel-dialogs .alert-account-row{grid-template-columns: minmax(0px, 1fr); min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .new-client-platform-row{grid-template-columns: minmax(0px, 1fr); gap: 14px;}
html[data-panel-ui-ready] .panel-dialogs .new-client-provider,html[data-panel-ui-ready] .panel-dialogs .new-client-ad-field{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .alert-type-tabs{flex-wrap: wrap;}
html[data-panel-ui-ready] .panel-dialogs .recv-wrap{display: flex; flex-direction: column; gap: 10px;}
html[data-panel-ui-ready] .panel-dialogs .recv-toggle-card,html[data-panel-ui-ready] .panel-dialogs .recv-field{width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .sr-phone-wrap{width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs #step-body-4 > div[style*="grid-template-columns"]{grid-template-columns: minmax(0px, 1fr); gap: 14px;}
html[data-panel-ui-ready] .panel-dialogs .s4-day-pills{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px;}
html[data-panel-ui-ready] .panel-dialogs .s4-day-pill{padding: 8px 4px; font-size: 9px; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .conclusao-grid{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .panel-dialogs .wa-bubble-editor{min-height: 200px; font-size: 12px;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-modal-body{display: flex; gap: 18px;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-left{border-right: 0px; padding-right: 0px;}
html[data-panel-ui-ready] .panel-dialogs .tmpl-right{min-height: 240px;}
html[data-panel-ui-ready] .panel-dialogs .comm-filters{flex-direction: column; gap: 10px; padding: 13px 16px;}
html[data-panel-ui-ready] .panel-dialogs .comm-grid{grid-template-columns: minmax(0px, 1fr); padding: 16px;}
html[data-panel-ui-ready] .panel-dialogs .notif-token-row{flex-wrap: wrap;}
html[data-panel-ui-ready] .panel-dialogs .notif-modal-head{padding-bottom: 15px;}
html[data-panel-ui-ready] .panel-dialogs .notif-modal-title{font-size: 18px;}
html[data-panel-ui-ready] .panel-dialogs .notif-message-box{min-height: 170px;}
html[data-panel-ui-ready] .panel-dialogs .notif-json-card{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-q{font-size: 16px;}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-help,html[data-panel-ui-ready] .panel-dialogs .tk-wz-opt-desc,html[data-panel-ui-ready] .panel-dialogs .tk-wz-note{font-size: 11px;}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-opts{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .panel-dialogs .tk-wz-lbl{font-size: 8px;}
html[data-panel-ui-ready] .panel-dialogs #qr-modal > div > div:nth-child(2){grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .panel-dialogs #qr-modal > div{max-height: calc(100dvh - 18px);}
html[data-panel-ui-ready] .panel-dialogs #wa-groups-modal > div{max-height: calc(100dvh - 18px);}
html[data-panel-ui-ready] .panel-dialogs .wa-settings-layout{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .panel-dialogs .wa-groups-side-panel{position: relative; inset: auto; width: 100%; max-width: none; border-left: 0px; max-height: none;}
html[data-panel-ui-ready] .panel-dialogs #dash-date-popover{grid-template-columns: minmax(0px, 1fr); max-height: none;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-presets{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 0px 0px 10px; gap: 4px; border-right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.07);}
html[data-panel-ui-ready] .panel-dialogs .dash-date-preset{font-size: 11px; padding: 7px; min-height: 36px; text-align: center;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-custom{padding: 0px; min-height: 0px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-months{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-day{height: 36px; aspect-ratio: auto;}
html[data-panel-ui-ready] .panel-dialogs .dash-calendar-summary{flex-wrap: wrap; align-items: center;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-actions{margin-left: auto;}
html[data-panel-ui-ready] .panel-dialogs .dash-date-btn{height: 40px;}
}
@media (max-width: 350px){
html[data-panel-ui-ready] .panel-dialogs .step-modal-header{align-items: flex-start; flex-direction: column;}
html[data-panel-ui-ready] .panel-dialogs .step-item{min-width: 40px;}
html[data-panel-ui-ready] .panel-dialogs .step-item-label{font-size: 7px;}
html[data-panel-ui-ready] .panel-dialogs .step-connector{min-width: 1px;}
html[data-panel-ui-ready] .panel-dialogs .s4-day-pills{grid-template-columns: repeat(3, minmax(0px, 1fr));}
html[data-panel-ui-ready] .panel-dialogs .step-btn-pair{gap: 5px;}
html[data-panel-ui-ready] .panel-dialogs .btn-submit,html[data-panel-ui-ready] .panel-dialogs .btn-cancel,html[data-panel-ui-ready] .panel-dialogs .btn-add,html[data-panel-ui-ready] .panel-dialogs .btn-step-next,html[data-panel-ui-ready] .panel-dialogs .btn-step-back{font-size: 10px; padding: 8px 10px;}
}
html[data-panel-ui-ready] .panel-dialogs .new-client-body,html[data-panel-ui-ready] .panel-dialogs .alert-create-body,html[data-panel-ui-ready] .panel-dialogs .notif-modal-body{background: transparent;}
html[data-panel-ui-ready] .panel-dialogs .new-client-body .new-client-input,html[data-panel-ui-ready] .panel-dialogs .alert-create-body .new-client-input{background: rgba(23, 33, 43, 0.5); border-color: rgba(196, 214, 227, 0.18);}
html[data-panel-ui-ready] .panel-dialogs #modal-notif-integration .notif-modal{width: 100%; max-width: none;}
html[data-panel-ui-ready] .panel-dialogs .alert-pill.active,html[data-panel-ui-ready] .panel-dialogs .alert-channel-card.active,html[data-panel-ui-ready] .panel-dialogs .recv-tab.active{background: rgba(195, 215, 226, 0.094); border-color: rgba(192, 214, 230, 0.36); color: rgb(232, 241, 249);}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .connection-grid{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 12px; width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card{width: 100%; max-width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-info{min-width: 0px; flex: 1 1 0%;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-info{display: flex; flex-direction: column; gap: 5px; overflow: hidden;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-name,html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-sub{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-icon img{display: block; width: 28px; height: 28px; object-fit: contain;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-check{display: grid; place-items: center;}
html[data-panel-ui-ready] .panel-dialogs #integration-settings-content .conn-card-check svg{width: 12px; height: 12px;}
html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-selectall,html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-item{display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0px; min-height: 42px; padding: 10px 12px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(190, 209, 223, 0.094); border-image: none; background: none; color: rgb(181, 200, 219); font-family: inherit; text-align: left; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-item.selected,html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-selectall.selected{background: rgba(182, 208, 228, 0.08); color: rgb(230, 244, 255);}
html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-item-name{flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px;}
html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-item-check{display: grid; place-items: center; width: 16px; height: 16px; flex: 0 0 auto; border: 1px solid rgba(183, 207, 223, 0.3); border-radius: 4px;}
html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-item-check svg{width: 11px; height: 11px;}
html[data-panel-ui-ready] .panel-dialogs #camp-list .camp-badge{font-size: 8px; padding: 3px 5px; flex: 0 0 auto;}
html[data-panel-ui-ready] .panel-dialogs .s3-bloco-corpo{white-space: pre-wrap; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .panel-dialogs .s3-bloco-nome [contenteditable]{min-width: 0px; overflow-wrap: anywhere;}

/* Approved v40: native-menu-parity.css */
html[data-panel-ui-ready] .panel-dialogs .s3-tabs{flex: 0 0 auto; min-height: 38px; overflow: hidden;}
html[data-panel-ui-ready] .panel-dialogs .s3-tab{min-height: 36px; flex: 1 1 0px; padding: 8px 10px; font-family: inherit; white-space: normal; line-height: 1.35;}
html[data-panel-ui-ready] .panel-dialogs .s3-tab.active{color: rgb(6, 37, 54); background: rgb(0, 168, 255);}
html[data-panel-ui-ready] .panel-dialogs .s3-left{height: auto; min-height: 0px; overflow: visible;}
html[data-panel-ui-ready] .panel-dialogs .s3-left > .s3-panel-title,html[data-panel-ui-ready] .panel-dialogs .s3-left > #s3-panel-objetivo,html[data-panel-ui-ready] .panel-dialogs .s3-left > #s3-panel-campanha,html[data-panel-ui-ready] .panel-dialogs .s3-left > .s3-var-wrap{flex-shrink: 0;}
html[data-panel-ui-ready] .panel-dialogs .step-body-3-layout{align-items: stretch;}
html[data-panel-ui-ready] .panel-dialogs .obj-card.selected,html[data-panel-ui-ready] .panel-dialogs .obj-card.active{border-color: rgba(0, 168, 255, 0.533); background: rgba(0, 168, 255, 0.07);}
html[data-panel-ui-ready] .panel-dialogs .modal-footer{flex-wrap: wrap; gap: 12px;}
html[data-panel-ui-ready] .panel-dialogs .s3-tab:focus-visible,html[data-panel-ui-ready] .panel-dialogs .camp-item:focus-visible{outline: rgb(0, 168, 255) solid 2px; outline-offset: -3px;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-name,html[data-panel-ui-ready] .panel-dialogs .integration-settings-email{overflow-wrap: anywhere;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-row{gap: 16px; min-width: 0px; flex-wrap: wrap;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-row > div{min-width: 0px;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-reconnect,html[data-panel-ui-ready] .panel-dialogs .integration-settings-disconnect{font-family: inherit; cursor: pointer;}
html[data-panel-ui-ready] .panel-dialogs .comm-card-name{padding: 15px; font-weight: 650; font-size: 13px;}
html[data-panel-ui-ready] .panel-dialogs .comm-preview-shell{height: 210px; overflow: auto; background: url("/assets/panel-reference/whatsapp-chat-bg.jpg") center center / 300px auto rgb(17, 17, 17); scrollbar-width: thin; padding: 15px;}
html[data-panel-ui-ready] .panel-dialogs .comm-preview-bubble{white-space: pre-wrap; overflow-wrap: anywhere; background: rgb(13, 116, 97); color: rgb(236, 255, 249); padding: 12px; border-radius: 7px; min-height: 80px; font-size: 11px; line-height: 1.45;}
@media (max-width: 760px){
html[data-panel-ui-ready] .panel-dialogs .s3-tabs{min-height: 44px;}
html[data-panel-ui-ready] .panel-dialogs .s3-tab{min-height: 42px; padding: 9px 5px; font-size: 11px;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-row{align-items: flex-start;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-head{gap: 12px;}
html[data-panel-ui-ready] .panel-dialogs .integration-settings-title{font-size: 18px;}
}

/* In separated reports this editor is only the header; campaign blocks follow.
   Keep its height tied to the text instead of the full-message editor minimum. */
html[data-panel-ui-ready] .panel-dialogs .wa-editor-wrap.com-blocos .wa-bubble-editor{flex:0 0 auto;min-height:88px;overflow:visible;}