@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500&display=swap";.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}:root{--accent: #6c63ff;--accent-light: #ede9ff;--accent-text: #ffffff;--bg: #eef0f8;--surface: #ffffff;--surface-2: #f5f6fa;--border: #e4e6ef;--ink: #1a1a2e;--ink-2: #6b7280;--ink-3: #9ca3af;--sidebar-w: 240px;--sidebar-w-col: 68px;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.07);--transition: .2s ease;--status-idle-bg: #dcfce7;--status-idle-ink: #15803d;--status-busy-bg: #fee2e2;--status-busy-ink: #b91c1c;--status-hold-bg: #ede9fe;--status-hold-ink: #7c3aed;--btn-answer: #22c55e;--btn-answer-hover: #16a34a;--btn-hangup: #ef4444;--btn-hangup-hover: #dc2626;--btn-call: #22c55e;--btn-call-hover: #16a34a;--conn-ok-color: #22c55e}.dark{--bg: #0f0f1a;--surface: #1a1a2e;--surface-2: #16213e;--border: #2d2d4e;--ink: #e8e8f0;--ink-2: #9a9ab5;--ink-3: #5a5a7a;--accent-light: #2a2560;color-scheme:dark}.palette-ocean{--accent: #0284c7;--accent-light: #e0f2fe;--accent-text: #ffffff}.dark.palette-ocean{--accent-light: #0c3352}.palette-forest{--accent: #059669;--accent-light: #d1fae5;--accent-text: #ffffff}.dark.palette-forest{--accent-light: #053d27}.palette-sunset{--accent: #d97706;--accent-light: #fef3c7;--accent-text: #ffffff}.dark.palette-sunset{--accent-light: #3d2100}.palette-daltonism{--accent: #0077bb;--accent-light: #ddeeff;--accent-text: #ffffff;--status-idle-bg: #cce5ff;--status-idle-ink: #004a80;--status-busy-bg: #ffe0c0;--status-busy-ink: #8a3a00;--status-hold-bg: #fff4cc;--status-hold-ink: #7a5900;--btn-answer: #0077bb;--btn-answer-hover: #005e96;--btn-hangup: #ee7733;--btn-hangup-hover: #cc5500;--btn-call: #0077bb;--btn-call-hover: #005e96;--conn-ok-color: #0077bb}.dark.palette-daltonism{--accent-light: #003355}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}.shell{display:flex;height:100vh;overflow:hidden;color:var(--ink)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--transition);overflow:hidden;z-index:10}.sidebar.collapsed{width:var(--sidebar-w-col)}.sb-logo{padding:14px 16px 0;display:flex;align-items:center;justify-content:center}.sb-logo img{max-width:100%;max-height:52px;object-fit:contain;border-radius:4px}.sb-brand{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--border);min-height:72px}.sb-avatar{width:38px;height:38px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;display:grid;place-items:center;flex-shrink:0;letter-spacing:.03em}.sb-brand-info{flex:1;overflow:hidden}.sb-name{font-weight:600;font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-role{font-size:.75rem;color:var(--ink-2);margin-top:1px}.sb-collapse-btn{border:none;background:var(--surface-2);border-radius:8px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);flex-shrink:0;transition:background var(--transition),color var(--transition)}.sb-collapse-btn:hover{background:var(--accent-light);color:var(--accent)}.collapse-icon{transition:transform var(--transition)}.collapse-icon.rotated{transform:rotate(180deg)}.sb-conn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;color:var(--ink-3)}.sb-conn-center{justify-content:center;padding:8px 0}.conn-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.conn-ok{background:var(--conn-ok-color);box-shadow:0 0 6px color-mix(in srgb,var(--conn-ok-color) 50%,transparent)}.conn-off{background:#ef4444}.conn-label{white-space:nowrap}.sb-nav{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.sb-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius);color:var(--ink-2);font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;text-align:left;transition:background var(--transition),color var(--transition);white-space:nowrap}.sb-item:hover{background:var(--surface-2);color:var(--ink)}.sb-item.active{background:var(--accent);color:var(--accent-text)}.sidebar.collapsed .sb-item{justify-content:center;padding:10px 0}.sb-item-icon{flex-shrink:0;display:flex}.sb-item-label{flex:1}.sb-bottom{padding:10px 10px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.sb-token{padding:6px 4px}.sb-token input{width:100%;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:.78rem;font-family:Source Code Pro,monospace;background:var(--surface-2);color:var(--ink)}.sb-dark-toggle{justify-content:space-between}.sidebar.collapsed .sb-dark-toggle{justify-content:center}.toggle-pill{width:36px;height:20px;border-radius:999px;background:var(--border);position:relative;transition:background var(--transition);flex-shrink:0}.toggle-pill.on{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition)}.toggle-pill.on .toggle-thumb{transform:translate(16px)}.main-area{display:flex;flex:1;overflow:hidden}.phone-sidebar{width:280px;border-right:1px solid var(--border);background:var(--surface);flex-shrink:0}.phone-sidebar iframe{width:100%;height:100%;border:none}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.content-header{padding:20px 28px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.content-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.content-header h2{font-size:1.1rem;font-weight:700;color:var(--ink)}.content-body{flex:1;overflow:auto;padding:24px 28px}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:40px 48px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;width:360px}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-logo img{max-height:64px;max-width:200px;object-fit:contain}.login-form .brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.brand-mark{background:var(--accent);color:#fff;font-weight:700;padding:6px 12px;border-radius:10px;letter-spacing:.05em;font-size:.9rem}.brand-title{font-size:1.15rem;font-weight:700}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;color:var(--ink-2)}.login-form input{border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.95rem;font-family:inherit;color:var(--ink);background:var(--surface-2);transition:border-color var(--transition)}.login-form input:focus{outline:none;border-color:var(--accent)}.login-form button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;margin-top:4px;transition:opacity var(--transition)}.login-form button:disabled{opacity:.5;cursor:not-allowed}.login-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:8px 12px;color:#b91c1c;font-size:.85rem}.loading-shell{min-height:100vh;display:grid;place-items:center;text-align:center;gap:12px;background:var(--bg)}.panel{background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);border:1px solid var(--border)}.panel h3{margin:0 0 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);font-weight:700}.panel iframe{width:100%;height:400px;border:0;border-radius:8px}.iframe-panel{margin-bottom:16px}.panel-empty{color:var(--ink-3);font-size:.9rem;padding:32px 0;text-align:center}.error-msg{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:12px}.data-table{width:100%;border-collapse:collapse;font-size:.87rem}.data-table th{text-align:left;padding:9px 12px;border-bottom:2px solid var(--border);font-weight:600;color:var(--ink-3);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.data-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--ink)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-2)}.ts{color:var(--ink-3);font-size:.8rem;white-space:nowrap}.mono{font-family:Source Code Pro,monospace;font-size:.8rem}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.73rem;font-weight:600;letter-spacing:.03em}.status-idle{background:var(--status-idle-bg);color:var(--status-idle-ink)}.status-inuse{background:#dbeafe;color:#1d4ed8}.status-ringing{background:#fef9c3;color:#a16207}.status-busy{background:var(--status-busy-bg);color:var(--status-busy-ink)}.status-offline{background:var(--surface-2);color:var(--ink-3)}.status-hold{background:var(--status-hold-bg);color:var(--status-hold-ink)}.cdr-panel{display:flex;flex-direction:column;gap:12px}.cdr-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.cdr-filters input,.cdr-filters select{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--ink);font-size:.85rem;min-width:130px}.cdr-filters input:focus,.cdr-filters select:focus{outline:none;border-color:var(--accent)}.cdr-clear-btn{height:32px;padding:0 10px;border:none;border-radius:8px;background:var(--surface-2);color:var(--ink-2);cursor:pointer;font-size:.85rem}.cdr-clear-btn:hover{background:var(--accent-light);color:var(--accent)}.kpi-dashboard{display:flex;flex-direction:column;gap:10px;background:var(--surface-1);border-radius:10px;padding:14px 16px;border:1px solid var(--border)}.kpi-cards{display:flex;gap:10px;flex-wrap:wrap}.kpi-card{flex:1;min-width:80px;background:var(--surface-2);border-radius:8px;padding:8px 12px;text-align:center}.kpi-value{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--ink-1)}.kpi-label{font-size:.68rem;color:var(--ink-3);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.kpi-sentiment-bar-wrap{padding:0 2px}.kpi-sentiment-bar{display:flex;height:18px;border-radius:6px;overflow:hidden;width:100%}.kpi-bar-pos{background:#4caf7d;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#fff;font-weight:600;transition:width .4s}.kpi-bar-neu{background:#9e9e9e;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#fff;font-weight:600}.kpi-bar-neg{background:#e05a5a;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#fff;font-weight:600}.kpi-lists{display:flex;gap:20px;flex-wrap:wrap}.kpi-list-block{flex:1;min-width:200px}.kpi-list-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:6px}.kpi-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.kpi-bar-label{font-size:.75rem;color:var(--ink-2);width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.kpi-bar-track{flex:1;height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:4px;transition:width .4s}.kpi-bar-topic{background:var(--accent)}.kpi-bar-intent{background:#7c6af7}.kpi-bar-count{font-size:.72rem;color:var(--ink-3);width:20px;text-align:right;flex-shrink:0}.cdr-transcript-row td{background:var(--surface-1);padding:0!important}.cdr-transcript-panel{padding:12px 16px;border-top:2px solid var(--accent-light);display:flex;flex-direction:column;gap:8px}.cdr-tx-meta{display:flex;gap:6px;flex-wrap:wrap}.cdr-tx-badge{display:inline-block;padding:1px 7px;border-radius:10px;background:var(--accent-light);color:var(--accent);font-size:.72rem;font-weight:600}.cdr-tx-summary{font-size:.83rem;color:var(--ink-2)}.cdr-tx-transcript{font-size:.82rem;line-height:1.55;color:var(--ink-1);white-space:pre-wrap;max-height:220px;overflow-y:auto;background:var(--surface-2);border-radius:6px;padding:8px 10px}.cdr-tx-sections{display:flex;flex-direction:column;gap:4px}.cdr-tx-section{border-radius:6px;overflow:hidden}.cdr-tx-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:3px}.cdr-tx-list{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.cdr-tx-list li{font-size:.78rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cdr-tx-conf{color:var(--ink-3);font-size:.72rem}.cdr-tx-context{color:var(--ink-2);font-style:italic}.cdr-tx-btn{background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:1px 5px;font-size:.8rem;color:var(--ink-2)}.cdr-tx-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.cdr-tx-spin{font-size:.85rem}.rdp-root{--rdp-accent-color: var(--accent);--rdp-range_middle-background-color: var(--accent-light);font-size:.85rem}.rdp-day_button{border-radius:6px}.queue-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.queue-panel-single{display:flex;flex-direction:column;gap:0}.queue-alert-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;margin-bottom:8px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#664d03;font-size:13px;font-weight:500;animation:queue-alert-in .2s ease}@keyframes queue-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.queue-alert-dismiss{background:none;border:none;cursor:pointer;font-size:14px;color:#664d03;padding:0 4px;line-height:1;opacity:.7}.queue-alert-dismiss:hover{opacity:1}.contact-layout{max-width:580px}.contact-search{display:flex;gap:10px;margin-bottom:20px}.contact-search input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:9px 14px;font-size:.9rem;font-family:inherit;background:var(--surface);color:var(--ink)}.contact-search input:focus{outline:none;border-color:var(--accent)}.contact-search button,.contact-log button,.send-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity var(--transition)}.contact-search button:disabled,.contact-log button:disabled,.send-btn:disabled{opacity:.45;cursor:not-allowed}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.contact-name{font-size:1.1rem;font-weight:700;margin-bottom:14px}.contact-fields{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 16px;font-size:.88rem}.contact-fields dt{color:var(--ink-3);font-weight:500}.contact-fields dd{margin:0}.contact-log{display:flex;gap:10px;align-items:flex-end}.contact-log textarea{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;font-size:.87rem;font-family:inherit;resize:vertical;background:var(--surface);color:var(--ink)}.chat-layout{display:flex;flex-direction:column;gap:20px}.sms-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.sms-compose{display:flex;flex-direction:column;gap:14px;background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.sms-templates{background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.sms-compose h3,.sms-templates h3,.tpv-form h3,.tpv-history h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);font-weight:700;margin-bottom:4px}.sms-compose label,.tpv-form label{display:flex;flex-direction:column;gap:5px;font-size:.84rem;font-weight:500;color:var(--ink-2)}.sms-compose input,.sms-compose textarea,.tpv-form input{border:1.5px solid var(--border);border-radius:9px;padding:8px 12px;font-size:.9rem;font-family:inherit;background:var(--surface-2);color:var(--ink);transition:border-color var(--transition)}.sms-compose input:focus,.sms-compose textarea:focus,.tpv-form input:focus{outline:none;border-color:var(--accent)}.sms-compose textarea{resize:vertical;min-height:90px}.template-picker{display:flex;flex-direction:column;gap:6px}.template-list{display:flex;flex-wrap:wrap;gap:6px}.template-btn{padding:4px 12px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:.78rem;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color var(--transition),color var(--transition)}.template-btn:hover{border-color:var(--accent);color:var(--accent)}.template-body{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;color:var(--ink-2)}.use-btn{border:1px solid var(--border);background:transparent;border-radius:7px;padding:3px 10px;font-size:.78rem;cursor:pointer;font-family:inherit;color:var(--ink)}.use-btn:hover{background:var(--accent-light);color:var(--accent)}.cdr-phone-link{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.cdr-play-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.cdr-play-btn:hover{border-color:var(--accent);color:var(--accent)}.tpv-rec{font-size:.78rem;font-weight:600}.tpv-rec--muted{color:#d93036}.tpv-rec--failed{color:#b45f00}.cdr-sentiment{white-space:nowrap;font-weight:600;font-size:.8rem}.cdr-sentiment--positive{color:#2e9e4f}.cdr-sentiment--neutral{color:var(--ink-2)}.cdr-sentiment--negative{color:#d93036}.contact-call-link{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.contact-call-link:hover{color:var(--accent)}.contact-call-row td{background:var(--surface-2);padding-top:6px;padding-bottom:6px}.contact-call{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.8rem}.contact-call-meta{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}.contact-call-muted{color:var(--ink-2);font-style:italic}.contact-call-err{color:#d93036}.contact-call-close{margin-left:auto;border:0;background:none;color:var(--ink-2);cursor:pointer;display:grid;place-items:center}.sms-templates-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sms-tpl-actions{display:flex;gap:6px;justify-content:flex-end}.sms-tpl-editor{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:12px;border:1.5px solid var(--accent);border-radius:12px;background:var(--surface-2)}.sms-tpl-editor-title{font-size:.84rem;font-weight:700;color:var(--ink)}.sms-tpl-editor input,.sms-tpl-editor textarea{border:1.5px solid var(--border);border-radius:9px;padding:8px 12px;font-size:.9rem;font-family:inherit;background:var(--surface);color:var(--ink)}.sms-tpl-editor input:focus,.sms-tpl-editor textarea:focus{outline:none;border-color:var(--accent)}.sms-tpl-editor textarea{resize:vertical;min-height:80px}.sms-tpl-editor-foot{display:flex;align-items:center;gap:8px;justify-content:flex-end}.sms-tpl-chars{margin-right:auto;font-size:.78rem;color:var(--ink-2)}.sms-tpl-delete{color:#b91c1c;border-color:#fca5a5}.sms-tpl-delete:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.result-ok{background:#dcfce7;color:#15803d;border:1px solid #86efac;border-radius:8px;padding:8px 12px;font-size:.85rem}.result-err{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;border-radius:8px;padding:8px 12px;font-size:.85rem}.tpv-layout{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start}.tpv-form{display:flex;flex-direction:column;gap:12px;background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.tpv-history{background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.tpv-history-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.tpv-filters{display:flex;align-items:center;gap:6px;flex:1}.tpv-export{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tpv-export-label{font-size:.8rem;font-weight:600;color:var(--ink-3)}.tpv-export-btn{display:inline-flex;align-items:center;gap:6px}.tpv-export-error{padding:4px 8px}.tpv-filter-input{border:1px solid var(--border);border-radius:7px;padding:3px 8px;font-size:.82rem;background:var(--surface);color:var(--ink);width:150px}.tpv-filter-input:focus{outline:none;border-color:var(--accent)}.tpv-filter-search-btn{display:flex;align-items:center;padding:4px 8px}.tpv-events-cell{position:relative;text-align:center;width:28px}.tpv-events-icon{cursor:pointer;color:var(--muted, #888);display:inline-flex;align-items:center;position:relative}.tpv-events-icon:hover{color:var(--accent)}.tpv-events-popup{position:absolute;right:0;top:100%;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:12px 14px;min-width:300px;max-width:420px;box-shadow:0 6px 24px #0000002e;font-size:.8rem;line-height:1.5;text-align:left;white-space:normal}.tpv-events-popup-title{font-weight:600;margin-bottom:8px;font-size:.82rem;color:var(--accent)}.tpv-events-loading,.tpv-events-empty{color:var(--muted, #888);font-style:italic}.tpv-event-entry{border-top:1px solid var(--border);padding-top:7px;margin-top:7px}.tpv-event-entry:first-of-type{border-top:none;padding-top:0;margin-top:0}.tpv-event-ts{font-size:.75rem;color:var(--muted, #888);margin-bottom:3px}.tpv-event-label{color:var(--muted, #888);margin-right:4px}.tpv-event-record{background:var(--surface-2, rgba(0,0,0,.04));border-radius:5px;padding:5px 7px;margin-bottom:6px;border-top:none!important}.refresh-btn{border:1px solid var(--border);background:transparent;border-radius:7px;padding:3px 9px;cursor:pointer;font-size:1rem;color:var(--ink)}.refresh-btn:hover{background:var(--surface-2)}.tpv-refund-cell{position:relative;text-align:center;white-space:nowrap}.tpv-refund-popover{position:absolute;right:0;top:100%;z-index:200;display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:6px 8px;box-shadow:0 6px 24px #0000002e}.tpv-refund-input{width:70px;border:1px solid var(--border);border-radius:6px;padding:3px 6px;font-size:.82rem;background:var(--surface);color:var(--ink)}.tpv-refund-error{position:absolute;top:100%;left:0;margin-top:4px;white-space:nowrap;font-size:.75rem}.phone-panel{display:flex;flex-direction:column;gap:16px;max-width:480px}.phone-card{background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.phone-card h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-2);font-weight:700;margin:0}.phone-reg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.phone-id{display:flex;align-items:center;gap:8px}.phone-icon{color:var(--ink-2)}.phone-ext{font-weight:600;font-size:.95rem}.phone-connect-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phone-pass-label{display:flex;align-items:center;gap:6px;color:var(--ink-2)}.phone-pass-input{border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:.88rem;font-family:inherit;color:var(--ink);background:var(--surface-2);width:160px;transition:border-color var(--transition)}.phone-pass-input:focus{outline:none;border-color:var(--accent)}.phone-no-config{font-size:.82rem;color:var(--ink-3);font-style:italic}.phone-call-card{border-left:4px solid var(--accent)}@keyframes ring-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.phone-ringing{border-left-color:#22c55e;animation:ring-pulse 1s ease-in-out infinite}.phone-caller-row{display:flex;align-items:center;gap:12px}.phone-icon-lg{flex-shrink:0}.phone-icon--green{color:#22c55e}.phone-icon--accent{color:var(--accent)}.phone-remote-name{font-weight:700;font-size:1rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-remote{font-weight:700;font-size:1.1rem;font-family:Source Code Pro,monospace}.phone-status-label{font-size:.78rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.phone-duration{margin-left:auto;font-family:Source Code Pro,monospace;font-size:1rem;font-weight:600;color:var(--accent)}.phone-action-row{display:flex;gap:10px;flex-wrap:wrap}.phone-call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.phone-btn--tile{flex-direction:column;padding:10px 6px;font-size:.78rem;gap:0;justify-content:center}.phone-btn--tile span{display:block;max-height:0;overflow:hidden;opacity:0;line-height:1.2;transition:max-height .18s ease,opacity .18s,margin-top .18s}.phone-btn--tile:hover span{max-height:16px;opacity:1;margin-top:4px}.phone-btn--held{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.phone-transfer-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.phone-transfer-row{display:flex;gap:8px;align-items:center}.phone-transfer-actions{display:flex;gap:8px;flex-wrap:wrap}.phone-consultee-box{margin-top:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:8px}.phone-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:9px 16px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--transition),filter var(--transition)}.phone-btn:disabled{opacity:.4;cursor:not-allowed}.phone-btn:not(:disabled):hover{filter:brightness(.92)}.phone-btn--sm{padding:6px 12px;font-size:.82rem}.phone-btn--accent{background:var(--accent);color:#fff}.phone-btn--danger{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.phone-btn--answer{background:var(--btn-answer);color:#fff}.phone-btn--answer:hover{background:var(--btn-answer-hover)}.phone-btn--hangup{background:var(--btn-hangup);color:#fff}.phone-btn--hangup:hover{background:var(--btn-hangup-hover)}.phone-btn--mute{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.phone-btn--muted{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.phone-btn--call{background:var(--btn-call);color:#fff;border-radius:10px;padding:9px 14px}.phone-btn--call:hover{background:var(--btn-call-hover)}.phone-dial-row{display:flex;gap:8px}.phone-dial-input{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:9px 12px;font-size:1rem;font-family:Source Code Pro,monospace;color:var(--ink);background:var(--surface-2);transition:border-color var(--transition)}.phone-dial-input:focus{outline:none;border-color:var(--accent)}.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.phone-key{border:1.5px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:1rem;font-weight:600;font-family:Source Code Pro,monospace;padding:12px 0;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.phone-key:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}.phone-key:disabled{opacity:.35;cursor:not-allowed}.header-call-bar{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:5px 12px;margin-left:auto}.header-call-bar--ringing{background:#e8f7ee;border-color:#4caf7d;animation:header-pulse 1s ease-in-out infinite alternate}@keyframes header-pulse{0%{box-shadow:0 0 #4caf7d40}to{box-shadow:0 0 0 6px #4caf7d00}}.dark .header-call-bar--ringing{background:#1a3326;border-color:#4caf7d}.header-pause-pill{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:.82rem;font-weight:600;color:var(--ink-2)}.header-pause-pill--tpv{background:#fff4e0;border-color:#f59e0b;color:#92400e}.dark .header-pause-pill--tpv{background:#3a2a10;border-color:#f59e0b;color:#fcd34d}.header-pause-queues{font-size:.75rem;font-weight:500;opacity:.8;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-pause-btn{border:none;border-radius:12px;padding:4px 10px;font-size:.78rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}.header-pause-btn:disabled{opacity:.6;cursor:default}.header-pause-btn--resume{background:#22a35a}.header-pause-pill--on{background:#fff4e0;border-color:#f5a524;color:#92400e}.dark .header-pause-pill--on{background:#3a2a10;border-color:#f5a524;color:#fcd34d}.header-pause-select{border:1px solid var(--border);border-radius:10px;padding:2px 6px;font-size:.78rem;background:var(--surface);color:var(--ink)}.header-call-icon{color:var(--accent);flex-shrink:0}.header-call-remote{font-weight:600;font-size:.88rem;color:var(--ink)}.header-call-name{font-weight:700;font-size:.88rem;color:var(--ink);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-call-name+.header-call-remote{font-weight:500;color:var(--ink-2)}.header-call-status{font-size:.78rem;color:var(--ink-3)}.header-call-duration{font-family:Source Code Pro,monospace;font-size:.85rem;color:var(--ink-2);min-width:38px}.header-call-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:.78rem;font-weight:600;cursor:pointer;border:none;transition:background var(--transition)}.header-call-btn--answer{background:var(--btn-answer);color:#fff}.header-call-btn--answer:hover{background:var(--btn-answer-hover)}.header-call-btn--hangup{background:var(--btn-hangup);color:#fff}.header-call-btn--hangup:hover{background:var(--btn-hangup-hover)}.header-call-btn--hold{background:#fff1e0;color:#b45f00}.header-call-btn--hold:hover{background:#ffe4c2}.header-call-btn--held{background:#f5a524;color:#fff}.header-call-btn--held:hover{background:#e3951a}.dark .header-call-btn--hold:not(.header-call-btn--held){background:#3a2a10;color:#fcd34d}.phone-dtmf-box{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.phone-dtmf-display{font-family:Source Code Pro,monospace;font-size:1.1rem;letter-spacing:.15em;text-align:center;min-height:1.6rem;color:var(--ink);margin-bottom:8px}.phone-dtmf-placeholder{color:var(--ink-3)}.phone-translate-box{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.phone-translate-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.phone-translate-lang-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.phone-translate-arrow{color:var(--ink-3);flex-shrink:0}.phone-translate-lang-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.phone-translate-lang-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);line-height:1}.phone-translate-select{flex:1;min-width:0;font-size:.75rem;padding:3px 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.phone-translate-select:disabled{opacity:.6}.phone-translate-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.phone-translate-toggle{font-size:.72rem!important;padding:4px 10px!important}.phone-mic-volume{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--surface-2);border-radius:8px}.phone-mic-volume-icon{color:var(--ink-3);flex-shrink:0}.phone-mic-volume input[type=range]{flex:1;height:4px;accent-color:var(--accent);cursor:pointer}.phone-mic-volume-label{font-size:.7rem;color:var(--ink-3);width:32px;text-align:right;flex-shrink:0}.phone-audio-levels{margin-top:6px;padding:4px 8px;background:var(--surface-2);border-radius:8px}.phone-audio-levels .settings-audio-meter{height:6px}.phone-translate-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.phone-translate-clear{background:none;border:none;cursor:pointer;color:var(--ink-3);padding:3px;display:flex;align-items:center}.phone-translate-clear:hover{color:var(--ink)}.phone-translate-feed{margin-top:10px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.phone-tline{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:6px;font-size:.78rem}.phone-tline--agent{background:color-mix(in srgb,var(--accent) 10%,transparent);align-items:flex-end}.phone-tline--caller{background:var(--surface-2, color-mix(in srgb, var(--border) 40%, transparent));align-items:flex-start}.phone-tline-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.phone-tline-text{color:var(--ink);line-height:1.4}.phone-tline-orig{color:var(--ink-3);font-style:italic;font-size:.72rem;line-height:1.3}.phone-tline--interim{opacity:.55}.phone-translate-listening{display:flex;align-items:center;gap:5px;padding:6px 4px;color:var(--ink-3);font-size:.75rem}.phone-translate-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:translate-pulse 1.2s ease-in-out infinite}.phone-translate-dot:nth-child(2){animation-delay:.2s}.phone-translate-dot:nth-child(3){animation-delay:.4s}@keyframes translate-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.notify-toast--ringing{border-left-color:#22c55e}.notify-badge--ring{color:#22c55e}.notify-ring-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.event-list{display:flex;flex-direction:column;gap:10px}.event{padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.event-meta{display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:6px}.event-type{font-weight:700;color:var(--accent)}.event pre{margin:0;font-family:Source Code Pro,monospace;font-size:.72rem;white-space:pre-wrap;word-break:break-all;color:var(--ink-2)}.tpv-form input{min-width:0;box-sizing:border-box}.tpv-card-row{display:flex;gap:10px;align-items:flex-end}.tpv-card-row .tpv-card-expiry{flex:1;min-width:0}.tpv-card-row .tpv-card-cvv{flex:0 0 84px}.tpv-card-row .tpv-card-cvv input{text-align:center}.tpv-send-row{display:flex;align-items:center;gap:10px;margin-top:4px}.tpv-send-row .send-btn{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.channel-selector{display:flex;gap:4px;flex-shrink:0}.channel-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink-2);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.channel-btn:hover{border-color:var(--accent);color:var(--accent)}.channel-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.notify-toasts{position:fixed;top:84px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:340px}.notify-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:12px 14px;box-shadow:0 4px 16px #0000001f;animation:toast-in .2s ease}.notify-toast--paid{border-left-color:#22c55e}.notify-toast--wa{border-left-color:#25d366}.notify-toast--queue{border-left-color:#f59e0b}.notify-badge--queue{color:#d97706}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.notify-toast-body{display:flex;flex-direction:column;gap:3px;font-size:.82rem}.notify-badge{font-weight:700;color:#22c55e;font-size:.75rem;letter-spacing:.05em}.notify-name{font-weight:700;color:var(--ink-1);font-size:.9rem}.notify-ref{font-weight:600;color:var(--ink-1);font-family:monospace}.notify-msg{color:var(--ink-2)}.notify-auth{font-family:monospace;color:var(--ink-2);font-size:.75rem}.notify-close{background:none;border:none;cursor:pointer;color:var(--ink-3);font-size:1.1rem;line-height:1;padding:0;flex-shrink:0}.notify-close:hover{color:var(--ink-1)}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.queue-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.queue-stat-value{font-size:1.8rem;font-weight:700;line-height:1;color:var(--ink-1)}.queue-stat-label{font-size:.72rem;color:var(--ink-3);margin-top:4px;text-align:center;text-transform:uppercase;letter-spacing:.04em}.queue-stat--waiting .queue-stat-value{color:#d97706}.queue-stat--logged .queue-stat-value{color:#2563eb}.queue-stat--free .queue-stat-value{color:#2a7d4f}.queue-my-section{margin-bottom:24px}.queue-my-section h3{margin:0 0 10px}.queue-action-error{color:#e55;cursor:help;margin-left:4px}.queue-door-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s;color:var(--ink-3)}.queue-door-btn--in{color:#2a7d4f;border-color:#2a7d4f;background:#f0faf4}.queue-door-btn--out{color:#2563eb;border-color:#2563eb;background:#eff6ff}.queue-door-btn:not(:disabled):hover{opacity:.75;transform:scale(1.05)}.queue-door-btn:disabled{cursor:not-allowed;opacity:.5}.queue-pause-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.queue-pause-label{font-size:.82rem;color:var(--ink-3);white-space:nowrap}.queue-pause-select{flex:1;font-size:.85rem;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-1);color:var(--ink-1);cursor:pointer}.queue-pause-all-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:.82rem;font-weight:500;border:1.5px solid #d97706;color:#d97706;background:#fffbeb;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.queue-pause-all-btn:hover:not(:disabled){background:#fef3c7}.queue-pause-all-btn:disabled{opacity:.5;cursor:not-allowed}.queue-unpause-all-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:.82rem;font-weight:500;border:1.5px solid #2563eb;color:#2563eb;background:#eff6ff;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.queue-unpause-all-btn:hover:not(:disabled){background:#dbeafe}.queue-unpause-all-btn:disabled{opacity:.5;cursor:not-allowed}.queue-bulk-toolbar{background:#f5f3ff;border-color:#c4b5fd;flex-wrap:wrap}.queue-clear-selection-btn{padding:5px 12px;border-radius:6px;font-size:.82rem;border:1.5px solid var(--border);color:var(--ink-3);background:var(--surface-1);cursor:pointer;margin-left:auto;white-space:nowrap}.queue-clear-selection-btn:hover{background:var(--surface-2)}.queue-select-col{width:32px;text-align:center}.queue-select-col input[type=checkbox]{cursor:pointer}.queue-action-cell{display:flex;align-items:center;gap:6px}.queue-pause-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s;color:var(--ink-3)}.queue-pause-btn--paused{color:#2563eb;border-color:#2563eb;background:#eff6ff}.queue-pause-btn:hover:not(:disabled){opacity:.75}.queue-pause-btn:disabled{cursor:not-allowed;opacity:.5}.queue-paused-badge{margin-left:6px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;font-size:.72rem;padding:1px 6px;border-radius:10px}.queue-age{opacity:.7;font-weight:400}.queue-caller{opacity:.75;font-weight:400;font-size:.7rem}.queue-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 5px}.queue-wait-clock{font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.queue-grouped{display:flex;flex-direction:column;gap:12px}.queue-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.queue-group-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface-2);border-bottom:1px solid var(--border)}.queue-group-name{font-size:.82rem;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.queue-group-badges{display:flex;align-items:center;gap:6px}.queue-group-count{font-size:.78rem;color:var(--ink-3);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1px 7px}.queue-group-waiting{font-size:.78rem;font-weight:600;background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:10px;padding:1px 7px}.queue-waiting-table{margin:0;border-top:1px dashed var(--border)}.queue-waiting-row td{padding:4px 10px;font-size:.78rem;color:var(--ink-2);background:#fffbeb}.queue-waiting-pos{width:24px;color:var(--ink-3);font-weight:600}.queue-waiting-num{font-variant-numeric:tabular-nums}.queue-group-table{margin:0;table-layout:fixed;width:100%}.queue-group-table td{padding:5px 10px;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-group-ext{color:var(--ink-3);font-size:.78rem}.queue-group-icon-col{text-align:center;padding-left:0;padding-right:0}.queue-group-info-col{font-size:.78rem}.q-status-icon{display:block;margin:0 auto}.q-status-icon--idle{color:var(--status-idle-ink)}.q-status-icon--in_use{color:#1d4ed8}.q-status-icon--ringing{color:#a16207}.q-status-icon--busy{color:var(--status-busy-ink)}.q-status-icon--on_hold{color:var(--status-hold-ink)}.q-status-icon--unavailable{color:var(--ink-3)}.q-status-icon--paused{color:#92400e}.campaign-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;height:100%;min-height:0}.campaign-list{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow-y:auto}.campaign-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.campaign-list-header h3{margin:0;font-size:.9rem}.campaign-date-filter{display:flex;gap:4px;align-items:center;margin-bottom:6px}.campaign-date-filter input[type=date]{flex:1;font-size:.72rem;padding:3px 5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink)}.campaign-new-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:1px dashed var(--accent);border-radius:8px;background:var(--accent-light);color:var(--accent);font-size:.82rem;font-weight:500;cursor:pointer;margin-bottom:4px}.campaign-item{position:relative;padding:10px 28px 10px 10px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--surface-2);transition:border-color .15s,background .15s}.campaign-item:hover,.campaign-item.active{border-color:var(--accent);background:var(--accent-light)}.campaign-item-name{font-size:.82rem;font-weight:600;margin-bottom:4px}.campaign-item-stats{display:flex;flex-direction:column;gap:2px}.campaign-item-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.campaign-detail{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow-y:auto}.campaign-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.campaign-detail-header h3{margin:0 0 2px}.campaign-tabs{display:flex;gap:4px}.campaign-tab{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);font-size:.8rem;cursor:pointer}.campaign-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.campaign-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.campaign-stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;text-align:center}.campaign-stat-val{font-size:1.5rem;font-weight:700}.campaign-stat-label{font-size:.72rem;color:var(--ink-2);margin-top:2px}.campaign-section{display:flex;flex-direction:column;gap:12px;max-width:500px}.campaign-section h4{margin:0;font-size:.9rem}.campaign-file-row{display:flex;align-items:center;gap:10px}.campaign-file-ok{font-size:.82rem;color:#22c55e;font-weight:500}.campaign-csv-preview{font-family:monospace;font-size:.78rem;resize:none;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--ink-2);width:100%}.admin-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;height:100%}.admin-agent-list h3,.admin-queue-panel h3{margin:0 0 12px;font-size:.95rem;font-weight:600}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.admin-list-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s}.admin-list-item:hover{background:var(--surface-2)}.admin-list-item.active{background:var(--surface-2);border-color:var(--border)}.admin-agent-name{font-size:.88rem;font-weight:500;color:var(--ink-1)}.admin-agent-login{font-size:.78rem;color:var(--ink-3)}.admin-hint{font-size:.82rem;color:var(--ink-3);margin:-4px 0 14px}.admin-error{background:#fee;border:1px solid #fcc;color:#c33;border-radius:6px;padding:8px 12px;font-size:.85rem;margin-bottom:12px}.admin-queue-table{margin-bottom:16px}.admin-queue-assign{display:flex;flex-direction:column;gap:0}.admin-agent-select-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-agent-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;z-index:200;max-height:260px;overflow-y:auto}.admin-agent-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;cursor:pointer;font-size:.88rem}.admin-agent-dropdown-item:hover,.admin-agent-dropdown-item.active{background:var(--surface-2)}.admin-queue-search{width:100%;margin-bottom:10px;box-sizing:border-box}.admin-queue-checklist{border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:2px;min-height:160px;max-height:320px;overflow-y:auto}.admin-queue-check-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.88rem;color:var(--ink-2);transition:background .1s}.admin-queue-check-item:hover{background:var(--surface-2)}.admin-queue-check-item.checked{color:var(--ink);font-weight:500}.admin-queue-check-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.admin-queue-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.admin-queue-summary{font-size:.82rem;color:var(--ink-3)}.admin-add-row{display:flex;gap:8px;align-items:center}.admin-input,.admin-select{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--ink-1);font-size:.88rem}.admin-btn-add{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:6px;border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:.85rem;font-weight:500;transition:opacity .15s}.admin-btn-add:disabled{opacity:.45;cursor:default}.admin-btn-icon{background:none;border:none;cursor:pointer;padding:4px 6px;color:var(--ink-3);border-radius:4px;transition:color .15s,background .15s}.admin-btn-icon:hover{color:#d33;background:var(--surface-2)}.settings-panel{display:flex;flex-direction:column;gap:24px;max-width:520px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.settings-section h3{margin:0 0 4px;font-size:.95rem;font-weight:600}.palette-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.palette-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 10px;border-radius:var(--radius);border:2px solid transparent;background:var(--surface-2);transition:border-color .15s,background .15s;min-width:80px}.palette-swatch:hover{border-color:var(--accent)}.palette-swatch.active{border-color:var(--accent);background:var(--accent-light)}.palette-swatch-dot{width:28px;height:28px;border-radius:50%}.palette-swatch-label{font-size:.75rem;font-weight:500;color:var(--ink-2);white-space:nowrap}.palette-custom-row{display:flex;align-items:center;gap:10px;margin-top:12px}.palette-custom-row label{font-size:.82rem;color:var(--ink-2)}.palette-custom-row input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:var(--surface)}.settings-audio-field{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:.82rem;color:var(--ink-2)}.settings-audio-field select{padding:7px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);font-size:.85rem}.settings-audio-field select:disabled{opacity:.5;cursor:not-allowed}.settings-audio-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.settings-audio-meter{flex:1;min-width:120px;height:10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.settings-audio-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);transition:width .08s linear}.admin-modules-targets{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0}.admin-modules-target-col{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.admin-modules-target-label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:4px}.admin-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:12px 0}.admin-module-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);cursor:pointer}.admin-module-name{font-size:.88rem;color:var(--ink)}.admin-modules-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.admin-saved{font-size:.82rem;color:#22a360;font-weight:500}.admin-ring-section{border-top:1px solid var(--border);padding-top:20px;margin-top:4px}.admin-ring-section h3{margin:0 0 4px;font-size:.95rem;font-weight:600}.admin-ring-name{flex:1;font-size:.88rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-btn-file{cursor:pointer}.ring-settings{display:flex;flex-direction:column;gap:6px}.ring-settings-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-2);overflow:hidden}.ring-settings-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ring-settings-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ring-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);transition:background var(--transition),color var(--transition)}.ring-btn:hover{background:var(--border);color:var(--ink)}.ring-btn--upload{cursor:pointer}.ring-btn--clear{padding:4px 7px}.ring-btn--clear:hover{color:#d33;border-color:#fcc;background:#fee1}.ring-btn--save{border-color:#2563eb;background:#eff6ff;color:#2563eb}.ring-btn--save:hover{background:#dbeafe;color:#2563eb}.ring-btn--save:disabled{opacity:.6;cursor:not-allowed}.ring-settings-pending{color:#d97706!important;white-space:normal!important}@media (max-width: 1024px){.sms-layout,.tpv-layout,.queue-layout,.admin-layout{grid-template-columns:1fr}}@media (max-width: 768px){:root{--sidebar-w: 200px}.phone-sidebar{display:none}}.wa-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - var(--topbar-h) - 40px);gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.wa-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface-1);min-height:0}.wa-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.wa-tab{flex:1;padding:10px 6px;font-size:.78rem;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--ink-3);position:relative;transition:color .15s}.wa-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.wa-badge{position:absolute;top:5px;right:6px;background:#e53e3e;color:#fff;border-radius:999px;font-size:.65rem;font-weight:700;padding:1px 5px;line-height:1.4}.wa-convo-list{flex:1;overflow-y:auto}.wa-convo-item{width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.wa-convo-item:hover,.wa-convo-item--active{background:var(--surface-2)}.wa-convo-item--waiting{border-left:3px solid #d97706}.wa-convo-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.wa-convo-name{font-weight:600;font-size:.85rem;color:var(--ink-1)}.wa-convo-time{font-size:.72rem;color:var(--ink-3)}.wa-convo-preview{font-size:.78rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.wa-convo-meta{display:flex;gap:6px}.wa-convo-meta .badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem}.wa-thread{display:flex;flex-direction:column;min-height:0;background:var(--surface-0)}.wa-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-3);gap:10px}.wa-thread-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface-1)}.wa-thread-name{font-weight:600;font-size:.9rem}.wa-thread-phone{font-size:.78rem;color:var(--ink-3)}.wa-thread-phone--link{cursor:pointer;color:var(--accent);text-decoration:underline}.wa-thread-phone--link:hover{opacity:.75}.wa-contact-info{font-size:.75rem;color:var(--accent);margin-top:2px;font-weight:500}.wa-thread-actions{display:flex;gap:8px}.wa-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.wa-msg{display:flex;flex-direction:column;max-width:70%}.wa-msg--in{align-self:flex-start}.wa-msg--out{align-self:flex-end;align-items:flex-end}.wa-msg-bubble{padding:8px 12px;border-radius:14px;font-size:.88rem;line-height:1.45;word-break:break-word;position:relative}.wa-msg-media{margin-bottom:6px;max-width:100%}.wa-msg-media img{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;display:block}.wa-msg-media audio{max-width:100%}.wa-media-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit;font-weight:500;background:#0000000d;padding:6px 10px;border-radius:6px}.wa-msg--out .wa-media-link{background:#fff3}.wa-file-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;background:#0000000d;border-radius:10px;padding:10px 12px;min-width:180px;max-width:260px;transition:background .15s}.wa-file-card:hover{background:#0000001a}.wa-msg--out .wa-file-card{background:#ffffff2e;color:#fff}.wa-msg--out .wa-file-card:hover{background:#ffffff47}.wa-file-card-icon{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.wa-file-card-ext{position:absolute;bottom:-2px;right:-4px;font-size:.55rem;font-weight:700;letter-spacing:.03em;background:currentColor;color:#fff;padding:1px 3px;border-radius:3px;line-height:1.4}.wa-msg--out .wa-file-card-ext{background:#fff;color:var(--accent)}.wa-file-card-info{display:flex;flex-direction:column;gap:3px;overflow:hidden}.wa-file-card-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-file-card-dl{display:flex;align-items:center;gap:3px;font-size:.7rem;opacity:.65}.wa-msg--in .wa-msg-bubble{background:var(--surface-2);color:var(--ink-1);border-bottom-left-radius:4px}.wa-msg--out .wa-msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.wa-msg-meta{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--ink-3);margin-top:2px;padding:0 4px}.wa-msg{position:relative}.wa-msg-actions{position:absolute;top:0;right:44px;display:flex;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px 4px;box-shadow:0 2px 8px #0000001f;z-index:10}.wa-msg--out .wa-msg-actions{right:auto;left:0}.wa-msg-action-btn{background:none;border:none;cursor:pointer;color:var(--ink-2);padding:3px 4px;border-radius:4px;display:flex;align-items:center;transition:background .15s,color .15s}.wa-msg-action-btn:hover{background:var(--accent-light);color:var(--accent)}.wa-msg-action-btn--danger:hover{background:#fee2e2;color:#b91c1c}.wa-msg-edit{display:flex;flex-direction:column;gap:4px;min-width:180px}.wa-msg-edit-input{background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:inherit;padding:4px 6px;font-size:.85rem;resize:none;font-family:inherit}.wa-msg--in .wa-msg-edit-input{background:var(--surface);border-color:var(--border);color:var(--ink)}.wa-msg-edit-btns{display:flex;gap:6px}.wa-msg-edit-save{flex:1;padding:3px 0;border:none;border-radius:5px;cursor:pointer;background:#22c55e;color:#fff;font-size:.75rem;font-weight:600}.wa-msg-edit-cancel{flex:1;padding:3px 0;border:none;border-radius:5px;cursor:pointer;background:#0003;color:inherit;font-size:.75rem}.wa-typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 14px 4px;align-self:flex-start}.wa-typing-indicator span{width:7px;height:7px;background:var(--ink-3);border-radius:50%;animation:wa-dot 1.2s infinite}.wa-typing-indicator span:nth-child(2){animation-delay:.2s}.wa-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes wa-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.wa-bot-summary{align-self:stretch;margin:8px 12px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:10px;padding:10px 12px;font-size:.8rem}.wa-bot-summary-header{font-weight:600;color:var(--accent);margin-bottom:6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.wa-bot-summary-body{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.82rem;color:var(--ink-1);margin:0;line-height:1.55}.wa-reply-container{border-top:1px solid var(--border);background:var(--surface-1);flex-shrink:0}.wa-file-preview{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);padding:4px 12px;margin:8px 12px 0;border-radius:4px;font-size:.75rem}.wa-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.wa-file-remove{background:none;border:none;padding:2px;cursor:pointer;color:var(--ink-3);display:flex}.wa-file-remove:hover{color:var(--danger)}.wa-reply{display:flex;gap:12px;padding:12px 16px;align-items:center}.wa-reply-multimedia{display:flex;gap:4px}.wa-reply-attach{background:none;border:none;padding:6px;cursor:pointer;color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s}.wa-reply-attach:hover{background:var(--surface-2);color:var(--accent-hover)}.wa-reply-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:20px;background:var(--surface-0);color:var(--ink-1);font-size:.88rem;resize:none;font-family:inherit;line-height:1.4}.wa-reply-input:focus{outline:none;border-color:var(--accent)}.wa-reply-send{width:38px;height:38px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s;align-self:flex-end}.wa-reply-send:disabled{opacity:.4;cursor:default}.wa-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity var(--transition),background var(--transition)}.wa-btn:disabled{opacity:.45;cursor:not-allowed}.wa-btn--primary{background:var(--accent);color:#fff}.wa-btn--primary:hover:not(:disabled){opacity:.88}.wa-btn--danger{background:#fee2e2;color:#b91c1c}.wa-btn--danger:hover:not(:disabled){background:#fecaca}.wa-btn--voice{background:#dcfce7;color:#15803d}.wa-btn--voice:hover:not(:disabled){background:#bbf7d0}@media (max-width: 768px){.wa-layout{grid-template-columns:1fr}.wa-sidebar{display:none}}.qlogin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center}.qlogin-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 32px;min-width:320px;max-width:480px;width:90%;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;gap:16px}.qlogin-title{font-size:1.15rem;font-weight:700;margin:0}.qlogin-subtitle{font-size:.85rem;color:var(--ink-2);margin:0}.qlogin-select-all{border-bottom:1px solid var(--border);padding-bottom:10px}.qlogin-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.qlogin-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:6px}.qlogin-item:hover{background:var(--surface-2)}.qlogin-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.qlogin-item-label{font-size:.9rem}.qlogin-item-all{font-weight:600;color:var(--ink-2);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.qlogin-errors{font-size:.8rem;color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);border-radius:6px;padding:8px 10px}.qlogin-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.qlogin-skip{padding:8px 18px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--ink-2);cursor:pointer;font-size:.9rem}.qlogin-skip:hover{background:var(--surface-2)}.qlogin-submit{padding:8px 20px;border-radius:7px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center}.qlogin-submit:disabled{opacity:.55;cursor:not-allowed}.qlogin-submit:not(:disabled):hover{filter:brightness(1.1)}.qb-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 6px}.qb-search{flex:1 1 240px;display:flex;align-items:center;gap:8px;padding:0 14px;height:42px;background:var(--surface-2);border-radius:12px;color:var(--text-muted, #8a8fa8)}.qb-search input{flex:1;border:0;background:transparent;outline:0;font-size:14px;color:inherit}.qb-chips{display:flex;gap:8px;flex-wrap:wrap}.qb-chip{border:0;cursor:pointer;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;background:var(--surface);color:var(--text-muted, #6b7090);box-shadow:0 2px 8px #14143c14}.qb-chip--on{background:linear-gradient(135deg,#2fd6b5,#1fb5c9);color:#fff;box-shadow:0 4px 12px #1fb5c959}.qb-section-title{margin:22px 0 10px;padding:10px 16px;border-radius:10px;background:var(--surface-2);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.qb-add-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-light);color:var(--accent)}.qb-add-btn:hover{filter:brightness(.95)}.qadd-modal{background:var(--surface-2);border-radius:20px;padding:18px;width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:14px;box-shadow:0 16px 48px #14143c40}.qadd-head{display:flex;align-items:center;gap:12px;padding:2px 4px}.qadd-title{margin:0;font-size:17px;font-weight:700}.qadd-close{width:32px;height:32px;box-shadow:0 2px 8px #14143c14}.qadd-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0;flex:1}.qadd-col{display:flex;flex-direction:column;min-height:0;padding:8px 8px 10px}.qadd-col .qb-card-head{padding:8px 8px 6px}.qadd-col .qb-count{margin-left:0}.qadd-search{flex:none;height:38px;margin:0 6px}.qadd-col .qb-my-selectall:disabled{opacity:.4;cursor:default;text-decoration:none}.qadd-list{overflow-y:auto;min-height:120px;max-height:46vh;padding:0 2px}.qadd-list .qb-my-row+.qb-my-row{margin-top:4px}.qadd-list .qb-my-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.qb-avatar.qadd-avatar--on,.dark .qb-avatar.qadd-avatar--on{background:linear-gradient(135deg,#2fd6b5,#1fb5c9);color:#fff;box-shadow:0 4px 12px #1fb5c959}.qadd-errors{max-height:120px;overflow-y:auto}.qadd-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 640px){.qadd-cols{grid-template-columns:1fr}.qadd-list{max-height:30vh}}.qb-count{margin-left:auto;min-width:24px;text-align:center;padding:1px 8px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:12px}.qb-empty{padding:18px;text-align:center;color:var(--text-muted, #8a8fa8);font-size:13px}.qb-empty--in{padding:14px}.qb-waiting{display:flex;flex-direction:column}.qb-wait-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-bottom:1px solid var(--border)}.qb-wait-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e4f6fb;color:#2b9fd8;flex:none}.qb-wait-main{flex:1;min-width:0}.qb-wait-num{font-weight:600;font-size:15px}.qb-wait-queue{font-size:12px;color:var(--text-muted, #8a8fa8)}.qb-wait-time{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.qb-wait-row--long .qb-wait-time{color:#e5484d}.qb-wait-row--long .qb-wait-icon{background:#fde8e9;color:#e5484d}.qb-queues{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.qb-card{background:var(--surface);border-radius:18px;padding:8px 6px 10px;box-shadow:0 6px 24px #14143c14;border:1px solid var(--border)}.qb-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px}.qb-card-name{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px}.qb-queue-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--accent-light);color:var(--accent)}.qb-card-badges{display:flex;gap:6px}.qb-badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-muted, #6b7090)}.qb-badge--wait{background:#fff1e0;color:#e07b00}.qb-agent{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:12px}.qb-agent:hover{background:var(--surface-2)}.qb-avatar{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none;background:#e9ecf5;color:#5a5f7a}.qb-avatar--queue{border-radius:12px;background:var(--accent-light);color:var(--accent)}.qb-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);background:#9aa0b5}.qb-avatar--idle .qb-dot{background:#22c55e}.qb-avatar--in_use .qb-dot,.qb-avatar--busy .qb-dot{background:#e5484d}.qb-avatar--ringing .qb-dot{background:#2563eb;animation:qb-ring-pulse 1s ease-in-out infinite}@keyframes qb-ring-pulse{0%,to{box-shadow:0 0 #2563eb8c}50%{box-shadow:0 0 0 5px #2563eb00}}.qb-my-status{display:flex;align-items:center;gap:4px;font-weight:600}.qb-my-status--idle{color:#22a35a}.qb-my-status--in_use,.qb-my-status--busy{color:#d93036}.qb-my-status--ringing{color:#2563eb}.qb-my-status--on_hold{color:#b45f00}.qb-my-status--off,.qb-my-status--unavailable{color:var(--text-muted, #8a8fa8)}.dark .qb-my-status--ringing{color:#7aa7ff}.dark .qb-my-status--on_hold{color:#fcd34d}.qb-ringing{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#2563eb}.dark .qb-ringing{color:#7aa7ff}.qb-avatar--on_hold .qb-dot,.qb-avatar--paused .qb-dot{background:#f5a524}.qb-agent-main{flex:1;min-width:0}.qb-agent-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-agent-sub{font-size:12px;color:var(--text-muted, #8a8fa8)}.qb-me{margin-left:6px;padding:1px 7px;border-radius:999px;font-size:10px;background:var(--accent-light);color:var(--accent)}.qb-agent-info{font-size:12px;color:var(--text-muted, #6b7090)}.qb-remove-btn{width:28px;height:28px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none;color:#d93036;background:transparent;opacity:.55;transition:opacity .15s,background .15s}.qb-agent:hover .qb-remove-btn{opacity:1}.qb-remove-btn:hover:not(:disabled){background:#d930361f}.qb-remove-btn:disabled{cursor:default}.qb-caller{display:inline-flex;align-items:center;gap:4px;font-weight:600}.qb-timer{font-variant-numeric:tabular-nums}.qb-pill{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;background:#eceef6;color:#6b7090;white-space:nowrap}.qb-pill--idle{background:#dcf7e6;color:#15803d}.qb-pill--wrap{background:#e0f2fe;color:#0369a1}.dark .qb-pill--wrap{background:#0c2d44;color:#7dd3fc}.qb-avatar--wrap .qb-dot{background:#0ea5e9}.qb-pill--in_use,.qb-pill--busy{background:#fde8e9;color:#c8323a}.qb-pill--ringing,.qb-pill--on_hold,.qb-pill--paused{background:#fff1e0;color:#b45f00}.dark .qb-pill--idle{background:#12351f;color:#6ee7a0}.dark .qb-pill--in_use,.dark .qb-pill--busy{background:#3d1518;color:#ff9aa0}.dark .qb-pill--ringing,.dark .qb-pill--on_hold,.dark .qb-pill--paused,.dark .qb-badge--wait{background:#3b2a10;color:#ffc267}.dark .qb-avatar{background:#26284a;color:#b9bde0}.dark .qb-wait-icon{background:#0f2f3d}.queue-stats .queue-stat{border-radius:16px;box-shadow:0 6px 24px #14143c14;border:1px solid var(--border)}.queue-my-section{margin-bottom:8px}.qb-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 24px #14143c0f}.qb-tools--bulk{background:var(--accent-light);border-color:transparent}.qb-tools-label{font-size:13px;font-weight:600;color:var(--text-muted, #6b7090)}.qb-select{height:38px;padding:0 14px;border-radius:999px;border:0;background:var(--surface-2);font-size:13px;color:inherit;cursor:pointer}.qb-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:0;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .12s}.qb-btn:hover:not(:disabled){transform:translateY(-1px)}.qb-btn:disabled{opacity:.5;cursor:not-allowed}.qb-btn--ok{color:#fff;background:linear-gradient(135deg,#2fd6b5,#1fb5c9);box-shadow:0 4px 12px #1fb5c959}.qb-btn--warn{color:#b45f00;background:#fff1e0}.qb-btn--ghost{color:var(--text-muted, #6b7090);background:var(--surface);box-shadow:0 2px 8px #14143c14}.dark .qb-btn--warn{background:#3b2a10;color:#ffc267}.qb-my-card{margin-bottom:8px}.qb-my-selectall{display:block;margin-left:auto;padding:8px 14px 6px;border:0;background:none;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer}.qb-my-selectall:hover{text-decoration:underline}.qb-my-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;transition:background .15s}.qb-my-card{padding:8px 10px 12px}.qb-my-row+.qb-my-row{margin-top:8px}.qb-my-pause{color:#b45f00;font-weight:600}.dark .qb-my-pause{color:#fcd34d}.qb-my-row:hover{background:var(--surface-2, rgba(0,0,0,.03))}.qb-my-row--sel,.qb-my-row--sel:hover{background:var(--accent-light);box-shadow:inset 3px 0 0 var(--accent)}.qb-avatar--off .qb-dot{background:#9aa0b5}.qb-avatar--unavailable{opacity:.55}.qb-avatar--unavailable .qb-dot{background:#9aa0b5}.qb-unreg{color:#d93036;font-weight:600;font-size:12px}.dark .qb-unreg{color:#ff8a8e}.qb-pill--off{background:#eceef6;color:#8a8fa8}.qb-error{font-size:11px;color:#e5484d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-actions{display:flex;gap:8px}.qb-icon-btn{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px #14143c1a;background:var(--surface)}.qb-icon-btn:hover:not(:disabled){transform:scale(1.08)}.qb-icon-btn:disabled{opacity:.5;cursor:not-allowed}.qb-clear-btn{width:24px;height:24px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--text-muted, #6b7090);background:var(--surface);margin-left:auto}.qb-clear-btn:hover{color:var(--text, #1a1a2e)}.qb-icon-btn--in{color:#fff;background:linear-gradient(135deg,#2fd6b5,#1fb5c9);box-shadow:0 4px 12px #1fb5c959}.qb-icon-btn--out{color:#fff;background:#e5484d;box-shadow:0 4px 12px #e5484d4d}.qb-icon-btn--pause{color:#b45f00;background:#fff1e0}.qb-icon-btn--resume{color:#15803d;background:#dcf7e6}.dark .qb-icon-btn--pause{background:#3b2a10;color:#ffc267}.dark .qb-icon-btn--resume{background:#12351f;color:#6ee7a0}.qg-wrap{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-bottom:18px}@media (max-width: 1000px){.qg-wrap{grid-template-columns:1fr}}.qg-rings,.qg-graph{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 24px #14143c14}.qg-rings{display:flex;gap:20px;padding:18px 22px;justify-content:space-around;flex-wrap:wrap}.qg-ring{display:flex;flex-direction:column;align-items:center;min-width:110px}.qg-ring-value{font-size:19px;font-weight:700;fill:var(--text, currentColor);font-variant-numeric:tabular-nums}.qg-ring-label{margin-top:8px;font-weight:700;font-size:14px}.qg-ring-sub{font-size:11px;color:var(--text-muted, #8a8fa8)}.qg-graph{padding:14px 16px 8px;min-width:0}.qg-graph-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:4px}.qg-legend{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-muted, #8a8fa8)}.qg-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:8px}.qg-svg{height:150px;display:block}.qg-axis{font-size:9px;fill:var(--text-muted, #8a8fa8)}.qb-agent--spy{cursor:pointer;flex-wrap:wrap}.qb-spy-menu{flex-basis:100%;display:flex;gap:8px;padding:6px 0 4px 52px}.qb-spy-menu button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;background:var(--accent-light);color:var(--accent)}.qb-spy-menu button:nth-child(2){background:#fff1e0;color:#b45f00}.qb-spy-menu button:nth-child(3){background:#fde8e9;color:#c8323a}.qb-spy-menu button:hover{filter:brightness(.95)}.qb-spy-toast{margin:12px 0;padding:10px 16px;border-radius:12px;font-size:13px;background:#dcf7e6;color:#15803d}.qb-spy-toast--err{background:#fde8e9;color:#c8323a}.cdr-presets{display:inline-flex;gap:6px}.cdr-presets button{border:0;cursor:pointer;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-muted, #6b7090)}.cdr-presets button:hover{background:var(--accent-light);color:var(--accent)}.ms{position:relative}.ms-btn{display:inline-flex;align-items:center;gap:8px;min-width:150px;max-width:260px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;font-size:13px;cursor:pointer}.ms-btn--on{border-color:var(--accent);background:var(--accent-light);color:var(--accent);font-weight:600}.ms-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-pop{position:absolute;z-index:60;top:38px;left:0;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #14143c2e;padding:8px}.ms-search{display:flex;align-items:center;gap:6px;padding:0 8px;height:32px;background:var(--surface-2);border-radius:8px}.ms-search input{flex:1;border:0;outline:0;background:transparent;font-size:13px;color:inherit}.ms-list{max-height:260px;overflow:auto;margin-top:6px}.ms-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;cursor:pointer}.ms-item:hover{background:var(--surface-2)}.ms .ms-item input[type=checkbox]{width:15px;height:15px;min-width:0;margin:0;padding:0;border:0;flex:none;accent-color:var(--accent);cursor:pointer}.ms .ms-search input{height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.ms-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-empty{padding:10px;text-align:center;color:var(--text-muted, #8a8fa8)}.ms-clear{width:100%;margin-top:6px;padding:6px;border:0;border-radius:8px;background:var(--surface-2);font-size:12px;cursor:pointer;color:inherit}.roles-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.roles-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.roles-item.editing{border-color:var(--accent)}.roles-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.roles-item-name{font-weight:600}.roles-item-meta,.roles-item-desc{font-size:.78rem;color:var(--ink-3)}.roles-item-modules{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles-editor{margin-top:8px;padding:12px;border:1px dashed var(--accent);border-radius:10px}.roles-subtitle{margin:18px 0 8px;font-size:.9rem}.roles-select{min-width:160px}.cdr-charts{--st-good: #0ca30c;--st-warning: #fab219;--st-serious: #ec835a;--st-critical: #d03b3b;--seq-1: #86b6ef;--seq-2: #5598e7;--seq-3: #2a78d6;--seq-4: #1c5cab;--seq-5: #104281;--agent-bar: #4a3aa7;--cat-1: #2a78d6;--cat-2: #eb6834;--cat-3: #1baf7a;--cat-4: #eda100;--cat-5: #e87ba4;--cat-6: #008300;--cat-other: #b3b2ac}.dark .cdr-charts{--seq-1: #9ec5f4;--seq-2: #6da7ec;--seq-3: #3987e5;--seq-4: #256abf;--seq-5: #184f95;--agent-bar: #9085e9;--cat-1: #3987e5;--cat-2: #d95926;--cat-3: #199e70;--cat-4: #c98500;--cat-5: #d55181;--cat-6: #008300;--cat-other: #5f5e5a}.cdr-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}@media (max-width: 900px){.cdr-charts{grid-template-columns:minmax(0,1fr)}}.cdr-chart{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;min-width:0}.cdr-chart-title{font-weight:600;font-size:.88rem;color:var(--ink)}.cdr-chart-sub{font-size:.75rem;color:var(--ink-3);margin-top:2px}.cdr-chart-tip{position:absolute;transform:translate(-50%,calc(-100% - 10px));pointer-events:none;white-space:nowrap;z-index:5;background:var(--ink);color:var(--surface);font-size:.72rem;padding:4px 8px;border-radius:6px}.cdr-cols{display:flex;gap:2px;height:170px;margin-top:12px}.cdr-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;cursor:default}.cdr-col-plot{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--border)}.cdr-col-bar{width:100%;max-width:24px;min-height:0;background:var(--accent);border-radius:4px 4px 0 0}.cdr-col-val{font-size:.7rem;color:var(--ink-2);margin-bottom:3px}.cdr-col-stack{width:100%;max-width:24px;display:flex;flex-direction:column;gap:2px;border-radius:4px 4px 0 0;overflow:hidden}.cdr-col-seg{flex-basis:0;min-height:2px}.cdr-chart-loading{height:170px;display:grid;place-items:center;margin-top:12px}.cdr-chart-loading .spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:cdr-spin .8s linear infinite}@keyframes cdr-spin{to{transform:rotate(360deg)}}.cdr-col-label{font-size:.68rem;color:var(--ink-3);padding-top:5px;white-space:nowrap}.cdr-bars{display:flex;flex-direction:column;gap:6px;margin-top:12px}.cdr-bar-row{display:grid;grid-template-columns:minmax(80px,38%) 1fr auto;align-items:center;gap:8px;cursor:default}.cdr-bar-label{font-size:.75rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdr-bar-track{height:14px}.cdr-bar{height:100%;min-width:2px;background:var(--accent);border-radius:0 4px 4px 0}.cdr-bar-val{font-size:.72rem;color:var(--ink-2);min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.cdr-chart-legend{display:flex;gap:12px;font-size:.72rem;color:var(--ink-3);margin-top:6px}.cdr-chart-legend span{display:inline-flex;align-items:center;gap:5px}.cdr-chart-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.cdr-donut{display:flex;align-items:center;gap:18px;margin-top:10px}.cdr-donut-svg{width:160px;height:160px;flex-shrink:0}.cdr-donut-slice{cursor:default}.cdr-donut-total{font-size:26px;font-weight:700;fill:var(--ink)}.cdr-donut-caption{font-size:11px;fill:var(--ink-3)}.cdr-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.cdr-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.75rem}.cdr-legend-swatch{width:10px;height:10px;border-radius:3px}.cdr-legend-name{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdr-legend-val{color:var(--ink-3);font-variant-numeric:tabular-nums}.qb-fixed{margin-left:8px;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:600;vertical-align:middle;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--border);cursor:help}.roles-profiles{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.roles-profile-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.roles-profile-name{min-width:170px;font-size:.85rem;font-weight:600;color:var(--ink-2)}.pbx-warning{display:flex;flex-direction:column;gap:14px}.pbx-warning-card{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 2px 10px #14143c0d}.pbx-warning-card-title{font-size:.8rem;font-weight:700;color:var(--ink-2)}.pbx-warning-text{width:100%;resize:vertical;min-height:90px;font-family:inherit;background:var(--surface)}.pbx-warning-switch{display:inline-flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.pbx-warning-on{color:#2e9e4f}.pbx-warning-off{color:var(--text-muted, #8a8fa8)}.pbx-warning-field{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--ink-2)}.pbx-warning-ddis{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}.pbx-warning-ddi{display:grid;grid-template-columns:20px 130px 1fr;align-items:center;gap:10px;padding:8px 12px;font-size:.86rem;cursor:pointer;border-top:1px solid var(--border)}.pbx-warning-ddi:first-child{border-top:0}.pbx-warning-ddi:hover{background:var(--surface-2, rgba(0, 0, 0, .03))}.pbx-warning-ddi--on,.pbx-warning-ddi--on:hover{background:var(--accent-light)}.pbx-warning-num{font-weight:600}.pbx-warning-desc{color:var(--ink-2);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbx-warning-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pbx-warning-ddi--edit{cursor:default}.pbx-warning-ddi--hidden .pbx-warning-num,.pbx-warning-ddi--hidden .pbx-warning-desc{opacity:.45;text-decoration:line-through}.pbx-warning-eye{border:0;background:none;padding:0;display:grid;place-items:center;color:var(--accent);cursor:pointer}.pbx-warning-ddi--hidden .pbx-warning-eye{color:var(--text-muted, #8a8fa8)}.pbx-warning-eye:disabled{opacity:.35;cursor:not-allowed}