html[data-panel-ui="glass-v1"]{--panel-native-reference-ready:1}
/* Auxiliary components copied from the approved v40 styles. Native controls and handlers remain in place. */
/* style.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .primary-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(rgb(230, 230, 230), rgb(205, 205, 205)); color: rgb(42, 42, 42); font-size: 11px; font-weight: 650; border-radius: 12px; padding: 12px 16px; box-shadow: rgba(255, 255, 255, 0.533) 0px 1px 0px inset, rgba(0, 0, 0, 0.133) 0px 4px 15px; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area .primary-btn:hover{color: rgb(20, 20, 20); background: rgb(242, 242, 242); box-shadow: rgba(211, 211, 211, 0.082) 0px 5px 20px;}
html[data-panel-ui-ready] .native-reference-area .primary-btn svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .panel{border-radius: 22px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: rgba(255, 255, 255, 0.02) 0px 1px 0px inset, rgba(0, 0, 0, 0.03) 0px 10px 30px; position: relative; overflow: hidden; backdrop-filter: blur(10px);}
html[data-panel-ui-ready] .native-reference-area .panel-heading{display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading h2{font-size: 14px; font-weight: 550; letter-spacing: -0.2px; margin: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading p{color: rgb(156, 156, 156); font-size: 10px; margin: 5px 0px 0px;}
html[data-panel-ui-ready] .native-reference-area .ghost-btn{display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 11px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.02); padding: 10px 12px; border-radius: 10px; width: 100%; position: relative; z-index: 1;}
html[data-panel-ui-ready] .native-reference-area .ghost-btn:hover{background: rgba(255, 255, 255, 0.047);}
html[data-panel-ui-ready] .native-reference-area .ghost-btn svg{width: 14px; height: 14px;}
html[data-panel-ui-ready] .native-reference-area .dialog-card .primary-btn{margin-top: 20px; width: 100%;}
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar p{font-size: 12px; color: rgb(171, 171, 171);}
html[data-panel-ui-ready] .native-reference-area .filter-tags{display: flex; gap: 7px;}
html[data-panel-ui-ready] .native-reference-area .filter-tags button{border: 1px solid rgba(255, 255, 255, 0.047); border-radius: 10px; padding: 7px 12px; font-size: 11px; color: rgb(179, 179, 179);}
html[data-panel-ui-ready] .native-reference-area .filter-tags button.active{background: rgba(255, 255, 255, 0.063); color: rgb(242, 242, 242);}
html[data-panel-ui-ready] .native-reference-area .cards-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
@media (max-width: 980px){
html[data-panel-ui-ready] .native-reference-area .cards-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .primary-btn{font-size: 10px; padding: 12px 14px;}
html[data-panel-ui-ready] .native-reference-area .panel{border-radius: 20px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading h2{font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading p{font-size: 9px;}
html[data-panel-ui-ready] .native-reference-area .cards-grid{grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar{gap: 12px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .filter-tags{overflow: auto;}
}
html[data-panel-ui-ready] .native-reference-area .panel-heading h2{font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .panel::before{content: ""; position: absolute; top: 0px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent); pointer-events: none;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .panel-heading h2{font-size: 14px;}
}
/* refinement.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .primary-btn{background: linear-gradient(150deg, rgb(142, 142, 142), rgb(110, 110, 110)); border: 1px solid rgba(170, 170, 170, 0.27); color: rgb(255, 255, 255); box-shadow: rgba(216, 216, 216, 0.145) 0px 1px 0px inset, rgba(116, 116, 116, 0.13) 0px 6px 20px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .primary-btn:hover{background: linear-gradient(150deg, rgb(160, 160, 160), rgb(129, 129, 129)); color: rgb(255, 255, 255); box-shadow: rgba(116, 116, 116, 0.196) 0px 7px 26px;}
html[data-panel-ui-ready] .native-reference-area .panel{background: radial-gradient(at 0px 0px, rgba(112, 112, 112, 0.035), transparent 55%), linear-gradient(145deg, rgb(21, 21, 21), rgb(29, 29, 29)); border-color: rgba(156, 156, 156, 0.1); backdrop-filter: blur(12px); box-shadow: rgba(0, 0, 0, 0.082) 0px 8px 25px, rgba(255, 255, 255, 0.01) 0px 1px 0px inset;}
html[data-panel-ui-ready] .native-reference-area .panel::before{background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.133), transparent);}
html[data-panel-ui-ready] .native-reference-area .ghost-btn{background: rgba(139, 139, 139, 0.035); border-color: rgba(139, 139, 139, 0.14); color: rgb(197, 197, 197);}
html[data-panel-ui-ready] .native-reference-area .ghost-btn:hover{background: rgba(139, 139, 139, 0.098); border-color: rgba(139, 139, 139, 0.29);}
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar{gap: 16px; margin-bottom: 18px; align-items: center; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .collection-tools{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .collection-count{font-size: 12px; color: rgb(144, 144, 144); margin: 0px !important;}
html[data-panel-ui-ready] .native-reference-area .collection-count strong{color: rgb(210, 210, 210); font-weight: 500;}
html[data-panel-ui-ready] .native-reference-area .view-selector{display: flex; align-items: center; gap: 3px; padding: 4px; background: rgb(15, 15, 15); border: 1px solid rgba(87, 87, 87, 0.18); border-radius: 11px; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .view-selector button{display: flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 7px; font-size: 11px; color: rgb(145, 145, 145);}
html[data-panel-ui-ready] .native-reference-area .view-selector button svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .view-selector button.active{color: rgb(175, 175, 175); background: rgba(139, 139, 139, 0.082); box-shadow: rgba(139, 139, 139, 0.176) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area .view-selector button:hover{color: rgb(212, 212, 212);}
html[data-panel-ui-ready] .native-reference-area .collection-search{display: flex; align-items: center; gap: 8px; border: 1px solid rgba(87, 87, 87, 0.23); border-radius: 11px; background: rgb(19, 19, 19); padding: 9px 12px; width: 220px;}
html[data-panel-ui-ready] .native-reference-area .collection-search svg{width: 15px; height: 15px; color: rgb(124, 124, 124);}
html[data-panel-ui-ready] .native-reference-area .collection-search input{width: 100%; min-width: 0px; border: 0px; background: none; outline: none; color: rgb(228, 228, 228); font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .collection-search input::placeholder{color: rgb(126, 126, 126);}
html[data-panel-ui-ready] .native-reference-area .filter-tags button{border-color: rgba(87, 87, 87, 0.16); color: rgb(159, 159, 159); font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .filter-tags button.active{background: rgba(139, 139, 139, 0.07); color: rgb(195, 195, 195); border-color: rgba(139, 139, 139, 0.19);}
html[data-panel-ui-ready] .native-reference-area .cards-grid{grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); gap: 18px; align-items: start;}
html[data-panel-ui-ready] .native-reference-area .entity-card{min-width: 0px; border-radius: 18px; overflow: hidden; position: relative; background: radial-gradient(at 15% 0px, rgba(115, 115, 115, 0.047), transparent 50%), linear-gradient(150deg, rgb(18, 18, 18), rgb(32, 32, 32)); border: 1px solid rgb(56, 56, 56); transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; display: flex; flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area .entity-card:hover{border-color: rgba(139, 139, 139, 0.44); box-shadow: rgba(107, 107, 107, 0.07) 0px 12px 36px; transform: translateY(-2px);}
html[data-panel-ui-ready] .native-reference-area .entity-card::before{content: ""; height: 1px; position: absolute; left: 12%; right: 12%; top: 0px; background: linear-gradient(90deg, transparent, rgba(139, 139, 139, 0.333), transparent);}
html[data-panel-ui-ready] .native-reference-area .entity-card-head{padding: 21px 21px 0px; display: flex; align-items: center; gap: 12px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card .client-avatar{width: 42px; height: 42px; border-radius: 13px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-head > div{flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card h2{font-size: 19px; font-weight: 620; letter-spacing: -0.55px; line-height: 1.25; margin: 0px 0px 5px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .entity-card-head p{font-size: 11px; color: rgb(135, 135, 135); margin: 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card .entity-status{margin: 15px 21px 0px; display: flex; align-items: center; gap: 7px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-body{padding: 20px 21px 21px; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 105px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer{border-top: 1px solid rgba(122, 122, 122, 0.094); margin: 0px 21px; padding: 14px 0px; display: flex; align-items: center; gap: 7px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer > span{flex: 1 1 0%; font-size: 11px; color: rgb(146, 146, 146); display: flex; align-items: center; gap: 6px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer > span svg{width: 14px; height: 14px; color: rgb(123, 123, 123);}
html[data-panel-ui-ready] .native-reference-area .small-action{display: inline-flex; width: 33px; height: 33px; align-items: center; justify-content: center; border: 1px solid rgba(108, 108, 108, 0.16); border-radius: 9px; color: rgb(164, 164, 164); background: rgba(187, 187, 187, 0.027); flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .small-action svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .small-action:hover{color: rgb(166, 166, 166); border-color: rgba(139, 139, 139, 0.376); background: rgba(139, 139, 139, 0.063);}
html[data-panel-ui-ready] .native-reference-area .small-action.featured{background: rgba(139, 139, 139, 0.08); border-color: rgba(139, 139, 139, 0.208); color: rgb(172, 172, 172);}
html[data-panel-ui-ready] .native-reference-area .text-action{font-size: 12px; font-weight: 550; text-align: left; color: rgb(231, 231, 231); display: block; max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .text-action:hover{color: rgb(165, 165, 165);}
html[data-panel-ui-ready] .native-reference-area .entity-card .text-action{font-size: 19px; letter-spacing: -0.55px; line-height: 1.25; font-weight: 620; padding: 0px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-head{padding: 17px 18px 14px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .text-action{font-size: 15px; letter-spacing: -0.2px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-head p{font-size: 10px; display: flex; align-items: center; gap: 5px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-head p svg{width: 11px; height: 11px; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-footer{margin: 0px 17px; padding: 12px 0px; border-top: 0px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-footer .client-avatar{width: 27px; height: 27px; font-size: 9px; border-radius: 50%; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-footer > span{color: rgb(211, 211, 211); font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .collection-table-wrap{border: 1px solid rgb(57, 57, 57); border-radius: 17px; overflow: auto; background: linear-gradient(140deg, rgb(18, 18, 18), rgb(26, 26, 26)); scrollbar-width: thin; scrollbar-color: rgb(68, 68, 68) transparent; max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .collection-table{width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; min-width: 690px;}
html[data-panel-ui-ready] .native-reference-area .collection-table caption{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
html[data-panel-ui-ready] .native-reference-area .collection-table th{font-size: 10px; letter-spacing: 0.6px; font-weight: 550; color: rgb(143, 143, 143); background: rgba(30, 30, 30, 0.533); border-bottom: 1px solid rgba(64, 64, 64, 0.333); padding: 14px 18px;}
html[data-panel-ui-ready] .native-reference-area .collection-table td{font-size: 12px; color: rgb(184, 184, 184); padding: 17px 18px; border-bottom: 1px solid rgba(89, 89, 89, 0.11);}
html[data-panel-ui-ready] .native-reference-area .collection-table tr:last-child td{border-bottom: 0px;}
html[data-panel-ui-ready] .native-reference-area .collection-table tbody tr:hover{background: rgba(139, 139, 139, 0.024);}
html[data-panel-ui-ready] .native-reference-area .collection-table .identity{display: flex; align-items: center; gap: 11px; white-space: normal; min-width: 180px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .identity small{display: block; font-size: 10px; color: rgb(127, 127, 127); margin-top: 3px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .platforms{gap: 5px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .platform-badge{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .platform-badge img{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .money{font-variant-numeric: tabular-nums; color: rgb(229, 229, 229); font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .card-actions{justify-content: flex-end;}
html[data-panel-ui-ready] .native-reference-area .collection-table th:last-child{text-align: right;}
html[data-panel-ui-ready] .native-reference-area .collection-table .status{font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .collection-empty{padding: 45px 20px; text-align: center; color: rgb(165, 165, 165); border: 1px dashed rgb(87, 87, 87); border-radius: 16px;}
html[data-panel-ui-ready] .native-reference-area .collection-empty svg{margin: 0px auto 13px; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .report-card .entity-card-head{padding-top: 21px;}
html[data-panel-ui-ready] .native-reference-area .report-card .entity-card-head .connection-icon{color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .report-card .entity-card-body{flex-direction: column; align-items: stretch; gap: 16px; min-height: 102px;}
html[data-panel-ui-ready] .native-reference-area .report-card .entity-card-footer{font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .module-connections .entity-card{padding: 25px;}
html[data-panel-ui-ready] .native-reference-area .module-connections .ghost-btn{margin-top: 20px;}
@media (min-width: 1600px){
html[data-panel-ui-ready] .native-reference-area .cards-grid{grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));}
}
@media (max-width: 1050px){
html[data-panel-ui-ready] .native-reference-area .collection-tools{gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .collection-search{width: 185px;}
html[data-panel-ui-ready] .native-reference-area .cards-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-panel-ui-ready] .native-reference-area .entity-card-body{padding-left: 18px; padding-right: 18px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-head{padding-left: 18px; padding-right: 18px;}
html[data-panel-ui-ready] .native-reference-area .entity-card .text-action{font-size: 18px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .text-action{font-size: 14px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar{gap: 14px; margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area .collection-tools{width: 100%; justify-content: space-between; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .collection-search{width: 100%; order: 3;}
html[data-panel-ui-ready] .native-reference-area .view-selector{margin-left: auto;}
html[data-panel-ui-ready] .native-reference-area .view-selector button{padding: 8px 10px; font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .collection-count{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .filter-tags{width: 100%; order: 4;}
html[data-panel-ui-ready] .native-reference-area .cards-grid{grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area .entity-card{border-radius: 18px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-head{padding: 20px 20px 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card .text-action{font-size: 20px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .text-action{font-size: 16px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-body{padding: 20px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer{margin-left: 20px; margin-right: 20px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-head{padding: 19px;}
html[data-panel-ui-ready] .native-reference-area .collection-table{min-width: 670px;}
html[data-panel-ui-ready] .native-reference-area .collection-table th,html[data-panel-ui-ready] .native-reference-area .collection-table td{padding-left: 14px; padding-right: 14px;}
html[data-panel-ui-ready] .native-reference-area .collection-table-wrap{border-radius: 14px;}
html[data-panel-ui-ready] .native-reference-area .table-hint{align-items: center; gap: 6px; font-size: 10px; color: rgb(129, 129, 129); margin-top: 11px; display: flex !important;}
html[data-panel-ui-ready] .native-reference-area .table-hint svg{width: 13px; height: 13px;}
html[data-panel-ui-ready] .native-reference-area .primary-btn{font-size: 11px;}
}
html[data-panel-ui-ready] .native-reference-area .table-hint{display: none;}
/* mobile.css?v=40 */
@media (max-width: 980px){
html[data-panel-ui-ready] .native-reference-area .heading-actions > .primary-btn{min-width: 0px; flex: 1 1 140px; white-space: normal; min-height: 44px; font-size: 12px; padding: 11px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading{flex-wrap: wrap; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading h2{font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .panel-heading p{font-size: 11px; line-height: 1.6;}
html[data-panel-ui-ready] .native-reference-area .clients-panel .panel-heading > .text-button{min-height: 32px;}
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar{display: flex; align-items: center; gap: 12px; margin-top: 0px;}
html[data-panel-ui-ready] .native-reference-area .collection-tools{display: flex; flex-wrap: wrap; gap: 12px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .collection-count{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .collection-search{order: 2; min-height: 46px; padding: 10px 13px;}
html[data-panel-ui-ready] .native-reference-area .collection-search input{font-size: 16px;}
html[data-panel-ui-ready] .native-reference-area .collection-search input::placeholder{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .view-selector{order: 1; margin: 0px; flex: 1 1 0%; justify-content: stretch; padding: 4px;}
html[data-panel-ui-ready] .native-reference-area .view-selector button{flex: 1 1 0%; min-height: 40px; font-size: 12px; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area .filter-tags{order: 3; flex-wrap: wrap; overflow: visible; gap: 7px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .filter-tags button{min-height: 40px; font-size: 11px; padding: 8px 12px;}
html[data-panel-ui-ready] .native-reference-area .entity-card{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-head{padding: 20px 18px 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-body{padding: 20px 18px; gap: 10px; flex-wrap: wrap; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer{margin: 0px 18px; gap: 8px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .small-action{width: 40px; height: 44px;}
html[data-panel-ui-ready] .native-reference-area .entity-card .text-action{font-size: 20px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .text-action{font-size: 16px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer .card-actions{gap: 4px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer > span{font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .table-hint{font-size: 11px; line-height: 1.5;}
html[data-panel-ui-ready] .native-reference-area .collection-table-wrap{overscroll-behavior-inline: contain;}
html[data-panel-ui-ready] .native-reference-area .collection-table .small-action{height: 44px;}
html[data-panel-ui-ready] .native-reference-area .dialog-card .ghost-btn{min-height: 46px;}
html[data-panel-ui-ready] .native-reference-area .dialog-card .primary-btn{min-height: 46px;}
html[data-panel-ui-ready] .native-reference-area .module-panel .collection-table-wrap{margin-top: 16px;}
html[data-panel-ui-ready] .native-reference-area .module-connections .entity-card{padding: 22px;}
}
@media (max-width: 350px){
html[data-panel-ui-ready] .native-reference-area .entity-card-head{padding-left: 15px; padding-right: 15px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-body{padding: 18px 15px;}
html[data-panel-ui-ready] .native-reference-area .entity-card .text-action{font-size: 18px;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer{margin-left: 15px; margin-right: 15px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .entity-card-footer .card-actions{margin-left: auto;}
html[data-panel-ui-ready] .native-reference-area .small-action{width: 38px;}
}
/* workspace.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .ws-panel{padding: 24px; min-width: 0px; overflow: visible;}
html[data-panel-ui-ready] .native-reference-area .ws-panel > .panel-heading{margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel h2{font-size: 16px; letter-spacing: -0.3px; font-weight: 560; margin: 0px 0px 8px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel h3{font-size: 22px; font-weight: 550; letter-spacing: -0.6px; margin: 12px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel p,html[data-panel-ui-ready] .native-reference-area .ws-note{font-size: 12px; line-height: 1.8; color: rgb(152, 152, 152);}
html[data-panel-ui-ready] .native-reference-area .ws-panel > .primary-btn{margin-top: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-two-col{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-metrics{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 22px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat{padding: 20px; display: flex; flex-direction: column; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat > span{font-size: 11px; color: rgb(158, 158, 158);}
html[data-panel-ui-ready] .native-reference-area .ws-stat > strong{font-size: 29px; font-weight: 500; letter-spacing: -0.8px; color: rgb(238, 238, 238);}
html[data-panel-ui-ready] .native-reference-area .ws-stat > small{font-size: 10px; color: rgb(128, 128, 128);}
html[data-panel-ui-ready] .native-reference-area .ws-mini{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-panel-ui-ready] .native-reference-area .ws-mini .ws-stat{padding: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-mini .ws-stat > strong{font-size: 25px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar{display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar .ghost-btn,html[data-panel-ui-ready] .native-reference-area .ws-toolbar .primary-btn{width: auto; min-height: 42px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar .collection-search{margin-left: auto;}
html[data-panel-ui-ready] .native-reference-area .ws-badge{display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 7px; border: 1px solid rgba(102, 202, 161, 0.17); background: rgba(98, 207, 164, 0.04); color: rgb(143, 203, 186); font-size: 10px; line-height: 1.3; white-space: nowrap; max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-badge::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentcolor; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .ws-badge.blue{background: rgba(139, 139, 139, 0.06); color: rgb(191, 191, 191); border-color: rgba(139, 139, 139, 0.157);}
html[data-panel-ui-ready] .native-reference-area .ws-badge.amber{background: rgba(202, 160, 86, 0.043); color: rgb(211, 181, 129); border-color: rgba(207, 163, 84, 0.145);}
html[data-panel-ui-ready] .native-reference-area .ws-tabs{display: flex; gap: 5px; margin-bottom: 22px; padding: 5px; background: rgb(19, 19, 19); border: 1px solid rgba(99, 99, 99, 0.14); border-radius: 14px; width: max-content; max-width: 100%; overflow-x: auto; scrollbar-width: none;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs button{display: flex; align-items: center; gap: 7px; padding: 10px 18px; white-space: nowrap; border-radius: 10px; color: rgb(151, 151, 151); font-size: 12px; min-height: 42px;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs button svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs button.active{color: rgb(190, 190, 190); background: rgba(139, 139, 139, 0.08); box-shadow: rgba(139, 139, 139, 0.133) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs button:hover{color: rgb(221, 221, 221);}
html[data-panel-ui-ready] .native-reference-area .ws-line{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-line > span{display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgb(170, 170, 170);}
html[data-panel-ui-ready] .native-reference-area .ws-line strong{color: rgb(229, 229, 229); font-size: 14px; font-weight: 500;}
html[data-panel-ui-ready] .native-reference-area .ws-line svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .ws-record-body{padding: 17px 21px; min-height: 110px;}
html[data-panel-ui-ready] .native-reference-area .ws-record-body p{font-size: 12px; line-height: 1.7; color: rgb(151, 151, 151); margin: 7px 0px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .ws-record h2{font-size: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-record .entity-card-footer > .small-action{width: auto; padding: 0px 11px; gap: 7px; font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .ws-record .entity-card-footer > .small-action i{display: flex;}
html[data-panel-ui-ready] .native-reference-area .ws-record .ws-badge{font-size: 9px;}
html[data-panel-ui-ready] .native-reference-area .ws-amount{display: block; font-size: 23px; font-weight: 500; letter-spacing: -0.7px; color: rgb(235, 235, 235);}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading{display: flex; align-items: center; gap: 16px; margin: 0px 0px 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading > .client-avatar{height: 55px; width: 55px; border-radius: 17px; font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading > div{min-width: 0px; flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading h2{font-size: 25px; letter-spacing: -0.7px; margin: 0px 0px 4px; font-weight: 550;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading p{color: rgb(151, 151, 151); font-size: 12px; margin: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading > .ghost-btn{width: auto;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(138, 138, 138, 0.098); min-width: 0px; font-size: 12px; color: rgb(151, 151, 151);}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row:last-child{border-bottom: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row > div{flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row strong{display: block; color: rgb(216, 216, 216); font-size: 12px; font-weight: 500; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row small{display: block; margin-top: 5px; font-size: 10px; line-height: 1.6; color: rgb(137, 137, 137);}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row > span > i{color: rgb(133, 133, 133);}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row > button{flex: 0 0 auto; width: auto;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row .small-action > span{display: none;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row > strong{text-align: right;}
html[data-panel-ui-ready] .native-reference-area .ws-muted{display: block; margin-top: 5px; color: rgb(129, 129, 129); font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-connection-hero{padding: 5px 0px 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-connection-hero .connection-icon{width: 50px; height: 50px; border-radius: 16px; background: rgba(139, 139, 139, 0.05); border-color: rgba(139, 139, 139, 0.16);}
html[data-panel-ui-ready] .native-reference-area .ws-connection-hero .connection-icon img,html[data-panel-ui-ready] .native-reference-area .ws-connection-hero .connection-icon svg{width: 25px; height: 25px; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-connection-hero h3{margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-connection-hero p{max-width: 430px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin-bottom: 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types h2{margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types p{min-height: 64px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types .connection-icon{color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-plans{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-plans h2{font-size: 30px; margin: 20px 0px 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-plans ul{padding: 0px; list-style: none; margin: 25px 0px; color: rgb(174, 174, 174); font-size: 12px; line-height: 2.6;}
html[data-panel-ui-ready] .native-reference-area .ws-plans li::before{content: "✓"; color: rgb(139, 139, 139); margin-right: 9px;}
html[data-panel-ui-ready] .native-reference-area .ws-featured{border-color: rgba(139, 139, 139, 0.4); background: radial-gradient(at 50% 0px, rgba(139, 139, 139, 0.08), transparent 80%), rgb(29, 29, 29);}
html[data-panel-ui-ready] .native-reference-area .ws-plan{padding: 10px 0px 22px;}
html[data-panel-ui-ready] .native-reference-area .ws-plan > span{font-size: 10px; letter-spacing: 1px; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-plan h3{font-size: 34px;}
html[data-panel-ui-ready] .native-reference-area .ws-security-icon{height: 60px; width: 60px; border-radius: 20px; display: grid; place-items: center; background: rgba(139, 139, 139, 0.05); border: 1px solid rgba(139, 139, 139, 0.153); color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-security-icon svg{height: 30px; width: 30px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope{display: flex; align-items: center; gap: 14px; border: 1px solid rgba(139, 139, 139, 0.15); border-radius: 16px; background: linear-gradient(110deg, rgba(37, 37, 37, 0.5), rgba(25, 25, 25, 0.65)); padding: 15px 20px; margin-bottom: 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope > div{flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope strong{display: block; font-size: 16px; font-weight: 550; margin-top: 5px; color: rgb(229, 229, 229);}
html[data-panel-ui-ready] .native-reference-area .ws-scope .eyebrow{color: rgb(133, 133, 133); font-size: 8px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope .ghost-btn{width: auto;}
html[data-panel-ui-ready] .native-reference-area .ws-progress{height: 4px; background: rgb(42, 42, 42); border-radius: 5px; overflow: hidden; margin-bottom: 15px;}
html[data-panel-ui-ready] .native-reference-area .ws-progress > span{height: 100%; display: block; background: linear-gradient(90deg, rgb(110, 110, 110), rgb(166, 166, 166));}
html[data-panel-ui-ready] .native-reference-area .ws-check{color: rgb(139, 139, 139) !important;}
html[data-panel-ui-ready] .native-reference-area .ws-journey{display: grid; gap: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage{padding: 24px; overflow: visible;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head{display: flex; align-items: center; gap: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head > span{font-size: 28px; font-weight: 350; color: rgb(120, 120, 120); letter-spacing: -1px; align-self: start;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head > div:nth-child(2){flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head h2{font-size: 19px; font-weight: 550; margin: 0px 0px 7px;}
html[data-panel-ui-ready] .native-reference-area .ws-row-actions{display: flex; gap: 6px;}
html[data-panel-ui-ready] .native-reference-area .ws-row-actions .small-action > span{display: none;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-content{margin: 20px 0px 0px 49px; border-top: 1px solid rgba(112, 112, 112, 0.14); padding-top: 15px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-content p{font-size: 12px; color: rgb(138, 138, 138);}
html[data-panel-ui-ready] .native-reference-area .ws-stage-content p strong{color: rgb(193, 193, 193); font-weight: 500;}
html[data-panel-ui-ready] .native-reference-area .ws-event-chip{display: flex; align-items: center; gap: 7px; border: 1px solid rgba(139, 139, 139, 0.208); background: rgba(139, 139, 139, 0.04); border-radius: 8px; padding: 7px 10px; font-size: 11px; color: rgb(188, 188, 188);}
html[data-panel-ui-ready] .native-reference-area .ws-event-chip svg{width: 12px; height: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-code{display: block; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; background: rgb(13, 13, 13); border: 1px solid rgba(103, 103, 103, 0.173); border-radius: 12px; padding: 17px; color: rgb(190, 190, 190); font: 12px / 1.8 Consolas, monospace; margin: 15px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-funnel{display: flex; align-items: center; flex-direction: column; gap: 12px; padding: 18px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-funnel > div{border: 1px solid rgba(139, 139, 139, 0.165); border-radius: 12px; padding: 12px 8px; background: linear-gradient(120deg, rgba(139, 139, 139, 0.098), rgba(83, 83, 83, 0.22)); text-align: center; color: rgb(184, 184, 184); min-width: 120px;}
html[data-panel-ui-ready] .native-reference-area .ws-funnel span{display: block; font-size: 10px; color: rgb(182, 182, 182);}
html[data-panel-ui-ready] .native-reference-area .ws-funnel strong{font-size: 23px; font-weight: 550;}
html[data-panel-ui-ready] .native-reference-area .ws-empty{padding: 50px; text-align: center;}
html[data-panel-ui-ready] .native-reference-area .ws-empty > i{display: inline-flex; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-empty h2{font-size: 23px;}
html[data-panel-ui-ready] .native-reference-area .ws-empty p{font-size: 12px; color: rgb(154, 154, 154);}
html[data-panel-ui-ready] .native-reference-area .ws-empty .primary-btn{margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-action-list{display: grid; gap: 4px;}
html[data-panel-ui-ready] .native-reference-area .ws-action-list .pop-item{min-height: 46px; font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .ws-message{border: 1px solid rgba(111, 111, 111, 0.176); background: linear-gradient(145deg, rgb(29, 29, 29), rgb(31, 31, 31)); border-radius: 14px; padding: 18px; font-size: 12px; line-height: 1.9; color: rgb(194, 194, 194); overflow-wrap: anywhere; white-space: pre-line;}
html[data-panel-ui-ready] .native-reference-area .ws-panel .collection-table-wrap{margin-top: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel .collection-table{min-width: 570px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel > .ghost-btn{margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .collection-table .small-action > span{display: none;}
html[data-panel-ui-ready] .native-reference-area .collection-table .text-action{min-height: 36px;}
html[data-panel-ui-ready] .native-reference-area .ws-form{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-grid,html[data-panel-ui-ready] .native-reference-area .ws-form:not(#ws-flow-form){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 19px;}
html[data-panel-ui-ready] .native-reference-area .ws-form > .ws-two-col{grid-column: 1 / -1; width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-form > .ws-two-col .ws-panel{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-field{display: flex; flex-direction: column; gap: 8px; min-width: 0px; margin: 0px; position: relative;}
html[data-panel-ui-ready] .native-reference-area .ws-field > span{font-size: 11px; font-weight: 500; color: rgb(166, 166, 166);}
html[data-panel-ui-ready] .native-reference-area .ws-field input,html[data-panel-ui-ready] .native-reference-area .ws-field textarea{width: 100%; min-width: 0px; border: 1px solid rgba(102, 102, 102, 0.25); background: rgb(19, 19, 19); color: rgb(230, 230, 230); border-radius: 11px; min-height: 44px; padding: 11px 13px; font-size: 13px; outline: none;}
html[data-panel-ui-ready] .native-reference-area .ws-field textarea{resize: vertical; line-height: 1.8; min-height: 150px;}
html[data-panel-ui-ready] .native-reference-area .ws-field input:focus,html[data-panel-ui-ready] .native-reference-area .ws-field textarea:focus{border-color: rgba(139, 139, 139, 0.5); box-shadow: rgba(139, 139, 139, 0.043) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area .ws-full{grid-column: 1 / -1;}
html[data-panel-ui-ready] .native-reference-area .ws-picker{position: relative; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-picker summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 11px 13px; border: 1px solid rgba(102, 102, 102, 0.25); background: rgb(19, 19, 19); border-radius: 11px; color: rgb(216, 216, 216); font-size: 12px; list-style: none; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .ws-picker summary::-webkit-details-marker{display: none;}
html[data-panel-ui-ready] .native-reference-area .ws-picker summary > span{min-width: 0px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .ws-picker summary svg{width: 14px; height: 14px; color: rgb(128, 128, 128);}
html[data-panel-ui-ready] .native-reference-area .ws-picker[open]{z-index: 80;}
html[data-panel-ui-ready] .native-reference-area .ws-picker[open] summary{border-color: rgba(139, 139, 139, 0.44);}
html[data-panel-ui-ready] .native-reference-area .ws-options{position: absolute; top: calc(100% + 5px); left: 0px; right: 0px; z-index: 90; padding: 8px; background: rgb(30, 30, 30); border: 1px solid rgba(120, 120, 120, 0.376); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.533) 0px 20px 35px;}
html[data-panel-ui-ready] .native-reference-area .ws-options > input{font-size: 12px; min-height: 38px; padding: 9px 11px; margin-bottom: 5px;}
html[data-panel-ui-ready] .native-reference-area .ws-options > div{max-height: 210px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(83, 83, 83) transparent;}
html[data-panel-ui-ready] .native-reference-area .ws-options button{display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; min-height: 40px; padding: 9px 11px; width: 100%; border-radius: 7px; color: rgb(200, 200, 200); font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-options button:hover{background: rgba(139, 139, 139, 0.08);}
html[data-panel-ui-ready] .native-reference-area .ws-options button i{visibility: hidden; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-options button[aria-pressed="true"]{color: rgb(185, 185, 185); background: rgba(139, 139, 139, 0.05);}
html[data-panel-ui-ready] .native-reference-area .ws-options button[aria-pressed="true"] i{visibility: visible;}
html[data-panel-ui-ready] .native-reference-area .ws-options button svg{width: 13px; height: 13px;}
html[data-panel-ui-ready] .native-reference-area .ws-switch{display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 56px; color: rgb(191, 191, 191); font-size: 12px; position: relative;}
html[data-panel-ui-ready] .native-reference-area .ws-switch > span{flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .ws-switch small{display: block; font-size: 10px; color: rgb(137, 137, 137); margin-top: 6px; line-height: 1.7;}
html[data-panel-ui-ready] .native-reference-area .ws-switch input{position: absolute; right: 0px; opacity: 0; width: 44px; height: 30px;}
html[data-panel-ui-ready] .native-reference-area .ws-switch > i{height: 25px; width: 43px; border-radius: 20px; background: rgb(47, 47, 47); border: 1px solid rgba(131, 131, 131, 0.2); position: relative; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .ws-switch > i::before{content: ""; position: absolute; width: 17px; height: 17px; border-radius: 50%; background: rgb(151, 151, 151); left: 3px; top: 3px; transition: 0.18s;}
html[data-panel-ui-ready] .native-reference-area .ws-switch input:checked + i{background: rgb(104, 104, 104); border-color: rgba(139, 139, 139, 0.5);}
html[data-panel-ui-ready] .native-reference-area .ws-switch input:checked + i::before{left: 21px; background: rgb(238, 238, 238);}
html[data-panel-ui-ready] .native-reference-area .ws-switch input:focus-visible + i{outline: rgb(139, 139, 139) solid 2px; outline-offset: 3px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer{grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid rgba(132, 132, 132, 0.153); padding-top: 18px; margin-top: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer > .ghost-btn,html[data-panel-ui-ready] .native-reference-area .ws-form-footer > .primary-btn{width: auto; min-height: 44px; margin: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer > .primary-btn{padding-left: 23px; padding-right: 23px;}
html[data-panel-ui-ready] .native-reference-area #dialog.ws-wide{width: 1000px; max-width: min(1000px, -48px + 100vw); max-height: calc(100dvh - 48px); overflow-y: auto; border-radius: 25px; scrollbar-width: thin; scrollbar-color: rgb(78, 78, 78) rgb(26, 26, 26);}
html[data-panel-ui-ready] .native-reference-area .ws-wide .dialog-card{background: linear-gradient(140deg, rgba(32, 32, 32, 0.973), rgba(20, 20, 20, 0.98)); padding: 20px 27px 26px; min-height: 400px;}
html[data-panel-ui-ready] .native-reference-area .ws-wide .dialog-header{padding-bottom: 8px;}
html[data-panel-ui-ready] .native-reference-area .ws-wide h2{font-size: 26px;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-sub{margin-top: 5px !important; font-size: 11px !important; color: rgb(143, 143, 143) !important;}
html[data-panel-ui-ready] .native-reference-area .ws-steps{display: flex; gap: 5px; padding: 5px; margin: 20px 0px 25px; background: rgba(14, 14, 14, 0.5); border: 1px solid rgba(96, 96, 96, 0.157); border-radius: 13px; overflow: auto; scrollbar-width: thin;}
html[data-panel-ui-ready] .native-reference-area .ws-steps button{display: flex; align-items: center; gap: 8px; color: rgb(133, 133, 133); padding: 10px 12px; border-radius: 9px; font-size: 11px; white-space: nowrap; min-height: 43px; flex: 1 1 0%; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area .ws-steps button > span{display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid rgba(99, 99, 99, 0.376); border-radius: 6px; font-size: 10px; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .ws-steps button.active{color: rgb(195, 195, 195); background: rgba(139, 139, 139, 0.08);}
html[data-panel-ui-ready] .native-reference-area .ws-steps button.active > span{background: rgb(139, 139, 139); color: rgb(15, 15, 15); border-color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-flow-layout{display: block; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-layout.with-preview{display: grid; grid-template-columns: minmax(0px, 1fr) 270px; gap: 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-preview{padding: 20px; border: 1px solid rgba(100, 100, 100, 0.19); border-radius: 16px; background: radial-gradient(at 100% 0px, rgba(139, 139, 139, 0.043), transparent 75%), rgb(20, 20, 20); align-self: start; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-preview > .eyebrow{font-size: 8px; color: rgb(118, 118, 118);}
html[data-panel-ui-ready] .native-reference-area .ws-flow-preview > p{font-size: 10px !important;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-head{display: flex; align-items: center; gap: 9px; margin: 20px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-head > div{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-head strong{font-size: 11px; display: block; font-weight: 500; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-head small{font-size: 8px; color: rgb(134, 134, 134); display: block; margin-top: 2px;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-bubble{border: 1px solid rgba(92, 92, 92, 0.314); border-radius: 13px 13px 13px 3px; background: linear-gradient(140deg, rgb(43, 43, 43), rgb(34, 34, 34)); padding: 16px; color: rgb(213, 213, 213); font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; white-space: pre-line;}
html[data-panel-ui-ready] .native-reference-area .ws-token-bar{grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 5px;}
html[data-panel-ui-ready] .native-reference-area .ws-token-bar > span{display: block; width: 100%; font-size: 10px; color: rgb(141, 141, 141); margin-bottom: 4px;}
html[data-panel-ui-ready] .native-reference-area .ws-token-bar button{font-family: Consolas, monospace; font-size: 10px; color: rgb(182, 182, 182); background: rgba(139, 139, 139, 0.035); border: 1px solid rgba(139, 139, 139, 0.153); padding: 6px 8px; border-radius: 7px; min-height: 31px;}
html[data-panel-ui-ready] .native-reference-area .ws-metric-editor{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px;}
html[data-panel-ui-ready] .native-reference-area .ws-metric-editor > .panel{padding: 18px; overflow: visible; display: grid; gap: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-metric-editor .ws-picker summary{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .ws-error{border: 1px solid rgba(189, 94, 94, 0.314); padding: 12px; border-radius: 10px; background: rgba(166, 68, 68, 0.063); color: rgb(237, 164, 156) !important;}
html[data-panel-ui-ready] .native-reference-area .ws-two-factor{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-two-factor h3{font-size: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-qr-demo{height: 180px; width: 180px; border: 1px dashed rgba(139, 139, 139, 0.333); background: repeating-linear-gradient(0deg, rgba(139, 139, 139, 0.008), rgba(139, 139, 139, 0.008) 3px, rgba(139, 139, 139, 0.02) 4px); border-radius: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; color: rgb(171, 171, 171);}
html[data-panel-ui-ready] .native-reference-area .ws-qr-demo svg{width: 70px; height: 70px; stroke-width: 0.8;}
html[data-panel-ui-ready] .native-reference-area .ws-qr-demo span{font-size: 8px; letter-spacing: 1.3px;}
html[data-panel-ui-ready] .native-reference-area .ws-review-step{display: flex; align-items: center; gap: 14px; border: 1px solid rgba(98, 98, 98, 0.208); border-radius: 12px; padding: 18px; margin: 12px 0px; color: rgb(187, 187, 187); font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-review-step > i{color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-note{margin: 18px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-record-body .ws-message{font-size: 11px; padding: 14px; min-height: 170px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel .ws-form-footer .primary-btn{margin-top: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel .ws-code{margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel .ws-field{margin-bottom: 15px;}
@media (max-width: 1100px){
html[data-panel-ui-ready] .native-reference-area .ws-flow-layout.with-preview{grid-template-columns: minmax(0px, 1fr) 225px; gap: 16px;}
html[data-panel-ui-ready] .native-reference-area .ws-metric-editor{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-panel-ui-ready] .native-reference-area .ws-two-col{gap: 16px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel{padding: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-metrics{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-panel-ui-ready] .native-reference-area .ws-plans{gap: 13px;}
html[data-panel-ui-ready] .native-reference-area .ws-plans .ws-panel{padding: 20px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .ws-two-col,html[data-panel-ui-ready] .native-reference-area .ws-plans{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .native-reference-area .ws-panel{padding: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-panel > .panel-heading{margin-bottom: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-metrics{gap: 10px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat{padding: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat > strong{font-size: 25px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat > span{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading{gap: 12px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading > div{flex-basis: 65%;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading h2{font-size: 22px;}
html[data-panel-ui-ready] .native-reference-area .ws-client-heading .ghost-btn{width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs{width: 100%; margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs button{padding: 10px 14px; min-height: 44px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar{gap: 9px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar > .ghost-btn,html[data-panel-ui-ready] .native-reference-area .ws-toolbar > .primary-btn{min-height: 44px; flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar > .collection-search{width: 100%; margin: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar .ws-field{flex: 1 1 0%; min-width: 130px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope{padding: 16px; flex-wrap: wrap; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope > div{flex-basis: 60%;}
html[data-panel-ui-ready] .native-reference-area .ws-scope .ghost-btn{min-height: 44px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope .ws-badge{font-size: 9px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope strong{font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage{padding: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head{gap: 12px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head > span{font-size: 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-head h2{font-size: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-row-actions{width: 100%; justify-content: flex-end;}
html[data-panel-ui-ready] .native-reference-area .ws-row-actions .small-action{width: 44px; height: 44px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-content{margin-left: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-stage-content p{line-height: 1.8;}
html[data-panel-ui-ready] .native-reference-area .ws-event-chip{min-height: 38px;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row{gap: 10px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row strong{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row .text-button{min-height: 44px;}
html[data-panel-ui-ready] .native-reference-area .ws-settings-row > span{max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-form-grid,html[data-panel-ui-ready] .native-reference-area .ws-form:not(#ws-flow-form){grid-template-columns: minmax(0px, 1fr); gap: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-form > .ws-two-col{margin-bottom: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-field input,html[data-panel-ui-ready] .native-reference-area .ws-field textarea,html[data-panel-ui-ready] .native-reference-area .ws-options > input{font-size: 16px;}
html[data-panel-ui-ready] .native-reference-area .ws-field > span{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-picker summary{font-size: 13px; min-height: 46px;}
html[data-panel-ui-ready] .native-reference-area .ws-options button{min-height: 44px; font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .ws-options > div{max-height: 185px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer{flex-wrap: wrap; margin-top: 14px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer > .primary-btn,html[data-panel-ui-ready] .native-reference-area .ws-form-footer > .ghost-btn{flex: 1 1 0%; min-width: 100px;}
html[data-panel-ui-ready] .native-reference-area .ws-switch{min-height: 58px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer .primary-btn{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-switch small{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-layout.with-preview{display: flex; flex-direction: column; gap: 22px;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-layout form{width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-flow-preview{width: 100%; padding: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-bubble{font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-head strong{font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .ws-chat-head small{font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-token-bar button{min-height: 36px; font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-steps{margin: 18px 0px 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-steps button{min-height: 44px; flex: 0 0 auto; font-size: 11px; padding: 9px 11px;}
html[data-panel-ui-ready] .native-reference-area .ws-metric-editor{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .native-reference-area .ws-metric-editor > .panel{padding: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-wide .dialog-card{padding: 16px 18px 22px;}
html[data-panel-ui-ready] .native-reference-area .ws-wide h2{font-size: 23px;}
html[data-panel-ui-ready] .native-reference-area #dialog.ws-wide{width: calc(100% - 20px); max-width: calc(100% - 20px); max-height: calc(100dvh - 20px); border-radius: 22px;}
html[data-panel-ui-ready] .native-reference-area .ws-code{font-size: 11px; line-height: 1.9; padding: 14px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types{grid-template-columns: minmax(0px, 1fr); gap: 14px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types p{min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-notification-types .ghost-btn{min-height: 44px;}
html[data-panel-ui-ready] .native-reference-area .ws-record-body{padding: 18px;}
html[data-panel-ui-ready] .native-reference-area .ws-record .entity-card-footer > .small-action{min-height: 44px;}
html[data-panel-ui-ready] .native-reference-area .ws-action-list .pop-item{min-height: 48px;}
html[data-panel-ui-ready] .native-reference-area .ws-empty{padding: 30px 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-empty h2{font-size: 21px;}
html[data-panel-ui-ready] .native-reference-area .ws-two-factor{padding: 10px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-two-factor .primary-btn{width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-plans ul{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar > .ws-badge{flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .ws-funnel strong{font-size: 21px;}
html[data-panel-ui-ready] .native-reference-area .ws-field:has(.ws-picker[open]){z-index: 80;}
}
@media (max-width: 350px){
html[data-panel-ui-ready] .native-reference-area .ws-stat{padding: 14px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat > strong{font-size: 21px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat > span{font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-stat > small{font-size: 9px;}
html[data-panel-ui-ready] .native-reference-area .ws-scope > .ghost-btn{width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-panel{padding: 17px;}
html[data-panel-ui-ready] .native-reference-area .ws-wide .dialog-card{padding: 13px 14px 20px;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer{gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .ws-review-step{padding: 14px;}
html[data-panel-ui-ready] .native-reference-area .ws-row-actions{gap: 4px;}
html[data-panel-ui-ready] .native-reference-area .ws-metrics{gap: 8px;}
}
html[data-panel-ui-ready] .native-reference-area .ws-sort{min-width: 130px;}
html[data-panel-ui-ready] .native-reference-area .ws-sort .ws-field > span{font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;}
html[data-panel-ui-ready] .native-reference-area .ws-options button:disabled{opacity: 0.4; cursor: not-allowed;}
html[data-panel-ui-ready] .native-reference-area .ws-options button small{margin-left: auto; font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-plan-price{display: flex; align-items: baseline; gap: 7px; margin-top: 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-plan-price strong{font-size: 48px; letter-spacing: -2px;}
html[data-panel-ui-ready] .native-reference-area .ws-plan-price span,html[data-panel-ui-ready] .native-reference-area .ws-price-period{color: var(--muted);}
html[data-panel-ui-ready] .native-reference-area .ws-plans ul li{display: flex; align-items: center; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .ws-plans ul li svg{width: 16px; height: 16px; flex: 0 0 auto; color: rgb(139, 139, 139);}
html[data-panel-ui-ready] .native-reference-area .ws-home-extra{margin-top: 24px;}
html[data-panel-ui-ready] .native-reference-area .ws-channel{display: flex; align-items: center; gap: 14px; padding: 24px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-channel img{width: 28px; height: 24px; object-fit: contain;}
html[data-panel-ui-ready] .native-reference-area .ws-channel strong,html[data-panel-ui-ready] .native-reference-area .ws-channel small{display: block;}
html[data-panel-ui-ready] .native-reference-area .ws-channel small{color: rgb(165, 165, 165); margin-top: 6px;}
html[data-panel-ui-ready] .native-reference-area .ws-channel .ws-progress{flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .ws-calendar-day{display: grid; text-align: center; min-width: 42px; padding: 6px; background: rgba(139, 139, 139, 0.07); border: 1px solid rgba(139, 139, 139, 0.145); border-radius: 8px; color: rgb(184, 184, 184); font-size: 21px;}
html[data-panel-ui-ready] .native-reference-area .ws-calendar-day small{font-size: 8px; letter-spacing: 0.14em;}
html[data-panel-ui-ready] .native-reference-area .ws-date-presets{display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-date-presets button{min-height: 44px;}
html[data-panel-ui-ready] .native-reference-area .ws-date-presets + .ws-form{margin-top: 24px;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .ws-sort{min-width: 120px; flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .ws-channel{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .ws-channel .ws-progress{flex-basis: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-form-footer{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .ws-options{max-width: calc(-64px + 100vw);}
}
html[data-panel-ui-ready] .native-reference-area .ws-plans li::before{display: none;}
html[data-panel-ui-ready] .native-reference-area .ws-coverage-list{padding-left: 18px; line-height: 1.7; color: rgb(185, 185, 185);}
html[data-panel-ui-ready] .native-reference-area .ws-coverage-list li + li{margin-top: 5px;}
/* gray-glass.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .panel,html[data-panel-ui-ready] .native-reference-area .entity-card,html[data-panel-ui-ready] .native-reference-area .ws-featured{background: var(--glass-fill); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px) saturate(100%);}
html[data-panel-ui-ready] .native-reference-area .panel::before,html[data-panel-ui-ready] .native-reference-area .entity-card::before{background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.13), transparent);}
html[data-panel-ui-ready] .native-reference-area #main :is(.panel, .entity-card, .stat, .ws-featured, .collection-table-wrap, .integration-card-v2, .account-section, .tmpl-card){backdrop-filter: none;}
html[data-panel-ui-ready] .native-reference-area .entity-card:hover{border-color: rgba(235, 237, 243, 0.26); box-shadow: var(--glass-shadow),0 16px 30px rgba(0,0,0,.12);}
html[data-panel-ui-ready] .native-reference-area .view-selector button.active,html[data-panel-ui-ready] .native-reference-area .ws-tabs button.active,html[data-panel-ui-ready] .native-reference-area .ws-steps button.active{color: rgb(245, 245, 247); background: var(--selected-fill); box-shadow: var(--selected-edge);}
html[data-panel-ui-ready] .native-reference-area .ws-security-icon,html[data-panel-ui-ready] .native-reference-area .ws-calendar-day{background: linear-gradient(135deg, rgba(220, 222, 229, 0.12), rgba(146, 148, 156, 0.035)); border-color: rgba(232, 234, 241, 0.13); color: rgb(210, 213, 220);}
html[data-panel-ui-ready] .native-reference-area .primary-btn{background: linear-gradient(145deg, rgb(224, 226, 230), rgb(191, 196, 204)); border-color: rgba(244, 245, 247, 0.18); color: rgb(37, 41, 49); box-shadow: rgba(255, 255, 255, 0.44) 0px 1px 0px inset, rgba(0, 0, 0, 0.133) 0px 5px 15px;}
html[data-panel-ui-ready] .native-reference-area .primary-btn:hover{background: linear-gradient(145deg, rgb(242, 243, 245), rgb(213, 217, 223)); color: rgb(32, 36, 42); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px;}
html[data-panel-ui-ready] .native-reference-area .ghost-btn,html[data-panel-ui-ready] .native-reference-area .small-action.featured{background: var(--selected-fill); border-color: var(--glass-edge); color: rgb(213, 217, 224); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset;}
html[data-panel-ui-ready] .native-reference-area .ghost-btn:hover,html[data-panel-ui-ready] .native-reference-area .small-action:hover{color: rgb(240, 241, 244); background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.19);}
html[data-panel-ui-ready] .native-reference-area .card-actions .small-action > span{display: none;}
html[data-panel-ui-ready] .native-reference-area .ws-progress > span{background: linear-gradient(90deg, rgb(127, 151, 173), rgb(180, 196, 212)); box-shadow: none;}
html[data-panel-ui-ready] .native-reference-area .ws-badge.blue{color: rgb(192, 199, 208); border-color: rgba(216, 221, 227, 0.153); background: rgba(216, 221, 227, 0.035);}
html[data-panel-ui-ready] .native-reference-area .view-selector,html[data-panel-ui-ready] .native-reference-area .ws-tabs,html[data-panel-ui-ready] .native-reference-area .ws-steps,html[data-panel-ui-ready] .native-reference-area .collection-search,html[data-panel-ui-ready] .native-reference-area .ws-flow-preview,html[data-panel-ui-ready] .native-reference-area .ws-message,html[data-panel-ui-ready] .native-reference-area .ws-chat-bubble,html[data-panel-ui-ready] .native-reference-area .ws-scope,html[data-panel-ui-ready] .native-reference-area .ws-event-chip,html[data-panel-ui-ready] .native-reference-area .ws-code{background: rgba(30, 31, 34, 0.36); border-color: rgba(220, 224, 231, 0.12); color: rgb(192, 197, 205);}
html[data-panel-ui-ready] .native-reference-area .filter-tags button.active,html[data-panel-ui-ready] .native-reference-area .ws-options button[aria-pressed="true"]{background: var(--selected-fill); border-color: rgba(221, 226, 229, 0.18); color: rgb(232, 235, 239); box-shadow: rgba(255, 255, 255, 0.086) 0px 1px 0px inset;}
html[data-panel-ui-ready] .native-reference-area .collection-table-wrap{background: rgba(37, 38, 41, 0.35); border-color: var(--glass-edge); backdrop-filter: blur(22px);}
html[data-panel-ui-ready] .native-reference-area .collection-table th{background: rgba(212, 215, 221, 0.02); color: rgb(166, 171, 179); border-bottom-color: rgba(225, 228, 234, 0.09);}
html[data-panel-ui-ready] .native-reference-area .collection-table tbody tr:hover{background: rgba(225, 228, 234, 0.016);}
html[data-panel-ui-ready] .native-reference-area .ws-options{background: linear-gradient(135deg, rgba(53, 55, 59, 0.94), rgba(29, 31, 35, 0.94)); border-color: rgba(220, 225, 233, 0.15); color: rgb(217, 220, 227); backdrop-filter: blur(26px);}
html[data-panel-ui-ready] .native-reference-area .ws-wide .dialog-card{background: linear-gradient(135deg, rgba(49, 50, 54, 0.96), rgba(30, 31, 35, 0.97)); border-color: var(--glass-edge);}
html[data-panel-ui-ready] .native-reference-area .ws-field input,html[data-panel-ui-ready] .native-reference-area .ws-field textarea,html[data-panel-ui-ready] .native-reference-area .ws-picker summary{background: rgba(24, 25, 28, 0.5); border-color: rgba(225, 227, 233, 0.14); color: rgb(217, 220, 226);}
html[data-panel-ui-ready] .native-reference-area .ws-field input:focus,html[data-panel-ui-ready] .native-reference-area .ws-field textarea:focus,html[data-panel-ui-ready] .native-reference-area .ws-picker[open] summary{border-color: rgba(195, 200, 212, 0.42); box-shadow: rgba(224, 228, 235, 0.03) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area .ws-steps button.active > span{background: rgb(200, 204, 211); border-color: rgba(224, 227, 232, 0.25); color: rgb(37, 40, 46);}
html[data-panel-ui-ready] .native-reference-area .ws-switch input:checked + i{background: rgb(134, 142, 154); border-color: rgba(213, 217, 229, 0.333);}
html[data-panel-ui-ready] .native-reference-area .ws-switch input:checked + i::before{background: rgb(244, 245, 247);}
html[data-panel-ui-ready] .native-reference-area .ws-switch input:focus-visible + i{outline-color: rgb(191, 197, 205);}
html[data-panel-ui-ready] .native-reference-area .ws-funnel > div{background: linear-gradient(135deg, rgba(217, 224, 227, 0.082), rgba(193, 202, 209, 0.03)); border-color: rgba(212, 221, 226, 0.17); color: rgb(197, 208, 221);}
/* panel-cards.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .panel-source-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; align-items: stretch;}
html[data-panel-ui-ready] .native-reference-area .panel-record-card{padding: 25px 25px 21px; display: flex; flex-direction: column; min-height: 304px; border-radius: 25px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top h2,html[data-panel-ui-ready] .native-reference-area .panel-client-card h2,html[data-panel-ui-ready] .native-reference-area .panel-template-card h2{margin: 0px; min-width: 0px; color: var(--text); font-size: 23px; line-height: 1.16; font-weight: 650; letter-spacing: -0.7px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top h2{flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .panel-status{display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; flex: 0 0 auto; border-radius: 20px; padding: 4px 10px; font-size: 12px; line-height: 1.2; font-weight: 600; border: 1px solid rgba(68, 179, 124, 0.2); background: rgba(44, 148, 93, 0.1); color: rgb(114, 210, 163);}
html[data-panel-ui-ready] .native-reference-area .panel-status.paused{color: rgb(162, 167, 175); background: rgba(172, 178, 188, 0.07); border-color: rgba(172, 178, 188, 0.12);}
html[data-panel-ui-ready] .native-reference-area .panel-card-account{margin: 0px 0px 15px; color: rgb(227, 229, 232); font-size: 16px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta{display: grid; gap: 8px; margin: 0px 0px 28px; font-size: 14px; line-height: 1.35;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta > div{display: grid; grid-template-columns: auto minmax(0px, 1fr); column-gap: 14px; align-items: baseline;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta dt{color: rgb(167, 170, 177); font-weight: 400;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta dd{margin: 0px; color: rgb(232, 233, 236); text-align: right; font-weight: 600; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .panel-card-foot{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 18px; margin-top: auto; border-top: 1px solid rgba(222, 227, 238, 0.1);}
html[data-panel-ui-ready] .native-reference-area .panel-toggle{width: 46px; height: 27px; flex: 0 0 auto; padding: 3px; border: 0px; border-radius: 20px; background: rgb(104, 110, 120); cursor: pointer; transition: background 0.18s;}
html[data-panel-ui-ready] .native-reference-area .panel-toggle > span{display: block; width: 21px; height: 21px; border-radius: 50%; background: rgb(23, 27, 28); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; transition: transform 0.18s;}
html[data-panel-ui-ready] .native-reference-area .panel-toggle[aria-checked="true"]{background: rgb(32, 188, 124);}
html[data-panel-ui-ready] .native-reference-area .panel-toggle[aria-checked="true"] > span{transform: translateX(19px);}
html[data-panel-ui-ready] .native-reference-area .panel-toggle:focus-visible,html[data-panel-ui-ready] .native-reference-area .panel-icon-btn:focus-visible,html[data-panel-ui-ready] .native-reference-area .panel-template-btn:focus-visible{outline: rgb(212, 218, 227) solid 2px; outline-offset: 4px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-actions{display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-provider{display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 30px; flex: 0 0 auto; margin-right: 3px;}
html[data-panel-ui-ready] .native-reference-area .panel-provider img{width: 100%; height: 100%; object-fit: contain;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 33px; height: 35px; padding: 0px; border-radius: 11px; border: 1px solid rgba(218, 224, 237, 0.13); color: rgb(210, 214, 221); background: rgba(224, 229, 238, 0.043); box-shadow: rgba(255, 255, 255, 0.01) 0px 1px 0px inset; cursor: pointer; transition: background 0.18s, border-color 0.18s;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn > span{display: none;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn svg{width: 17px; height: 17px;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn:hover,html[data-panel-ui-ready] .native-reference-area .panel-template-btn:hover{background: rgba(224, 229, 238, 0.12); border-color: rgba(218, 224, 237, 0.26);}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn.danger:hover,html[data-panel-ui-ready] .native-reference-area .panel-template-btn.danger:hover{color: rgb(242, 169, 169); border-color: rgba(217, 116, 116, 0.314);}
html[data-panel-ui-ready] .native-reference-area .panel-balance{display: grid; gap: 5px; flex: 0 0 auto; text-align: right; font-size: 11px; color: var(--muted); padding-top: 2px;}
html[data-panel-ui-ready] .native-reference-area .panel-balance strong{font-size: 13px; font-weight: 600; color: rgb(222, 223, 227);}
html[data-panel-ui-ready] .native-reference-area .panel-client-card{padding: 25px 25px 20px; min-height: 217px; border-radius: 25px; cursor: pointer; display: flex; flex-direction: column; gap: 22px;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .platform-badges{margin-top: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .entity-card-footer{margin-top: auto; padding-top: 18px; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .entity-card-footer > span{font-size: 12px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .entity-card-footer .card-actions{flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .entity-card-footer svg{width: 17px; height: 17px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-head h2{font-size: 21px; font-weight: 650;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-footer{gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .dashboard-card .entity-card-footer > span{min-width: 0px; overflow-wrap: anywhere; line-height: 1.35;}
html[data-panel-ui-ready] .native-reference-area .panel-template-card{padding: 25px 24px 20px; display: flex; flex-direction: column; min-height: 370px; border-radius: 25px;}
html[data-panel-ui-ready] .native-reference-area .panel-template-platform{display: flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 13px; color: var(--muted);}
html[data-panel-ui-ready] .native-reference-area .panel-template-platform .panel-provider{width: 21px; height: 21px;}
html[data-panel-ui-ready] .native-reference-area .panel-message-shell{margin-top: 22px; padding: 12px; border-radius: 15px; background: rgba(13, 16, 21, 0.22); border: 1px solid rgba(255, 255, 255, 0.024); flex: 1 1 0%; min-height: 180px; max-height: 235px; overflow: auto; scrollbar-width: thin;}
html[data-panel-ui-ready] .native-reference-area .panel-message-bubble{white-space: pre-wrap; overflow-wrap: anywhere; border-radius: 11px; padding: 14px; background: rgba(215, 221, 231, 0.055); color: rgb(196, 200, 208); font-size: 13px; line-height: 1.65;}
html[data-panel-ui-ready] .native-reference-area .panel-template-actions{display: flex; gap: 7px; justify-content: space-between; margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .panel-template-btn{display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 35px; flex: 1 1 0%; padding: 7px 6px; border-radius: 10px; background: rgba(255, 255, 255, 0.027); border: 1px solid rgba(255, 255, 255, 0.086); color: rgb(199, 203, 211); font-size: 11px; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .panel-template-btn svg{height: 14px; width: 14px; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-toolbar{display: flex; align-items: end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 24px;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group{flex: 1 1 0%; min-width: 250px;}
html[data-panel-ui-ready] .native-reference-area .panel-filter-label{display: block; color: rgb(167, 170, 177); font-size: 12px; margin-bottom: 9px;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group > div{display: flex; align-items: center; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group .collection-search{max-width: 235px; min-width: 130px; flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group .collection-count{white-space: nowrap; margin: 0px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters{display: flex; align-items: end; gap: 12px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-field{width: 162px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-sort .ws-field{width: 174px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-field > span{font-size: 12px; color: rgb(167, 170, 177);}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-picker summary{min-height: 40px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .view-selector{min-height: 40px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-toolbar .ws-options{z-index: 32; min-width: 100%; width: 230px; max-width: calc(-38px + 100vw); left: auto; right: 0px;}
@media (min-width: 1600px){
html[data-panel-ui-ready] .native-reference-area .panel-record-card{padding: 27px 26px 23px; min-height: 324px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top h2{font-size: 25px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-account{font-size: 17px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta{font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn{width: 36px; height: 37px;}
}
@media (max-width: 1199px){
html[data-panel-ui-ready] .native-reference-area .panel-source-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters{flex: 1 1 0%; justify-content: flex-start;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-field{width: 155px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-sort .ws-field{width: 165px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .panel-source-grid{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
html[data-panel-ui-ready] .native-reference-area .panel-record-card{padding: 23px 21px 20px; min-height: 298px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top h2{font-size: 23px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-account{font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta{font-size: 14px;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group{min-width: 0px; width: 100%; flex-basis: 100%;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-toolbar{gap: 16px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters > *{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .view-selector{align-self: end; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-field,html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .ws-sort .ws-field{width: auto; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-template-card{padding: 23px 21px 20px;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card{padding: 23px 21px 20px;}
html[data-panel-ui-ready] .native-reference-area .panel-message-shell{max-height: 260px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-toolbar .ws-picker summary{padding: 10px; font-size: 12px;}
}
@media (max-width: 360px){
html[data-panel-ui-ready] .native-reference-area .panel-record-card,html[data-panel-ui-ready] .native-reference-area .panel-template-card,html[data-panel-ui-ready] .native-reference-area .panel-client-card{padding: 20px 16px 18px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top{gap: 9px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-top h2{font-size: 21px;}
html[data-panel-ui-ready] .native-reference-area .panel-status{font-size: 10px; padding: 4px 7px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-account{font-size: 14px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta{font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-actions{gap: 4px;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn{width: 30px; height: 33px;}
html[data-panel-ui-ready] .native-reference-area .panel-provider{width: 25px; margin-right: 2px;}
html[data-panel-ui-ready] .native-reference-area .panel-toggle{width: 40px; height: 25px;}
html[data-panel-ui-ready] .native-reference-area .panel-toggle > span{width: 19px; height: 19px;}
html[data-panel-ui-ready] .native-reference-area .panel-toggle[aria-checked="true"] > span{transform: translateX(15px);}
html[data-panel-ui-ready] .native-reference-area .panel-card-foot{gap: 9px;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group > div{gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .panel-search-group .collection-count{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .panel-template-actions{gap: 5px;}
html[data-panel-ui-ready] .native-reference-area .panel-template-btn{font-size: 10px; gap: 4px;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .card-actions{gap: 4px;}
html[data-panel-ui-ready] .native-reference-area .panel-client-card .small-action{width: 30px; height: 32px;}
}
@media (max-width: 300px){
html[data-panel-ui-ready] .native-reference-area .panel-card-actions{gap: 3px;}
html[data-panel-ui-ready] .native-reference-area .panel-provider{width: 22px; margin-right: 0px;}
html[data-panel-ui-ready] .native-reference-area .panel-icon-btn{width: 27px; height: 31px;}
html[data-panel-ui-ready] .native-reference-area .panel-card-foot{gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters{grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area .panel-collection-filters .view-selector{justify-self: start;}
html[data-panel-ui-ready] .native-reference-area .panel-template-btn{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .panel-card-meta > div{column-gap: 8px;}
}
@media (prefers-reduced-motion: reduce){
html[data-panel-ui-ready] .native-reference-area .panel-toggle,html[data-panel-ui-ready] .native-reference-area .panel-toggle > span,html[data-panel-ui-ready] .native-reference-area .panel-icon-btn{transition: none;}
}
html[data-panel-ui-ready] .native-reference-area .entity-card.source-dashboard-card{width: calc((100% - (var(--dashboard-columns) - 1)*var(--dashboard-gap))/var(--dashboard-columns)); flex: 0 1 auto; height: 280px; min-height: 280px; box-sizing: border-box; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; padding: 0px; gap: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-dashboard-footer .small-action{width: 30px; height: 30px; min-height: 30px; border-radius: 8px; padding: 0px; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .source-dashboard-footer .small-action svg{width: 15px; height: 15px;}
/* dashboard-editor.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .dash-editor-footer .primary-btn,html[data-panel-ui-ready] .native-reference-area .dash-editor-footer .ghost-btn{min-height: 40px; padding: 10px 19px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .dash-general .ws-field{gap: 9px;}
html[data-panel-ui-ready] .native-reference-area .dash-general .ws-field > span{font-size: 12px; font-weight: 600;}
html[data-panel-ui-ready] .native-reference-area .dash-general .ws-field input{height: 45px;}
html[data-panel-ui-ready] .native-reference-area .dash-general .ws-field input:disabled{opacity: 0.65;}
@media (max-width: 640px){
html[data-panel-ui-ready] .native-reference-area .dash-editor-footer .primary-btn,html[data-panel-ui-ready] .native-reference-area .dash-editor-footer .ghost-btn{padding: 9px 13px; font-size: 11px; min-height: 39px;}
}
@media (max-width: 350px){
html[data-panel-ui-ready] .native-reference-area .dash-editor-footer .primary-btn,html[data-panel-ui-ready] .native-reference-area .dash-editor-footer .ghost-btn{padding: 8px 10px; font-size: 10px;}
}
html[data-panel-ui-ready] .native-reference-area .dashboard-config-dialog .dash-editor-footer > .ghost-btn,html[data-panel-ui-ready] .native-reference-area .dashboard-config-dialog .dash-editor-footer > .primary-btn{width: auto; margin: 0px; flex: 0 0 auto;}
/* source-menu-base.css?v=40 */
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status{width: 7px; height: 7px; border-radius: 50%; background: var(--text3); margin-left: auto; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status.on{background: var(--green); box-shadow: rgba(34, 197, 94, 0.4) 0px 0px 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar{display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 10px; margin-bottom: 14px; font-size: 13px; font-weight: 500;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar.connected{background: var(--green-dim); border: 1px solid rgba(34, 197, 94, 0.2); color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar.disconnected{background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); color: var(--yellow);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar svg{width: 15px; height: 15px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input-group{margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input-group label{display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text3); margin-bottom: 7px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input-group small{display: block; font-size: 11px; color: var(--text3); margin-top: 5px; line-height: 1.4;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input{width: 100%; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--border-md); border-radius: 8px; padding: 11px 14px; font-size: 14px; color: var(--text); font-family: "JetBrains Mono", monospace; outline: none; transition: border-color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input::placeholder{color: var(--text3); font-family: Geist, sans-serif;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input:focus{border-color: var(--teal); background: rgba(0, 133, 138, 0.04);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-divider{display: flex; align-items: center; gap: 10px; margin: 16px 0px; color: var(--text3); font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-divider::before,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-divider::after{content: ""; flex: 1 1 0%; height: 1px; background: var(--border);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-benefits{background: var(--bg1); border: 1px solid var(--border); border-radius: 12px; padding: 22px 24px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-benefits h3{font-size: 14px; font-weight: 600; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-item{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.04); cursor: pointer; transition: background 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-item:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-item:hover{background: rgba(255, 255, 255, 0.04);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-name{font-size: 12.5px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-id{font-size: 10.5px; font-family: "JetBrains Mono", monospace; color: var(--text3); white-space: nowrap; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-tabs,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-tab,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-tab-content{display: none !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tabs{display: flex; gap: 4px; border-bottom: 1px solid var(--border); margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab{padding: 10px 16px; background: transparent; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; color: var(--text2); font-family: Geist, sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; margin-bottom: -1px; display: inline-flex; align-items: center; gap: 8px; transition: all var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab:hover{color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab.active{color: var(--teal); border-bottom-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-pane{display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-pane.active{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-card{background: var(--bg1); border: 1px solid var(--border); border-radius: 14px; padding: 22px 24px; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-card-head{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-title{display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 850; color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-title svg{width: 19px; height: 19px; color: var(--teal); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-sub{font-size: 13px; color: var(--text2); margin-top: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-form-grid .full{grid-column: 1 / -1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-actions{margin-top: 14px; display: flex; justify-content: flex-start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-inline-card{display: flex; align-items: center; justify-content: space-between; gap: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-icon-box{width: 44px; height: 44px; border-radius: 12px; background: rgba(0, 168, 255, 0.12); border: 1px solid rgba(0, 168, 255, 0.18); display: flex; align-items: center; justify-content: center; color: var(--teal); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-list{display: flex; flex-direction: column; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-row{display: flex; align-items: center; gap: 14px; background: rgb(27, 30, 36); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 14px 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-main{flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-title{font-size: 14px; font-weight: 850; color: rgb(232, 236, 240); display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-meta{font-size: 12px; color: var(--text2); margin-top: 5px; line-height: 1.45;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-pill{display: inline-flex; align-items: center; border-radius: 999px; padding: 2px 8px; font-size: 10px; font-weight: 850; background: rgba(34, 197, 94, 0.12); color: rgb(34, 197, 94); border: 1px solid rgba(34, 197, 94, 0.2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-link-danger{border: 0px; background: transparent; color: rgb(255, 93, 102); font-size: 13px; font-weight: 850; font-family: Geist, sans-serif; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-link-danger:hover{text-decoration: underline;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-empty{padding: 14px; color: var(--text3); font-size: 13px; text-align: center; border: 1px dashed rgba(255, 255, 255, 0.1); border-radius: 10px;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-form-grid{grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-inline-card,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-row{align-items: flex-start; flex-direction: column;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-profile-wrap{max-width: 480px; margin: 0px auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-wrap{display: flex; flex-direction: column; align-items: center; margin-bottom: 32px; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-ring{width: 96px; height: 96px; border-radius: 50%; background: linear-gradient(135deg, rgba(0, 168, 255, 0.18), rgba(0, 168, 255, 0.04)); border: 2px solid rgba(0, 168, 255, 0.38); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 168, 255, 0.13) 0px 0px 32px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-ring svg{width: 54px; height: 54px; color: rgba(0, 168, 255, 0.7);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-name{font-size: 20px; font-weight: 900; color: rgb(232, 236, 240); letter-spacing: -0.02em; text-align: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-plan-badge{font-size: 11px; font-weight: 700; color: var(--teal); background: rgba(0, 168, 255, 0.1); border: 1px solid rgba(0, 168, 255, 0.25); border-radius: 20px; padding: 3px 12px; letter-spacing: 0.04em;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-fields-section{display: flex; flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-item{display: flex; align-items: center; justify-content: space-between; padding: 14px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); gap: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-item:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-label{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-val{font-size: 14px; font-weight: 600; color: rgb(232, 236, 240); text-align: right;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-action{display: flex; align-items: center; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-edit-btn{width: 34px; height: 34px; flex-shrink: 0; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text2); transition: 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-edit-btn:hover{border-color: rgba(0, 168, 255, 0.38); color: var(--teal); background: rgba(0, 168, 255, 0.07);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-edit-btn svg{width: 14px; height: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-change-pass-btn{margin-top: 22px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09); font-size: 14px; font-weight: 700; color: var(--text2); cursor: pointer; transition: 0.15s; font-family: inherit;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-change-pass-btn:hover{background: rgba(0, 168, 255, 0.07); border-color: rgba(0, 168, 255, 0.3); color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-change-pass-btn svg{width: 16px; height: 16px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-inline-pass{margin-top: 12px; background: rgb(26, 29, 36); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 14px; padding: 20px; display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-inline-pass.open{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-row{display: flex; gap: 10px; margin-bottom: 20px; max-width: 560px; align-items: stretch;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card{display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-icon{width: 30px; height: 30px; border-radius: 8px; background: rgba(255, 255, 255, 0.05); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--text2); margin-top: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-body{flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-lbl{font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); margin-bottom: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-name{font-size: 13px; font-weight: 800; color: rgb(232, 236, 240); letter-spacing: -0.01em; margin-bottom: 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-meta{display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-status-pill{font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; gap: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-status-pill::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentcolor; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-status-pill.active{color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-status-pill.inactive{color: rgb(248, 113, 113);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-renewal{font-size: 11px; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-renewal strong{color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-limit{font-size: 11px; color: var(--text3); margin-top: 1px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-last4{font-size: 12px; font-weight: 700; color: var(--text2); letter-spacing: 0.04em;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-actions{display: flex; align-items: center; gap: 12px; margin-top: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-btn{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; font-size: 12px; font-weight: 700; color: var(--teal); cursor: pointer; font-family: inherit; transition: opacity 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-card-btn:hover{opacity: 0.75;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-cancel-btn{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; font-size: 11px; color: var(--text3); cursor: pointer; font-family: inherit; transition: color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-cancel-btn:hover{color: rgb(248, 113, 113);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-wrap{border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-hd{margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-title{font-size: 14px; font-weight: 800; color: rgb(232, 236, 240); display: block; margin-bottom: 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-sub{font-size: 12px; color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-list{display: flex; flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-row{display: flex; align-items: center; gap: 12px; padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-row:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-date{font-size: 12px; color: var(--text2); width: 100px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-desc{flex: 1 1 0%; color: rgb(232, 236, 240); font-weight: 600;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-amt{font-weight: 700; color: rgb(232, 236, 240); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-billing-empty{padding: 24px 0px; color: var(--text3); font-size: 13px; text-align: center;}
@media (max-width: 640px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .as-row{flex-direction: column;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-toggle{display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 36px; padding: 7px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-btn{border: 0px; min-width: 118px; height: 42px; border-radius: 999px; background: transparent; color: var(--text2); font-family: Geist, sans-serif; font-size: 13px; font-weight: 800; letter-spacing: 0.04em; cursor: pointer; transition: background 0.2s, color 0.2s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-btn.active{background: rgb(6, 36, 58); color: rgb(255, 255, 255); box-shadow: rgba(0, 84, 130, 0.16) 0px 0px 30px, rgba(0, 168, 255, 0.14) 0px 0px 34px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .pricing-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); justify-content: center; gap: 18px; align-items: stretch; margin-bottom: 24px;}
@media (max-width: 1040px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .pricing-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 680px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .pricing-grid{grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card{position: relative; overflow: hidden; border-radius: 28px; color: rgb(255, 255, 255); border: 1px solid rgba(0, 168, 255, 0.14); background: linear-gradient(rgba(12, 16, 22, 0.98), rgba(4, 7, 11, 0.97)); padding: 34px 28px 28px; box-shadow: rgba(255, 255, 255, 0.043) 0px 0px 0px 1px inset, rgba(0, 24, 38, 0.18) 0px 34px 90px, rgba(0, 0, 0, 0.26) 0px 18px 56px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.featured{border-color: rgba(150, 220, 255, 0.34); background: linear-gradient(rgba(4, 42, 66, 0.98), rgba(4, 11, 17, 0.98)); box-shadow: rgba(255, 255, 255, 0.09) 0px 0px 0px 1px inset, rgba(0, 168, 255, 0.18) 0px 42px 110px, rgba(0, 0, 0, 0.24) 0px 34px 90px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .recommend-bar{position: absolute; top: 0px; left: 0px; right: 0px; height: 40px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, rgb(221, 245, 255), rgb(255, 255, 255), rgb(185, 232, 255)); color: rgb(6, 36, 58); font-size: 11px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.featured .price-content{padding-top: 26px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-content{position: relative; z-index: 1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-name{font-size: clamp(26px, 2.1vw, 36px); line-height: 1; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-desc{color: rgba(255, 255, 255, 0.55); font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: -0.016em; margin-bottom: 20px; min-height: 56px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-price{display: flex; align-items: flex-end; gap: 4px; margin-bottom: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-currency,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-value{font-size: clamp(44px, 3.8vw, 64px); line-height: 0.9; letter-spacing: -0.07em; font-weight: 700;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-period{color: rgba(255, 255, 255, 0.55); font-size: 16px; font-weight: 700; padding-bottom: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-note{color: rgb(199, 237, 255); font-size: 13px; font-weight: 800; margin-bottom: 22px; min-height: 20px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-cta{display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; border: 0px; text-decoration: none; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(11, 9, 16); font-family: Geist, sans-serif; font-size: 15px; font-weight: 900; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 34px; transition: opacity 0.2s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-cta:hover{opacity: 0.92;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.featured .plan-cta{background: linear-gradient(90deg, rgb(255, 255, 255), rgb(230, 247, 255)); box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 34px, rgba(0, 168, 255, 0.24) 0px 0px 46px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-cta.cta-current{background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.6); cursor: default; pointer-events: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-limit{margin: 22px 0px 18px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 900;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-features{list-style: none; display: flex; flex-direction: column; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-features li{display: flex; gap: 10px; color: rgba(255, 255, 255, 0.82); font-size: 13px; line-height: 1.3; font-weight: 700;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-features svg{flex: 0 0 auto; margin-top: 1px; color: rgb(210, 242, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-features li.muted{color: rgba(255, 255, 255, 0.28);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-features li.muted svg{color: rgba(255, 255, 255, 0.22);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .plan-features li::before{content: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.is-current{border-color: rgba(0, 168, 255, 0.55); box-shadow: rgba(0, 168, 255, 0.25) 0px 0px 0px 1px inset, rgba(0, 168, 255, 0.12) 0px 0px 40px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.featured.is-current{border-color: rgba(150, 220, 255, 0.7);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card .plan-cta.cta-current,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.featured .plan-cta.cta-current{background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.45); cursor: default; pointer-events: none; box-shadow: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card .plan-cta.cta-admin,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #account-pane-planos .price-card.featured .plan-cta.cta-admin{background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.3); cursor: not-allowed; pointer-events: none; box-shadow: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status{width: 7px; height: 7px; border-radius: 50%; background: var(--text3); margin-left: auto; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status.on{background: var(--green); box-shadow: rgba(34, 197, 94, 0.4) 0px 0px 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar{display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 10px; margin-bottom: 14px; font-size: 13px; font-weight: 500;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar.connected{background: var(--green-dim); border: 1px solid rgba(34, 197, 94, 0.2); color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar.disconnected{background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); color: var(--yellow);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-status-bar svg{width: 15px; height: 15px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input-group{margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input-group label{display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text3); margin-bottom: 7px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input-group small{display: block; font-size: 11px; color: var(--text3); margin-top: 5px; line-height: 1.4;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input{width: 100%; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--border-md); border-radius: 8px; padding: 11px 14px; font-size: 14px; color: var(--text); font-family: "JetBrains Mono", monospace; outline: none; transition: border-color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input::placeholder{color: var(--text3); font-family: Geist, sans-serif;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-input:focus{border-color: var(--teal); background: rgba(0, 133, 138, 0.04);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-divider{display: flex; align-items: center; gap: 10px; margin: 16px 0px; color: var(--text3); font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-divider::before,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-divider::after{content: ""; flex: 1 1 0%; height: 1px; background: var(--border);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-benefits{background: var(--bg1); border: 1px solid var(--border); border-radius: 12px; padding: 22px 24px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-benefits h3{font-size: 14px; font-weight: 600; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-item{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.04); cursor: pointer; transition: background 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-item:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-item:hover{background: rgba(255, 255, 255, 0.04);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-name{font-size: 12.5px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-group-id{font-size: 10.5px; font-family: "JetBrains Mono", monospace; color: var(--text3); white-space: nowrap; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-tabs,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-tab,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-tab-content{display: none !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tabs{display: flex; gap: 4px; border-bottom: 1px solid var(--border); margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab{padding: 10px 16px; background: transparent; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; color: var(--text2); font-family: Geist, sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; margin-bottom: -1px; display: inline-flex; align-items: center; gap: 8px; transition: all var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab:hover{color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab.active{color: var(--teal); border-bottom-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-pane{display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-pane.active{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-card{background: var(--bg1); border: 1px solid var(--border); border-radius: 14px; padding: 22px 24px; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-card-head{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-title{display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 850; color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-title svg{width: 19px; height: 19px; color: var(--teal); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-sub{font-size: 13px; color: var(--text2); margin-top: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-form-grid .full{grid-column: 1 / -1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-actions{margin-top: 14px; display: flex; justify-content: flex-start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-inline-card{display: flex; align-items: center; justify-content: space-between; gap: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-icon-box{width: 44px; height: 44px; border-radius: 12px; background: rgba(0, 168, 255, 0.12); border: 1px solid rgba(0, 168, 255, 0.18); display: flex; align-items: center; justify-content: center; color: var(--teal); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-list{display: flex; flex-direction: column; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-row{display: flex; align-items: center; gap: 14px; background: rgb(27, 30, 36); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 14px 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-main{flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-title{font-size: 14px; font-weight: 850; color: rgb(232, 236, 240); display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-meta{font-size: 12px; color: var(--text2); margin-top: 5px; line-height: 1.45;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-pill{display: inline-flex; align-items: center; border-radius: 999px; padding: 2px 8px; font-size: 10px; font-weight: 850; background: rgba(34, 197, 94, 0.12); color: rgb(34, 197, 94); border: 1px solid rgba(34, 197, 94, 0.2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-link-danger{border: 0px; background: transparent; color: rgb(255, 93, 102); font-size: 13px; font-weight: 850; font-family: Geist, sans-serif; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-link-danger:hover{text-decoration: underline;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-empty{padding: 14px; color: var(--text3); font-size: 13px; text-align: center; border: 1px dashed rgba(255, 255, 255, 0.1); border-radius: 10px;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-form-grid{grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-inline-card,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .security-session-row{align-items: flex-start; flex-direction: column;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-profile-wrap{max-width: 480px; margin: 0px auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-wrap{display: flex; flex-direction: column; align-items: center; margin-bottom: 32px; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-ring{width: 96px; height: 96px; border-radius: 50%; background: linear-gradient(135deg, rgba(0, 168, 255, 0.18), rgba(0, 168, 255, 0.04)); border: 2px solid rgba(0, 168, 255, 0.38); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 168, 255, 0.13) 0px 0px 32px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-ring svg{width: 54px; height: 54px; color: rgba(0, 168, 255, 0.7);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-name{font-size: 20px; font-weight: 900; color: rgb(232, 236, 240); letter-spacing: -0.02em; text-align: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-avatar-plan-badge{font-size: 11px; font-weight: 700; color: var(--teal); background: rgba(0, 168, 255, 0.1); border: 1px solid rgba(0, 168, 255, 0.25); border-radius: 20px; padding: 3px 12px; letter-spacing: 0.04em;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-fields-section{display: flex; flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-item{display: flex; align-items: center; justify-content: space-between; padding: 14px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); gap: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-item:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-label{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-val{font-size: 14px; font-weight: 600; color: rgb(232, 236, 240); text-align: right;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-action{display: flex; align-items: center; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-edit-btn{width: 34px; height: 34px; flex-shrink: 0; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text2); transition: 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-edit-btn:hover{border-color: rgba(0, 168, 255, 0.38); color: var(--teal); background: rgba(0, 168, 255, 0.07);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-edit-btn svg{width: 14px; height: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-change-pass-btn{margin-top: 22px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09); font-size: 14px; font-weight: 700; color: var(--text2); cursor: pointer; transition: 0.15s; font-family: inherit;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-change-pass-btn:hover{background: rgba(0, 168, 255, 0.07); border-color: rgba(0, 168, 255, 0.3); color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-change-pass-btn svg{width: 16px; height: 16px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-inline-pass{margin-top: 12px; background: rgb(26, 29, 36); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 14px; padding: 20px; display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-inline-pass.open{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-toggle{display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 32px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 40px; padding: 4px; width: fit-content; margin-left: auto; margin-right: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-btn{padding: 9px 24px; border-radius: 36px; font-size: 13px; font-weight: 700; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: Geist, sans-serif; transition: 0.2s; color: var(--text2); background: transparent;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-btn.active{background: var(--teal); color: rgb(255, 255, 255); box-shadow: rgba(0, 168, 255, 0.35) 0px 2px 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-billing-off{font-size: 10px; font-weight: 800; background: rgb(34, 197, 94); color: rgb(255, 255, 255); border-radius: 8px; padding: 2px 7px; margin-left: 5px; letter-spacing: 0.02em;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-acc-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 20px;}
@media (max-width: 820px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .plans-acc-grid{grid-template-columns: 1fr; max-width: 440px; margin-left: auto; margin-right: auto;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-head-row{display: grid; grid-template-columns: 32px 1fr 140px 110px 110px; gap: 12px; padding: 9px 18px; border-bottom: 1px solid var(--border); background: rgba(255, 255, 255, 0.02);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-row{display: grid; grid-template-columns: 32px 1fr 140px 110px 110px; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--border); align-items: center; transition: background var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-row:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-row:hover{background: rgba(255, 255, 255, 0.02);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-bal{font-family: "JetBrains Mono", monospace; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-bal.alert{color: var(--yellow);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-bal.ok{color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-limit{font-size: 12px; color: var(--text3); font-family: "JetBrains Mono", monospace;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-section{background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border); border-radius: 12px; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-row{display: grid; grid-template-columns: 130px 100px 80px 1fr 130px; gap: 10px; padding: 11px 18px; border-bottom: 1px solid var(--border); align-items: center; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-row:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-row:hover{background: rgba(255, 255, 255, 0.01);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-ic .notif-ic-icon{grid-area: 1 / 1; width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(var(--ic)); box-shadow: 0 8px 20px var(--sh);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-ic .notif-ic-name{grid-area: 1 / 2; font-size: 22px; font-weight: 800; color: rgb(232, 236, 240); letter-spacing: -0.02em; line-height: 1.1; align-self: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-ic .notif-ic-desc{grid-area: 2 / 1 / auto / -1; font-size: 12px; color: rgb(243, 245, 248); line-height: 1.35; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; align-self: start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-ic .integ-connect-btn{grid-area: 3 / 1 / auto / -1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal{width: min(660px, -32px + 100vw); max-height: min(690px, -56px + 100vh); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.52) 0px 28px 80px; display: flex; flex-direction: column; max-width: 660px !important; border-radius: 18px !important; background: rgb(27, 28, 31) !important; border-color: rgba(255, 255, 255, 0.1) !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-head{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 22px 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-title{font-size: 18px; font-weight: 900; color: rgb(255, 255, 255); line-height: 1.05; letter-spacing: -0.02em;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-subtitle{font-size: 11.5px; font-weight: 750; color: var(--text3); margin-top: 3px; line-height: 1.15;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-icon-wrap{width: 44px; height: 44px; border-radius: 13px; border: 1px solid rgba(240, 98, 146, 0.5); background: rgba(194, 24, 91, 0.18); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: rgba(194, 24, 91, 0.14) 0px 0px 20px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-icon-wrap svg{width: 27px; height: 27px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-body{flex: 1 1 auto; padding: 15px 22px 8px; background: rgb(27, 28, 31); overflow-y: auto; min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-body .field-group{margin: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-body .field-lbl{font-size: 14px; font-weight: 850; color: rgb(255, 255, 255); letter-spacing: 0px; text-transform: none; margin-bottom: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-body .field-inp{height: 44px; background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; font-size: 14px; font-weight: 750; color: rgb(244, 247, 251); padding: 0px 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-body .field-inp::placeholder{color: rgb(154, 160, 168);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-body .field-inp:focus{border-color: rgb(240, 98, 146); box-shadow: rgba(240, 98, 146, 0.12) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step{display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step.active{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-success{display: flex; align-items: center; gap: 8px; color: rgb(246, 249, 252); font-size: 17px; font-weight: 900; margin-bottom: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-success svg{width: 16px; height: 16px; color: rgb(50, 215, 75); flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-flow-sub{font-size: 12.5px; font-weight: 850; color: rgb(244, 247, 251); margin-bottom: 11px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step-title{display: flex; align-items: center; gap: 8px; margin: 10px 0px 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step-index{width: 28px; height: 28px; border-radius: 50%; background: rgb(42, 43, 47); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step-label{font-size: 15px; font-weight: 900; color: rgb(255, 255, 255); white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step-rule{height: 2px; background: rgba(255, 255, 255, 0.08); flex: 1 1 0%; border-radius: 99px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-config-grid{display: grid; grid-template-columns: minmax(0px, 0.88fr) minmax(250px, 1.12fr); gap: 14px; align-items: start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-block-title{font-size: 12.5px; font-weight: 900; color: rgb(255, 255, 255); margin-bottom: 7px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-token-group{margin-bottom: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-token-label{font-size: 11px; font-weight: 800; color: rgb(215, 221, 229); margin-bottom: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-token-row{display: flex; flex-wrap: wrap; gap: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-token{border: 0px; border-radius: 6px; padding: 3px 7px; background: rgb(11, 143, 255); color: rgb(255, 255, 255); font: 850 11px Geist, sans-serif; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-token.utm{background: rgb(109, 120, 216);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-token.custom{background: rgb(177, 109, 218);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-message-box{width: 100%; min-height: 150px; max-height: 170px; background: rgb(0, 107, 84); border: 1.5px solid rgb(24, 201, 133); border-radius: 10px; padding: 12px; color: rgb(255, 255, 255); font: 850 12px / 1.35 Geist, sans-serif; resize: vertical; outline: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-message-box:focus{box-shadow: rgba(24, 201, 133, 0.14) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-message-box::placeholder{color: rgba(255, 255, 255, 0.72);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-receiver-grid{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(240px, 1fr); gap: 10px 12px; align-items: start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-picker-btn{width: 100%; height: 46px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg1); display: flex; align-items: center; gap: 9px; padding: 0px 12px; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-picker-btn:hover{border-color: rgba(255, 255, 255, 0.18);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-picker-btn.has-value{border-color: rgba(37, 211, 102, 0.35);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-pic-icon{width: 26px; height: 26px; border-radius: 7px; background: linear-gradient(135deg, rgb(7, 94, 84), rgb(37, 211, 102)); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-pic-icon svg{width: 14px; height: 14px; fill: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-pic-label{flex: 1 1 0%; min-width: 0px; text-align: left; font: 850 13px Geist, sans-serif; color: rgb(220, 227, 236); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-pic-label.placeholder{color: rgb(154, 160, 168); font-weight: 600;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-wa-picker-chevron{flex-shrink: 0; color: var(--text2); transition: transform 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-dest-area{margin-top: 10px; display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-dest-area.show{display: block; animation: 0.18s ease 0s 1 normal none running fadeUp;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-dest-card-title{font-size: 11px; font-weight: 850; color: var(--text2); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-phone-input-wrap{display: flex; align-items: center; border: 1px solid var(--border); border-radius: 9px; background: var(--bg1); overflow: hidden; height: 46px; transition: border-color 0.15s, box-shadow 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-phone-input-wrap:focus-within{border-color: rgba(0, 168, 255, 0.5); box-shadow: rgba(0, 168, 255, 0.12) 0px 0px 0px 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-phone-prefix{padding: 0px 10px 0px 13px; font: 850 13px / 1 Geist, monospace; color: var(--teal); white-space: nowrap; border-right: 1px solid rgba(255, 255, 255, 0.09); height: 100%; display: flex; align-items: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-phone-input{flex: 1 1 0%; background: transparent; border: 0px; outline: none; padding: 0px 12px; font: 700 13px Geist, sans-serif; color: rgb(244, 247, 251); height: 100%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-phone-input::placeholder{color: rgb(154, 160, 168); font-weight: 500;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-phone-hint{font-size: 11px; color: var(--text3); margin-top: 7px; line-height: 1.4;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-picker-btn{width: 100%; height: 46px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg1); display: flex; align-items: center; gap: 9px; padding: 0px 12px; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-picker-btn:hover{border-color: rgba(255, 255, 255, 0.18);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-picker-btn.has-value{border-color: rgba(37, 211, 102, 0.3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-panel{position: absolute; top: 50%; left: calc(100% + 12px); width: 340px; height: min(440px, -64px + 100vh); background: rgb(27, 28, 31); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.72) 0px 24px 70px; display: flex; flex-direction: column; transform: translateY(-50%) translateX(-16px) scale(0.98); opacity: 0; pointer-events: none; transition: transform 0.18s, opacity 0.18s; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-panel.open{transform: translateY(-50%) translateX(0px) scale(1); opacity: 1; pointer-events: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-title{font-size: 15px; font-weight: 850; color: rgb(255, 255, 255); display: flex; align-items: center; gap: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-title svg{width: 16px; height: 16px; color: rgb(37, 211, 102);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-close{width: 30px; height: 30px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.035); color: var(--text2); display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.15s, color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-close:hover{background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-search-row{display: flex; align-items: center; gap: 8px; padding: 12px 14px 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-search{flex: 1 1 0%; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 9px; padding: 9px 11px; font-size: 13px; color: var(--text); outline: none; font-family: inherit; transition: border-color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-search:focus{border-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-refresh{height: 36px; padding: 0px 11px; background: transparent; border: 1px solid rgba(0, 168, 255, 0.45); border-radius: 8px; color: var(--teal); font-size: 12px; font-weight: 800; cursor: pointer; font-family: inherit; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-refresh:hover{background: rgba(0, 168, 255, 0.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-list{flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 0px 8px 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-item{display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 9px; cursor: pointer; transition: background 0.12s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-item:hover{background: rgba(255, 255, 255, 0.05);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-item.selected{background: rgba(0, 168, 255, 0.1); box-shadow: rgba(0, 168, 255, 0.22) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-avatar{width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, rgb(37, 211, 102), rgb(7, 94, 84)); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: rgb(255, 255, 255); flex-shrink: 0; text-transform: uppercase;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-name{font-size: 13px; font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-check{width: 16px; height: 16px; border-radius: 50%; background: var(--teal); display: none; align-items: center; justify-content: center; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-item.selected .notif-gp-check{display: flex;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-gp-foot{padding: 10px 14px 12px; border-top: 1px solid rgba(255, 255, 255, 0.07); font-size: 11px; color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-receiver-tabs{display: grid; grid-template-columns: 1fr 1fr; gap: 5px; background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-receiver-tab{height: 38px; border: 0px; border-radius: 8px; background: transparent; color: rgb(255, 255, 255); font: 900 14px Geist, sans-serif; display: flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-receiver-tab.active{background: rgb(21, 22, 24); box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-code-help{font-size: 14px; font-weight: 800; color: rgb(244, 247, 251); line-height: 1.35; margin: 0px 0px 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-copy-label{font-size: 13px; font-weight: 900; color: rgb(255, 255, 255); margin: 0px 0px 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-copy-row{display: flex; align-items: center; gap: 10px; background: rgb(36, 36, 36); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9px; padding: 9px 11px; margin-bottom: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-copy-row svg{color: rgb(220, 227, 236); flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-copy-value{min-width: 0px; flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(201, 209, 220); font: 750 12px Geist, sans-serif;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-copy-btn{width: 34px; height: 34px; border: 0px; border-radius: 8px; background: transparent; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-copy-btn:hover{background: rgba(255, 255, 255, 0.07);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-json-card{background: rgb(37, 37, 37); border-radius: 10px; padding: 14px; display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(230px, 1.05fr); gap: 14px; align-items: start; margin-bottom: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-json-title{display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 900; color: rgb(255, 255, 255); margin-bottom: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-json-text{font-size: 12.5px; font-weight: 750; color: rgb(255, 255, 255); line-height: 1.35;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-json-code{position: relative; background: rgb(66, 66, 66); border-radius: 10px; padding: 14px; color: rgb(255, 255, 255); font: 750 10.5px / 1.4 "JetBrains Mono", monospace; white-space: pre-wrap; min-height: 210px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-json-code .notif-copy-btn{position: absolute; right: 8px; top: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-done-note{display: flex; align-items: center; justify-content: center; gap: 8px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 850; margin: 10px 0px 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer{display: flex; justify-content: flex-end; gap: 10px; padding: 10px 22px 16px; background: rgb(27, 28, 31); flex: 0 0 auto; border-top: 0px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-cancel,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-submit{flex: 0 0 auto; height: 40px; border-radius: 9px; font-size: 13.5px; font-weight: 850; padding: 0px 20px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-cancel{min-width: 132px; background: rgb(38, 39, 43); color: rgb(244, 247, 251); border-color: transparent; display: flex; align-items: center; justify-content: center; gap: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-submit{min-width: 164px; background: var(--teal); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-submit:hover:not(:disabled){background: rgb(0, 155, 232);}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal{max-height: calc(-28px + 100vh);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-config-grid,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-receiver-grid,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-json-card{grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-step-label{white-space: normal;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-message-box{min-height: 130px; max-height: 150px;}
}
@media (max-width: 560px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer{display: grid; grid-template-columns: 1fr;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-cancel,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal-footer .btn-submit{width: 100%;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-panel{position: fixed; inset: auto 0px 0px; width: auto; height: min(440px, 70vh); border-radius: 18px 18px 0px 0px; transform: translateY(20px);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-group-panel.open{transform: translateY(0px);}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-url-box{display: flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--border-md); border-radius: 8px; padding: 10px 12px; font-family: "JetBrains Mono", monospace; font-size: 11.5px; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-url-copy{flex-shrink: 0; width: 28px; height: 28px; border-radius: 6px; border: 1px solid var(--border); background: transparent; color: var(--text3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-url-copy:hover{background: rgba(255, 255, 255, 0.07); color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-list{display: flex; flex-direction: column; gap: 6px; max-height: 180px; overflow-y: auto; padding-right: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-opt{display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; transition: background 0.15s, border-color 0.15s; font-size: 13px; font-weight: 600; color: var(--text); background: transparent;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-opt:hover{background: rgba(0, 168, 255, 0.06); border-color: rgba(0, 168, 255, 0.25);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-opt.selected{background: rgba(0, 168, 255, 0.1); border-color: rgba(0, 168, 255, 0.4); color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-radio{width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--border-strong); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: border-color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-opt.selected .notif-int-client-radio{border-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-radio::after{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--teal); display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-int-client-opt.selected .notif-int-client-radio::after{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-page-actions{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #page-templates .tmpl-page-actions{justify-self: end; flex-wrap: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-toolbar{display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin: 16px 0px 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sort-label{font-size: 14px; font-weight: 750; color: rgb(241, 244, 248);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sort{height: 36px; min-width: 250px; background: rgb(18, 19, 20); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; color: rgb(241, 244, 248); padding: 0px 36px 0px 12px; font: 750 13px Geist, sans-serif; outline: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sort:focus{border-color: rgba(0, 168, 255, 0.48); box-shadow: rgba(0, 168, 255, 0.1) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-grid{display: grid; grid-template-columns: repeat(auto-fit, 224px); gap: 20px; align-items: start; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-card{box-sizing: border-box; width: 224px; height: 322px; background: linear-gradient(160deg, rgb(21, 22, 23) 0%, rgb(17, 18, 19) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; padding: 12px 13px 11px; transition: border-color var(--t),box-shadow var(--t),transform var(--t); display: flex; flex-direction: column; gap: 7px; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-card:hover{border-color: rgba(0, 168, 255, 0.35); box-shadow: rgba(0, 168, 255, 0.08) 0px 0px 24px; transform: translateY(-1px);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-top{display: flex; height: 56px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-title-wrap{flex: 1 1 0%; min-width: 0px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-name{font-size: 12.5px; font-weight: 850; color: rgb(232, 236, 240); line-height: 1.12; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform-line{display: inline-flex; align-items: center; gap: 5px; font-size: 9px; font-weight: 800; color: rgb(223, 229, 237);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform-line svg{width: 10px; height: 10px; color: rgb(241, 244, 248); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform-line img{width: 11px; height: 11px; object-fit: contain; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform{display: inline-flex; align-items: center; justify-content: center; min-width: 76px; height: 24px; padding: 0px 10px; border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: 0.05em; text-transform: uppercase; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform.meta{background: rgba(24, 119, 242, 0.16); color: rgb(102, 169, 255); border: 1px solid rgba(24, 119, 242, 0.34);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform.google{background: rgba(66, 133, 244, 0.14); color: rgb(138, 180, 255); border: 1px solid rgba(66, 133, 244, 0.28);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-platform.ambos{background: rgba(0, 168, 255, 0.14); color: var(--teal); border: 1px solid rgba(0, 168, 255, 0.3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-preview-shell{flex: 1 1 0%; min-height: 0px; margin: 0px -13px; display: flex; flex-direction: column; justify-content: safe center; scrollbar-gutter: stable; background-color: rgb(17, 27, 23); background-image: linear-gradient(145deg, rgba(5, 12, 10, 0.18), rgba(0, 0, 0, 0.22)), url("/assets/panel-reference/whatsapp-chat-bg.jpg"); background-size: 100% 100%, cover; background-position: center center; background-repeat: no-repeat; overflow: hidden auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.34) rgba(0, 0, 0, 0.18);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-preview-shell.cortado{mask-image: linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 100%);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-preview-shell::-webkit-scrollbar{width: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-preview-shell::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.28);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-preview-shell::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.34); border-radius: 999px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-preview-bubble{flex-shrink: 0; width: calc(100% - 38px); margin: 9px 10px 9px 28px; background: rgb(15, 116, 95); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 7px; padding: 8px; color: rgb(248, 255, 252); font-size: 9.3px; font-weight: 720; font-family: Geist, sans-serif; line-height: 1.19; white-space: pre-wrap; word-break: break-word; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 24px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-actions{display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin-top: auto; border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 8px 4px 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn{width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; font-size: 0px; border: 0px; background: transparent; color: rgba(213, 220, 230, 0.78); cursor: pointer; transition: background var(--t),border-color var(--t),color var(--t),transform var(--t); font-family: Geist, sans-serif;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn:hover{background: rgba(0, 168, 255, 0.14); color: rgb(255, 255, 255); border-color: rgba(0, 168, 255, 0.45); transform: translateY(-1px);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn.danger{color: rgb(255, 155, 165);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn.danger:hover{background: rgba(239, 68, 68, 0.16); border-color: rgba(248, 113, 113, 0.55); color: rgb(255, 125, 136);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn.duplicate{margin-left: auto; color: rgb(143, 200, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn.duplicate:hover{color: rgb(185, 220, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn.edit{color: rgb(238, 243, 248);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn svg{width: 17px; height: 17px; flex-shrink: 0; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;}
@media (max-width: 900px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #page-templates .tmpl-page-actions{justify-self: start; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-toolbar{justify-content: flex-start; margin: 18px 0px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-toolbar{justify-content: flex-start; margin: 16px 0px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sort{min-width: 0px; width: 100%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-grid{grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-card{width: 100%; height: 322px; padding: 12px 13px 11px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-actions{flex-wrap: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-btn{flex: 0 0 28px; min-width: 0px;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-overlay{display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(6px); z-index: 500; align-items: center; justify-content: center; padding: 20px; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-overlay.open{display: flex;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal{background: rgb(23, 24, 25); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; width: min(720px, -40px + 100vw); max-height: calc(-40px + 100vh); animation: 0.2s ease 0s 1 normal both running slideIn; margin: auto; display: flex; flex-direction: column; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.55) 0px 24px 70px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-header{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-title{font-size: 17px; font-weight: 850; color: rgb(244, 247, 251); line-height: 1.15;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-sub{font-size: 12.5px; font-weight: 650; color: var(--text2); margin-top: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-nameinput{width: 100%; background: rgb(36, 37, 39); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 9px; padding: 11px 13px; font-size: 13.5px; font-weight: 700; color: rgb(243, 245, 248); font-family: Geist, sans-serif; outline: none; transition: border-color var(--t),box-shadow var(--t),background var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-nameinput::placeholder{color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-nameinput:focus{background: rgb(32, 33, 35); border-color: rgba(0, 168, 255, 0.55); box-shadow: rgba(0, 168, 255, 0.1) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-nameinput.ok{border-color: rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-body{display: grid; grid-template-columns: 230px minmax(0px, 1fr); gap: 18px; padding: 20px 22px; overflow: auto; min-height: 0px;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-overlay{padding: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal{width: calc(-24px + 100vw); max-height: calc(-24px + 100vh);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-body{grid-template-columns: 1fr; gap: 14px; padding: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-footer{padding: 12px 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-left{border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 14px; border-right: 0px !important; padding-right: 0px !important;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-left{display: flex; flex-direction: column; gap: 14px; border-right: 1px solid rgba(255, 255, 255, 0.08); padding-right: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-field{display: flex; flex-direction: column; gap: 7px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-field-label{font-size: 12px; font-weight: 850; color: rgb(242, 245, 248);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel{position: relative;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-trigger{width: 100%; height: 42px; display: flex; align-items: center; gap: 8px; background: rgb(36, 37, 39); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 9px; padding: 0px 13px; font-size: 13px; font-weight: 750; color: rgb(242, 245, 248); font-family: Geist, sans-serif; cursor: pointer; text-align: left; transition: border-color 0.18s, box-shadow 0.18s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-trigger:hover{border-color: rgba(255, 255, 255, 0.16);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-trigger:focus-visible{outline: none; border-color: rgba(0, 168, 255, 0.55); box-shadow: rgba(0, 168, 255, 0.1) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-trigger.open{border-color: var(--teal); box-shadow: rgba(0, 168, 255, 0.1) 0px 0px 0px 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-logos{display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-logos img{width: 14px; height: 14px; object-fit: contain; display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-label{flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-chev{width: 13px; height: 8px; flex-shrink: 0; color: rgb(196, 202, 212); transition: transform 0.18s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-trigger.open .tmpl-sel-chev{transform: rotate(180deg);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-panel{position: absolute; top: calc(100% + 6px); left: 0px; right: 0px; z-index: 200; background: var(--bg1); border: 1px solid var(--border-md); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 32px; overflow: hidden; padding: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-opt{display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 10px; border: 0px; border-radius: 7px; background: transparent; font-size: 13px; font-weight: 700; color: var(--text); font-family: Geist, sans-serif; cursor: pointer; text-align: left; transition: background 0.15s, color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-opt:hover{background: rgba(255, 255, 255, 0.05); color: rgb(242, 245, 248);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-opt.sel{background: rgba(0, 168, 255, 0.1); color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-check{margin-left: auto; flex-shrink: 0; opacity: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sel-opt.sel .tmpl-sel-check{opacity: 1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .crz-sel .tmpl-sel-trigger{max-width: none; height: auto; min-height: 42px; padding: 10px 12px 10px 14px; font-size: 14px; background: var(--bg1); border-color: var(--border);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .crz-sel .tmpl-sel-trigger b{font-size: 14px; font-weight: 600; color: var(--text);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .crz-sel .tmpl-sel-panel{max-height: 280px; overflow-y: auto; scrollbar-width: thin;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .crz-sel .tmpl-sel-opt{font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-right{display: flex; flex-direction: column; gap: 14px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-message-card{display: flex; flex-direction: column; gap: 9px; min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-right-label{font-size: 12px; font-weight: 850; color: rgb(242, 245, 248);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-footer{padding: 14px 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); display: grid; grid-template-columns: 1fr 1.5fr; gap: 10px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-footer .btn-cancel,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-modal-footer .btn-submit{width: 100%; justify-content: center; height: 42px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-card{width: 100%; height: auto; min-height: 72px; padding: 10px 14px; border: 0px; border-radius: 0px; background: rgba(10, 12, 15, 0.82); box-shadow: none; display: grid; grid-template-columns: minmax(190px, 1fr) minmax(130px, 0.65fr) minmax(240px, 1.45fr) minmax(130px, 0.65fr); align-items: center; gap: 16px; overflow: visible;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-card:hover{background: rgba(14, 20, 25, 0.96); box-shadow: none; transform: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-card + .tmpl-card{border-top: 1px solid rgba(255, 255, 255, 0.075);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-top,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-title-wrap{display: contents;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-name{font-size: 13px; -webkit-line-clamp: 1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-platform-line{font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-preview-shell{min-height: 44px; max-height: 44px; margin: 0px; border-radius: 8px; background-size: 100% 100%, cover; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-preview-bubble{width: calc(100% - 20px); margin: 5px 10px; padding: 6px; font-size: 9px; line-height: 1.16; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-actions{margin: 0px; padding: 0px; border: 0px; justify-content: flex-end; gap: 5px;}
@media (max-width: 900px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-card{grid-template-columns: 1fr; gap: 8px; padding: 14px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-title-wrap{display: flex; flex-direction: column; gap: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-top{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-preview-shell{width: 100%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .collection-list-view.tmpl-grid .tmpl-actions{justify-content: flex-start; border-top: 1px solid rgba(255, 255, 255, 0.07); padding-top: 8px;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-gear-btn:hover .wa-gear-icon{animation: 0.7s linear 0s infinite normal none running gearSpin;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-gear-btn:not(:hover) .wa-gear-icon{animation: auto ease 0s 1 normal none running none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-pick-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-pick-card{border: 1.5px solid var(--border); border-radius: 9px; padding: 12px 14px; cursor: pointer; transition: all var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-pick-card:hover{border-color: var(--border-md); background: rgba(255, 255, 255, 0.03);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-pick-card.selected{border-color: var(--teal); background: var(--teal-dim);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-pick-name{font-size: 13px; font-weight: 600; margin-bottom: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-pick-prev{font-size: 11px; color: var(--text3); font-family: "JetBrains Mono", monospace; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #s3-tmpl-list .tmpl-card{flex-shrink: 0; width: 100%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #s3-tmpl-list .tmpl-preview-shell{min-height: 150px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-wrap .s3-var-trigger{min-height: 48px; padding: 10px 13px; border-color: rgba(255, 255, 255, 0.12); background: linear-gradient(145deg, rgb(27, 30, 36), rgb(21, 23, 27)); color: rgb(213, 220, 227); font-weight: 720; line-height: 1.22;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-wrap .s3-var-trigger:hover{border-color: rgba(0, 168, 255, 0.5); background: rgb(27, 32, 38); color: rgb(242, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-wrap .s3-var-trigger.open{border-color: var(--teal); background: rgb(18, 35, 56); color: rgb(242, 251, 255); box-shadow: rgba(0, 168, 255, 0.11) 0px 0px 0px 3px, rgba(0, 0, 0, 0.2) 0px 12px 26px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel{position: fixed; top: 0px; left: 0px; right: auto; z-index: 10010; width: 276px; max-height: min(360px, -24px + 100vh); border-color: rgba(0, 168, 255, 0.34); border-radius: 12px; background: linear-gradient(160deg, rgb(21, 25, 31) 0%, rgb(16, 18, 20) 100%); box-shadow: rgba(0, 0, 0, 0.66) 0px 22px 62px, rgba(0, 0, 0, 0.2) 0px 0px 0px 1px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel::before{content: "Escolha uma categoria"; display: block; padding: 11px 13px 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); color: rgb(111, 206, 250); font-size: 10px; font-weight: 850; letter-spacing: 0.075em; text-transform: uppercase; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-var-cats{max-height: none; scrollbar-width: thin; scrollbar-color: rgba(103, 186, 226, 0.5) transparent;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-var-cats::-webkit-scrollbar{width: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-var-cats::-webkit-scrollbar-thumb{background: rgba(103, 186, 226, 0.48); border-radius: 99px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-cat-item{min-height: 52px; gap: 12px; padding: 11px 14px; border-bottom-color: rgba(255, 255, 255, 0.055); font-weight: 690; line-height: 1.23;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-cat-item:hover{background: rgba(0, 168, 255, 0.086); color: rgb(234, 248, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-cat-item.active{background: rgb(18, 35, 56); box-shadow: inset 3px 0 0 var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-cat-item svg{width: 12px; height: 12px; opacity: 0.58;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-cat-item:hover svg{opacity: 1; color: rgb(139, 220, 255);}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel{width: min(276px, -24px + 100vw);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #tmpl-s3-var-panel .s3-cat-item{min-height: 48px;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-editor-wrap{flex: 0 0 auto; height: 340px; display: flex; flex-direction: column; min-height: 0px; background: rgb(11, 94, 56); border-radius: 12px; overflow: hidden; padding: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-editor-wrap.com-blocos{overflow: hidden auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-editor-wrap.com-blocos .wa-bubble-editor{flex: 0 0 auto; min-height: 88px; overflow: visible;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-bubble-editor{flex: 1 1 0%; min-height: 0px; overflow: hidden auto; font-size: 13px; line-height: 1.6; color: rgb(255, 255, 255); outline: none; white-space: pre-wrap; word-break: break-word; font-family: Geist, sans-serif; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.34) rgba(0, 0, 0, 0.18);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-bubble-editor::-webkit-scrollbar{width: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-bubble-editor::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.3); border-radius: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-bubble-editor:empty::before{content: attr(placeholder); color: rgba(255, 255, 255, 0.4); pointer-events: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) body.meta-ads-review #account-tab-assinatura,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) body.meta-ads-review #account-tab-planos,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) body.meta-ads-review #acc-support-row{display: none !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) body.google-ads-review .tk-switcher{display: block !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu{position: absolute; right: 0px; top: calc(100% + 10px); width: 342px; background: rgb(23, 24, 25); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.58) 0px 22px 60px; overflow: hidden; display: none; z-index: 180;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu.open{display: block; animation: 0.16s ease 0s 1 normal both running slideIn;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-head{display: flex; align-items: center; gap: 9px; padding: 15px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-head h4{margin: 0px; font-size: 14px; font-weight: 820; color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-pill{padding: 2px 9px; border-radius: 20px; font-size: 10.5px; font-weight: 750; background: rgba(255, 255, 255, 0.07); color: var(--text2); border: 1px solid rgba(255, 255, 255, 0.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-pill.alerta{background: rgba(239, 68, 68, 0.12); color: rgb(248, 113, 113); border-color: rgba(239, 68, 68, 0.28);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-list{max-height: 340px; overflow-y: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-item{display: flex; gap: 11px; align-items: flex-start; width: 100%; padding: 13px 18px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(255, 255, 255, 0.05); border-image: none; background: transparent; text-align: left; font-family: Geist, sans-serif; cursor: pointer; transition: background 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-item:hover{background: rgba(255, 255, 255, 0.04);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-item:last-child{border-bottom: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-ic{width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(0, 168, 255, 0.1); color: rgb(34, 185, 248); border: 1px solid rgba(0, 168, 255, 0.22);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-ic.erro{background: rgba(239, 68, 68, 0.11); color: rgb(248, 113, 113); border-color: rgba(239, 68, 68, 0.26);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-ic.aviso{background: rgba(245, 180, 60, 0.11); color: rgb(245, 180, 60); border-color: rgba(245, 180, 60, 0.26);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-txt{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-txt b{display: block; font-size: 12px; font-weight: 750; color: rgb(233, 238, 243); line-height: 1.25;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-txt span{display: block; margin-top: 3px; font-size: 10.5px; color: var(--text2); line-height: 1.4;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-empty{padding: 32px 18px; text-align: center; font-size: 12px; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-foot{padding: 12px 18px; border-top: 1px solid rgba(255, 255, 255, 0.08); text-align: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-foot button{border: 0px; background: transparent; color: var(--teal); font: 700 12px Geist, sans-serif; cursor: pointer; padding: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu-foot button:hover{text-decoration: underline;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-menu{right: -6px; width: min(330px, -24px + 100vw);}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-cards-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-cards-title{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-cards-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-new{background: linear-gradient(160deg, rgb(8, 9, 11) 0%, rgb(30, 33, 41) 100%); border: 1.5px solid rgb(30, 33, 41); border-radius: 16px; padding: 20px; position: relative; transition: border-color 0.25s, box-shadow 0.25s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-new:hover{border-color: rgba(0, 168, 255, 0.35); box-shadow: rgba(0, 168, 255, 0.07) 0px 0px 22px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-platform{display: flex; align-items: center; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-logo{width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.09); overflow: hidden; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-logo img{width: 22px; height: 22px; object-fit: contain;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-platform-label{font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text3); margin-bottom: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-name{font-size: 13px; font-weight: 600; color: rgb(232, 236, 240); line-height: 1.3;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-id{font-size: 10px; color: var(--text3); font-family: "JetBrains Mono", monospace; margin-top: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-actions{display: flex; gap: 5px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-balance-block{display: flex; align-items: flex-end; justify-content: space-between; margin-top: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-balance-side{}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-balance-label{font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text3); margin-bottom: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-balance-val{font-size: 28px; font-weight: 700; line-height: 1; color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-balance-val.alert{color: rgb(248, 113, 113);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-balance-val.ok{color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-alert-badge{display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 6px; font-size: 10px; font-weight: 600; margin-top: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-alert-badge.alert{background: rgba(248, 113, 113, 0.12); color: rgb(248, 113, 113); border: 1px solid rgba(248, 113, 113, 0.25);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-alert-badge.ok{background: var(--green-dim); color: var(--green); border: 1px solid rgba(34, 197, 94, 0.25);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-limit-side{text-align: right;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-limit-val{font-size: 13px; font-weight: 600; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-limit-label{font-size: 10px; color: var(--text3); margin-bottom: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-footer{display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.06);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-card-lastcheck{font-size: 11px; color: var(--text3); display: flex; align-items: center; gap: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-add-card{background: rgba(255, 255, 255, 0.02); border: 1.5px dashed rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 32px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: 0.2s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-add-card:hover{background: rgba(0, 168, 255, 0.04); border-color: rgba(0, 168, 255, 0.3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-add-card-icon{width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); display: flex; align-items: center; justify-content: center; color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-add-card:hover .acc-add-card-icon{background: rgba(0, 168, 255, 0.08); border-color: rgba(0, 168, 255, 0.25); color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-add-card-label{font-size: 13px; font-weight: 500; color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-add-card:hover .acc-add-card-label{color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-cards{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; align-items: stretch;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-v2{width: 100%; height: 212px; min-height: 212px; background: linear-gradient(160deg, rgb(8, 9, 11) 0%, rgb(30, 33, 41) 100%); border: 1.5px solid rgb(30, 33, 41); border-radius: 20px; padding: 20px; display: grid; grid-template-columns: 54px minmax(0px, 1fr); grid-template-rows: 54px minmax(44px, 1fr) 38px; gap: 16px 14px; align-items: start; position: relative; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-v2:hover{border-color: rgba(0, 168, 255, 0.45); box-shadow: rgba(0, 168, 255, 0.09) 0px 0px 24px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-top{display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding-right: 34px; min-height: 54px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-logo-wrap{width: 54px; height: 54px; border-radius: 0px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: visible; border: 0px; margin: 0px; background: transparent !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-logo-wrap img{object-fit: contain; width: 54px !important; height: 54px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #integ-google-card .integ-logo-wrap{width: 54px; height: 54px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #integ-google-card .integ-logo-wrap img{object-fit: contain; transform: scale(1.18); transform-origin: center center; width: 54px !important; height: 54px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-header{display: contents;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-info{display: contents; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-name{font-size: 22px; font-weight: 800; color: rgb(232, 236, 240); letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-sub{font-size: 12px; color: var(--text2); margin: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-v2 .integ-logo-wrap{grid-area: 1 / 1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #integ-meta-card .integ-card-name{grid-area: 1 / 2; align-self: start; margin-top: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #integ-meta-card .integ-card-sub{grid-area: 1 / 2; align-self: end; margin-bottom: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #integ-google-card .integ-card-info > div:first-child{grid-area: 1 / 2; align-self: start; margin-top: 6px; min-width: 0px; display: block !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #integ-google-card .integ-card-sub{grid-area: 1 / 2; align-self: end; margin-bottom: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-desc{grid-area: 2 / 1 / auto / -1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; color: rgb(243, 245, 248); line-height: 1.35; margin: 0px; min-height: 32px; align-self: start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-gear{position: absolute; top: 18px; right: 20px; width: 34px; height: 34px; border-radius: 9px; border: 1px solid var(--border); background: transparent; color: var(--text2); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; overflow: visible;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-gear:hover{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-gear svg{width: 17px; height: 17px; overflow: visible; transform-origin: center center; transform-box: fill-box;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-card-gear:hover svg{animation: 0.7s linear 0s infinite normal none running gearSpin;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connected-box{display: none; grid-template-columns: minmax(0px, 1fr) 34px; grid-template-rows: auto auto; gap: 6px 8px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; background: rgba(255, 255, 255, 0.035); padding: 10px; width: 100%; flex-shrink: 0; margin-top: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connected-head{display: contents;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connected-title{grid-area: 1 / 1; font-size: 9.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connected-actions{grid-area: 1 / 2 / span 2; place-self: center; display: flex; align-items: center; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-action-icon{width: 32px; height: 32px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.035); color: var(--text3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-action-icon svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-action-icon.danger:hover:not(:disabled){background: rgba(248, 113, 113, 0.1); border-color: rgba(248, 113, 113, 0.28); color: rgb(248, 113, 113);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-account-pill{grid-area: 2 / 1; display: flex; align-items: center; gap: 10px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-account-icon{width: 30px; height: 30px; border-radius: 8px; background: linear-gradient(135deg, rgb(22, 119, 255), rgb(6, 79, 212)); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-account-icon img{width: 18px; height: 18px; object-fit: contain;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-account-info{min-width: 0px; flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-account-name{font-size: 13px; font-weight: 700; color: rgb(232, 236, 240); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-account-email{font-size: 11px; color: var(--text3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-settings-btn{width: 30px; height: 30px; border-radius: 8px; background: transparent; border: 1px solid var(--border); color: var(--text3); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all var(--t); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-settings-btn:hover:not(:disabled){background: rgba(255, 255, 255, 0.06); color: var(--text);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connect-btn{grid-area: 3 / 1 / auto / -1; display: flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0px 18px; border-radius: 9px; background: transparent; border: 1px solid var(--teal); color: var(--teal); font-family: Geist, sans-serif; font-size: 14px; font-weight: 650; cursor: pointer; transition: all var(--t); white-space: nowrap; flex-shrink: 0; margin: 0px; width: 100%; align-self: end;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connect-btn:hover:not(:disabled){background: rgba(0, 168, 255, 0.08); border-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connect-btn:disabled{opacity: 0.45; cursor: not-allowed;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connect-btn.connected{padding: 8px 12px; font-size: 12px; color: var(--text2);}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-v2{align-items: stretch; flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integ-connected-box{width: 100%;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-page-title{display: flex; align-items: center; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-page-title svg{width: 22px; height: 22px; color: var(--teal); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-page-title h1{margin: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-shell{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; align-items: stretch; width: 100%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-connection-card{width: 100%; min-width: 0px; height: 212px; min-height: 212px; background: linear-gradient(160deg, rgb(8, 9, 11) 0%, rgb(30, 33, 41) 100%); border: 1.5px solid rgb(30, 33, 41); border-radius: 20px; padding: 20px; display: grid; grid-template-columns: 54px minmax(0px, 1fr); grid-template-rows: 54px minmax(44px, 1fr) 38px; gap: 16px 14px; align-items: start; position: relative; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-connection-card:hover{border-color: rgba(0, 168, 255, 0.45); box-shadow: rgba(0, 168, 255, 0.09) 0px 0px 24px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-header,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-main,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools{display: contents;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-logo{grid-area: 1 / 1; width: 54px; height: 54px; border-radius: 0px; background: transparent; display: flex; align-items: center; justify-content: center; box-shadow: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-logo svg{width: 54px; height: 54px; filter: drop-shadow(rgba(37, 211, 102, 0.16) 0px 10px 22px);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-title-row{grid-area: 1 / 2; align-self: start; margin-top: 6px; display: flex; align-items: center; gap: 8px; min-width: 0px; padding-right: 42px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-name{font-size: 22px; font-weight: 800; color: rgb(232, 236, 240); letter-spacing: -0.02em; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-sub{grid-area: 1 / 2; align-self: end; margin-bottom: 6px; font-size: 12px; color: var(--text2); min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-desc{grid-area: 2 / 1 / auto / -1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; color: rgb(243, 245, 248); line-height: 1.35; margin: 0px; min-height: 32px; align-self: start;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #conn-wa-actions{grid-area: 3 / 1 / auto / -1; width: 100%; align-self: end;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #conn-wa-actions .btn-qr{width: 100%; height: 38px; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 9px; background: transparent; border: 1px solid var(--teal); color: var(--teal); font-family: Geist, sans-serif; font-size: 14px; font-weight: 650; cursor: pointer; transition: all var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #conn-wa-actions .btn-qr:hover{background: rgba(0, 168, 255, 0.08); border-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #wa-gear-wrap{z-index: 20; position: absolute !important; top: 18px !important; right: 20px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #wa-gear-btn.wa-gear-btn{width: 34px !important; height: 34px !important; border-radius: 9px !important; border: 1px solid var(--border) !important; background: transparent !important; color: var(--text2) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; padding: 0px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #wa-gear-btn.wa-gear-btn:hover{background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: rgb(255, 255, 255) !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #wa-gear-btn.wa-gear-btn svg{overflow: visible; transform-origin: center center; transform-box: fill-box; width: 17px !important; height: 17px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-card-tools #wa-gear-btn.wa-gear-btn:hover svg{animation: 0.7s linear 0s infinite normal none running gearSpin;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-connection-card #qr-state-connected{display: none !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #wa-settings-list.wa-settings-account{display: block; padding: 0px; gap: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-row{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-row:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-empty{padding: 22px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--text2); font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-left{display: flex; align-items: center; gap: 12px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-icon{width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg, rgb(7, 94, 84), rgb(37, 211, 102)); display: flex; align-items: center; justify-content: center; box-shadow: rgba(37, 211, 102, 0.18) 0px 10px 26px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-name{font-size: 14px; font-weight: 850; color: rgb(255, 255, 255); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-phone{font-size: 12px; color: var(--text2); margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-actions{display: flex; align-items: center; gap: 10px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-groups-btn{height: 36px; min-width: 142px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.035); color: rgb(255, 255, 255); font-family: Geist, sans-serif; font-size: 13px; font-weight: 850; padding: 0px 16px; cursor: pointer; display: flex; align-items: center; gap: 9px; justify-content: center; transition: background 0.15s, border-color 0.15s, color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-groups-btn svg{width: 15px; height: 15px; color: rgb(37, 211, 102); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-groups-btn:hover{background: rgba(37, 211, 102, 0.08); border-color: rgba(37, 211, 102, 0.2); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-modal-shell{position: relative; background: rgb(27, 28, 31); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; width: min(760px, -32px + 100vw); display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.75) 0px 24px 70px; animation: 0.15s ease 0s 1 normal none running revealDown; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-side-panel{position: fixed; top: 50%; left: calc(50% - 32px + min(380px, -16px + 50vw)); width: min(390px, -32px + 100vw); height: min(365px, -64px + 100vh); background: rgb(27, 28, 31); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.72) 0px 24px 70px; display: flex; flex-direction: column; transform: translate(16px, -50%) scale(0.98); opacity: 0; pointer-events: none; transition: transform 0.18s, opacity 0.18s; z-index: 4001; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-side-panel.open{transform: translate(0px, -50%) scale(1); opacity: 1; pointer-events: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 18px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-panel-title{display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 850; color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-panel-title svg{width: 16px; height: 16px; color: rgb(37, 211, 102);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-close-btn{width: 32px; height: 32px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.035); color: var(--text2); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s, color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-close-btn:hover{background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-search-row{display: flex; align-items: center; gap: 8px; padding: 14px 16px 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-search-input{flex: 1 1 0%; min-width: 0px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 10px; padding: 10px 11px; font-size: 13px; color: var(--text); outline: none; font-family: inherit; transition: border-color 0.15s;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-search-input:focus{border-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-refresh-btn{height: 38px; padding: 0px 12px; background: transparent; border: 1px solid rgba(0, 168, 255, 0.45); border-radius: 9px; color: var(--teal); font-size: 12px; font-weight: 800; cursor: pointer; font-family: inherit; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-refresh-btn:hover{background: rgba(0, 168, 255, 0.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-list{flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 0px 10px 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-panel-foot{padding: 10px 16px 14px; border-top: 1px solid rgba(255, 255, 255, 0.08); font-size: 11px; color: var(--text3); min-height: 40px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-section-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 24px 10px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-section-title{font-size: 13px; font-weight: 850; color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-section-sub{font-size: 12px; color: var(--text3); margin-top: 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-modal{background: rgb(27, 28, 31); border-color: rgba(255, 255, 255, 0.1); border-radius: 18px; overflow: hidden; max-width: 600px !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-title{font-size: 17px; font-weight: 850; color: rgb(255, 255, 255); line-height: 1.15;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-sub{font-size: 12px; color: var(--text2); margin-top: 5px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-logo{width: 28px; height: 28px; object-fit: contain; filter: brightness(1.15);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-list{min-height: 98px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-row{display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 26px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-name{font-size: 14px; font-weight: 850; color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-email{font-size: 12px; color: var(--text2); margin-top: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-empty{padding: 28px 24px; color: var(--text2); font-size: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-disconnect{height: 36px; border: 0px; border-radius: 10px; background: rgb(220, 47, 61); color: rgb(255, 255, 255); font-family: Geist, sans-serif; font-size: 13px; font-weight: 800; padding: 0px 16px; cursor: pointer; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-disconnect:hover{filter: brightness(1.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-reconnect{height: 36px; border: 1px solid rgba(0, 168, 255, 0.45); border-radius: 10px; background: rgb(18, 35, 56); color: rgb(98, 207, 255); font-family: Geist, sans-serif; font-size: 13px; font-weight: 800; padding: 0px 16px; cursor: pointer; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-reconnect:hover{background: rgb(23, 50, 77); border-color: rgb(0, 168, 255); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-actions .integration-settings-disconnect{min-width: 142px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-footer{display: flex; justify-content: flex-end; padding: 14px 24px 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-close{height: 38px; min-width: 140px; border: 0px; border-radius: 10px; background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); font-family: Geist, sans-serif; font-size: 14px; font-weight: 800; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card{background: var(--bg1); border: 1px solid var(--border); border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-icon{width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-title{font-size: 15px; font-weight: 600; color: rgb(232, 236, 240);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-card-desc{font-size: 13px; color: var(--text2); line-height: 1.5;}
@media (max-width: 980px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-side-panel{left: 50%; top: 50%; transform: translate(-50%, -44%) scale(0.98);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-groups-side-panel.open{transform: translate(-50%, -50%) scale(1);}
}
@media (max-width: 700px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-cards-grid{grid-template-columns: 1fr !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-sort{min-width: 0px !important; width: 100% !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tmpl-toolbar{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tabs{overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tabs::-webkit-scrollbar{display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .account-tab{flex: 0 0 auto; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .acc-field-item{gap: 8px; flex-direction: column !important; align-items: stretch !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-row{gap: 12px; flex-direction: column !important; align-items: stretch !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-account-left{min-width: 0px; width: 100% !important;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-actions{width: 100%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .wa-settings-groups-btn{flex: 1 1 0%;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .notif-modal,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .integration-settings-modal{max-width: calc(-20px + 100vw) !important; max-height: calc(-24px + 100vh) !important;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher{position: relative; display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) body.is-admin .tk-switcher{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-btn{height: 38px; max-width: 260px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--border); border-radius: 12px; background: rgb(26, 28, 34); color: rgb(245, 247, 251); padding: 3px 10px 3px 3px; cursor: pointer; font-family: Geist, sans-serif; transition: background var(--t),border-color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-btn:hover,html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-btn.open{background: rgb(32, 35, 43); border-color: rgba(0, 168, 255, 0.32);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-avatar{width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg,#0086cc,var(--teal)); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; color: rgb(255, 255, 255); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-name{font-size: 13.5px; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-chev{width: 12px; height: 12px; flex-shrink: 0; transition: transform var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-btn.open .tk-switcher-chev{transform: rotate(180deg);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-menu{position: absolute; right: 0px; top: calc(100% + 10px); width: 320px; background: rgb(23, 24, 25); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.58) 0px 22px 60px; overflow: hidden; display: none; z-index: 180;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-menu.open{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-head{padding: 18px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-head-name{font-size: 17px; font-weight: 850; color: rgb(245, 247, 251); line-height: 1.2;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-head-code{font-size: 12px; color: var(--text3); margin-top: 5px; font-family: ui-monospace, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-body{padding: 14px 16px 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-label{font-size: 12.5px; font-weight: 700; color: var(--text2); margin-bottom: 8px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-search{width: 100%; min-width: 0px; height: 40px; background: var(--bg1); border: 1px solid var(--border); border-radius: 9px; color: rgb(255, 255, 255); padding: 0px 12px; font-size: 13.5px; font-family: Geist, sans-serif; outline: none; transition: border-color var(--t),box-shadow var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-search::placeholder{color: var(--text3);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-search:focus{border-color: rgba(0, 168, 255, 0.42); box-shadow: rgba(0, 168, 255, 0.18) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-list{max-height: 236px; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-item{width: 100%; min-height: 42px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--text2); display: flex; align-items: center; gap: 10px; padding: 6px 10px; font-size: 13.5px; font-weight: 700; font-family: Geist, sans-serif; cursor: pointer; text-align: left; transition: background var(--t),color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-item:hover{background: rgba(255, 255, 255, 0.055); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-item.active{background: rgb(18, 35, 56); color: rgb(255, 255, 255); box-shadow: rgba(0, 168, 255, 0.28) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-item .tk-mini-avatar{width: 24px; height: 24px; border-radius: 50%; background: var(--bg2); display: flex; align-items: center; justify-content: center; font-size: 10.5px; font-weight: 800; color: var(--text); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-item.active .tk-mini-avatar{background: rgba(0, 168, 255, 0.18); color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-item-name{flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-empty{padding: 14px 10px; font-size: 13px; color: var(--text3); text-align: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-foot{padding: 8px; border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-manage{width: 100%; height: 42px; border: 0px; border-radius: 10px; background: transparent; color: var(--text2); display: flex; align-items: center; gap: 12px; padding: 0px 12px; font-size: 14px; font-weight: 700; font-family: Geist, sans-serif; cursor: pointer; transition: background var(--t),color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-manage:hover{background: rgba(255, 255, 255, 0.055); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-manage svg{width: 17px; height: 17px; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 11px 14px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--teal); flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-text{font-size: 13px; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-text strong{color: rgb(245, 247, 251); font-weight: 800;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-badge{margin-left: auto; font-size: 11.5px; font-weight: 750; padding: 3px 9px; border-radius: 6px; background: var(--bg2); color: var(--text2); border: 1px solid var(--border);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-badge.on{background: rgba(34, 197, 94, 0.12); color: var(--green); border-color: rgba(34, 197, 94, 0.25);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-badge.off{background: rgba(245, 158, 11, 0.12); color: var(--yellow); border-color: rgba(245, 158, 11, 0.25);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat{display: flex; align-items: center; gap: 13px; background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat-icon{width: 42px; height: 42px; border-radius: 10px; background: var(--bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat-icon svg{width: 20px; height: 20px; color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat-meta{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat-label{font-size: 12.5px; color: var(--text2); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-stat-value{font-size: 23px; font-weight: 850; color: rgb(245, 247, 251); line-height: 1.15; margin-top: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-table-wrap{background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; overflow-x: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-table{width: 100%; border-collapse: collapse; min-width: 640px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-table th{text-align: left; font-size: 12.5px; font-weight: 700; color: var(--text2); padding: 14px 16px; border-bottom: 1px solid var(--border); white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-table td{padding: 14px 16px; border-bottom: 1px solid var(--border); font-size: 13.5px; color: var(--text); vertical-align: middle;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-table tr:last-child td{border-bottom: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-table tr.tk-row-active td{background: rgba(0, 168, 255, 0.05);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-acc-name{font-weight: 800; color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-acc-code{font-size: 11.5px; color: var(--text3); font-family: ui-monospace, monospace; margin-top: 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-pill{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 750; padding: 4px 10px; border-radius: 6px; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-pill.on{background: rgba(34, 197, 94, 0.12); color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-pill.off{background: rgba(245, 158, 11, 0.12); color: var(--yellow);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-pill.neutral{background: var(--bg2); color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-row-actions{display: flex; align-items: center; gap: 8px; justify-content: flex-end;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-btn-ghost{height: 34px; padding: 0px 13px; border-radius: 8px; border: 1px solid var(--border); background: var(--bg1); color: var(--text); font-size: 12.5px; font-weight: 750; font-family: Geist, sans-serif; cursor: pointer; white-space: nowrap; transition: border-color var(--t),background var(--t),color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-btn-ghost:hover{border-color: rgba(0, 168, 255, 0.32); background: rgb(18, 35, 56); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-btn-ghost.is-current{background: rgb(18, 35, 56); color: rgb(255, 255, 255); box-shadow: rgba(0, 168, 255, 0.28) 0px 0px 0px 1px inset; border-color: transparent; cursor: default;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup{background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 20px 22px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-head{display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; margin-bottom: 6px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-title{font-size: 15px; font-weight: 850; color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-sub{font-size: 13px; color: var(--text2); margin-top: 3px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-count{margin-left: auto; font-size: 12px; font-weight: 750; color: var(--text2); background: var(--bg2); border: 1px solid var(--border); border-radius: 6px; padding: 4px 10px; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-bar{height: 5px; border-radius: 3px; background: var(--bg2); overflow: hidden; margin: 14px 0px 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-bar span{display: block; height: 100%; background: var(--teal); border-radius: 3px; transition: width var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-list{list-style: none; margin: 10px 0px 0px; padding: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-item{display: flex; align-items: center; gap: 12px; padding: 11px 0px; border-bottom: 1px solid var(--border);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-item:last-child{border-bottom: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-mark{width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--border); flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-mark svg{width: 11px; height: 11px; color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-item.done .tk-setup-mark{background: var(--green); border-color: var(--green);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-label{font-size: 13.5px; font-weight: 700; color: rgb(245, 247, 251); min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-item.done .tk-setup-label{color: var(--text2); font-weight: 650;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-hint{font-size: 12px; color: var(--text3); margin-top: 2px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-setup-go{margin-left: auto; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-steps{display: flex; align-items: center; gap: 0px; margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-step{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-step::before{content: ""; position: absolute; top: 13px; left: -50%; width: 100%; height: 1.5px; background: var(--border); z-index: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-step:first-child::before{display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-dot{width: 27px; height: 27px; border-radius: 50%; background: var(--bg2); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; color: var(--text3); position: relative; z-index: 1;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-step.done .tk-wz-dot{background: var(--green); border-color: var(--green); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-step.active .tk-wz-dot{background: rgb(18, 35, 56); border-color: transparent; color: rgb(255, 255, 255); box-shadow: rgba(0, 168, 255, 0.28) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-lbl{font-size: 11px; font-weight: 700; color: var(--text3); text-align: center; line-height: 1.25;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-step.active .tk-wz-lbl{color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-pane{display: none;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-pane.active{display: block;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-q{font-size: 14px; font-weight: 800; color: rgb(245, 247, 251); margin-bottom: 4px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-help{font-size: 12.5px; color: var(--text2); line-height: 1.5; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opts{display: flex; flex-direction: column; gap: 9px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt{width: 100%; display: flex; align-items: flex-start; gap: 11px; background: var(--bg1); border: 1px solid var(--border); border-radius: 9px; padding: 13px 14px; text-align: left; color: rgb(255, 255, 255); cursor: pointer; font-family: Geist, sans-serif; transition: border-color var(--t),background var(--t),box-shadow var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt:hover{border-color: rgba(0, 169, 255, 0.5);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt.selected{background: rgb(18, 35, 56); border-color: transparent; box-shadow: rgba(0, 168, 255, 0.28) 0px 0px 0px 1px inset;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-radio{width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--border); flex-shrink: 0; margin-top: 1px; display: flex; align-items: center; justify-content: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt.selected .tk-wz-radio{border-color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt.selected .tk-wz-radio::after{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt-name{font-size: 13.5px; font-weight: 750; line-height: 1.3;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-opt-desc{font-size: 12px; color: var(--text2); margin-top: 3px; line-height: 1.45;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-note{border-radius: 9px; padding: 12px 14px; font-size: 12.5px; line-height: 1.5; margin-top: 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-note.warn{background: rgba(245, 158, 11, 0.09); border: 1px solid rgba(245, 158, 11, 0.25); color: var(--yellow);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-note.info{background: var(--bg1); border: 1px solid var(--border); color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-wz-note strong{color: rgb(245, 247, 251); font-weight: 800;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-soon{background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 44px 26px; text-align: center;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-soon-icon{width: 48px; height: 48px; border-radius: 12px; background: var(--bg2); display: flex; align-items: center; justify-content: center; margin: 0px auto 14px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-soon-icon svg{width: 23px; height: 23px; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-soon-title{font-size: 16px; font-weight: 800; color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-soon-sub{font-size: 13.5px; color: var(--text2); margin-top: 7px; line-height: 1.55; max-width: 520px; margin-left: auto; margin-right: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-soon-tag{display: inline-block; margin-top: 14px; font-size: 11.5px; font-weight: 750; padding: 4px 11px; border-radius: 6px; background: rgba(0, 168, 255, 0.1); color: var(--teal); border: 1px solid rgba(0, 168, 255, 0.25);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin{display: flex; align-items: center; gap: 11px; background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 14px; cursor: pointer; text-align: left; font-family: Geist, sans-serif; transition: border-color var(--t),background var(--t),box-shadow var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin:hover{border-color: rgba(0, 168, 255, 0.32);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin.active{background: rgb(18, 35, 56); box-shadow: rgba(0, 168, 255, 0.28) 0px 0px 0px 1px inset; border-color: transparent;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin-ico{width: 34px; height: 34px; border-radius: 9px; background: var(--bg2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin-ico svg{width: 17px; height: 17px; color: var(--text2);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin.active .tk-origin-ico{background: rgba(0, 168, 255, 0.18);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin.active .tk-origin-ico svg{color: var(--teal);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin-lbl{font-size: 12px; color: var(--text2); font-weight: 650; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin.active .tk-origin-lbl{color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-origin-val{font-size: 19px; font-weight: 850; color: rgb(245, 247, 251); line-height: 1.15;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-card{background: var(--bg1); border: 1px solid var(--border); border-radius: 10px; padding: 18px; margin-bottom: 16px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-card-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-card-title{font-size: 14.5px; font-weight: 800; color: rgb(245, 247, 251);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-card-sub{font-size: 13px; color: var(--text2); margin-top: 5px; line-height: 1.55; max-width: 640px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-card-sub code{background: var(--bg2); padding: 1px 5px; border-radius: 4px; font-size: 12px; color: var(--text);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-code{background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 13px 14px; margin: 13px 0px 0px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; color: var(--text); white-space: pre-wrap; word-break: break-all; overflow-x: auto;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-btn-copy{height: 34px; padding: 0px 15px; border-radius: 8px; border: 1px solid var(--border); background: var(--bg1); color: var(--text); font-size: 12.5px; font-weight: 750; font-family: Geist, sans-serif; cursor: pointer; white-space: nowrap; flex-shrink: 0; transition: border-color var(--t),background var(--t),color var(--t);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-btn-copy:hover{border-color: rgba(0, 168, 255, 0.32); background: rgb(18, 35, 56); color: rgb(255, 255, 255);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-form-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin-top: 15px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-field{min-width: 0px; display: flex; flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-label{font-size: 12.5px; font-weight: 700; color: var(--text2); margin-bottom: 7px; height: 17px; line-height: 17px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-field .new-client-input{width: 100%; min-width: 0px;}
@media (max-width: 700px){
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-btn{max-width: 150px;}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-switcher-menu{width: min(320px, -32px + 100vw);}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) .tk-scope-badge{margin-left: 0px;}
}
html[data-panel-ui-ready] .native-reference-area :where(.source-menu) #sched-filters .tmpl-sort{width: 100%; max-width: 100%; min-width: 0px !important;}
/* source-menus.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .source-menu{--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] .native-reference-area .source-menu [data-source-root] > .tmpl-modal{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu [data-source-root] > .tmpl-modal{width: 100%; max-width: none; max-height: calc(100dvh - 36px); margin: 0px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(213, 225, 240, 0.192); border-radius: 20px; background: linear-gradient(135deg, rgba(50, 55, 63, 0.93), rgba(35, 40, 47, 0.97)); box-shadow: rgba(0, 0, 0, 0.467) 0px 24px 80px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-header,html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-head{flex: 0 0 auto; border-bottom-color: rgba(214, 224, 237, 0.125);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-body{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] .native-reference-area .source-menu .tmpl-modal-footer{flex: 0 0 auto; border-top-color: rgba(214, 224, 237, 0.125);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-title{color: rgb(232, 237, 244); font-weight: 650; font-size: 20px; letter-spacing: -0.5px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-field,html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-field{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-label,html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-field-label{font-size: 12px; font-weight: 550; line-height: 1.4; color: rgb(181, 193, 207);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-opt.selected,html[data-panel-ui-ready] .native-reference-area .source-menu .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] .native-reference-area .source-menu .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] .native-reference-area .source-menu .tmpl-sel-trigger > svg{width: 13px; height: 13px; flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .source-menu .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] .native-reference-area .source-menu .notif-step{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu #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] .native-reference-area .source-menu .notif-copy-value{word-break: break-all;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-json-code{max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-footer .btn-text{display: flex; align-items: center; gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-footer svg{width: 15px; height: 15px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-pane{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-step.active .tk-wz-dot{background: rgb(185, 202, 219); color: rgb(31, 43, 57);}
html[data-panel-ui-ready] .native-reference-area .source-menu .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] .native-reference-area .source-menu .tk-wz-q{color: rgb(225, 235, 246);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-opt.selected,html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-opt.active{color: rgb(219, 234, 248);}
html[data-panel-ui-ready] .native-reference-area .source-menu .security-card{margin: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu #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] .native-reference-area .source-menu .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] .native-reference-area .source-menu .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] .native-reference-area .source-menu .wa-group-item b{font-size: 12px; font-weight: 550;}
html[data-panel-ui-ready] .native-reference-area .source-menu .wa-group-item small{font-size: 9px; color: rgb(143, 169, 192);}
html[data-panel-ui-ready] .native-reference-area .source-menu .wa-group-item > svg{width: 13px; height: 13px;}
@media (max-width: 820px){
html[data-panel-ui-ready] .native-reference-area .source-menu [data-source-root] > .tmpl-modal{max-height: calc(100dvh - 24px);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-body{flex-direction: column;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-left,html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-right{width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-config-grid,html[data-panel-ui-ready] .native-reference-area .source-menu .notif-receiver-grid{grid-template-columns: minmax(0px, 1fr);}
}
@media (max-width: 640px){
html[data-panel-ui-ready] .native-reference-area .source-menu [data-source-root] > .tmpl-modal{max-height: calc(100dvh - 18px); border-radius: 16px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-header,html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-head{padding: 17px 16px; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-body{padding: 18px 16px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-footer{padding: 13px 16px; gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-title{font-size: 18px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-form-row{grid-template-columns: minmax(0px, 1fr); min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .wa-bubble-editor{min-height: 200px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-modal-body{display: flex; gap: 18px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-left{border-right: 0px; padding-right: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tmpl-right{min-height: 240px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-token-row{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-head{padding-bottom: 15px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-title{font-size: 18px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-message-box{min-height: 170px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-json-card{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-q{font-size: 16px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-help,html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-opt-desc,html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-note{font-size: 11px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-opts{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .native-reference-area .source-menu .tk-wz-lbl{font-size: 8px;}
html[data-panel-ui-ready] .native-reference-area .source-menu #wa-groups-modal > div{max-height: calc(100dvh - 18px);}
html[data-panel-ui-ready] .native-reference-area .source-menu .wa-settings-layout{grid-template-columns: minmax(0px, 1fr);}
html[data-panel-ui-ready] .native-reference-area .source-menu .wa-groups-side-panel{position: relative; inset: auto; width: 100%; max-width: none; border-left: 0px; max-height: none;}
}
html[data-panel-ui-ready] .native-reference-area .source-menu .notif-modal-body{background: transparent;}
html[data-panel-ui-ready] .native-reference-area .source-menu #modal-notif-integration .notif-modal{width: 100%; max-width: none;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog .source-menu .tmpl-modal-body{background: transparent;}
/* native-templates.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .native-template-collection{--t: .18s;}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-grid{grid-template-columns: repeat(auto-fill, 224px); justify-content: start;}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-card{background: linear-gradient(160deg, rgba(45, 50, 58, 0.93), rgba(27, 32, 39, 0.96)); border-color: rgba(213, 225, 240, 0.157);}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-card:hover{border-color: rgba(196, 213, 227, 0.3); box-shadow: rgba(180, 204, 224, 0.043) 0px 0px 20px;}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-grid.collection-list-view{grid-template-columns: minmax(0px, 1fr); gap: 0px; width: 100%; justify-content: stretch;}
html[data-panel-ui-ready] .native-reference-area .native-template-list-head{grid-template-columns: minmax(190px, 1fr) minmax(130px, 0.65fr) minmax(240px, 1.45fr) minmax(130px, 0.65fr);}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-actions button:focus-visible,html[data-panel-ui-ready] .native-reference-area .native-template-picker .tmpl-actions button:focus-visible{outline: rgb(189, 210, 228) solid 2px; outline-offset: 2px;}
html[data-panel-ui-ready] .native-reference-area .native-template-heading{padding-top: 0px; gap: 10px; align-items: center;}
html[data-panel-ui-ready] .native-reference-area .native-template-header-actions{display: flex; align-items: center; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .native-template-header-actions .ghost-btn{white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar{justify-content: flex-end; gap: 12px; margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar > .collection-search{margin-left: 0px; margin-right: auto;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .view-selector{margin-left: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort{flex: 0 0 auto; min-width: 210px;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort > .ws-field{display: flex; flex-direction: row; align-items: center; gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort > .ws-field > span{white-space: nowrap; margin: 0px; font-size: 12px; letter-spacing: 0px; text-transform: none;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort .new-client-trigger{width: 210px;}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-preview-bubble{font-family: inherit;}
html[data-panel-ui-ready] .native-reference-area .native-template-picker{position: fixed; inset: auto; margin: 0px; padding: 0px; width: 256px; max-width: calc(-24px + 100vw); max-height: min(560px, 100dvh - 24px); border: 1px solid rgba(189, 211, 228, 0.282); border-radius: 14px; background: linear-gradient(145deg, rgb(48, 57, 67), rgb(32, 42, 53)); box-shadow: rgba(0, 0, 0, 0.533) 0px 16px 60px; overflow: hidden;}
html[data-panel-ui-ready] .native-reference-area .native-template-picker .new-client-ad-head{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px; border-bottom: 1px solid rgba(189, 211, 228, 0.14);}
html[data-panel-ui-ready] .native-reference-area .native-template-picker .new-client-ad-title{color: rgb(219, 232, 245); font-size: 12px; font-weight: 600;}
html[data-panel-ui-ready] .native-reference-area .native-template-picker .new-client-ad-close{display: grid; place-items: center; width: 26px; height: 26px; border: 0px; background: none; color: rgb(175, 195, 215); cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .native-template-picker .new-client-ad-close svg{width: 14px; height: 14px;}
html[data-panel-ui-ready] .native-reference-area .native-template-picker #s3-tmpl-list{display: flex; flex-direction: column; gap: 12px; padding: 10px 14px 14px; max-height: min(498px, 100dvh - 80px); overflow-y: auto; scrollbar-width: thin; min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-template-picker #s3-tmpl-list .tmpl-card{width: 100%; flex-shrink: 0; height: 322px;}
html[data-panel-ui-ready] .native-reference-area .native-template-select-actions{justify-content: flex-end;}
html[data-panel-ui-ready] .native-reference-area .native-template-empty{font-size: 11px; color: rgb(158, 175, 194); padding: 18px 6px; line-height: 1.6;}
@media (max-width: 900px){
html[data-panel-ui-ready] .native-reference-area .native-template-list-head{display: none;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .view-selector{margin-left: 0px;}
}
@media (max-width: 1100px){
html[data-panel-ui-ready] .native-reference-area .page-heading:has(.native-template-heading){flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-template-heading{flex-wrap: wrap; margin-left: auto;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .native-template-heading{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; margin-left: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-template-header-actions{display: contents;}
html[data-panel-ui-ready] .native-reference-area .native-template-header-actions [data-ws="community"]{grid-column: 1 / -1;}
html[data-panel-ui-ready] .native-reference-area .native-template-header-actions .ghost-btn{justify-content: center;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar{gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort{flex: 1 1 0%; min-width: 120px;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort > .ws-field{display: block;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .source-control,html[data-panel-ui-ready] .native-reference-area .native-template-toolbar .ws-sort .new-client-trigger{width: 100%;}
html[data-panel-ui-ready] .native-reference-area .native-template-toolbar > .collection-search{flex-basis: 100%; margin-right: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-grid:not(.collection-list-view){grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px;}
}
/* native-account.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .native-account{--teal: #00a8ff; --teal-dim: #00a8ff1a; --teal-border: #00a8ff40; --text: #c0c6d1; --text2: #949ba8; --text3: #949ba880; --border: #ffffff14; --t: .18s; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-tabs{justify-content: flex-start; gap: 4px; margin-bottom: 26px; overflow-x: auto; scrollbar-width: none; max-width: 100%; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-tabs::-webkit-scrollbar{display: none;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-tab{flex: 0 0 auto; font-family: inherit; padding: 12px 16px; min-height: 44px;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-tab svg{flex: 0 0 auto; width: 16px; height: 16px;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-tab[aria-selected="true"]{color: rgb(0, 168, 255); border-bottom-color: rgb(0, 168, 255); background: transparent; box-shadow: none;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-pane[hidden]{display: none !important;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-profile-wrap{max-width: 560px; margin: 34px auto 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-avatar-wrap{margin-bottom: 32px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-avatar-plan-badge{color: rgb(0, 168, 255); border-color: rgba(0, 168, 255, 0.25); background: rgba(0, 168, 255, 0.05);}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-field-item{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-field-val{overflow-wrap: anywhere; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-field-action{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-edit-btn{flex: 0 0 auto; min-width: 34px; min-height: 34px;}
html[data-panel-ui-ready] .native-reference-area .native-account .phone-input-wrap{min-width: 0px; max-width: 340px; background: rgba(16, 18, 20, 0.72);}
html[data-panel-ui-ready] .native-reference-area .native-account .phone-num-input{min-width: 0px; font-family: inherit;}
html[data-panel-ui-ready] .native-reference-area .native-account .phone-save-btn:not(.visible){display: none;}
html[data-panel-ui-ready] .native-reference-area .native-account .phone-dial-btn{min-height: 38px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-change-pass-btn{margin-top: 26px; background: rgba(16, 18, 20, 0.61); border-color: rgba(255, 255, 255, 0.08); font-family: inherit;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-card,html[data-panel-ui-ready] .native-reference-area .native-account .as-card,html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-wrap{background: var(--glass-fill); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(18px);}
html[data-panel-ui-ready] .native-reference-area .native-account #account-pane-security.active{display: flex; flex-direction: column; gap: 18px;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-session-row{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-session-main{min-width: 0px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-session-title{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-card .btn-add{background: rgb(0, 168, 255); color: rgb(255, 255, 255); border-color: rgb(0, 168, 255);}
html[data-panel-ui-ready] .native-reference-area .native-account .security-card button:disabled{opacity: 0.45; cursor: default;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-row{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; max-width: none; min-width: 0px; margin-bottom: 20px; align-items: stretch;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card{min-width: 0px; width: auto; max-width: none; min-height: 138px; padding: 22px 24px; border: 1px solid var(--glass-edge); border-radius: 18px; gap: 14px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card-icon{width: 36px; height: 36px; border-radius: 10px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card-lbl{font-size: 11px; margin-bottom: 5px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card-name{font-size: 18px; line-height: 1.35; margin-bottom: 6px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card-meta{line-height: 1.6; gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-wrap{border: 1px solid var(--glass-edge); border-radius: 18px; overflow: hidden; padding: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-hd{padding: 20px 24px 18px; margin: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.07);}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-list{padding: 0px 24px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-title{font-size: 16px; margin-bottom: 4px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-empty{display: flex; align-items: center; justify-content: center; min-height: 146px; padding: 24px; color: rgb(148, 155, 168);}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-row{padding: 16px 0px; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-desc{min-width: 0px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-amt{white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card-actions{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card button:disabled{opacity: 0.4; cursor: default;}
html[data-panel-ui-ready] .native-reference-area .native-account .pricing-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; max-width: none; margin: 0px 0px 24px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card{min-width: 0px; border-radius: 24px; padding: 28px 24px 24px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-name{font-size: 38px; letter-spacing: -1.3px; line-height: 1.1;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-desc{font-size: 14px; line-height: 1.5; min-height: 84px; margin-bottom: 20px; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-value{font-size: 62px; line-height: 1; letter-spacing: -3px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-currency{font-size: 46px; line-height: 1; letter-spacing: -2px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-period{font-size: 17px; line-height: 1.1; margin: 0px 0px 5px 3px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-note{min-height: 36px; font-size: 12px; line-height: 1.5;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-features{font-size: 13px; line-height: 1.5;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-features li{align-items: flex-start;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-features svg{flex: 0 0 auto; margin-top: 2px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-cta{min-height: 48px; font-size: 14px; margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-cta.cta-admin{opacity: 1; background: rgba(255, 255, 255, 0.05); color: rgb(126, 136, 148); box-shadow: none; cursor: default;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card.featured .price-content{padding-top: 26px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .recommend-bar{height: 38px;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"],html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="timezone"],html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="account-name"]{position: fixed; inset: 0px; margin: auto; width: 480px; height: max-content;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .source-menu,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="timezone"] .source-menu,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="account-name"] .source-menu{--text3: #949ba880; --teal: #00a8ff;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .modal,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="timezone"] .modal,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="account-name"] .modal{background: rgb(16, 18, 20); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] input,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="account-name"] input{background: rgb(16, 18, 20); border-color: rgb(34, 37, 45); min-height: 40px;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .btn-add,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="timezone"] .btn-add,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="account-name"] .btn-add{background: rgb(0, 168, 255); color: rgb(255, 255, 255); border-color: rgb(0, 168, 255);}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .qbtn.ghost{border: 1px solid rgba(255, 255, 255, 0.07); background: rgb(26, 28, 34); color: rgb(192, 198, 209);}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .modal > div:first-child,html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .modal > div:last-of-type{flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area #dialog.source-menu-dialog[data-source-kind="password"] .modal > div:nth-child(2){min-height: 0px; overflow: auto;}
html[data-panel-ui-ready] .native-reference-area .native-account-name-actions{display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px;}
@media (max-width: 1100px){
html[data-panel-ui-ready] .native-reference-area .native-account .price-card{padding: 26px 18px 22px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-name{font-size: 32px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-value{font-size: 48px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-currency{font-size: 34px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-desc{min-height: 105px;}
}
@media (max-width: 900px){
html[data-panel-ui-ready] .native-reference-area .native-account .pricing-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-desc{min-height: 84px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .native-account .account-tabs{margin-bottom: 24px;}
html[data-panel-ui-ready] .native-reference-area .native-account .account-tab{padding: 10px 12px; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-profile-wrap{max-width: 560px; margin-top: 20px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-avatar-ring{width: 88px; height: 88px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-fields-section{gap: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-field-item{flex-direction: column; align-items: stretch; gap: 9px; padding: 15px 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-field-action{justify-content: space-between;}
html[data-panel-ui-ready] .native-reference-area .native-account .acc-field-val{font-size: 14px; text-align: left;}
html[data-panel-ui-ready] .native-reference-area .native-account .phone-input-wrap{max-width: 100%; width: 100%;}
html[data-panel-ui-ready] .native-reference-area .native-account #acc-support-row{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-inline-card{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-session-row{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-account .security-session-main{flex: 1 1 0%; min-width: 140px;}
html[data-panel-ui-ready] .native-reference-area .native-account .pricing-grid{grid-template-columns: minmax(0px, 1fr); max-width: 500px; margin-inline: auto;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card{padding: 28px 24px 24px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-name{font-size: 38px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-desc{min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-value{font-size: 62px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .price-currency{font-size: 44px;}
html[data-panel-ui-ready] .native-reference-area .native-account .price-card .plan-note{min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-row{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-card{padding: 20px; min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-hd{padding: 18px 20px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-list{padding: 0px 20px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-row{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px;}
html[data-panel-ui-ready] .native-reference-area .native-account .as-billing-date{width: auto; grid-column: 1 / -1;}
}
/* native-menu-parity.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker{position: fixed; inset: auto; margin: 0px; padding: 0px; width: 380px; max-width: calc(-24px + 100vw); max-height: min(480px, 100dvh - 24px); overflow: hidden; border: 1px solid rgba(196, 214, 227, 0.286); border-radius: 12px; background: rgb(23, 30, 38); color: rgb(229, 235, 242); box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 70px;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .camp-item{display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 10px 14px; border: 0px; background: none; color: inherit; cursor: pointer; font: inherit; text-align: left;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .camp-item-name{flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .camp-item:hover,html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .camp-item.selected{background: rgba(0, 168, 255, 0.07);}
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .camp-item-check{display: grid; place-items: center; flex: 0 0 auto; width: 17px; height: 17px; border: 1px solid rgb(104, 129, 143); border-radius: 4px;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .camp-item-check svg{width: 12px; height: 12px;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-picker .selected .camp-item-check{background: rgb(0, 168, 255); border-color: rgb(0, 168, 255); color: white;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-all{display: flex; align-items: center; gap: 9px; margin: 0px; padding: 13px 14px; border-top: 1px solid rgba(255, 255, 255, 0.094); font-size: 12px; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .native-campaign-all span{margin-left: auto; color: rgb(143, 154, 165); font-size: 10px;}
html[data-panel-ui-ready] .native-reference-area .native-group-refresh{display: flex; align-items: center; gap: 6px; margin-left: auto; border: 0px; background: none; color: rgb(182, 197, 208); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .native-group-refresh svg{width: 13px; height: 13px;}
html[data-panel-ui-ready] .native-reference-area .native-integrations{background: none;}
html[data-panel-ui-ready] .native-reference-area .native-integrations .integration-card-v2{background: linear-gradient(135deg, rgba(50, 55, 63, 0.8), rgba(28, 34, 41, 0.867)); border-color: rgba(255, 255, 255, 0.125); min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-name,html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-email{overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-row{gap: 16px; min-width: 0px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-row > div{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-reconnect,html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-disconnect{font-family: inherit; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel{background: none;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel > .tk-card{background: linear-gradient(135deg, rgba(36, 44, 53, 0.72), rgba(21, 27, 35, 0.8)); border-color: rgba(255, 255, 255, 0.125); margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-row-actions{flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-btn-ghost,html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-btn-copy{font-family: inherit; cursor: pointer;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-code{overflow: auto; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere;}
html[data-panel-ui-ready] .native-reference-area .native-table-panel{overflow-x: auto; border-radius: 15px; scrollbar-width: thin;}
html[data-panel-ui-ready] .native-reference-area .native-table-panel table{width: 100%; border-collapse: collapse; min-width: 640px;}
html[data-panel-ui-ready] .native-reference-area .native-table-panel table td,html[data-panel-ui-ready] .native-reference-area .native-table-panel table th{padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); text-align: left; font-size: 12px;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-card-head{gap: 15px; flex-wrap: wrap;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .new-client-input{max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-form-row{gap: 15px;}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-row{align-items: flex-start;}
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-head{gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .source-menu .integration-settings-title{font-size: 18px;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-form-row{display: flex; flex-direction: column; align-items: stretch;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-field{width: 100%; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-row-actions{max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .native-tracking-panel .tk-card{padding: 17px;}
}
/* native-dialog-adapter.css?v=40 */
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu [data-source-root] > :is(.modal, .step-modal, .tmpl-modal, .comm-modal, .cancel-modal, .pasta-modal, .confirm-box, .wa-settings-modal-shell){backdrop-filter: blur(24px); box-shadow: rgba(0, 0, 0, 0.533) 0px 24px 80px; background: linear-gradient(135deg, rgba(30, 40, 49, 0.97), rgba(15, 22, 29, 0.97)) !important; border-color: rgba(205, 226, 241, 0.17) !important;}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu [data-source-root] > :is(.modal, .step-modal, .tmpl-modal, .cancel-modal, .pasta-modal){min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area #dialog > .native-variable-host{--ui-zoom: 1; --bg1: #141a20; --bg2: #1a222a; --teal: #00a8ff; --text: #c0c6d1; --text2: #949ba8; --text3: #949ba880; position: fixed; inset: 0px; pointer-events: none; z-index: 11000; font: 13px Geist, sans-serif; color: var(--text);}
html[data-panel-ui-ready] .native-reference-area #dialog > .native-variable-host > *{pointer-events: auto;}
html[data-panel-ui-ready] .native-reference-area #dialog > .native-variable-host > .s3-var-panel{z-index: 1 !important;}
html[data-panel-ui-ready] .native-reference-area #dialog > .native-variable-host > #s3-var-side{z-index: 2 !important;}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu .native-alert-settings-open{display: block;}
/* native-connections-adapter.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .native-connections-page{--ui-zoom: 1; --teal: #00a8ff; --text: #e8ecf0; --text2: #949ba8; --border: rgba(205,226,241,.12); font: 13px Geist, sans-serif; color: var(--text); display: block; min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-connections-page .wa-connection-card{background: linear-gradient(135deg, rgba(30, 40, 49, 0.86), rgba(15, 22, 29, 0.9)); backdrop-filter: blur(24px); border-color: rgba(205, 226, 241, 0.17);}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu .s3-tabs{flex: 0 0 auto; min-height: 40px;}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu .s3-left{min-height: 0px;}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu .s3-left > *{flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu .wa-settings-modal-shell{max-height: calc(100dvh - 24px);}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu .wa-settings-modal-shell > :is(.integration-settings-head, .integration-settings-footer){flex-shrink: 0;}
html[data-panel-ui-ready] .native-reference-area #dialog-content > .source-menu #wa-settings-list{min-height: 0px; overflow-y: auto; flex: 1 1 auto;}
html[data-panel-ui-ready] .native-reference-area #dialog > .native-wa-group-host #wa-groups-section{background: linear-gradient(135deg, rgba(30, 40, 49, 0.97), rgba(15, 22, 29, 0.97)); backdrop-filter: blur(24px); border-color: rgba(205, 226, 241, 0.17);}
@media (min-width: 981px){
html[data-panel-ui-ready] .native-reference-area #dialog > .native-wa-group-host #wa-groups-section{left: min(50% - 32px + min(380px, -16px + 50vw), -12px + 100vw - min(390px, -32px + 100vw));}
}
/* report-cards-responsive.css?v=40 */
html[data-panel-ui-ready] .native-reference-area .cards-grid:is(.panel-report-grid, .native-alert-grid){--collection-card-min: 340px; --collection-gap: 20px;}
html[data-panel-ui-ready] .native-reference-area .cards-grid.panel-report-grid,html[data-panel-ui-ready] .native-reference-area .cards-grid.native-alert-grid,html[data-panel-ui-ready] .native-reference-area .cards-grid.native-notification-grid{display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,var(--collection-card-min)),1fr)); gap: var(--collection-gap); align-items: stretch;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-record-card{width: 100%; max-width: 400px; min-width: 0px; min-height: 280px; padding: 21px 21px 18px; border-radius: 22px; justify-self: start; container: report-card / inline-size;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-top{gap: 10px; margin-bottom: 14px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-top h2{font-size: 22px; line-height: 1.17; letter-spacing: -0.55px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-status{font-size: 11px; padding: 3px 9px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-account{font-size: 15px; line-height: 1.35; margin-bottom: 10px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-meta{font-size: 13px; line-height: 1.35; gap: 6px; margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-foot{padding-top: 14px; gap: 12px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-icon-btn{width: 32px; height: 34px; border-radius: 9px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-actions{gap: 5px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-provider{width: 26px; height: 28px; margin-right: 2px;}
@media (max-width: 1100px){
html[data-panel-ui-ready] .native-reference-area .cards-grid:is(.panel-report-grid, .native-alert-grid){--collection-card-min: 290px; --collection-gap: 16px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-record-card{max-width: none;}
}
@media (min-width: 1101px){
html[data-panel-ui-ready] .native-reference-area .cards-grid:is(.panel-report-grid, .native-alert-grid){--collection-card-min: 272px; --collection-gap: 18px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-record-card{max-width: 336px; min-height: 252px; border-width: 0.8px; padding: 18.9px 18.9px 16.2px; border-radius: 19.8px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-top{gap: 9px; margin-bottom: 12.6px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-top h2{font-size: 19.8px; letter-spacing: -0.495px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-status{font-size: 9.9px; padding: 2.7px 8.1px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-account{font-size: 13.5px; margin-bottom: 9px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-meta{font-size: 11.7px; gap: 5.4px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-foot{padding-top: 12.6px; gap: 10.8px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-toggle{width: 41.4px; height: 24.3px; padding: 2.7px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-toggle > span{width: 18.9px; height: 18.9px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-toggle[aria-checked="true"] > span{transform: translateX(17.1px);}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-card-actions{gap: 4.5px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-provider{width: 23.4px; height: 25.2px; margin-right: 1.8px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-icon-btn{width: 28.8px; height: 30.6px; border-radius: 8.1px;}
html[data-panel-ui-ready] .native-reference-area .panel-report-grid .panel-icon-btn svg{width: 15.3px; height: 15.3px;}
}
html[data-panel-ui-ready] .native-reference-area .native-alert-collection,html[data-panel-ui-ready] .native-reference-area .native-notifications-page{--t: .18s; --text2: var(--muted); --text3: var(--faint); --border: var(--glass-edge); --teal: var(--blue); --teal-border: rgba(0,168,255,.25); min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card,html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic{box-sizing: border-box; border-radius: 22px; background: var(--glass-fill); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px); justify-self: start; width: 100% !important; max-width: var(--collection-card-max,400px) !important; min-width: 0px !important; height: var(--collection-card-height,280px) !important; min-height: var(--collection-card-height,280px) !important; padding: 21px 21px 18px !important;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-top{gap: 10px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-title{font-size: 22px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-account{font-size: 15px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-meta{font-size: 13px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-balance-label,html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-balance-value{white-space: nowrap;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-actions{flex: 0 0 auto;}
html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic-name{font-size: 22px;}
html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic-icon svg{width: 28px; height: 28px;}
html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic-desc{color: var(--text); font-size: 12px; line-height: 1.5;}
html[data-panel-ui-ready] .native-reference-area .native-notification-grid .integ-connect-btn{margin-top: 0px; align-self: end;}
html[data-panel-ui-ready] .native-reference-area .native-notification-tools-bar{margin-bottom: 20px;}
html[data-panel-ui-ready] .native-reference-area .native-notification-tools-bar .panel-filter-label{margin: 0px; text-transform: uppercase; letter-spacing: 0.06em;}
@media (min-width: 1101px){
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card,html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic{border-width: 0.8px; border-radius: 19.8px; max-width: var(--collection-card-max,336px) !important; height: var(--collection-card-height,252px) !important; min-height: var(--collection-card-height,252px) !important; padding: 18.9px 18.9px 16.2px !important;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-top{gap: 9px; margin-bottom: 12.6px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-title,html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic-name{font-size: 19.8px; letter-spacing: -0.495px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-account{font-size: 13.5px; line-height: 1.35; margin-bottom: 9px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-meta{font-size: 11.7px; line-height: 1.35; gap: 5.4px; margin-bottom: 18px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-foot{padding-top: 12.6px; gap: 10.8px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-balance-label{font-size: 9.9px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-balance-value{font-size: 11.7px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card-actions{gap: 4.5px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-provider-mark{width: 23.4px; height: 25.2px; margin-right: 1.8px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-icon-btn{width: 28.8px; height: 30.6px; border-radius: 8.1px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-icon-btn svg{width: 15.3px; height: 15.3px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-toggle{width: 41.4px; height: 24.3px; padding: 2.7px; flex: 0 0 41.4px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-toggle::after{width: 18.9px; height: 18.9px;}
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-toggle.active::after{transform: translateX(17.1px);}
html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic-desc{font-size: 10.8px; line-height: 16.2px;}
html[data-panel-ui-ready] .native-reference-area .native-notification-grid .integ-connect-btn{font-size: 10.8px; line-height: 16.2px; min-height: 38px;}
html[data-panel-ui-ready] .native-reference-area .native-notification-tools-bar{min-height: 63.2px; display: flex; align-items: end; margin-bottom: 21.6px;}
html[data-panel-ui-ready] .native-reference-area .native-notification-tools-bar .panel-filter-label{font-size: 10.8px; line-height: 16.2px;}
}
@media (max-width: 760px){
html[data-panel-ui-ready] .native-reference-area .native-alert-grid .alert-card,html[data-panel-ui-ready] .native-reference-area .native-notification-grid .notif-ic{max-width: none !important;}
}
/* responsive-layout.css?v=40 */
@media (max-width: 980px){
html[data-panel-ui-ready] .native-reference-area .secondary-toolbar,html[data-panel-ui-ready] .native-reference-area .collection-tools,html[data-panel-ui-ready] .native-reference-area .ws-toolbar{min-width: 0px; max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .ws-toolbar > *{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .native-template-collection .tmpl-grid:not(.collection-list-view){grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr));}
html[data-panel-ui-ready] .native-reference-area .ws-two-col,html[data-panel-ui-ready] .native-reference-area .ws-metrics,html[data-panel-ui-ready] .native-reference-area .ws-plans,html[data-panel-ui-ready] .native-reference-area .panel-source-grid{min-width: 0px;}
html[data-panel-ui-ready] .native-reference-area .ws-two-col > *,html[data-panel-ui-ready] .native-reference-area .ws-metrics > *,html[data-panel-ui-ready] .native-reference-area .ws-plans > *,html[data-panel-ui-ready] .native-reference-area .panel-source-grid > *{min-width: 0px; max-width: 100%;}
html[data-panel-ui-ready] .native-reference-area .collection-table-wrap,html[data-panel-ui-ready] .native-reference-area .native-table-panel{max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain;}
html[data-panel-ui-ready] .native-reference-area .ws-tabs,html[data-panel-ui-ready] .native-reference-area .account-tabs{max-width: 100%; min-width: 0px;}
}