.component-content:has(.property-panel){padding:0}.component-content:has(.property-panel.property-panel-top){max-height:unset}.property-panel{background-color:#a3929208;flex-direction:column;display:flex;overflow:hidden}.property-panel.property-panel-right{border-left:1px solid var(--border-color);height:100%}.property-panel.property-panel-top{border-bottom:1px solid var(--border-color);grid-row:1;width:100%;max-height:500px}.property-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:8px 12px}.property-panel-title{color:var(--text-color);margin:0;font-size:16px;font-weight:600}.property-panel-content{flex:1;padding:8px;overflow-y:auto}.property-table{border-collapse:separate;border-spacing:0;width:100%;display:table}.row{background:0 0;display:table-row}.col,[class^=col-]{vertical-align:middle;min-height:100%;padding:8px 4px;display:table-cell}.col.gap-10>:not(:last-child),[class^=col-].gap-10>:not(:last-child){margin-right:10px}.col.gap-15>:not(:last-child),[class^=col-].gap-15>:not(:last-child){margin-right:15px}.col.gap-20>:not(:last-child),[class^=col-].gap-20>:not(:last-child){margin-right:20px}.col{width:auto}.col-1{width:8.33333%}.col-2{width:16.6667%}.col-3{width:25%}.col-4{width:33.3333%}.col-5{width:41.6667%}.col-6{width:50%}.col-7{width:58.3333%}.col-8{width:66.6667%}.col-9{width:75%}.col-10{width:83.3333%}.col-11{width:91.6667%}.col-12{width:100%}.preview-container:has(.property-panel)>:not(.component-section,.typography-section):not(.property-panel){align-items:center;max-width:100%;min-height:350px;padding:20px;overflow:auto}@media (max-width:768px){.property-panel{width:100%;min-width:unset;max-height:250px}.property-panel.pos-top .col,[class^=col-]{width:100%;display:block}}.property-panel-content{scrollbar-width:thin}.preview-container:has(.property-panel){gap:0;padding:0;display:grid}.preview-container:has(.property-panel.property-panel-right):not(.preview-container:has(.property-panel.property-panel-top)){grid-template-rows:1fr;grid-template-columns:1fr 40%;gap:1px}.preview-container:has(.property-panel.property-panel-top){grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:1px}.preview-container:has(.property-panel.property-panel-right) .component-section{align-items:center;max-width:100%;padding:20px;overflow:auto}.preview-container:has(.property-panel.property-panel-top) .component-section{max-width:unset;padding:20px}.preview-container.property-pane-collapsed .property-panel{display:none}.preview-container.property-pane-collapsed:has(.property-panel.property-panel-right):not(.preview-container:has(.property-panel.property-panel-top)){grid-template-rows:1fr;grid-template-columns:1fr;gap:0}.sb-no-frame .property-panel.property-panel-top{border:1px solid var(--border-color);margin-bottom:8px}.sb-no-frame .preview-container:has(.property-panel)>:not(.component-section):not(.property-panel){padding:0}
.app-header{flex-shrink:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.app-header:before{content:"";pointer-events:none;background:#ffffff0b;border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-80px}.app-header:after{content:"";pointer-events:none;background:#ffffff09;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:40%}
@font-face{font-family:Grid control Font;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1tSfQAAAEoAAAAVmNtYXDnE+ddAAABkAAAADpnbHlmWm7FjgAAAdgAAAPkaGVhZBFF/fMAAADQAAAANmhoZWEIHwQFAAAArAAAACRobXR4EAAAAAAAAYAAAAAQbG9jYQKaAUgAAAHMAAAACm1heHABEACgAAABCAAAACBuYW1lmuAR1QAABbwAAAKdcG9zdHgFC7MAAAhcAAAAQgABAAAEAAAAAFwEAAAAAAADwgABAAAAAAAAAAAAAAAAAAAABAABAAAAAQAAJ9BcPl8PPPUACwQAAAAAANcy3IEAAAAA1zLcgQAAAAADwgP0AAAACAACAAAAAAAAAAEAAAAEAJQAAgAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnAgQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAJgAAAAQABAABAADnAv//AADnAP//AAAAAQAEAAAAAQACAAMAAAAAAAAAqAFIAfIAAAABAAAAAAPBA/MAkwAAASMPDRUfBQ8FHw4VDxYhLxY1Pw8vAz8DLxcjDwUBhQEIEQoKCwoEBQMEAwIBAQEBAwQFBggGAwIBAQICBQcKDAUEBwUFBgYICAYHCQkUFxcXPRUUFBAODAoMCQQEAgIBA4QBBAQEBQsKCw0PEhQUFh0sFxcUCQkHBgoMCAgDAwIBDAsGBQUDAgECBAcKDgYDAgEBAQMDBAUGBwkJCwsODxAOEQoLDA0ODwwNDg8PDxAD2gQLCQwOEgoLDA0NDxAREhMUFhYYGgoMBwgICQoKCgoKCiEUFgoLCQkIBncICAcHDgwLCRUKCw0NDg0OFBIMCwoQDxYTCwwMEw4ODQ4NDAoJChALDA4HBwgIdwwTERULDQ0OCQsHCAkJCgsMDA0NNiMaGxsODQ0NDAsLCgkJBwYEBA4ICQMEAwIBAQECAwMFBQABAAAAAAPCA/QAjQAAAQ8VFRcVDwcVHwwPFCEvFTM/Cy8INy8aAegOGhgVExAODAoMCwcKCAUFBAcGAgUDAQEDBgkHBAMBAQICBAcTCgsMDBkjMgUGBwgJCQsligkJCQ8OCwoJCgUFBgOEBgoGCAkLDQ4RCQkKC3UlCgoJCAcGBSITEhEPGRUPDwYDAgEBAQEJAgUCAQEBAQECAwYGCgsLDAwMDA0RCwoRDwQDCA8QEBERA/MCBQcJCQoKCwsPERAOEA0ODh8hEC8vEycZGRggJQoICAcGBQUFBAYKBQMDAwQCAQ4LCgkIBwYQRgYGBw8PEBEQGA8THR0iEBAQERAPDgYGBgU7EAYHCAkKCw4BAgICBwYHCAYHBwcGBgYVCBYLCrUUFBMTER8bHRkRDwwLCAcIBAIDAQYDBggFBQIBAAIAAAAAA14D9AA/AJIAAAEPDy8PPw8fDgUVHwcJAT8HNS8dKwEPHQJ9AQIDBAUGCAgJCQoLDAwMDQ0MDAwLCgkJCAgGBQQDAgEBAgMEBQYICAkJCgsMDAwNDQwMDAsKCQkICAYFBAMC/iYBAwQHCAkLDAEnAScMCwkIBwQDAQICAwQFBQcHBwkJCgoLDAwMDg0PDg8QEBAREBIREhISEhESEBEQEBAPDg8NDgwMDAsKCgkJBwcHBQUEAwICApYNDAwMCwoJCQgIBgUEAwIBAQIDBAUGCAgJCQoLDAwMDQ0MDAwLCgkJCAgGBQQDAgEBAgMEBQYICAkJCgsMDAwiDg4bGhkZGBcW/lMBrRYXGBkZGhscExMSEhISEREREA8PDw4NDQ0LCwsJCQgIBgYFBAQCAgICBAQFBgYICAkJCwsLDQ0NDg8PDxARERESEhISEwAAAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABABEAAQABAAAAAAACAAcAEgABAAAAAAADABEAGQABAAAAAAAEABEAKgABAAAAAAAFAAsAOwABAAAAAAAGABEARgABAAAAAAAKACwAVwABAAAAAAALABIAgwADAAEECQAAAAIAlQADAAEECQABACIAlwADAAEECQACAA4AuQADAAEECQADACIAxwADAAEECQAEACIA6QADAAEECQAFABYBCwADAAEECQAGACIBIQADAAEECQAKAFgBQwADAAEECQALACQBmyBHcmlkIGNvbnRyb2wgRm9udFJlZ3VsYXJHcmlkIGNvbnRyb2wgRm9udEdyaWQgY29udHJvbCBGb250VmVyc2lvbiAxLjBHcmlkIGNvbnRyb2wgRm9udEZvbnQgZ2VuZXJhdGVkIHVzaW5nIFN5bmNmdXNpb24gTWV0cm8gU3R1ZGlvd3d3LnN5bmNmdXNpb24uY29tACAARwByAGkAZAAgAGMAbwBuAHQAcgBvAGwAIABGAG8AbgB0AFIAZQBnAHUAbABhAHIARwByAGkAZAAgAGMAbwBuAHQAcgBvAGwAIABGAG8AbgB0AEcAcgBpAGQAIABjAG8AbgB0AHIAbwBsACAARgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAARwByAGkAZAAgAGMAbwBuAHQAcgBvAGwAIABGAG8AbgB0AEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQAETWFsZQZGZW1hbGUITG9jYXRpb24AAAAA)format("truetype");font-weight:400;font-style:normal}[class^=sf-icon-],[class*=\ sf-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Grid control Font!important}.sf-icon-Male:before{content:""}.sf-icon-Female:before{content:""}.sf-icon-Location:before{content:""}#Emptext{position:relative;top:-14px;left:41px}.empimg{background-color:#4f46e5;border-radius:14px;width:29px;height:27px}#overviewgrid.e-rtl #Emptext{position:relative;top:-14px;left:-41px}.e-userimg.sf-icon-Male:before,.e-userimg.sf-icon-FeMale:before{font-size:13px}.e-userimg.sf-icon-Male,.e-userimg.sf-icon-FeMale{color:#fff;margin:0 8px;font-size:13px;line-height:26px}.e-userimg.sf-icon-Male:before{content:""}.e-userimg.sf-icon-FeMale:before{content:""}.e-bigger #overviewgrid .statustxt{position:relative}#overviewgrid td.e-rowcell.e-selectionbackground.e-active{background-color:#0000}.Mapimage .e-image{width:14px;height:13px}.Mapimage{align-items:center;gap:5px;display:flex}.trustImage{align-items:center;display:flex}td.e-rowcell .statustxt.e-activecolor{color:#0c0;position:relative;top:9px}td.e-rowcell .statustxt.e-inactivecolor{color:#e60000;position:relative;top:9px}.statustemp.e-inactivecolor{background-color:#ffd7cc;width:64px}.statustemp.e-activecolor{background-color:#cfc;width:57px}.statustxt.e-activecolor{color:#0c0}.statustxt.e-inactivecolor{color:#e60000}.statustemp{text-align:center;border-radius:5px;height:19px;position:relative}#myProgress{text-align:left;background-color:#fff;width:10em;height:18px;position:relative}#myBar{background-color:#00b300;width:10%;height:100%;position:absolute}#myBar.progressdisable{background-color:#df2222}#pbarlabel{color:#fff;font-size:11px;line-height:18px;position:relative;left:10px}.custom-rating.e-rating-container .e-rating-item-container,.e-bigger .custom-rating.e-rating-container .e-rating-item-container .e-rating-icon,.e-bigger.custom-rating.e-rating-container .e-rating-item-container .e-rating-icon{font-size:11px}.custom-rating.e-rating-container .e-rating-item-container .e-rating-icon{-webkit-text-fill-color:lightgrey;-webkit-text-stroke:1px lightgrey}.custom-rating.e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon{background:linear-gradient(to right, #ffa600 var(--rating-value), #ffa600 var(--rating-value));-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ffa600;-webkit-background-clip:text}.section{border:1.5px solid;border-radius:8px;padding:8px;box-shadow:0 4px 14px #00000014}.section-row{flex:auto;align-items:stretch;gap:8px;display:flex}.section-label{letter-spacing:.6px;align-items:center;gap:4px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.panel .section-row{gap:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.mini-card{border:1.5px solid;border-radius:8px;flex:1;min-width:0;padding:4px 7px}.mini-label{color:#64748b;letter-spacing:.3px;margin-bottom:3px;font-size:12px;font-weight:400}.mini-value{font-size:14px;font-weight:600;line-height:1.1}.mini-values{align-items:center;gap:4px;display:flex}.mini-unit{margin-top:1px;font-size:14px;font-weight:600}.big-card{border:1px solid #2563eb24;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex;box-shadow:0 4px 14px #00000014}.big-value,.big-chip{color:#928df5}.big-label{font-size:14px;font-weight:600}.mini-card--primary,.section--primary{border-color:#2563eb22}.mini-value--primary,.mini-unit--muted{color:#928df5}@media (max-width:900px){.big-card{grid-column:1/-1}}@media (max-width:600px){.big-card{grid-column:auto}.section-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}#overviewgrid{border-style:none;border-radius:8px}
.app-body{flex-direction:column;width:100%;height:100%;min-height:0;padding:8px 10px;display:flex;overflow:hidden}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;width:clamp(260px,22vw,340px);height:550px;min-height:0;display:flex;overflow:hidden}.panel-head{color:#fff;background:#4f46e5;padding:15px}.panel-head-text{letter-spacing:.6px;font-size:14px;font-weight:600}.metrics-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.outer-content{flex:1;align-items:stretch;gap:10px;min-height:0;margin-top:10px;display:flex;overflow:hidden}.performance-container{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:auto;min-width:0;height:550px;display:flex;overflow:auto}.top-toolbar{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-column{flex-direction:column;gap:4px;display:flex}.toolbar-label{color:#64748b;letter-spacing:.4px;margin-bottom:4px;font-size:12px;font-weight:600}.vertical-separator{background:#e2e8f0;width:1px;height:58px;margin:0 12px}.toolbar-actions{flex:1;align-items:center;gap:12px;display:flex}.load-button[disabled],.load-button.e-disabled{color:#fff;cursor:not-allowed;background:#94a3b8}@media (max-width:900px){.top-toolbar{flex-wrap:wrap;gap:8px;padding:8px 10px}.outer-content{flex-direction:column;overflow:auto}.performance-container{flex:none;width:100%}.panel{flex:none;width:100%;height:420px}.metrics-body{grid-template-columns:repeat(1,1fr);gap:10px;display:grid}}@media (max-width:600px){.app-body{gap:8px;padding:6px 8px}.vertical-separator{display:none}.top-toolbar{grid-template-columns:1fr 1fr;gap:10px;padding:8px;display:grid}.toolbar-group,.toolbar-column{width:100%}.toolbar-column .e-control-wrapper{width:100%!important}.toolbar-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.outer-content{flex-direction:column}.performance-container{flex:none;width:100%}.panel{width:100%;height:380px;overflow:hidden}.metrics-body{flex:1;grid-template-columns:1fr;gap:10px;display:grid;overflow-y:auto}}
.accessiblity-app-root{gap:8px;height:100%;padding:8px 10px;display:flex;overflow:hidden}.accessiblity-app-body,.acc-panel{border:1px solid #e2e8f0;border-radius:8px}.accessiblity-app-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.accessiblity-container{flex:1;min-height:0;overflow:hidden}.acc-panel{flex-direction:column;flex:none;width:clamp(340px,30vw,440px);height:100%;display:flex;overflow:hidden}.acc-panel-header{color:#fff;background:#4f46e5;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.acc-panel-title{font-size:15px;font-weight:700}.acc-tab-fill.e-tab{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.acc-tab-fill.e-tab .e-tab-header{flex-shrink:0}.acc-tab-fill.e-tab .e-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.acc-tab-fill.e-tab .e-content .e-item.e-active{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.acc-tab-content{flex-direction:column;gap:10px;padding:10px;display:flex}.acc-info-notice,.acc-known__intro{color:#0c4a6e;background:#eef6ff;border:1px solid #bae6fd;border-radius:8px;gap:8px;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.kpi-info-icon{flex-shrink:0;margin-top:2px;font-size:15px}.violations-list,.violation-body{flex-direction:column;gap:6px;display:flex}.violation-item{opacity:.3;pointer-events:auto}.violation-body{padding:4px 0;font-size:12px}.violation-snippet{white-space:pre-wrap;word-break:break-all;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;margin:4px 0 0;padding:8px 12px;font-size:11px;overflow:auto}.acc-tab-content .e-accordion .e-acrdn-header{align-items:center;width:100%;display:flex}.acc-tab-content .e-accordion .e-acrdn-header .e-acrdn-header-content{flex:1;min-width:0}.shortcut-group-header{align-items:center;width:100%;display:flex}.shortcut-group-header>span:first-child{flex:1}.shortcut-count-badge{color:#4f46e5;background:#eff6ff;border:1px solid #1347b544;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-right:32px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.shortcut-row{align-items:center;gap:8px;padding:5px 0;display:flex}.shortcut-keys{align-items:center;gap:4px;min-width:160px;display:flex}.shortcut-desc{color:#475569;font-size:12px}.shortcut-keys kbd.kbd-badge{color:#1e293b;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-bottom:3px solid #94a3b8;border-radius:5px;justify-content:center;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.kbd-plus{color:#94a3b8;font-size:10px;font-weight:700}.acc-panel .e-accordion .e-acrdn-header:focus,.acc-panel .e-accordion .e-acrdn-header:focus-visible,.acc-panel .e-accordion .e-acrdn-header-icon:focus,.acc-panel .e-accordion .e-acrdn-header-icon:focus-visible,.acc-panel .e-accordion .e-acrdn-item:focus,.acc-panel .e-accordion .e-acrdn-item:focus-visible{box-shadow:none!important;outline:none!important}@media (max-width:900px){.accessiblity-app-root{flex-direction:column;height:auto;min-height:100%;overflow:auto}.accessiblity-app-body{flex:none;width:100%;min-height:420px}.accessiblity-container{min-height:0;overflow:hidden}.acc-panel{flex:none;width:100%;height:420px}.acc-tab-fill.e-tab .e-content .e-item.e-active{overflow-y:auto}.shortcut-row{flex-wrap:wrap;align-items:flex-start}.shortcut-keys{min-width:120px}}@media (max-width:600px){.accessiblity-app-root{flex-direction:column;gap:6px;height:auto;padding:6px;overflow:auto}.accessiblity-app-body{flex:none;width:100%;min-height:340px;padding:8px}.accessiblity-container{min-height:0}.acc-panel{flex:none;width:100%;height:380px}.acc-panel-header{padding:12px}.acc-panel-title{font-size:14px}.acc-tab-content{gap:8px;padding:8px}.shortcut-group-header{gap:6px}.shortcut-count-badge{margin-right:24px}.shortcut-row{flex-direction:column;align-items:flex-start;gap:6px}.shortcut-keys{flex-wrap:wrap;min-width:100%}.shortcut-desc{font-size:11px;line-height:1.5}.shortcut-keys kbd.kbd-badge{padding:2px 6px;font-size:10px}.violation-snippet{padding:6px 8px;font-size:10px}.acc-info-notice{padding:8px 10px;font-size:11px}}.accessiblity-app-body,.acc-panel{height:640px}
#sample-grid.e-grid .e-toolbar .e-tbar-btn-text{display:none}@media (max-width:900px){#sample-grid{width:100%!important}}#sample-grid{border-style:none}
.testing-page{flex-direction:column;padding:5px 12px;display:flex;overflow-x:visible}.layout-two-column{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.column-left,.column-right{flex-direction:column;width:100%;min-width:0;display:flex}.column-left .testing-component-section,.column-right .testing-component-section{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;margin-bottom:0;display:flex;overflow:hidden}.column-right .testing-component-section{background:#fff;border-radius:8px;padding:10px;box-shadow:0 1px 6px #00000014}.dashboard-wrap{flex-direction:column;height:472px;display:flex}.tab-cases-list{height:424px;overflow:auto}.tool-accordion-scroll{box-sizing:border-box;flex:1;padding-top:8px}.case-tabs-wrap .e-tab{width:100%}.case-tabs-wrap .e-tab .e-content{background:#fff;padding:5px}.intro-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:8px 12px}.intro-panel .intro-title{color:#1565c0;margin:0 0 6px;font-size:16px;font-weight:800}.highlight-blue{color:#1565c0;font-weight:700}.intro-panel p{color:#334155;margin:0;font-size:14px;line-height:1.6}.test-steps-panel__title{color:#1565c0;margin-bottom:8px;font-size:14px;font-weight:700}.test-steps-panel__list{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.test-steps-panel__list li{color:#374151;font-size:14px;line-height:1.6}.test-code-block pre{white-space:pre-wrap;word-break:break-word;background:#f2f2fc;border-radius:8px;margin:0;padding:12px 14px;font-family:Consolas,Cascadia Code,monospace;font-size:12.5px;line-height:1.65}@media (max-width:900px){.testing-page{overflow:auto}.layout-two-column{grid-template-columns:1fr;gap:16px}.column-left,.column-right{width:100%}.column-right{margin-top:4px}.tool-accordion-scroll{padding:6px}}@media (max-width:600px){.testing-page{padding:4px}.layout-two-column{gap:12px}.testing-component-section{border-radius:8px;padding:8px}.tab-cases-list{overflow:auto}.tool-accordion-scroll{padding:4px}.case-tabs-wrap .e-tab .e-toolbar-item{font-size:12px}}.column-left,.column-right{height:495px}.accordion-case-header{white-space:normal;word-break:break-word}.tab-cases-list .e-acrdn-header-content>div{padding-right:10px}.case-tabs-wrap{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px}
.int-root,.ig-section,.ig-section-header,.ig-card{flex-direction:column;display:flex}.int-root{flex-direction:column;flex:1;min-height:0;display:flex}.int-body{flex-direction:column;flex:1;min-height:0;padding:10px;display:flex}.ig-section{flex:1;gap:22px;min-height:0;padding:15px 0;overflow:auto}.ig-section--tall{height:auto}.ig-section-header{text-align:center;gap:8px;width:100%;max-width:720px;margin:0 auto}.ig-section-title,.ig-card-title,.ig-card-link{font-weight:700}.ig-section-title{margin:0;font-size:22px}.ig-section-desc,.ig-card-desc{color:#6b7280;margin:0;line-height:1.7}.ig-section-desc{font-size:14.5px}.ig-link-cta{vertical-align:middle;align-items:center;gap:6px;line-height:1.25;display:inline-flex}.ig-arrow-icon{font-size:14px;line-height:1;display:inline-block;transform:translateY(.5px)}.integration-cards,.integration-cards--wide{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center;gap:24px;width:100%;max-width:1400px;margin-inline:auto;padding-inline:12px;display:grid}.ig-card{text-align:center;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:14px;width:100%;padding:36px 28px 28px;transition:box-shadow .18s,border-color .18s,transform .18s;box-shadow:0 2px 6px #1018400d}.ig-card:hover{border-color:#9590f7;transform:translateY(-3px);box-shadow:0 8px 24px #1018401c}.ig-card-title-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ig-card-title{font-size:17px;line-height:1.35}.ig-card-desc{flex:1;max-width:280px;font-size:15px}.ig-card-footer{margin-top:auto;padding-top:4px}.ig-card-link{color:#1d4ed8;font-size:12.5px}.ig-card-link:hover{color:#1e40af}@media (max-width:1350px){.integration-cards,.integration-cards--wide{grid-template-columns:repeat(3,minmax(240px,1fr));max-width:1100px}}@media (max-width:1024px){.integration-cards,.integration-cards--wide{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:900px}}@media (max-width:640px){.integration-cards,.integration-cards--wide{grid-template-columns:1fr;padding-inline:8px}#int-chips.e-chip-list{justify-content:center;width:100%}.int-chip-container{width:100%}}.int-chip-container{justify-content:center;padding:8px 0 14px;display:flex}#int-chips.e-chip-list .e-chip{border-radius:999px;min-width:140px;height:36px;padding:0 18px;font-size:14px}#int-chips.e-chip-list .e-chip:not(.e-active){border:1px solid #e0e7ff}
.state-management-layout,.source-viewer,.source-toolbar,.state-management-left-panel,.state-management-right-panel,.state-management-left-header,.state-management-right-panel-inner,.state-management-detail-tab.e-tab,.state-management-nested-source-tab.e-tab{display:flex}.source-viewer,.state-management-left-panel,.state-management-right-panel,.state-management-right-panel-inner,.state-management-detail-tab.e-tab,.state-management-nested-source-tab.e-tab{flex-direction:column}.state-management-toggle-button,.state-management-left-header{align-items:center}.state-management-layout,.state-management-left-panel,.state-management-right-panel,.state-management-detail-tab.e-tab,.state-management-nested-source-tab.e-tab{overflow:hidden}.source-viewer,.nested-source-wrapper,.state-management-detail-tab.e-tab>.e-content,.state-management-detail-tab.e-tab>.e-content .e-item.e-active,.state-management-detail-tab.e-tab>.e-content .e-item.e-active>div,.state-management-detail-tab.e-tab>.e-content .e-item.e-active>div>div{height:100%}.state-management-layout,.state-management-right-panel,.state-management-right-panel-inner{box-sizing:border-box}.state-management-left-panel,.state-management-detail-tab.e-tab>.e-tab-header{background:#fff}.state-management-left-panel,.state-management-right-panel{border-radius:8px}.state-management-left-panel,.state-management-right-panel,.state-management-nested-source-tab.e-tab>.e-content{overflow-y:auto}.sample-description{font-size:14px}.state-management-left-header{font-size:13px}.state-management-left-header,.state-management-listview.e-listview .e-list-item.e-active,.state-management-listview.e-listview .e-list-item.e-focused{font-weight:600}.description-link{color:#0078d4}.state-management-right-panel,.state-management-right-panel-inner{border:1px solid #e5e7eb}.state-management-detail-tab.e-tab>.e-content,.state-management-nested-source-tab.e-tab>.e-content{flex:1}.state-management-layout,.state-management-left-header{gap:8px}.state-management-toggle-button,.state-management-left-header{color:#555}.state-management-toggle-button,.state-management-listview.e-listview .e-list-item{cursor:pointer}.state-management-layout{height:100vh;padding:8px 10px}.state-management-left-panel{border:1px solid #e0e0e0;width:240px;min-width:240px}.state-management-right-panel{flex:1;min-width:0;height:calc(100vh - 70px);padding:10px}.state-management-left-header{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e8e8e8;padding:14px 10px}.state-management-toggle-button{background:#f5f7fa;border:1px solid #d0d0d0;border-radius:6px;flex-shrink:0;justify-content:center;width:26px;height:26px;padding:0;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.state-management-listview.e-listview{border:none;padding:0 10px}.state-management-listview.e-listview .e-list-item{border-bottom:none;border-radius:8px;margin:4px 0;padding:12px;font-size:14px}.state-management-listview.e-listview .e-list-item.e-active,.state-management-listview.e-listview .e-list-item.e-focused{color:#111827;background:#e9edf5}.state-management-left-panel.collapsed{overflow:hidden;width:48px!important;min-width:48px!important}.state-management-left-panel.collapsed .state-management-listview,.state-management-left-panel.collapsed .state-management-left-header-text{display:none}.state-management-detail-tab.e-tab>.e-tab-header{border-bottom:2px solid #e0e0e0}.state-management-detail-tab.e-tab>.e-tab-header .e-tab-wrap{padding:0 20px}.state-management-nested-source-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-text{text-transform:none}.nested-copy-button.e-btn{z-index:10;position:absolute;top:13px;right:8px}.outer-copy-button.e-btn{display:none}.sample-description{color:#444;border-top:1px solid #e5e7eb;padding:12px 16px;font-weight:400;line-height:1.7}.sample-description code{color:#1e40af;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:Cascadia Code,Fira Code,monospace;font-size:12.5px}.sample-description strong{color:#111}.description-link{white-space:nowrap;font-weight:500;text-decoration:none}.description-link:hover{text-decoration:underline}.state-management-mobile-bar{display:none}@media (max-width:1024px){.state-management-layout{flex-direction:column;gap:10px;height:auto;min-height:100vh;padding:8px;overflow:hidden auto}.state-management-left-panel{border-radius:8px;flex-flow:wrap;align-items:center;width:100%;min-width:0;display:none;overflow:visible}.state-management-left-header{white-space:nowrap;border-bottom:none;border-right:1px solid #e8e8e8;padding:10px 14px}.state-management-right-panel{box-sizing:border-box;flex:none;width:100%;height:auto;max-height:calc(100vh - 70px);overflow-y:auto}.state-management-right-panel-inner{position:relative}.state-management-mobile-bar{z-index:200;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative;overflow:visible}.state-management-hamburger-button{color:#333;cursor:pointer;background:#f5f7fa;border:1px solid #d0d0d0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.state-management-hamburger-button:hover{color:#0078d4;background:#e3f2fd;border-color:#0078d4}.state-management-hamburger-button .e-icons{font-size:16px}.state-management-mobile-active-label{color:#0078d4;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.state-management-mobile-dropdown{z-index:9999;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 10px 10px;width:240px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.state-management-detail-tab.e-tab{height:auto;min-height:480px}.source-viewer,.nested-source-wrapper,.state-management-detail-tab.e-tab>.e-content,.state-management-detail-tab.e-tab>.e-content .e-item.e-active,.state-management-detail-tab.e-tab>.e-content .e-item.e-active>div,.state-management-detail-tab.e-tab>.e-content .e-item.e-active>div>div{height:auto;min-height:440px}}@media (max-width:600px){.state-management-layout{gap:8px;padding:6px}.state-management-left-panel{border-radius:8px;flex-direction:column;align-items:stretch}.state-management-left-header{border-bottom:1px solid #e8e8e8;border-right:none;padding:10px 14px}.state-management-right-panel{min-height:520px;padding:6px}.state-management-detail-tab.e-tab{min-height:400px}.source-viewer,.nested-source-wrapper,.state-management-detail-tab.e-tab>.e-content,.state-management-detail-tab.e-tab>.e-content .e-item.e-active,.state-management-detail-tab.e-tab>.e-content .e-item.e-active>div,.state-management-detail-tab.e-tab>.e-content .e-item.e-active>div>div{min-height:360px}.sample-description{padding:10px 12px;font-size:13px}.nested-copy-button.e-btn{display:none}.outer-copy-button.e-btn{z-index:9999;align-items:center;display:inline-flex;position:absolute;top:62px;right:8px}.outer-copy-button.hidden-on-mobile{display:none}}
.e-toast-container .e-toast.e-toast-indigo,.e-toast-container .e-toast.e-toast-indigo .e-toast-title,.e-toast-container .e-toast.e-toast-indigo .e-toast-content,.e-toast-container .e-toast.e-toast-indigo .e-toast-close-icon{color:#1e1b4b}.column-template-person,.column-template-contact{display:flex}.column-template-person,.column-template-contact,.column-template-avatar{align-items:center}.status-badge,.toast-difference-table thead th,.column-template-avatar{font-size:11px}.status-badge,.e-toast-container .e-toast.e-toast-indigo .e-toast-title,.toast-difference-table thead th,.toast-difference-label{font-weight:600}.status-badge,.toast-difference-table td{vertical-align:middle}.e-badge-available{color:#2c7009;font-weight:400}.e-badge-unavailable{color:#8c1d18}.column-template-avatar{color:#fff}.toast-difference-table,.toast-no-change{font-size:12px}.toast-difference-old,.toast-difference-new{text-overflow:ellipsis;max-width:110px;overflow:hidden}.toast-difference-arrow,.toast-no-change{color:#111827}.toast-difference-arrow,.column-template-avatar{font-weight:700}.toast-difference-new,.column-template-contact-link{font-weight:500}.redux-grid-crud-wrapper{box-sizing:border-box;height:100%;padding:15px}@media (max-width:900px){.redux-grid-crud-wrapper{height:auto;padding:10px}}@media (max-width:600px){.redux-grid-crud-wrapper{padding:6px}.e-toast-container .e-toast.e-toast-indigo{min-width:280px;max-width:calc(100vw - 24px)}}#crud-grid.e-grid .e-content{overflow-y:auto!important}#crud-grid.e-grid .e-gridheader{padding-right:0!important}.status-badge{letter-spacing:.3px;padding:4px 10px}.e-badge-available{background-color:#d1ffba}.e-badge-unavailable{background-color:#ffd8e4}.e-toast-container{margin-top:12px;margin-right:12px}.e-toast-container .e-toast.e-toast-indigo{background-color:#fff;min-width:340px;max-width:420px}.e-toast-container .e-toast.e-toast-indigo .e-toast-title{margin-bottom:6px;padding-bottom:6px;font-size:13px}.e-toast-container .e-toast.e-toast-indigo .e-toast-content{padding-top:4px}.toast-difference-table{border-collapse:collapse;width:100%;margin-top:2px}.toast-difference-table thead th{color:#111827;letter-spacing:.4px;text-align:left;text-transform:uppercase;padding:2px 6px 4px 0}.toast-difference-table td{white-space:nowrap;padding:4px 6px 4px 0}.toast-difference-label{color:#4b5563;min-width:72px}.toast-difference-old{color:#dc2626;opacity:.8;text-decoration:line-through}.toast-difference-arrow{padding:0 4px}.toast-difference-new{color:#16a34a}.toast-no-change{font-style:italic}.column-template-person{gap:8px}.column-template-avatar{letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;width:32px;height:32px;display:inline-flex}.column-template-contact{gap:6px}.column-template-contact-icon{flex-shrink:0}.column-template-contact-link{color:#1565c0;text-decoration:none}.column-template-contact-link:hover{text-decoration:underline}
.customer-name-cell,.tanstack-controls{align-items:center;display:flex}.customer-avatar{letter-spacing:.3px;font-size:12px;font-weight:600}.customer-avatar,.badge-pending,.badge-shipped,.badge-delivered,.badge-in-transit,.badge-cancelled{color:#fff}.fetching,.delivery-status-changed{background-color:#fff9c4}.tanstack-grid{box-sizing:border-box;border-radius:8px;height:100%;padding:15px;box-shadow:0 2px 10px #0000001a}.tanstack-controls{gap:12px}@media (max-width:900px){.tanstack-grid{height:auto;padding:10px}.tanstack-controls{flex-wrap:wrap;gap:8px}}@media (max-width:600px){.tanstack-grid{border-radius:6px;padding:6px}.tanstack-controls{flex-direction:column;align-items:stretch}.e-tanstack-poc-button{width:100%;margin:0 0 8px}}.e-tanstack-poc-button{margin:0 6px 10px 0}#tanstack-grid.e-grid .e-content{overflow-y:auto!important}#tanstack-grid.e-grid .e-gridheader{padding-right:0!important}.fetching{padding:5px}.fetching-padding{margin-bottom:8px}.customer-name-cell{gap:8px}.customer-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.delivery-badge{white-space:nowrap;letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:400;display:inline-block}.status-processing{color:#d97706;background-color:#fefce8}.status-in-transit{color:#0284c7;background-color:#e0f2fe}.status-received,.status-delivered{color:#059669;background-color:#dcfce7}.status-return{color:#dc2626;background-color:#fee2e2}.delivery-status-changed{color:#f9a825;font-weight:600;transition:background-color .5s,color .5s}
.positive,.rating-strong-buy,.rating-buy{color:#00a653}.negative,.rating-strong-sell,.rating-sell{color:#ff3740}.neutral-color,.rating-neutral{color:#888}.positive,.negative,.neutral-color,.analyst-rating-cell{font-weight:500}.trading-button-start,.trading-button-stop{padding:6px 18px;border-radius:20px!important}.trading-button-start.e-disabled,.trading-button-start[disabled],.trading-button-stop.e-disabled,.trading-button-stop[disabled]{cursor:not-allowed!important;opacity:.45!important;pointer-events:none!important}.trading-grid-wrapper{box-sizing:border-box;border-radius:8px;height:100%;padding:15px;font-family:Segoe UI,sans-serif}.grid-interaction-wrapper{position:relative}.grid-interaction-overlay{z-index:999;cursor:not-allowed;pointer-events:all;background:#ffffff14;border-radius:4px;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}@media (max-width:900px){.trading-grid-wrapper{height:auto;padding:10px}.trading-controls{flex-wrap:wrap;gap:10px;padding:8px 12px}}@media (max-width:600px){.trading-grid-wrapper{border-radius:6px;padding:6px}.trading-controls{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.feed-delay-input{width:100%!important}.trading-button-start,.trading-button-stop{width:100%}}#trading-grid.e-grid .e-content{overflow-y:auto!important}#trading-grid.e-grid .e-gridheader{padding-right:0!important}.trading-controls{border:1px solid #e8e8e8;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 15px;display:flex}.feed-delay-label{color:#333;white-space:nowrap;font-size:14px;font-weight:600}.feed-delay-input{width:150px!important}.trading-button-start{color:#555!important;background:#fff!important;border:1px solid #ccc!important}.trading-button-start:not([disabled]):hover{background:#f4f4f4!important}.trading-button-start.e-disabled,.trading-button-start[disabled]{color:#aaa!important;border-color:#e0e0e0!important}.trading-button-stop{color:#fff!important;background:#6236b5!important;border:none!important}.trading-button-stop:not(.e-disabled):hover{background:#4e2a99!important}.trading-button-stop.e-disabled,.trading-button-stop[disabled]{background:#b0a0d6!important}.ticker-cell{align-items:center;gap:10px;display:flex}.ticker-badge{letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:inline-flex}.analyst-rating-cell{align-items:center;gap:4px;display:flex}.rating-icon{font-size:13px}.flash-up{animation:.6s ease-out forwards flashUp}.flash-down{animation:.6s ease-out forwards flashDown}
.status-badge-template,.name-template{box-shadow:0 1px 3px #0000002e}.email-template,.phone-template{align-items:center;gap:5px;font-weight:500;display:flex}.email-template-icon,.phone-template-icon{flex-shrink:0}.state-context-grid{box-sizing:border-box;border-radius:8px;height:100%;padding:0 15px 15px;transition:opacity .25s;box-shadow:0 2px 10px #0000001a}.state-context-grid.is-stale{opacity:.5}.role-switcher{align-items:center;gap:3px;padding:15px;display:flex}.role-label{color:#9ca3af;font-size:13px;font-weight:500;transition:color .2s}.role-label--active{color:#111827;font-weight:700}.e-poc-context-button{margin:0 6px 6px 0}@media (max-width:900px){.state-context-grid{height:auto;padding:0 10px 10px}.role-switcher{padding:10px}}@media (max-width:600px){.state-context-grid{border-radius:6px;padding:0 6px 6px}.role-switcher{flex-wrap:wrap;gap:4px;padding:8px;display:flex}.e-poc-context-button{margin:0 4px 4px 0}}#state-context-grid.e-grid .e-content{overflow-y:auto!important}#state-context-grid.e-grid .e-gridheader{padding-right:0!important}.status-badge-template{letter-spacing:.3px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:400;display:inline-block}.name-template-wrapper{align-items:center;gap:8px;display:flex}.name-template{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:12px;font-weight:500;display:flex}.email-template{color:#1565c0;text-decoration:none}.email-template:hover{text-decoration:underline}.salary-template-text{color:#059669;font-weight:600}
.e-toast-container .e-toast.e-toast-indigo,.e-toast-container .e-toast.e-toast-indigo .e-toast-title,.e-toast-container .e-toast.e-toast-indigo .e-toast-content,.e-toast-container .e-toast.e-toast-indigo .e-toast-close-icon{color:#1e1b4b}.status-badge,.toast-difference-table thead th{font-size:12px;font-weight:400}.toast-difference-old,.toast-difference-new{text-overflow:ellipsis;max-width:110px;overflow:hidden}.toast-difference-arrow,.toast-no-change{color:#111827}.mobx-crud-wrapper{box-sizing:border-box;border-radius:8px;height:100%;padding:15px;box-shadow:0 2px 4px #0000001a}@media (max-width:900px){.mobx-crud-wrapper{height:auto;padding:10px}}@media (max-width:600px){.mobx-crud-wrapper{border-radius:6px;padding:6px}.e-toast-container .e-toast.e-toast-indigo{min-width:280px;max-width:calc(100vw - 24px)}}#mobx-crud-grid.e-grid .e-content{overflow-y:auto!important}#mobx-crud-grid.e-grid .e-gridheader{padding-right:0!important}.status-badge{letter-spacing:.4px;border-radius:12px;padding:6px 10px;display:inline-block}.e-badge-in-stock{background-color:#b7fa96;font-size:12px;font-weight:400}.e-badge-out-of-stock{background-color:#f9dedc;font-size:12px;font-weight:400}.e-toast-container{margin-top:12px;margin-right:12px}.e-toast-container .e-toast.e-toast-indigo{background-color:#fff;min-width:340px;max-width:420px}.e-toast-container .e-toast.e-toast-indigo .e-toast-title{margin-bottom:6px;padding-bottom:6px;font-size:13px}.e-toast-container .e-toast.e-toast-indigo .e-toast-content{padding-top:4px}.toast-difference-table{border-collapse:collapse;width:100%;margin-top:2px;font-size:12px}.toast-difference-table thead th{color:#111827;letter-spacing:.4px;text-align:left;text-transform:uppercase;padding:2px 6px 4px 0}.toast-difference-table td{vertical-align:middle;white-space:nowrap;padding:4px 6px 4px 0}.toast-difference-label{color:#4b5563;min-width:72px;font-weight:600}.toast-difference-old{color:#dc2626;opacity:.8;text-decoration:line-through}.toast-difference-arrow{padding:0 4px;font-weight:700}.toast-difference-new{color:#16a34a;font-weight:500}.toast-no-change{font-size:12px;font-style:italic}.sf-payment-info img{margin-bottom:-4px;margin-right:5px}
.tab-app-root{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;margin-top:8px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.tab-app-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-app-body>*{flex:1;min-height:0}@media (max-width:350px){.tab-app-body,.tab-app-root{min-width:350px;overflow:scroll}}