html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root,:host{--mat-sys-primary: rgb(42, 85, 97);--mat-sys-surface-tint: rgb(58, 100, 113);--mat-sys-on-primary: rgb(255, 255, 255);--mat-sys-primary-container: rgb(67, 109, 122);--mat-sys-on-primary-container: rgb(194, 237, 253);--mat-sys-secondary: rgb(93, 95, 95);--mat-sys-on-secondary: rgb(255, 255, 255);--mat-sys-secondary-container: rgb(245, 245, 245);--mat-sys-on-secondary-container: rgb(111, 112, 112);--mat-sys-tertiary: rgb(91, 71, 105);--mat-sys-on-tertiary: rgb(255, 255, 255);--mat-sys-tertiary-container: rgb(116, 95, 130);--mat-sys-on-tertiary-container: rgb(245, 223, 255);--mat-sys-error: rgb(186, 26, 26);--mat-sys-on-error: rgb(255, 255, 255);--mat-sys-error-container: rgb(255, 218, 214);--mat-sys-on-error-container: rgb(147, 0, 10);--mat-sys-background: rgb(249, 249, 250);--mat-sys-on-background: rgb(26, 28, 29);--mat-sys-surface: rgb(249, 249, 250);--mat-sys-on-surface: rgb(26, 28, 29);--mat-sys-surface-variant: rgb(221, 228, 231);--mat-sys-on-surface-variant: rgb(65, 72, 75);--mat-sys-outline: rgb(113, 120, 123);--mat-sys-outline-variant: rgb(192, 200, 203);--mat-sys-shadow: rgb(0, 0, 0);--mat-sys-scrim: rgb(0, 0, 0);--mat-sys-inverse-surface: rgb(47, 49, 50);--mat-sys-inverse-on-surface: rgb(240, 241, 241);--mat-sys-inverse-primary: rgb(162, 205, 220);--mat-sys-primary-fixed: rgb(190, 234, 249);--mat-sys-on-primary-fixed: rgb(0, 31, 39);--mat-sys-primary-fixed-dim: rgb(162, 205, 220);--mat-sys-on-primary-fixed-variant: rgb(32, 76, 89);--mat-sys-secondary-fixed: rgb(226, 226, 226);--mat-sys-on-secondary-fixed: rgb(26, 28, 28);--mat-sys-secondary-fixed-dim: rgb(198, 198, 199);--mat-sys-on-secondary-fixed-variant: rgb(69, 71, 71);--mat-sys-tertiary-fixed: rgb(242, 218, 255);--mat-sys-on-tertiary-fixed: rgb(37, 20, 50);--mat-sys-tertiary-fixed-dim: rgb(215, 189, 229);--mat-sys-on-tertiary-fixed-variant: rgb(82, 63, 96);--mat-sys-surface-dim: rgb(217, 218, 219);--mat-sys-surface-bright: rgb(249, 249, 250);--mat-sys-surface-container-lowest: rgb(255, 255, 255);--mat-sys-surface-container-low: rgb(243, 243, 244);--mat-sys-surface-container: rgb(238, 238, 238);--mat-sys-surface-container-high: rgb(232, 232, 233);--mat-sys-surface-container-highest: rgb(226, 226, 227)}.dark{--mat-sys-primary: rgb(162, 205, 220);--mat-sys-surface-tint: rgb(162, 205, 220);--mat-sys-on-primary: rgb(1, 54, 65);--mat-sys-primary-container: rgb(67, 109, 122);--mat-sys-on-primary-container: rgb(194, 237, 253);--mat-sys-secondary: rgb(255, 255, 255);--mat-sys-on-secondary: rgb(47, 49, 49);--mat-sys-secondary-container: rgb(226, 226, 226);--mat-sys-on-secondary-container: rgb(99, 101, 101);--mat-sys-tertiary: rgb(215, 189, 229);--mat-sys-on-tertiary: rgb(59, 41, 72);--mat-sys-tertiary-container: rgb(116, 95, 130);--mat-sys-on-tertiary-container: rgb(245, 223, 255);--mat-sys-error: rgb(255, 180, 171);--mat-sys-on-error: rgb(105, 0, 5);--mat-sys-error-container: rgb(147, 0, 10);--mat-sys-on-error-container: rgb(255, 218, 214);--mat-sys-background: rgb(18, 20, 21);--mat-sys-on-background: rgb(226, 226, 227);--mat-sys-surface: rgb(18, 20, 21);--mat-sys-on-surface: rgb(226, 226, 227);--mat-sys-surface-variant: rgb(65, 72, 75);--mat-sys-on-surface-variant: rgb(192, 200, 203);--mat-sys-outline: rgb(139, 146, 149);--mat-sys-outline-variant: rgb(65, 72, 75);--mat-sys-shadow: rgb(0, 0, 0);--mat-sys-scrim: rgb(0, 0, 0);--mat-sys-inverse-surface: rgb(226, 226, 227);--mat-sys-inverse-on-surface: rgb(47, 49, 50);--mat-sys-inverse-primary: rgb(58, 100, 113);--mat-sys-primary-fixed: rgb(190, 234, 249);--mat-sys-on-primary-fixed: rgb(0, 31, 39);--mat-sys-primary-fixed-dim: rgb(162, 205, 220);--mat-sys-on-primary-fixed-variant: rgb(32, 76, 89);--mat-sys-secondary-fixed: rgb(226, 226, 226);--mat-sys-on-secondary-fixed: rgb(26, 28, 28);--mat-sys-secondary-fixed-dim: rgb(198, 198, 199);--mat-sys-on-secondary-fixed-variant: rgb(69, 71, 71);--mat-sys-tertiary-fixed: rgb(242, 218, 255);--mat-sys-on-tertiary-fixed: rgb(37, 20, 50);--mat-sys-tertiary-fixed-dim: rgb(215, 189, 229);--mat-sys-on-tertiary-fixed-variant: rgb(82, 63, 96);--mat-sys-surface-dim: rgb(18, 20, 21);--mat-sys-surface-bright: rgb(55, 57, 58);--mat-sys-surface-container-lowest: rgb(12, 15, 15);--mat-sys-surface-container-low: rgb(26, 28, 29);--mat-sys-surface-container: rgb(30, 32, 33);--mat-sys-surface-container-high: rgb(40, 42, 43);--mat-sys-surface-container-highest: rgb(51, 53, 54)}:root,:host{--mat-sys-brand-font-family: Roboto;--mat-sys-plain-font-family: Roboto;--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}:root{--bg: #FFFFFF;--panel: #fafafa;--panel2: #F5F5F5;--text: #2B2A27;--muted: #5E5A52;--line: rgba(43,42,39,.14);--brand: #436d7a;--brand75: rgba(67,109,122,.75);--contrast: #B49A83;--shadow: 0 12px 30px rgba(43,42,39,.12);--radius: 18px;--on-brand: #fef8f2}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);line-height:1.55;font-size:.9em}h1{font-size:clamp(34px,3.6vw,54px);line-height:1.05;margin:0 0 12px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.mat-mdc-row .mat-mdc-cell{cursor:pointer}.mat-mdc-row:hover .mat-mdc-cell{background:var(--panel)}.main-menu-container{border-right:1px solid var(--line);height:100vh;width:60px;margin:0 15px 0 0;position:fixed;padding:5px;background:var(--panel)}.sub-menu-container{border-right:1px solid var(--line);height:100vh;width:200px;margin:0 15px 0 0;position:fixed;padding:5px;background:var(--panel2);left:60px}body:has(.case) .sub-menu-container{top:50px}app-menu img{width:100%}app-menu .menu-item{border:1px solid transparent;padding:7px;border-radius:5px;margin:5px 0;cursor:pointer}app-menu .menu-item:hover{border:1px solid var(--line)}app-menu .menu-item.selected:hover{border:1px solid var(--line);border-left:1px solid transparent;border-right:1px solid transparent}app-menu .menu-item.selected{background:var(--panel2);border-radius:0;margin:5px -6px;padding:7px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}app-menu .menu-item mat-icon{vertical-align:text-bottom;margin:0 5px}app-menu .sub-menu-container{display:none}app-menu .sub-menu-container.open{padding:0 10px;display:block}app-menu .open .sub-menu-container .menuText{display:inline-block}app-menu .sub-menu-container h4{margin-left:15px;margin-bottom:5px}app-menu .sub-menu-container ul{list-style:none;margin:0;padding-left:25px}app-menu{-webkit-transition:width .2s ease-in-out;-moz-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out}app-case-bar{-webkit-transition:left .2s ease-in-out;-moz-transition:left .2s ease-in-out;-o-transition:left .2s ease-in-out;transition:left .2s ease-in-out}.view-content{-webkit-transition:margin-left .2s ease-in-out;-moz-transition:margin-left .2s ease-in-out;-o-transition:margin-left .2s ease-in-out;transition:margin-left .2s ease-in-out}.bottomToolbar{-webkit-transition:left .2s ease-in-out;-moz-transition:left .2s ease-in-out;-o-transition:left .2s ease-in-out;transition:left .2s ease-in-out}.view-content{padding:15px 35px;margin-left:60px}app-root:has(app-menu .sub-menu-container.open) .view-content{margin-left:260px}app-root:has(.case) .view-content{padding-top:65px}body:has(.agent-workspace) app-root:has(.case) .view-content{padding-top:50px}body:has(.agent-workspace){height:100%;padding:0;overflow:hidden}.view-content:has(.agent-workspace),app-loader:has(.agent-workspace){height:100%;padding:0;overflow:hidden}.bottomToolbar{position:fixed;bottom:0;padding:15px;display:flex;width:calc(100% - 60px);justify-content:space-between;left:60px;border-top:1px solid var(--line);background:var(--panel);z-index:1000}app-root:has(app-menu .open) .bottomToolbar{left:260px;width:calc(100% - 260px)}app-case-bar{height:50px;border-bottom:1px solid var(--line);display:none;position:fixed;top:0;background:var(--panel);left:60px;z-index:1000;width:calc(100% - 60px)}app-case-bar:has(.case){display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards .card h3{margin-top:0}.card{border:1px solid var(--line);background:#ffffff9e;border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}gridster{background:transparent!important}gridster.display-grid .gridster-column{border-left:0px solid #ddd;border-right:0px solid #ddd;background:#00000003}gridster.display-grid .gridster-row{border-top:0px solid #ccc;border-bottom:0px solid #ccc;background:#00000003}.widget-header{border-radius:10px 10px 0 0;width:100%;display:flex;justify-content:space-between;padding:5px;text-transform:uppercase;color:var(--text);background:var(--panel);height:35px}.widget-body{margin:0;padding:0;height:calc(100% - 35px)}.widget{border:1px solid rgba(0,0,0,.25);height:100%;border-radius:10px}.widget-error{color:var(--danger, #c62828)}.widget-actions mat-icon{cursor:pointer;margin:0 0 0 5px}.tab-content mat-form-field{width:100%}.tab-content{padding:10px 0}.mat-mdc-dialog-content mat-form-field{width:100%}app-agent-workspace .action-panel .panel-body .mat-mdc-form-field-flex{height:100%}app-agent-workspace .action-panel .panel-body .mat-mdc-form-field-infix{height:100%}app-agent-workspace .action-panel .panel-body textarea{height:100%}app-agent-workspace #drpMessageType .mat-mdc-form-field-infix{padding:10px 0}app-agent-workspace #drpMessageType .mat-mdc-text-field-wrapper{height:40px}.mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--outlined{background:#fff}