.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root,[data-theme=light]{--bg: #f3f5f8;--bg-2: #ffffff;--panel: #ffffff;--line: #d8dee6;--text: #1c232d;--muted: #5d6b7a;--copper: #f15a22;--copper-2: #c94a18;--ok: #1f9a6e;--danger: #d14b4b;--info: #3d7ab5;--canvas: #eef1f5;--input: #ffffff;--shadow: 0 10px 30px rgba(20, 30, 45, .08)}[data-theme=dark]{--bg: #0e1116;--bg-2: #161b22;--panel: #1c232d;--line: #2a3340;--text: #e8edf4;--muted: #8b97a8;--copper: #f15a22;--copper-2: #ff8a58;--ok: #3dba8b;--danger: #e06b6b;--info: #6ea8d8;--canvas: #12171e;--input: #12171e;--shadow: 0 20px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text)}html.capacitor-native,html.capacitor-native body,html.capacitor-native #root{background:var(--bg);min-height:100%;min-height:100dvh}[data-theme=dark] body{background:radial-gradient(1200px 600px at 10% -10%,#243044 0%,var(--bg) 55%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--input);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;width:100%}button{border:0;cursor:pointer}.login-wrap{min-height:100%;display:grid;place-items:center;padding:2rem}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.logo-wordmark{display:block;width:168px;height:auto;object-fit:contain;flex-shrink:0}.logo-mark{display:none;width:28px;height:28px;object-fit:contain;flex-shrink:0}.login-brand{margin-bottom:.8rem}.login-brand .logo-wordmark{width:260px}.hint{color:var(--muted);margin:0 0 1.4rem;font-size:.95rem}label{display:block;font-size:.8rem;color:var(--muted);margin:.8rem 0 .3rem}.btn{background:var(--copper);color:#fff;font-weight:600;padding:.65rem 1rem;border-radius:8px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.full{width:100%;margin-top:1.2rem}.error{color:var(--danger);font-size:.9rem;margin-top:.8rem}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100%;transition:grid-template-columns .18s ease}.shell.nav-collapsed{grid-template-columns:56px 1fr}.side{background:var(--bg-2);border-right:1px solid var(--line);padding:1.2rem .9rem;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden}.side-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem}.side .brand{margin:0;min-width:0}.nav-toggle{width:32px;height:32px;border-radius:8px;background:var(--canvas);color:var(--text);flex-shrink:0;font-size:1.15rem;line-height:1}.side nav{display:flex;flex-direction:column;gap:.25rem;margin-top:1.4rem}.side a,.side button.linkish{padding:.5rem .7rem;border-radius:8px;color:var(--muted);background:none;text-align:left;width:100%;white-space:nowrap}.side a.active,.side a:hover{background:var(--canvas);color:var(--text)}.side-foot{margin-top:auto;padding-top:2rem}.side-foot .hint{margin:0 0 .6rem .4rem}.nav-collapsed .side{padding:.75rem .35rem}.nav-collapsed .logo-wordmark{display:none}.nav-collapsed .logo-mark{display:block}.nav-collapsed .side-foot .hint{display:none}.nav-collapsed .side-foot .btn{padding:.45rem 0;font-size:0;width:100%}.nav-collapsed .theme-toggle{display:none}.nav-collapsed .side-foot .btn:not(.theme-toggle):before{content:"↪";font-size:.95rem}.nav-collapsed .side-top{justify-content:center}.nav-collapsed nav a{font-size:0;padding:.7rem 0;text-align:center}.nav-collapsed nav a:before{content:attr(data-short);font-size:.82rem;font-weight:650;color:inherit}.nav-collapsed .side-foot{padding-top:.6rem}.main{padding:1.4rem 1.8rem 2.5rem;overflow:auto}.shell-flow .main{padding:.55rem .7rem;overflow:hidden;height:100vh;display:grid}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem}h1{font-size:1.45rem;margin:0;font-weight:600}.sub{color:var(--muted);margin:.25rem 0 0}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.card b{font-size:1.4rem}.card p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--line);font-size:.92rem}th{color:var(--muted);font-weight:500}.mono{font-family:IBM Plex Mono,monospace}.pill{display:inline-block;padding:.12rem .5rem;border-radius:99px;background:var(--canvas);color:var(--copper-2);font-size:.75rem}.pill-warn{background:color-mix(in srgb,var(--warn, #d99a42) 18%,var(--canvas));color:var(--warn, #a66b14)}.muted{color:var(--muted)}.sda-top-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.sda-modal{max-width:34rem}.sda-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.35rem 0 1rem;padding:.28rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.sda-mode-switch button{border:0;border-radius:9px;padding:.55rem .7rem;background:transparent;color:var(--muted);font:inherit;font-size:.88rem;font-weight:550;cursor:pointer}.sda-mode-switch button.is-on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #141e2d0f}.sda-range-preview{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.sda-range-preview strong{font-size:.9rem}.sda-range-preview .mono{color:var(--muted);font-size:.84rem}.sda-import-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.5rem 0 1rem}.sda-file-btn{cursor:pointer}.sda-import-preview{margin:.5rem 0 1rem;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:12px}.sda-import-preview table{margin:0}.sda-import-preview th,.sda-import-preview td{font-size:.82rem}.trunk-modal{max-width:46rem}.trunk-codecs{margin-top:.35rem}.codec-priority{display:grid;gap:.55rem;margin:.25rem 0 .15rem}.codec-priority-head{display:grid;grid-template-columns:2.1rem 1fr auto;gap:.55rem;padding:0 .15rem;font-size:.68rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.codec-priority-actions-label{text-align:right;padding-right:.35rem}.codec-priority-list{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.codec-priority-row{display:grid;grid-template-columns:2.1rem 1fr auto;gap:.55rem;align-items:center;margin:0;padding:.55rem .65rem;border-bottom:1px solid var(--line);background:var(--canvas)}.codec-priority-row:last-child{border-bottom:0}.codec-priority-rank{display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:8px;font-size:.78rem;font-weight:700;color:var(--text);background:color-mix(in srgb,var(--copper) 14%,var(--panel))}.codec-priority-meta{display:grid;gap:.08rem;min-width:0}.codec-priority-meta b{font-size:.86rem;font-weight:600;line-height:1.2}.codec-priority-meta small{color:var(--muted);font-size:.7rem;line-height:1.25}.codec-priority-actions{display:inline-flex;align-items:center;gap:.15rem}.codec-icon-btn{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.codec-icon-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--line) 55%,transparent)}.codec-icon-btn:disabled{opacity:.35;cursor:default}.codec-icon-btn.is-danger:hover:not(:disabled){color:#b42318;background:color-mix(in srgb,#b42318 10%,transparent)}.codec-priority-add{display:grid;gap:.35rem}.codec-priority-add-label{font-size:.72rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.codec-priority-chips{display:flex;flex-wrap:wrap;gap:.35rem}.codec-chip{display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:.32rem .6rem;border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--text);font-size:.78rem;cursor:pointer}.codec-chip span{font-weight:700;color:var(--muted)}.codec-chip:hover:not(:disabled){border-style:solid;border-color:color-mix(in srgb,var(--copper) 45%,var(--line));background:color-mix(in srgb,var(--copper) 8%,var(--panel))}.codec-chip:disabled{opacity:.45;cursor:default}.phone-modal{max-width:44rem}.phone-config-tabs{margin:0 0 .35rem}.phone-config-panel{display:grid;gap:.85rem;margin:.65rem 0 0;max-height:min(58vh,560px);overflow:auto;padding-right:.15rem}.phone-section-label{margin:.35rem 0 0;font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.form-switch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;width:100%;margin:0;padding:.7rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:inherit;text-align:left;cursor:pointer;font:inherit}.form-switch:hover:not(:disabled){border-color:color-mix(in srgb,var(--copper) 35%,var(--line))}.form-switch:disabled{opacity:.55;cursor:default}.form-switch.is-on{border-color:color-mix(in srgb,var(--copper) 40%,var(--line));background:color-mix(in srgb,var(--copper) 7%,var(--panel))}.form-switch-track{position:relative;width:2.35rem;height:1.3rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,var(--line));flex-shrink:0;transition:background .16s ease}.form-switch.is-on .form-switch-track{background:color-mix(in srgb,var(--copper) 75%,#8a5a2b)}.form-switch-thumb{position:absolute;top:.15rem;left:.15rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:transform .16s ease}.form-switch.is-on .form-switch-thumb{transform:translate(1.05rem)}.form-switch-copy{display:grid;gap:.12rem;min-width:0}.form-switch-title{font-size:.88rem;font-weight:600;line-height:1.25}.form-switch-note{font-size:.72rem;color:var(--muted);line-height:1.35}.phone-checks{display:grid;gap:.45rem}.phone-segment{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.4rem}.phone-segment-btn{display:grid;gap:.2rem;margin:0;padding:.75rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:inherit;text-align:left;cursor:pointer;font:inherit}.phone-segment-btn b{font-size:.88rem;font-weight:600}.phone-segment-btn small{color:var(--muted);font-size:.72rem;line-height:1.35}.phone-segment-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--copper) 35%,var(--line))}.phone-segment-btn.is-on{border-color:color-mix(in srgb,var(--copper) 45%,var(--line));background:color-mix(in srgb,var(--copper) 8%,var(--panel))}.phone-segment-btn:disabled{opacity:.55;cursor:default}.phone-vlan-block{display:grid;gap:.45rem}.phone-vlan-id{display:grid;gap:.3rem;margin:0 0 .15rem .15rem;padding-left:.85rem;border-left:2px solid var(--line)}.phone-vlan-id.is-disabled{opacity:.45}.wallpaper-field{display:grid;gap:.35rem}.wallpaper-card{display:grid;grid-template-columns:7.5rem 1fr;gap:.85rem;align-items:start;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.wallpaper-preview{display:grid;place-items:center;width:7.5rem;height:5.2rem;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--panel) 70%,var(--line));color:var(--muted);font-size:.72rem}.wallpaper-preview img{width:100%;height:100%;object-fit:cover}.wallpaper-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.wallpaper-actions .hint,.wallpaper-actions .error{flex:1 1 100%;margin:.15rem 0 0}.wallpaper-actions label.btn{cursor:pointer}.wallpaper-actions label.btn.is-busy{opacity:.7;pointer-events:none}.password-field{position:relative;display:grid}.password-field input{padding-right:2.5rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.password-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--line) 55%,transparent)}.phone-provision-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.phone-provision-banner code{display:block;margin-top:.35rem;font-size:.78rem;word-break:break-all;color:var(--muted)}.hardphone-status{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.hardphone-status-label{font-size:.8rem;color:var(--muted)}.hardphone-status:has(.is-online) .hardphone-status-label{color:var(--ok);font-weight:600}.phone-presence.is-warn{background:#e0b15a;box-shadow:0 0 0 4px color-mix(in srgb,#e0b15a 13%,transparent)}.hardphone-status:has(.is-warn) .hardphone-status-label{color:#c4922e;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:1rem 0;align-items:end}.flow-shell,.flow-page{height:100%;min-height:0;display:grid}.flow-shell{grid-template-rows:1fr}.flow-page{grid-template-rows:auto 1fr}.flow-org,.flow-org select{width:auto;min-width:160px}.flow-hint{margin:0 0 0 .4rem}select.autre{width:auto;min-width:160px}.modal-backdrop{position:fixed;inset:0;background:#080a0e9e;display:grid;place-items:center;z-index:40;padding:1rem}.contact-form-backdrop{z-index:120;align-content:start;justify-items:center;padding:1.25rem;overflow:auto;overscroll-behavior:contain}.contact-form-backdrop .contact-form-modal{width:min(560px,100%);max-height:none;margin:min(8vh,4rem) auto;overflow:visible}.modal-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem 1.15rem;box-shadow:0 24px 70px #00000073}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}.modal-card.wide{width:min(520px,100%);max-height:90vh;overflow:auto}.contact-form-backdrop .modal-card.wide{max-height:none;overflow:visible}.clock{margin-left:auto;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;color:var(--copper-2);background:var(--canvas);border-radius:99px;padding:.28rem .7rem}.open-badge{margin:.35rem 0 .7rem;padding:.45rem .65rem;border-radius:8px;font-size:.9rem}.open-badge.ok{background:#3dba8b29;color:var(--ok)}.open-badge.ko{background:#e06b6b29;color:var(--danger)}.days{display:flex;gap:.25rem;flex-wrap:wrap}.days button{width:2.45rem;padding:.35rem 0;border-radius:7px;background:var(--input);color:var(--muted);border:1px solid var(--line);font-size:.75rem}.days button.on{background:var(--copper);color:#fff;border-color:var(--copper);font-weight:650}.slot{margin-top:.7rem;padding:.65rem;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.slot-hours{display:flex;align-items:center;gap:.45rem;margin-top:.5rem}.slot-hours input[type=time]{width:auto;flex:1}.node-playback{border-color:#e0b15a}.ports{display:flex;flex-direction:column;gap:.15rem;margin-top:.35rem;font-size:.68rem;color:var(--muted)}.ports.port-labels{position:absolute;inset:0;display:block;margin:0;pointer-events:none}.ports.port-labels span{position:absolute;right:14px;line-height:1;transform:translateY(-50%);white-space:nowrap}.check-list{display:flex;flex-direction:column;gap:.35rem;margin:.4rem 0 .8rem}.check-row{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text);font-size:.9rem}.check-row input{width:auto}.btn.small{padding:.35rem .55rem;font-size:.82rem}.flow-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}.flow-picker{width:min(230px,24vw);min-width:170px}.flow-name-input{width:min(210px,22vw);min-width:150px}.flow-toolbar-separator{width:1px;height:30px;margin:0 .15rem;background:var(--line)}.flow-gallery{display:flex;flex-direction:column;gap:1.1rem;min-height:0;height:100%;overflow:auto;padding:.15rem .1rem 1.2rem}.flow-gallery-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.flow-gallery-head .h2{margin:.15rem 0 .25rem}.flow-gallery-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.flow-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.flow-gallery-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-height:168px;padding:1rem 1.05rem 1.1rem;text-align:left;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--copper) 10%,transparent),transparent 18rem),var(--panel);color:var(--text);box-shadow:0 10px 28px #141e2d0d;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.flow-gallery-card:hover{border-color:color-mix(in srgb,var(--copper) 55%,var(--line));transform:translateY(-2px);box-shadow:0 14px 32px #141e2d14}.flow-gallery-card h3{margin:0;font-size:1.08rem;letter-spacing:-.02em;line-height:1.25}.flow-gallery-card-top{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.5rem}.flow-gallery-badge{font-size:.66rem}.flow-gallery-open{color:var(--copper);font-size:.78rem;font-weight:600}.flow-gallery-sub{margin:0;color:var(--muted);font-size:.84rem;line-height:1.35}.flow-gallery-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:.15rem 0 0;padding:0;list-style:none}.flow-gallery-meta li{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.12rem .45rem;background:color-mix(in srgb,var(--canvas) 55%,var(--panel))}.flow-gallery-card.is-create{justify-content:center;align-items:center;text-align:center;border-style:dashed;background:color-mix(in srgb,var(--canvas) 40%,var(--panel));min-height:168px}.flow-gallery-plus{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--copper) 40%,var(--line));color:var(--copper);font-size:1.4rem;font-weight:500;margin-bottom:.2rem}.flow-gallery-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.4rem 1.3rem;border:1px dashed var(--line);border-radius:16px;background:var(--panel)}.flow-gallery-empty b{font-size:1.05rem}.flow-gallery-empty p{margin:0;color:var(--muted)}.live-path-switch{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;width:8.6rem;margin:0;padding:.28rem .5rem .28rem .35rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--canvas) 45%,var(--panel));color:var(--muted);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.live-path-switch:hover{border-color:color-mix(in srgb,#2f9e6e 35%,var(--line))}.live-path-switch.is-on{color:#1f7a54;border-color:color-mix(in srgb,#2f9e6e 50%,var(--line));background:color-mix(in srgb,#2f9e6e 12%,var(--panel))}.live-path-switch-track{position:relative;flex:0 0 auto;width:1.7rem;height:.95rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent);transition:background .15s ease}.live-path-switch.is-on .live-path-switch-track{background:#2f9e6e}.live-path-switch-thumb{position:absolute;top:2px;left:2px;width:.7rem;height:.7rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #141e2d40;transition:transform .15s ease}.live-path-switch.is-on .live-path-switch-thumb{transform:translate(.72rem)}.live-path-switch-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;min-width:0}.live-path-switch-title{font-size:.72rem;font-weight:700;letter-spacing:.02em}.live-path-switch-note{font-size:.65rem;font-weight:600;opacity:.8;text-transform:lowercase;max-width:4.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-flow__node.node-live-path .node-block{border-color:#2f9e6e;box-shadow:0 0 0 2px color-mix(in srgb,#2f9e6e 35%,transparent),0 10px 24px #2f9e6e1f}.react-flow__edge.edge-live-path .react-flow__edge-path{stroke:#2f9e6e!important;stroke-width:2.75px!important;filter:drop-shadow(0 0 5px rgba(47,158,110,.45))}.react-flow__edge.edge-live-path .react-flow__edge-text{fill:#1f7a54}.canvas-wrap.has-live-path .react-flow__edge.edge-dimmed .react-flow__edge-path{opacity:.28;stroke-dasharray:4 6}.react-flow__edge.edge-live-path.animated path{stroke-dasharray:6;animation:live-edge-flow .7s linear infinite}@keyframes live-edge-flow{to{stroke-dashoffset:-12}}.flow-gallery-controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.flow-gallery-search{flex:1 1 220px;min-width:180px;max-width:360px;margin:0;padding:.55rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.flow-gallery-filters{display:flex;flex-wrap:wrap;gap:.35rem;padding:.2rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 55%,var(--panel))}.flow-gallery-filter{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:600;padding:.38rem .75rem;border-radius:999px;cursor:pointer}.flow-gallery-filter.is-on{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #141e2d14}.flow-gallery-filter.is-locked{opacity:.45;cursor:not-allowed;text-decoration:line-through}.flow-gallery-lock-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0 0;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,#d97706 12%)}.flow-gallery-lock-banner p{margin:.25rem 0 0;color:var(--muted);font-size:.86rem}.node-hotel{border-color:#0d9488}.integration-card-mark[data-provider=hotel_qr]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#0c2a28);color:#5eead4;border-color:color-mix(in srgb,#14b8a6 35%,#2a3340)}.hotel-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:.75rem}.hotel-room-card{display:grid;gap:.55rem;padding:0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,transparent);justify-items:stretch;text-align:center;overflow:hidden}.hotel-room-visual{position:relative;display:grid;gap:.55rem;justify-items:center;padding:1.1rem .85rem 1rem;background:var(--hotel-bg, #f7f4ef);color:#1c1917}.hotel-room-skillmark{position:static;height:36px;width:auto;max-width:160px;object-fit:contain;opacity:.9;margin-top:.15rem;pointer-events:none;border-radius:0;background:transparent}.hotel-guest-powered{margin-top:auto;padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;color:color-mix(in srgb,#1c1917 48%,transparent);font-size:.78rem}.hotel-guest-skill-logo{height:76px!important;width:auto!important;max-width:320px;object-fit:contain;opacity:.95;display:block;border-radius:0;background:transparent}.hotel-room-logo{height:36px;width:auto;max-width:140px;object-fit:contain}.hotel-room-label{font-size:.95rem;color:#1c1917}.hotel-room-qr{border-radius:10px;background:#fff;padding:6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--hotel-accent, #0f766e) 28%,transparent)}.hotel-room-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;padding:0 .75rem .75rem}.hotel-brand-box{display:grid;gap:.75rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 86%,transparent)}.hotel-logo-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.hotel-logo-preview{width:96px;height:72px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;background:#fff;overflow:hidden;color:var(--muted);font-size:.75rem}.hotel-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.hotel-logo-actions{display:flex;gap:.4rem;flex-wrap:wrap}.hotel-file-btn{cursor:pointer}.hotel-accent-row{display:flex;align-items:center;gap:.5rem}.hotel-accent-row input[type=color]{width:42px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent}.hotel-guest-page{min-height:100dvh;display:grid;place-items:stretch;padding:1.25rem 1rem 1.5rem;background:var(--hotel-bg, #f7f4ef);color:#1c1917}.hotel-guest-shell{width:min(420px,100%);margin:0 auto;display:grid;gap:1.15rem;align-content:start;min-height:calc(100dvh - 2.5rem)}.hotel-guest-hero{display:grid;gap:.45rem;justify-items:center;text-align:center;padding:1.1rem .5rem .25rem}.hotel-guest-logo{height:88px;width:auto;max-width:280px;object-fit:contain;margin-bottom:.35rem}.hotel-guest-logo-fallback{width:88px;height:88px;border-radius:20px;display:grid;place-items:center;font-size:1.85rem;font-weight:700;color:#fff;background:var(--hotel-accent, #0f766e);margin-bottom:.35rem}.hotel-guest-kicker{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,#1c1917 55%,transparent);font-weight:650}.hotel-guest-title{margin:0;font-size:clamp(1.7rem,6vw,2.15rem);font-weight:750;letter-spacing:-.03em;color:#1c1917}.hotel-guest-sub{margin:.15rem 0 0;max-width:28ch;color:color-mix(in srgb,#1c1917 68%,transparent);line-height:1.45;font-size:.98rem}.hotel-guest-buttons{display:grid;gap:.75rem}.hotel-guest-btn{appearance:none;border:0;border-radius:16px;padding:1.1rem 1.2rem;font:inherit;font-size:1.12rem;font-weight:650;color:#fff;background:var(--hotel-accent, #0f766e);cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--hotel-accent, #0f766e) 28%,transparent);transition:transform .15s ease,filter .15s ease}.hotel-guest-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.hotel-guest-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hotel-guest-callbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid color-mix(in srgb,#1c1917 12%,transparent);background:color-mix(in srgb,#fff 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hotel-guest-hangup{background:#b91c1c!important;border-color:#991b1b!important;color:#fff!important}.hotel-guest-error,.hotel-guest-loading{margin-top:2rem;text-align:center}.flow-editor-top{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.7rem}.flow-editor-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.55rem .75rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.flow-editor-left,.flow-editor-actions{display:flex;align-items:center;gap:.45rem;min-width:0}.flow-editor-actions{flex:1 1 auto;justify-content:flex-end;flex-wrap:nowrap}.flow-editor-bar .flow-name-input{width:min(240px,28vw);min-width:120px;margin:0;font-weight:650;letter-spacing:-.01em}.flow-editor-spacer{flex:1;min-width:.5rem}.flow-editor-bar .clock{flex:0 1 auto;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.flow-editor-pattern{font-size:.78rem;color:var(--muted);padding:.2rem .45rem;border-radius:8px;background:color-mix(in srgb,var(--canvas) 60%,transparent)}.flow-block-palette{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.5rem .65rem;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--canvas) 35%,var(--panel)),var(--panel))}.flow-palette-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:.15rem}.flow-palette-btn{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:.8rem;font-weight:600;padding:.38rem .7rem;border-radius:999px;cursor:pointer;transition:border-color .14s ease,transform .14s ease,background .14s ease}.flow-palette-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--copper) 50%,var(--line));transform:translateY(-1px)}.flow-palette-btn:disabled{opacity:.45;cursor:not-allowed}.flow-palette-btn[data-type=sda],.flow-palette-btn[data-type=start]{border-color:color-mix(in srgb,var(--copper) 45%,var(--line))}.flow-palette-btn[data-type=schedule]{border-color:color-mix(in srgb,#6ea8d8 55%,var(--line))}.flow-palette-btn[data-type=switch]{border-color:color-mix(in srgb,#c4a35a 55%,var(--line))}.flow-palette-btn[data-type=playback],.flow-palette-btn[data-type=confirmation]{border-color:color-mix(in srgb,#4ab69a 55%,var(--line))}.flow-palette-btn[data-type=queue],.flow-palette-btn[data-type=trunk]{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.flow-palette-btn[data-type=voicemail],.flow-palette-btn[data-type=feature_action]{border-color:color-mix(in srgb,#d99a42 55%,var(--line))}.flow-palette-btn[data-type=extension],.flow-palette-btn[data-type=transform]{border-color:color-mix(in srgb,#6ea8d8 55%,var(--line))}.flow-palette-btn[data-type=ivr],.flow-palette-btn[data-type=webhook]{border-color:color-mix(in srgb,#8d7ee8 55%,var(--line))}.flow-palette-btn[data-type=hangup],.flow-palette-btn[data-type=reject]{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.flow-palette-btn[data-type=goto_flow],.flow-palette-btn[data-type=goto_route]{border-color:color-mix(in srgb,#5b8def 55%,var(--line))}.flow-palette-btn[data-type=record]{border-color:color-mix(in srgb,#c45a7a 50%,var(--line))}.flow-hint{margin-left:auto;font-size:.72rem!important;opacity:.85}.flow-block-modal{display:flex;flex-direction:column;gap:0;padding:0;width:min(440px,calc(100vw - 1.5rem));max-height:min(820px,calc(100vh - 2rem));overflow:hidden}.flow-block-modal.wide{width:min(560px,calc(100vw - 1.5rem))}.flow-block-modal .modal-head{padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--line);margin:0}.flow-block-modal .modal-head h3{margin:.1rem 0 0}.flow-block-modal .eyebrow{margin:0;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.flow-block-modal-body{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.15rem;overflow:auto}.flow-block-modal-body>label{margin-top:.35rem}.flow-block-modal-body>label:first-child{margin-top:0}.flow-block-modal-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1.1rem;border-top:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 40%,var(--panel))}.btn.danger-ghost{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.btn.danger-ghost:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.outbound-flow-page.is-gallery{grid-template-rows:minmax(0,1fr);overflow:auto}.outbound-flow-page:not(.is-gallery){grid-template-rows:auto minmax(0,1fr)}.outbound-route-title{font-size:.92rem;letter-spacing:-.01em}.sda-multi-list{display:grid;gap:.45rem;max-height:360px;margin:.4rem 0 1rem;overflow:auto}.sda-multi-row{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.65rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.sda-multi-row input{width:auto;margin-top:.15rem}.sda-multi-row span{display:flex;min-width:0;flex-direction:column;gap:.12rem}.sda-multi-row b{font-size:.8rem}.sda-multi-row small{color:var(--muted);font-size:.68rem}.sda-multi-row.is-unavailable{opacity:.58}.canvas-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--canvas);min-height:0;height:100%}.node-block{position:relative;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem .7rem;color:var(--text);box-shadow:var(--shadow);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.react-flow__node.selected .node-block{border-color:var(--copper);box-shadow:0 0 0 3px color-mix(in srgb,var(--copper) 25%,transparent),0 14px 34px color-mix(in srgb,var(--copper) 18%,transparent)}.react-flow__node.selected .node-block:after{content:"";position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--copper) 55%,transparent);border-radius:14px;pointer-events:none}.react-flow__handle{width:13px;height:13px;border:2px solid var(--panel);background:var(--copper);box-shadow:0 0 0 1px color-mix(in srgb,var(--copper) 55%,var(--line));transition:width .12s ease,height .12s ease,background .12s ease,box-shadow .12s ease}.react-flow__handle:hover{width:18px;height:18px;background:#f3bd75;box-shadow:0 0 0 5px color-mix(in srgb,var(--copper) 24%,transparent),0 0 18px color-mix(in srgb,var(--copper) 65%,transparent)}.node-with-ports{padding-right:4.2rem}.node-block header{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--copper);margin-bottom:.25rem}.node-block .title{font-weight:600}.node-sda{border-color:#d4a056}.node-schedule{border-color:#6ea8d8}.node-switch{border-color:#c4a35a}.node-queue{border-color:#3dba8b}.node-voicemail{border-color:#c48bdb}.node-extension{border-color:#8b97a8}.node-ivr{border-color:#e0b15a}.node-record{border-color:#c45a7a}.filter{display:flex;gap:.5rem;align-items:center}.led{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.4rem}.led.ok{background:#3dba8b;box-shadow:0 0 8px #3dba8b}.led.ko{background:#e06b6b;box-shadow:0 0 8px #e06b6b}.led.wait{background:#d4a056;box-shadow:0 0 8px #d4a056}.reason{color:var(--muted);font-size:.82rem;max-width:28rem}.btn.small{padding:.35rem .65rem;font-size:.85rem;margin-right:.35rem}.actions{white-space:nowrap}.theme-toggle{width:100%;margin:0 0 .45rem}.h2{font-size:1.1rem;margin:1.4rem 0 .5rem;font-weight:600}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}.client-banner{margin-bottom:1.2rem}.client-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.client-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.15rem 1.2rem;box-shadow:var(--shadow)}.client-card h2{margin:0;font-size:1.15rem}.client-card .btn{display:inline-block;margin-top:.2rem}.license-key-block{margin-bottom:.85rem}.link-card{display:block;transition:border-color .15s ease}.link-card:hover{border-color:var(--copper)}.create-client{max-width:640px}.site-list{list-style:none;padding:0;margin:0 0 1rem}.site-list li{padding:.45rem 0;border-bottom:1px solid var(--line)}[data-theme=light] .modal-backdrop{background:#1e283759}.ok-msg{margin:.75rem 0;color:var(--ok);font-size:.92rem}.hint-box{background:color-mix(in srgb,var(--info) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--info) 28%,var(--line));border-radius:12px;padding:.85rem 1rem;margin:0 0 1rem;color:var(--text);font-size:.92rem}.hint-box p{margin:.35rem 0}.hint-box code{background:var(--input);padding:.1rem .35rem;border-radius:4px;font-size:.85em}.pwa-shell.is-ringing{animation:pwa-ring-pulse 1.2s ease-in-out infinite}@keyframes pwa-ring-pulse{0%,to{box-shadow:inset 0 0 0 0 transparent}50%{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--copper) 55%,transparent)}}.pwa-settings{margin:.75rem 1.25rem 0;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:520px}.pwa-settings h3{margin:0 0 .35rem;font-size:1rem}.pwa-settings label{display:block;margin:.75rem 0 .35rem;font-size:.85rem;color:var(--muted)}.pwa-settings-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.pwa-top{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pwa-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;flex:1;min-width:0}.pwa-meta b{font-weight:600}.pwa-actions{display:flex;align-items:center;gap:.4rem}.pwa-actions .theme-toggle{width:auto;margin:0}.pill{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;color:var(--muted)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.pill.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.pill.warn{color:var(--copper);border-color:color-mix(in srgb,var(--copper) 45%,var(--line))}.pwa-main{width:min(420px,100%);margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:grid;gap:1rem}.pwa-status{text-align:center;color:var(--muted);min-height:1.4rem}.pwa-remote{text-align:center;font-size:1.4rem;font-weight:600}.pwa-digits{text-align:center;font-size:1.55rem;letter-spacing:.04em;padding:.85rem}.pwa-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.pwa-key{aspect-ratio:1.45;border-radius:14px;background:var(--panel);border:1px solid var(--line);font-size:1.35rem;font-weight:500;transition:transform .12s ease,border-color .12s ease}.pwa-key:active{transform:scale(.96);border-color:var(--copper)}.pwa-callbar{display:grid;grid-template-columns:1fr 1.4fr;gap:.6rem;margin-top:.35rem}.pwa-callbar .full{grid-column:1 / -1}.btn.ok{background:var(--ok);color:#fff}.btn.danger{background:var(--danger);color:#fff}.pwa-install{margin-top:1rem}.pwa-install.compact{margin:0}.pwa-install-btn{background:var(--copper);color:#fff}.pwa-install-btn:hover{background:var(--copper-2)}.pwa-install-hint{margin:.55rem 0 0;text-align:left}.pwa-install-done{margin-top:1rem;text-align:center}.pwa-actions .pwa-install-hint{position:absolute;right:1rem;top:100%;max-width:260px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem;z-index:5;box-shadow:var(--shadow)}.pwa-actions{position:relative}.phone-app{min-height:100%;display:flex;flex-direction:column}.phone-status-inline{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.phone-body{flex:1;overflow:auto;padding:.75rem 1rem 5.5rem;width:min(520px,100%);margin:0 auto}.phone-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 92%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.phone-nav-btn{background:transparent;border:0;border-radius:10px;padding:.55rem .25rem;font-size:.78rem;font-weight:500;color:var(--muted)}.phone-nav-btn.is-on{color:var(--copper);background:color-mix(in srgb,var(--copper) 12%,transparent)}.phone-panel h2{margin:0;font-size:1.15rem}.phone-panel-head{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem}.phone-filters{display:flex;flex-wrap:wrap;gap:.35rem}.btn.ghost.is-on,.btn.ghost.active{border-color:var(--copper);color:var(--copper)}.phone-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}.phone-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.phone-list-main{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.phone-list-main .hint{font-size:.8rem}.phone-list-actions{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;align-items:stretch}.phone-list-actions .btn{white-space:nowrap}.dialer-panel{width:min(360px,100%);margin:0 auto}.phone-dialpad.compact .pwa-digits{font-size:1.1rem;padding:.5rem}.phone-dialpad.compact .pwa-key{aspect-ratio:1.6;font-size:1.1rem}.pwa-settings.inline{margin:0 0 1rem;max-width:none}.call-overlay{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:1.25rem;background:color-mix(in srgb,var(--bg) 55%,rgba(10,14,20,.55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-overlay-card{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.35rem 1.25rem 1.25rem;box-shadow:var(--shadow);display:grid;gap:.75rem;text-align:center}.call-overlay-title{margin:0;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}.call-overlay-remote{margin:0;font-size:1.55rem;font-weight:600}.call-overlay-timer{margin:0;color:var(--muted)}.call-overlay-actions,.call-overlay-tools{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.call-overlay-tools{grid-template-columns:repeat(2,1fr)}.call-overlay.is-remote-held .call-overlay-title{color:var(--phone-accent, #ed5b2a)}.call-overlay-held-hint{margin:0;font-size:.85rem;color:var(--phone-accent, #ed5b2a)}.call-overlay-dtmf{display:grid;gap:.55rem;min-height:0}.call-overlay.is-dtmf .call-overlay-card{gap:.55rem;max-height:min(92dvh,720px);overflow:auto;-webkit-overflow-scrolling:touch}.call-overlay.is-dtmf .phone-dialpad.compact .pwa-digits{min-height:40px;font-size:1.15rem}.call-overlay.is-dtmf .phone-dialpad.compact .pwa-key{min-height:48px}.call-speaker-btn{min-height:52px;font-weight:600}.call-speaker-btn.is-on{color:var(--phone-accent, #ed5b2a);border-color:color-mix(in srgb,var(--phone-accent, #ed5b2a) 55%,var(--line));background:color-mix(in srgb,var(--phone-accent, #ed5b2a) 14%,transparent)}.phone-app{--phone-accent: #ed5b2a;--phone-accent-soft: color-mix(in srgb, var(--phone-accent) 12%, transparent);background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--phone-accent) 8%,transparent),transparent 28rem),var(--bg)}.phone-app .pwa-top{height:72px;padding:0 1.35rem;gap:.7rem;border-bottom-color:color-mix(in srgb,var(--line) 72%,transparent);box-shadow:0 1px #ffffff08;z-index:25}.phone-brand-logo{width:40px;height:40px;object-fit:contain;object-position:center;padding-right:1rem;margin-right:.5rem;border-right:1px solid var(--line);border-radius:9px}.phone-brand-copy{display:flex;flex-direction:column;padding-right:1.2rem;margin-right:.5rem;border-right:1px solid var(--line);line-height:1}.phone-brand-copy span{font-size:1rem;font-weight:700;letter-spacing:-.025em}.phone-brand-copy small{color:var(--muted);font-size:.66rem;margin-top:.22rem;letter-spacing:.12em;text-transform:uppercase}.phone-presence{width:8px;height:8px;border-radius:99px;background:var(--muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--muted) 12%,transparent)}.phone-presence.is-online{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 13%,transparent)}.phone-status-copy{color:var(--muted);font-size:.78rem}.phone-user{display:flex;align-items:center;gap:.65rem}.phone-user-copy{display:flex;flex-direction:column;text-align:right;line-height:1.25}.phone-user-copy b{font-size:.85rem;font-weight:600}.phone-user-copy span{font-size:.7rem;color:var(--muted)}.phone-avatar,.phone-list-avatar,.dialer-avatar,.call-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;font-weight:600;background:linear-gradient(145deg,color-mix(in srgb,var(--phone-accent) 18%,var(--panel)),var(--panel));color:var(--phone-accent);border:1px solid color-mix(in srgb,var(--phone-accent) 24%,var(--line))}.phone-avatar{width:38px;height:38px;font-size:.75rem}.phone-workspace{flex:1;min-height:0;display:grid;grid-template-columns:196px minmax(0,1fr)}.phone-nav{position:static;display:flex;flex-direction:column;gap:.32rem;padding:1.25rem .8rem;border:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 52%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.phone-nav-btn{display:flex;align-items:center;gap:.72rem;padding:.7rem .82rem;border-radius:10px;font-size:.84rem;text-align:left;transition:color .16s ease,background .16s ease,transform .16s ease}.phone-nav-btn:hover{color:var(--text);background:color-mix(in srgb,var(--panel) 75%,transparent)}.phone-nav-btn.is-on{color:var(--phone-accent);background:var(--phone-accent-soft);font-weight:600}.phone-nav-btn .phone-icon{flex:0 0 auto}.phone-body{width:100%;max-width:820px;padding:2rem 2.25rem 3rem;margin:0 auto}.phone-view-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.6rem}.phone-view-heading h1{margin:.2rem 0 0;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.035em;line-height:1.05}.phone-eyebrow{color:var(--phone-accent);font-size:.67rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.phone-context-status{color:var(--muted);font-size:.76rem}.phone-panel{animation:phone-view-in .22s ease-out both}@keyframes phone-view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.dialer-panel{width:min(348px,100%);padding:1.3rem 1.25rem 1.2rem;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:22px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 20px 55px #141e2d17}[data-theme=dark] .dialer-panel{box-shadow:0 24px 60px #00000047}.dialer-avatar{width:52px;height:52px;margin:0 auto .65rem}.dialer-helper{margin:0 0 1rem;color:var(--muted);font-size:.78rem;text-align:center}.pwa-digits{min-height:53px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font-size:1.45rem;font-weight:500;outline:none;box-shadow:none}.pwa-digits:focus{border-color:var(--phone-accent);box-shadow:none}.pwa-pad{gap:.55rem;margin-top:1rem}.pwa-key{aspect-ratio:1.42;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:0;border-radius:50%;background:color-mix(in srgb,var(--panel) 70%,var(--bg));font-size:1.22rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 75%,transparent)}.pwa-key small{min-height:.65rem;color:var(--muted);font-size:.47rem;font-weight:600;letter-spacing:.12em}.pwa-key:hover{background:var(--phone-accent-soft);color:var(--phone-accent)}.pwa-callbar{margin-top:1rem;grid-template-columns:48px 1fr}.pwa-callbar .btn{min-height:45px;display:flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px}.pwa-callbar .btn.ok{background:linear-gradient(135deg,#20a773,#168c5f);box-shadow:0 8px 22px #1f9a6e38}.phone-panel-head{margin-bottom:1rem}.phone-panel-head h2{font-size:.9rem;color:var(--muted);font-weight:500}.phone-filters{width:fit-content;padding:.24rem;border-radius:10px;background:color-mix(in srgb,var(--panel) 60%,var(--bg))}.phone-filters .btn{border:0;border-radius:8px}.phone-list{gap:.55rem}.phone-list-item{padding:.75rem .8rem;border-color:color-mix(in srgb,var(--line) 78%,transparent);border-radius:14px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.phone-list-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--phone-accent) 28%,var(--line));box-shadow:0 8px 24px #141e2d0f}.phone-list-avatar{position:relative;width:38px;height:38px;font-size:.68rem}.phone-list-presence{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid var(--panel);border-radius:50%;background:var(--ok)}.phone-list-avatar.direction-missed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,var(--line))}.phone-list-avatar.direction-in{color:var(--info);border-color:color-mix(in srgb,var(--info) 24%,var(--line))}.phone-list-main{flex:1}.phone-list-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:34px;min-height:34px;border-radius:10px}.phone-search{display:flex;align-items:center;gap:.55rem;padding:0 .75rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}.phone-search input{border:0;padding-left:0;box-shadow:none;background:transparent}.phone-search input:focus{box-shadow:none}.phone-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;color:var(--muted)}.phone-empty b{color:var(--text);font-weight:600}.phone-empty p{margin:0;max-width:260px;font-size:.82rem}.phone-empty-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:.35rem;border-radius:18px;color:var(--phone-accent);background:var(--phone-accent-soft)}.phone-mobile-nav,.phone-fab{display:none}.call-overlay{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--phone-accent) 22%,transparent),transparent 28rem),color-mix(in srgb,var(--bg) 55%,rgba(10,14,20,.7))}.call-overlay-card{padding:1.75rem 1.35rem 1.35rem;border-radius:24px}.call-avatar{position:relative;width:76px;height:76px;margin:0 auto .25rem;font-size:1.2rem}.call-avatar-ripple{position:absolute;inset:-9px;border:1px solid color-mix(in srgb,var(--phone-accent) 60%,transparent);border-radius:50%;animation:call-ripple 1.45s ease-out infinite}@keyframes call-ripple{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.3);opacity:0}}.call-overlay-actions .btn,.call-overlay-tools .btn,.call-overlay-card>.btn{min-height:46px;display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:12px}.call-overlay-tools .btn{flex-direction:column;min-height:66px;font-size:.73rem}@media(max-width:720px){.phone-app{min-height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg)}.phone-app .pwa-top{height:calc(62px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) .9rem 0;background:color-mix(in srgb,var(--panel) 88%,transparent)}.phone-brand-logo{width:34px;height:34px;padding-right:.7rem;margin-right:.15rem}.phone-brand-copy,.phone-user-copy{display:none}.pwa-meta{gap:.42rem}.phone-workspace{display:block}.phone-nav{display:none}.phone-body{height:calc(100dvh - 62px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:1.35rem .9rem calc(5.75rem + env(safe-area-inset-bottom,0px));max-width:520px}.phone-view-heading{margin-bottom:1.2rem}.phone-context-status{display:none}.phone-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:.4rem .45rem calc(.4rem + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:0;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 -8px 28px #141e2d14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.phone-mobile-nav .phone-nav-btn{flex-direction:column;justify-content:center;gap:.2rem;padding:.42rem .1rem;font-size:.63rem;text-align:center}.phone-mobile-nav .phone-icon{width:19px;height:19px}.dialer-panel{padding:1rem;border-radius:20px;max-width:350px}.dialer-avatar{width:46px;height:46px;margin-bottom:.45rem}.dialer-helper{margin-bottom:.55rem}.pwa-digits{min-height:47px;font-size:1.25rem}.pwa-pad{gap:.42rem;margin-top:.7rem}.pwa-key{aspect-ratio:1.55;min-height:48px;font-size:1.08rem;touch-action:manipulation}.pwa-callbar{margin-top:.7rem}.phone-list-item{gap:.55rem}.phone-list-actions .btn span{display:none}.call-overlay{align-items:end;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom,0px))}.call-overlay-card{width:100%;border-radius:24px;padding-bottom:1.1rem}.call-overlay.is-dtmf .call-overlay-card{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1.5rem);padding-top:.85rem}.call-overlay.is-dtmf .phone-dialpad.compact .pwa-key{min-height:44px;aspect-ratio:1.65}.pwa-settings.inline{padding:.9rem}input,select,textarea{font-size:16px}}.outbound-flow-page{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.outbound-flow-page>.top{margin-bottom:.55rem;padding:.2rem .15rem .7rem}.outbound-flow-page>.top .h2{margin-top:.15rem}.outbound-route-bar{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem;padding:.65rem;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.outbound-route-bar>select{width:min(350px,40vw);min-height:34px}.outbound-bar-spacer{flex:1}.outbound-message{min-height:0}.outbound-message:not(:empty){padding-bottom:.55rem}.outbound-message .ok-msg{margin:0}.outbound-designer{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--canvas)}.outbound-canvas{min-width:0}.outbound-inspector{width:min(460px,100%);padding:1rem;max-height:min(760px,calc(100vh - 2rem));overflow:auto;background:var(--panel)}.outbound-inspector h3{margin:0 0 .9rem;font-size:1rem}.outbound-node{min-width:175px}.outbound-node.node-webhook{min-height:74px;padding-right:4.2rem}.node-start{border-color:var(--copper)}.node-transform{border-color:#6ea8d8}.node-presented{border-color:#c48a3a}.node-webhook{border-color:#8d7ee8}.node-feature-action{border-color:#d99a42}.node-confirmation{border-color:#4ab69a}.node-trunk{border-color:var(--ok)}.node-reject{border-color:var(--danger)}.node-goto{border-color:#5b8def}.outbound-node.node-record{border-color:#c45a7a}.rec-mode-grid{display:grid;grid-template-columns:1fr;gap:.45rem;margin:.35rem 0 .7rem}.rec-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;margin:0;padding:.7rem .8rem;text-align:left;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--canvas) 40%,var(--panel));color:var(--text);font:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease}.rec-mode-card b{font-size:.88rem}.rec-mode-card span{color:var(--muted);font-size:.75rem;line-height:1.35}.rec-mode-card:hover{border-color:color-mix(in srgb,#c45a7a 40%,var(--line))}.rec-mode-card.is-on{border-color:color-mix(in srgb,#c45a7a 55%,var(--line));background:color-mix(in srgb,#c45a7a 10%,var(--panel))}.rec-retention-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.25rem 0 .5rem}.rec-retention-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;padding:.32rem .65rem;border-radius:999px;cursor:pointer}.rec-retention-chip.is-on{color:#8a3d5a;border-color:color-mix(in srgb,#c45a7a 45%,var(--line));background:color-mix(in srgb,#c45a7a 12%,var(--panel))}.ch-tag.is-rec{color:#8a3d5a;border-color:color-mix(in srgb,#c45a7a 35%,var(--line));background:color-mix(in srgb,#c45a7a 10%,transparent)}.ch-tag.is-transcript{color:#3d6f8a;border-color:color-mix(in srgb,#5b8def 35%,var(--line));background:color-mix(in srgb,#5b8def 10%,transparent)}.ch-media-btn{margin-top:.25rem}.ch-media-modal{width:min(560px,calc(100vw - 1.5rem));padding:0;overflow:hidden}.ch-media-modal .modal-head{padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--line);margin:0}.ch-media-body{padding:1rem 1.1rem 1.2rem;display:grid;gap:1rem}.ch-media-player audio{width:100%;height:42px}.ch-transcript{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 45%,var(--panel))}.ch-transcript h3{margin:0 0 .55rem;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ch-transcript p{margin:0;white-space:pre-wrap;line-height:1.55;font-size:.92rem}.feature-code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:.8rem}.feature-code-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 8px 24px #141e2d0a}.feature-code-head{display:flex;align-items:center;justify-content:space-between}.feature-code-delete{padding:.15rem .35rem;background:transparent;color:var(--muted);font-size:1.2rem}.feature-code-card>code{display:block;margin:.9rem 0 .55rem;color:var(--copper);font-size:1.05rem;font-weight:650}.feature-code-card h3{margin:0;font-size:.88rem}.feature-code-card p{margin:.3rem 0 0;color:var(--muted);font-size:.75rem}.feature-help{margin-top:1rem}.rv-badge{display:inline-flex;align-items:center;padding:.16rem .42rem;border-radius:6px;color:#fff;background:#8d7ee8;font-size:.62rem;font-weight:750;letter-spacing:.03em;white-space:nowrap}.profile-forward-active{display:flex;align-items:center;gap:.55rem;margin:.7rem .2rem;padding:.65rem;border:1px solid color-mix(in srgb,#8d7ee8 32%,var(--line));border-radius:10px;background:color-mix(in srgb,#8d7ee8 8%,var(--canvas))}.profile-forward-active>div{display:flex;min-width:0;flex-direction:column}.profile-forward-active b{font-size:.72rem}.profile-forward-active span:not(.rv-badge){color:var(--muted);font-size:.68rem}.profile-forward-editor{display:grid;gap:.45rem;margin:.5rem .2rem}.profile-forward-editor>div{display:flex;gap:.35rem}.profile-forward-start{width:100%;display:flex;align-items:center;gap:.5rem;padding:.55rem;border-radius:9px;background:var(--canvas);color:var(--text);font-size:.73rem}.directory-forward{margin-top:.2rem;color:var(--muted);font-size:.68rem}.directory-admin{display:grid;grid-template-columns:minmax(250px,310px) 1fr;gap:1rem;align-items:start}.directory-sidebar,.directory-content{padding:1rem}.directory-picker{display:grid;gap:.45rem;margin-top:1rem}.directory-picker button{display:grid;gap:.2rem;padding:.75rem;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:11px;background:var(--canvas);cursor:pointer}.directory-picker button span{color:var(--muted);font-size:.75rem}.directory-picker button.is-on{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 8%,var(--canvas))}.directory-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;align-items:center}.directory-toolbar>input{min-width:220px;flex:1}.directory-access{margin:.8rem 0 1rem;padding:.8rem;border:1px solid var(--line);border-radius:12px}.directory-access summary{font-weight:600;cursor:pointer}.directory-access .toggle-line{display:flex;gap:.5rem;align-items:center;margin-top:.8rem}.directory-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;margin-top:.65rem}.directory-users label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.5rem;border-radius:8px;background:var(--canvas)}.directory-users small{color:var(--muted)}.directory-search{margin:.8rem 0}.directory-table-wrap{overflow:auto}.directory-table-wrap table{width:100%;border-collapse:collapse}.directory-table-wrap th,.directory-table-wrap td{padding:.65rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.directory-table-wrap th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.directory-row-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;min-width:11.5rem}.directory-table-wrap th:last-child,.directory-table-wrap td:last-child{text-align:right}.contact-numbers{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.contact-numbers button{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .45rem;color:var(--text);border:1px solid var(--line);border-radius:8px;background:var(--canvas);cursor:pointer}.contact-numbers button:hover{border-color:var(--phone-accent)}.contact-numbers small{color:var(--muted);font-size:.62rem}.directory-pwa-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.directory-pwa-head .btn{display:inline-flex;align-items:center;gap:.35rem}.contact-form-modal .contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0}.contact-form-modal label{display:grid;gap:.3rem;font-size:.82rem;color:var(--muted)}.contact-form-modal textarea{resize:vertical;min-height:64px}.moh-settings{display:grid;gap:.75rem;max-width:520px}.moh-settings h3{margin:0}.user-editor-tabs,.pwa-settings-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem}.user-editor-tabs button,.pwa-settings-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;cursor:pointer}.user-editor-tabs button.is-on,.pwa-settings-tabs button.is-on{color:var(--text);border-color:color-mix(in srgb,var(--copper) 50%,var(--line));background:color-mix(in srgb,var(--copper) 12%,transparent)}.user-editor-tabs button:disabled{opacity:.45;cursor:not-allowed}.blf-editor{display:grid;gap:.75rem}.blf-empty{border:1px dashed var(--line);border-radius:12px;padding:1rem;text-align:center}.blf-empty b{display:block;margin-bottom:.25rem}.blf-empty p{margin:0;color:var(--muted);font-size:.84rem}.blf-key-list{display:grid;gap:.65rem}.blf-key-row{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:start;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,transparent)}.blf-key-ord{display:grid;gap:.35rem;justify-items:center}.blf-pos{width:1.6rem;height:1.6rem;border-radius:999px;display:grid;place-items:center;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--copper) 18%,transparent)}.blf-move{display:grid;gap:.2rem}.blf-key-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.blf-key-fields label{display:grid;gap:.3rem;font-size:.78rem;color:var(--muted)}.blf-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}@media(max-width:720px){.blf-key-row,.blf-key-fields{grid-template-columns:1fr}.blf-key-ord{grid-template-columns:auto auto;justify-content:start;align-items:center}.blf-move{grid-auto-flow:column}}.blf-panel .phone-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.blf-console{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem;margin-top:.35rem}.blf-console-empty{display:grid;justify-items:center;gap:.45rem;text-align:center;padding:2rem 1rem;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.blf-console-empty b{color:var(--text);font-size:1rem}.blf-console-empty p{margin:0;max-width:18rem;font-size:.84rem;line-height:1.4}.blf-tile{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:14px;padding:.75rem .7rem .65rem;display:grid;gap:.28rem;text-align:left;color:inherit;cursor:pointer;min-height:6.4rem;transition:border-color .15s ease,transform .12s ease}.blf-tile:hover:not(:disabled){border-color:color-mix(in srgb,var(--copper) 45%,var(--line));transform:translateY(-1px)}.blf-tile:disabled{opacity:.5;cursor:not-allowed}.blf-tile-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.blf-tile-kind{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.blf-tile-label{font-size:.92rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blf-tile-sub{font-size:.72rem;color:var(--muted)}.blf-tile-status{margin-top:auto;font-size:.68rem;font-weight:600;color:var(--muted)}.blf-tile.lamp-idle .blf-tile-status{color:var(--ok)}.blf-tile.lamp-busy .blf-tile-status,.blf-tile.lamp-ringing .blf-tile-status,.blf-tile.lamp-dnd .blf-tile-status{color:var(--danger)}.blf-tile.lamp-away .blf-tile-status{color:#b88320}.blf-chip-lamp{width:.7rem;height:.7rem;border-radius:999px;background:#8b97a8;box-shadow:0 0 0 3px color-mix(in srgb,#8b97a8 18%,transparent)}.blf-tile.lamp-idle .blf-chip-lamp,.blf-chip.lamp-idle .blf-chip-lamp{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}.blf-tile.lamp-busy .blf-chip-lamp,.blf-chip.lamp-busy .blf-chip-lamp{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent)}.blf-tile.lamp-ringing .blf-chip-lamp,.blf-chip.lamp-ringing .blf-chip-lamp{background:var(--danger);animation:blf-blink .7s ease-in-out infinite}.blf-tile.lamp-away .blf-chip-lamp,.blf-chip.lamp-away .blf-chip-lamp{background:#e0b15a}.blf-tile.lamp-dnd .blf-chip-lamp,.blf-chip.lamp-dnd .blf-chip-lamp{background:#b91c1c}.blf-tile.lamp-offline .blf-chip-lamp,.blf-chip.lamp-offline .blf-chip-lamp{background:#8b97a8;box-shadow:none}.blf-tile.lamp-neutral .blf-chip-lamp,.blf-chip.lamp-neutral .blf-chip-lamp{background:color-mix(in srgb,var(--copper) 70%,#fff);box-shadow:none}@keyframes blf-blink{0%,to{opacity:1}50%{opacity:.25}}.integrations-page .section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.integration-card{text-align:left;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:14px;padding:1rem 1.05rem 1.1rem;cursor:pointer;color:inherit;display:grid;gap:.45rem;transition:border-color .15s ease,transform .15s ease}.integration-card:hover{border-color:color-mix(in srgb,var(--copper) 55%,var(--line));transform:translateY(-1px)}.integration-card.is-locked{opacity:.72;filter:grayscale(.35)}.integration-card.is-locked:hover{opacity:.92;filter:none}.module-benefits{margin:.75rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}.module-benefits li{color:var(--text);font-size:.92rem}.client-dashboard .dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.dash-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.dash-card h3{margin:.2rem 0 .35rem;font-size:1.25rem}.dash-module-list{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.4rem}.dash-module-list li{display:flex;justify-content:space-between;gap:.5rem;font-size:.88rem;padding:.35rem 0;border-top:1px solid var(--line)}.dash-module-list li.is-off{color:var(--muted)}.dash-module-list em{font-style:normal;font-size:.78rem;color:var(--muted)}.dash-module-list li.is-on em{color:var(--ok, #2f9e62)}.dash-bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:.65rem}.dash-bar>span{display:block;height:100%;background:var(--copper);border-radius:99px}.license-edit-block{margin-top:.75rem;display:grid;gap:.55rem}.module-picker{display:grid;gap:.45rem}.module-picker-selected{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1.75rem;align-items:center}.module-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,var(--text));color:var(--text);border-radius:999px;padding:.28rem .55rem;font-size:.82rem;cursor:pointer}.module-chip em{font-style:normal;opacity:.65;font-size:.95rem;line-height:1}.module-picker-search{position:relative}.module-picker-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:.35rem;list-style:none;max-height:14rem;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel, #fff);box-shadow:0 10px 28px color-mix(in srgb,#000 14%,transparent)}.module-picker-menu li button{width:100%;text-align:left;border:0;background:transparent;padding:.45rem .55rem;border-radius:8px;cursor:pointer;display:grid;gap:.1rem;color:var(--text)}.module-picker-menu li button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.module-picker-menu li button small{color:var(--muted);font-size:.76rem}margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--line); display: grid; gap: .65rem; } .license-key-block{margin-bottom:.85rem}.license-token-field code{max-height:4.5rem;white-space:pre-wrap!important;word-break:break-all}.client-card-modules{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .85rem;align-items:center;min-height:1.6rem}.client-card-actions{display:flex;gap:.45rem;flex-wrap:wrap}.client-card-actions .btn{flex:1;text-align:center}a.integration-card{text-decoration:none}.integration-card-mark[data-provider=elevenlabs]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#2a1540);color:#c9a0ff;border-color:color-mix(in srgb,#9b59ff 35%,#2a3340)}.platform-ms-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);gap:1.5rem;align-items:start}@media(max-width:960px){.platform-ms-layout{grid-template-columns:1fr}}.platform-ms-steps{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.platform-ms-steps>li{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--border, var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.platform-ms-steps p{margin:.35rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}.platform-ms-step-n{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:color-mix(in srgb,var(--copper) 18%,transparent);color:var(--copper)}.platform-ms-side{display:grid;gap:1rem;position:sticky;top:1rem}.platform-ms-redirect{display:grid;gap:.5rem;padding:1rem;border-radius:12px;border:1px dashed color-mix(in srgb,var(--copper) 45%,var(--line));background:color-mix(in srgb,var(--copper) 6%,var(--panel))}.platform-ms-redirect code{display:block;word-break:break-all;font-size:.78rem;padding:.55rem .65rem;border-radius:8px;background:var(--bg);border:1px solid var(--line)}.platform-ms-check{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.86rem;line-height:1.45;display:grid;gap:.35rem}.platform-ms-countdown{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line)}.platform-ms-countdown.is-ok{border-color:color-mix(in srgb,#3dba8b 40%,var(--line));background:color-mix(in srgb,#3dba8b 8%,var(--panel))}.platform-ms-countdown.is-warn{border-color:color-mix(in srgb,#e6a23c 45%,var(--line));background:color-mix(in srgb,#e6a23c 10%,var(--panel))}.platform-ms-countdown.is-danger{border-color:color-mix(in srgb,#e05757 45%,var(--line));background:color-mix(in srgb,#e05757 10%,var(--panel))}.platform-ms-countdown b{font-size:.95rem}.ms-import-panel{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.ms-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.75rem}.ms-import-start{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted)}.ms-import-table .ms-row-imported{opacity:.72}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.integration-card-mark{width:2.2rem;height:2.2rem;border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:800;letter-spacing:.04em;background:#10141a;color:#e8edf4;border:1px solid #2a3340}.integration-card-mark[data-provider=openai]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#10281f);color:#7ddea8;border-color:color-mix(in srgb,#3dba8b 35%,#2a3340)}.integration-card-mark[data-provider=microsoft]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#0b2a4a);color:#7ec8ff;border-color:color-mix(in srgb,#00a4ef 35%,#2a3340)}.integration-card-mark[data-provider=apple_apns]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#2a2a2e);color:#f5f5f7;border-color:color-mix(in srgb,#a1a1a6 35%,#2a3340)}.integration-card-mark[data-provider=api]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#1a2a1a);color:#b8e986;border-color:color-mix(in srgb,#8bc34a 35%,#2a3340)}.integration-card-mark[data-provider=webhooks]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#2a1a10);color:#f0b27a;border-color:color-mix(in srgb,#e67e22 35%,#2a3340)}.integration-card-mark[data-provider=zapier]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#2a2208);color:#ffc857;border-color:color-mix(in srgb,#ff4a00 35%,#2a3340)}.integration-card-mark[data-provider=make]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#0a2428);color:#6ee7d8;border-color:color-mix(in srgb,#6d00cc 28%,#2a3340)}.integration-card-mark[data-provider=n8n]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#2a1018);color:#ff8fb3;border-color:color-mix(in srgb,#ea4b71 35%,#2a3340)}.integration-card-mark[data-provider=presence_widgets]{background:linear-gradient(145deg,#0f1720,#1a2330 55%,#102428);color:#7dd3c0;border-color:color-mix(in srgb,#2dd4bf 35%,#2a3340)}.integration-card h3{margin:0;font-size:1.05rem}.integration-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.integration-form{display:grid;gap:.7rem;max-width:520px}.integration-form>label{display:grid;gap:.35rem;font-size:.84rem;color:var(--muted)}.integration-toggle{grid-template-columns:auto 1fr!important;align-items:start;gap:.7rem!important;padding:.75rem .85rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 80%,transparent)}.integration-toggle input{width:auto;margin-top:.2rem}.integration-toggle span{display:grid;gap:.15rem;color:var(--text)}.integration-toggle small{color:var(--muted);font-size:.78rem}.ms-presence-sync{display:grid;gap:.5rem;padding:.85rem 0 .25rem;border-top:1px solid var(--border)}.ms-presence-map{margin-top:.35rem}.ms-presence-map-table{width:100%;border-collapse:collapse;font-size:.9rem}.ms-presence-map-table th,.ms-presence-map-table td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid var(--border);vertical-align:middle}.ms-presence-map-table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.ms-presence-map-table select{width:100%;max-width:18rem}.integration-form-actions{display:flex;gap:.55rem;justify-content:flex-end;margin-top:.35rem}.transfer-menu,.transfer-consult-actions{display:grid;gap:.45rem;margin:.8rem 0}.transfer-picker{text-align:left}.transfer-picker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.transfer-picker-head h3{margin:.15rem 0 0}.transfer-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.7rem}.transfer-tabs button{border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--muted);padding:.55rem .35rem;cursor:pointer;font-size:.78rem}.transfer-tabs button.is-on{color:var(--phone-accent);border-color:var(--phone-accent);background:var(--phone-accent-soft)}.phone-section-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.85rem}.phone-section-tabs.vm-filter-tabs{grid-template-columns:repeat(3,1fr)}.phone-section-tabs button{min-height:40px;border:1px solid var(--line);background:transparent;border-radius:10px;color:var(--muted);font:inherit;cursor:pointer}.phone-section-tabs button.is-on{color:var(--phone-accent);border-color:var(--phone-accent);background:var(--phone-accent-soft)}.phone-contacts .phone-panel{margin-top:0}.vm-message.is-unread b{font-weight:700}.vm-mailbox-tag{display:inline-block;padding:.1rem .4rem;border-radius:6px;background:color-mix(in srgb,var(--phone-accent) 18%,transparent);color:var(--phone-accent);font-size:.72rem}.vm-mailbox-tag.is-personal{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.vm-player{width:100%;margin-top:.45rem}.phone-nav-icon-wrap{position:relative;display:inline-flex}.phone-nav-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger, #c0392b);color:#fff;font-size:.65rem;line-height:16px;text-align:center;font-weight:700}.transfer-list{max-height:min(42vh,360px);overflow:auto}.transfer-custom{display:grid;gap:.55rem;margin-top:.5rem}.transfer-contact-item{align-items:flex-start}@media(max-width:720px){.contact-form-modal .contact-form-grid{grid-template-columns:1fr}}.forwarding-admin-box{display:grid;gap:.5rem;margin-top:.8rem;padding:.75rem;border:1px solid var(--line);border-radius:11px;background:var(--canvas)}@media(max-width:900px){.outbound-route-bar{align-items:stretch;overflow-x:auto}.outbound-route-bar>select{min-width:260px}.outbound-designer{grid-template-columns:1fr;height:100%}.outbound-canvas{height:100%;min-height:420px}}.deployment-choice{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.1rem}.deployment-choice>button{display:flex;align-items:flex-start;gap:.7rem;min-height:92px;padding:.9rem;border:1px solid var(--line);border-radius:13px;background:var(--canvas);color:var(--text);text-align:left}.deployment-choice>button.is-selected{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 8%,var(--canvas));box-shadow:0 0 0 3px color-mix(in srgb,var(--copper) 8%,transparent)}.deployment-choice .phone-icon{flex:0 0 auto;color:var(--copper)}.deployment-choice span{display:flex;flex-direction:column;gap:.25rem}.deployment-choice b{font-size:.82rem}.deployment-choice small{color:var(--muted);font-size:.7rem;line-height:1.35}.dedicated-options{margin:.8rem 0;padding:.8rem;border:1px solid color-mix(in srgb,var(--copper) 18%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--copper) 5%,var(--panel))}.edge-activation-page{width:min(760px,100%);margin:1rem auto}.edge-steps{display:grid;gap:.8rem;margin:1.5rem 0}.edge-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.edge-step>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--copper) 12%,transparent);color:var(--copper);font-weight:700}.edge-step p{margin:.3rem 0 0;color:var(--muted);font-size:.78rem}.copy-field{display:flex;align-items:center;gap:.45rem;margin-top:.55rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.copy-field code{min-width:0;flex:1;overflow:auto;white-space:nowrap;font-size:.74rem}.copy-field button{padding:.32rem .5rem;border-radius:7px;background:var(--panel);color:var(--text);font-size:.68rem}.activation-code{margin-top:.55rem;color:var(--copper);font-family:IBM Plex Mono,monospace;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:650;letter-spacing:.08em}.edge-activation-actions{display:flex;justify-content:flex-end;gap:.5rem}.edge-status-badge{display:inline-flex;width:fit-content;padding:.22rem .52rem;border-radius:99px;background:var(--canvas);color:var(--muted);font-size:.65rem;font-weight:650}.edge-status-badge.status-connected,.edge-status-badge.status-ready{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.edge-status-badge.status-pending{color:#b88320;background:color-mix(in srgb,#e0b15a 12%,transparent)}.edge-status-badge.status-error,.edge-status-badge.status-offline{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.client-card>.edge-status-badge{margin-bottom:.7rem}.dedicated-server-card{margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--copper) 20%,var(--line));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--copper) 6%,var(--panel)),var(--panel))}.dedicated-server-head{display:flex;justify-content:space-between;gap:1rem}.dedicated-server-head h2{margin:.2rem 0 0;font-size:1rem}.dedicated-server-meta{display:flex;flex-wrap:wrap;gap:1.4rem;margin:.85rem 0}.dedicated-server-meta span{display:flex;flex-direction:column;color:var(--muted);font-size:.72rem}.dedicated-server-meta b{color:var(--text);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.edge-reissue{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--line)}@media(max-width:650px){.deployment-choice{grid-template-columns:1fr}.edge-activation-actions{flex-direction:column}}@media(max-width:380px),(max-height:700px)and (max-width:720px){.phone-body{padding-top:.8rem}.phone-view-heading{margin-bottom:.75rem}.phone-view-heading h1{font-size:1.35rem}.dialer-panel{padding:.75rem 1rem}.dialer-avatar,.dialer-helper{display:none}.pwa-key{min-height:43px;aspect-ratio:1.75}}.pwa-login{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--copper) 15%,transparent),transparent 28rem),radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--info) 10%,transparent),transparent 30rem),var(--bg)}.pwa-login:before{content:"";position:absolute;width:420px;height:420px;right:-220px;top:-220px;border:1px solid color-mix(in srgb,var(--copper) 18%,transparent);border-radius:50%;box-shadow:0 0 0 55px color-mix(in srgb,var(--copper) 3%,transparent),0 0 0 110px color-mix(in srgb,var(--copper) 2%,transparent);pointer-events:none}.pwa-login .login-card{position:relative;width:min(430px,100%);padding:2.35rem;border-radius:22px;border-color:color-mix(in srgb,var(--line) 78%,transparent);box-shadow:0 28px 80px #141e2d21}.pwa-login .login-brand{margin-bottom:1.3rem}.pwa-login .login-brand .logo-wordmark{width:145px}.pwa-login-badge{display:inline-flex;padding:.28rem .55rem;border-radius:99px;color:var(--copper);background:color-mix(in srgb,var(--copper) 11%,transparent);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pwa-login h1{margin:.8rem 0 .25rem;font-size:1.7rem;letter-spacing:-.035em}.pwa-login>.login-card>.hint{margin:0 0 1.35rem}.pwa-login-fields{display:grid;gap:.8rem}.pwa-login-fields label{display:grid;gap:.35rem}.pwa-login-fields label span{color:var(--muted);font-size:.77rem;font-weight:500}.pwa-login-fields input{min-height:43px;border-radius:11px}.native-tenant-fields select{min-height:43px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 .75rem;font:inherit}.native-tenant-preview{margin:.15rem 0 .35rem;word-break:break-all}.native-tenant-preview .mono{font-size:.85em}.pwa-login-divider{display:flex;align-items:center;gap:.75rem;margin:.85rem 0 .35rem;color:var(--muted);font-size:.78rem}.pwa-login-divider:before,.pwa-login-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--border) 80%,transparent)}.ms-login-btn,.ms-connect-btn{background:#2f2f2f!important;border-color:#2f2f2f!important;color:#fff!important}.ms-login-btn:hover,.ms-connect-btn:hover{filter:brightness(1.08)}.pwa-login .login-card>.btn[type=submit]{min-height:44px;border-radius:11px;box-shadow:0 8px 24px color-mix(in srgb,var(--copper) 24%,transparent)}.shell{grid-template-columns:232px minmax(0,1fr);background:radial-gradient(circle at 80% -10%,color-mix(in srgb,var(--copper) 6%,transparent),transparent 34rem),var(--bg)}.shell.nav-collapsed{grid-template-columns:72px minmax(0,1fr)}.side{padding:1.2rem .8rem 1rem;background:color-mix(in srgb,var(--bg-2) 94%,transparent);border-right-color:color-mix(in srgb,var(--line) 78%,transparent)}.side-top{align-items:center;min-height:42px;padding:0 .35rem}.side .logo-wordmark{width:126px}.side .logo-mark{width:34px;height:34px}.nav-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);transition:background .15s ease,color .15s ease,transform .18s ease}.nav-toggle:hover{color:var(--text);background:var(--canvas)}.nav-toggle .phone-icon{width:15px;height:15px}.nav-collapsed .nav-toggle{transform:rotate(180deg)}.side-section-label{display:block;margin:1.55rem .7rem .48rem;color:var(--muted);font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.side nav{gap:.55rem;margin-top:0}.nav-group{display:flex;flex-direction:column;gap:.15rem}.nav-group-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;margin:0;padding:.35rem .55rem .25rem;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:8px}.nav-group-head:hover{color:var(--text);background:color-mix(in srgb,var(--canvas) 55%,transparent)}.nav-group.has-active .nav-group-head{color:color-mix(in srgb,var(--copper) 70%,var(--muted))}.nav-group-head .phone-icon{width:14px;height:14px;flex:0 0 auto;opacity:.7;transition:transform .18s ease}.nav-group.is-open .nav-group-head .phone-icon{transform:rotate(0)}.nav-group:not(.is-open) .nav-group-head .phone-icon{transform:rotate(-90deg)}.nav-group-body{display:none;flex-direction:column;gap:.2rem;padding-left:.15rem}.nav-group.is-open .nav-group-body{display:flex}.nav-group-body a{padding-left:.85rem}.side a,.side button.linkish{display:flex;align-items:center;gap:.68rem;min-height:40px;padding:.62rem .7rem;border-radius:10px;font-size:.82rem;font-weight:500;transition:background .16s ease,color .16s ease,transform .16s ease}.side a .phone-icon{width:18px;height:18px;flex:0 0 auto}.side a.active,.side a:hover{background:color-mix(in srgb,var(--copper) 11%,transparent);color:var(--copper)}.side a:hover{transform:translate(2px)}.side-foot{padding:.8rem .35rem 0;border-top:1px solid var(--line)}.admin-profile{display:flex;align-items:center;gap:.65rem;margin-bottom:.7rem}.admin-profile-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--copper);background:color-mix(in srgb,var(--copper) 12%,transparent);border:1px solid color-mix(in srgb,var(--copper) 18%,var(--line));font-size:.67rem;font-weight:700}.admin-profile-copy{min-width:0;display:flex;flex-direction:column;line-height:1.25}.admin-profile-copy b{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.admin-profile-copy span{color:var(--muted);font-size:.65rem}.side-foot .theme-toggle,.admin-logout{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;border-radius:9px;font-size:.75rem}.admin-logout .phone-icon{width:15px;height:15px}.nav-collapsed .side{padding:1.2rem .55rem 1rem}.nav-collapsed .side-section-label,.nav-collapsed .admin-profile-copy,.nav-collapsed .admin-logout span,.nav-collapsed .nav-group-head{display:none}.nav-collapsed .nav-group-body{display:flex!important;padding-left:0;gap:.3rem}.nav-collapsed .nav-group-body a{padding-left:.68rem}.nav-collapsed .admin-profile{justify-content:center}.nav-collapsed .side-foot{padding:.8rem 0 0}.nav-collapsed .side-foot .btn{display:flex;width:100%;padding:.45rem;font-size:0}.nav-collapsed .side-foot .btn:not(.theme-toggle):before{content:none}.nav-collapsed nav a{justify-content:center;padding:.68rem;font-size:inherit}.nav-collapsed nav a span{display:none}.nav-collapsed nav a:before{content:none}.main{width:100%;max-width:1500px;margin:0 auto;padding:2rem 2.4rem 3rem}.shell-flow .main{max-width:none;margin:0}.main .top{margin-bottom:1.7rem;padding-bottom:1.15rem;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.main h1{font-size:clamp(1.55rem,2.5vw,2rem);font-weight:650;letter-spacing:-.035em}.main .sub{font-size:.88rem}.client-banner{position:relative;overflow:hidden;margin:-.25rem 0 1.5rem;padding:1.25rem 1.35rem;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:16px;background:radial-gradient(circle at 90% 30%,color-mix(in srgb,var(--copper) 12%,transparent),transparent 18rem),var(--panel)}.client-banner h1{margin-top:.15rem}.client-banner .sub{margin-top:.3rem}.client-grid{gap:.85rem}.client-card{position:relative;min-height:165px;padding:1.15rem 1.2rem;border-radius:15px;border-color:color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 10px 34px #141e2d0e;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.client-card:before{content:"";position:absolute;top:1rem;right:1rem;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 10%,transparent)}.client-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--copper) 28%,var(--line));box-shadow:0 16px 42px #141e2d17}.client-card h2{font-size:1rem;letter-spacing:-.015em}.client-card .btn{min-height:34px;border-radius:9px;font-size:.76rem}.grid{gap:.8rem}.card{min-height:105px;padding:1rem 1.05rem;border-radius:14px;border-color:color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 8px 24px #141e2d0a}.card b{font-size:1rem}.card p{margin-top:.35rem;font-size:.8rem}.link-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--copper) 34%,var(--line));box-shadow:0 12px 30px #141e2d14}.btn{min-height:38px;border-radius:10px;transition:transform .12s ease,filter .12s ease,background .12s ease}.btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn.ghost:hover:not(:disabled){background:var(--canvas)}input,select,textarea{min-height:40px;border-radius:10px;border-color:color-mix(in srgb,var(--line) 90%,transparent);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--copper) 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--copper) 10%,transparent)}table{margin-top:.8rem;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;background:var(--panel)}th{padding:.72rem .65rem;background:color-mix(in srgb,var(--canvas) 62%,var(--panel));border-bottom-color:var(--line);font-size:.7rem;font-weight:650;letter-spacing:.045em;text-transform:uppercase}td{padding:.76rem .65rem;border-bottom-color:color-mix(in srgb,var(--line) 72%,transparent)}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s ease}tbody tr:hover{background:color-mix(in srgb,var(--canvas) 45%,transparent)}.create-client{padding:1.25rem 1.35rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 38px #141e2d0f}.site-list{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.site-list li{padding:.72rem .85rem}.users-top{align-items:center}.users-top .h2{margin:0 0 .28rem;font-size:1.22rem}.users-add{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto}.users-add .phone-icon{width:17px;height:17px}.user-create-modal{width:min(650px,100%);padding:1.35rem 1.45rem 1.25rem;border-radius:18px}.user-create-modal .modal-head{align-items:flex-start;margin-bottom:.25rem}.user-create-modal .modal-head h2{margin:.18rem 0 0;font-size:1.28rem;letter-spacing:-.02em}.modal-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--muted);font-size:1.25rem;line-height:1}.modal-close:hover{color:var(--text)}.user-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:1.15rem 0 .6rem;gap:.8rem}.user-field-wide{grid-column:1 / -1}.label-optional{margin-left:.25rem;color:color-mix(in srgb,var(--muted) 82%,transparent);font-size:.68rem;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.presence-editor{margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--line)}.presence-editor-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.presence-editor-head select{width:180px}.presence-policy-list{display:grid;gap:.65rem;margin-top:.9rem}.presence-policy-card{padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.presence-policy-card>b{display:block;margin-bottom:.55rem;font-size:.82rem}.presence-policy-row{display:grid;grid-template-columns:95px minmax(175px,1fr) minmax(120px,.8fr);align-items:center;gap:.55rem;margin-top:.4rem}.presence-policy-row>span{color:var(--muted);font-size:.72rem}.presence-policy-row select,.presence-policy-row input{min-height:34px;font-size:.75rem}.admin-presence-badge{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.75rem;white-space:nowrap}.admin-presence-badge>span,.status-dot{width:8px;height:8px;border-radius:50%;background:#8b97a8}.admin-presence-badge.presence-available>span,.status-dot.presence-available{background:var(--ok)}.admin-presence-badge.presence-dnd>span,.status-dot.presence-dnd{background:var(--danger)}.admin-presence-badge.presence-away>span,.status-dot.presence-away{background:#e0b15a}.admin-presence-badge.presence-custom>span,.status-dot.presence-custom{background:#8d7ee8}.admin-presence-badge.presence-on_call>span{background:var(--info)}.queue-status-option{align-items:flex-start;margin:.9rem 0;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.queue-status-option span{display:flex;flex-direction:column;gap:.15rem}.queue-status-option small{color:var(--muted);font-weight:400}.admin-login{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--copper) 14%,transparent),transparent 28rem),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--info) 10%,transparent),transparent 30rem),var(--bg)}.admin-login:before{content:"";position:absolute;width:520px;height:520px;right:-280px;top:-280px;border:1px solid color-mix(in srgb,var(--copper) 17%,transparent);border-radius:50%;box-shadow:0 0 0 65px color-mix(in srgb,var(--copper) 3%,transparent),0 0 0 130px color-mix(in srgb,var(--copper) 2%,transparent)}.admin-login .login-card{position:relative;width:min(440px,100%);padding:2.35rem;border-radius:22px;border-color:color-mix(in srgb,var(--line) 78%,transparent);box-shadow:0 28px 80px #141e2d21}.admin-login .login-brand .logo-wordmark{width:150px}.admin-login-badge{display:inline-flex;margin-top:.45rem;padding:.28rem .55rem;border-radius:99px;color:var(--copper);background:color-mix(in srgb,var(--copper) 11%,transparent);font-size:.64rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.admin-login h1{margin:.8rem 0 .25rem;font-size:1.7rem;letter-spacing:-.035em}.admin-login>.login-card>.hint{margin-bottom:1.3rem}.admin-login-fields{display:grid;gap:.8rem}.admin-login-fields label{margin:0}.admin-login-fields label span{display:block;margin-bottom:.35rem}.admin-login .login-card>.btn[type=submit]{min-height:44px;box-shadow:0 8px 24px color-mix(in srgb,var(--copper) 23%,transparent)}.login-separator{display:flex;align-items:center;gap:.7rem;margin:1rem 0 .75rem;color:var(--muted);font-size:.68rem}.login-separator:before,.login-separator:after{content:"";height:1px;flex:1;background:var(--line)}.pwa-access-link{display:flex;align-items:center;justify-content:center;gap:.48rem;min-height:42px;margin-top:0;font-size:.78rem}.pwa-access-link .phone-icon{width:16px;height:16px}@media(max-width:820px){.shell,.shell.nav-collapsed{display:block}.side,.nav-collapsed .side{position:sticky;top:0;z-index:35;width:100%;height:auto;min-height:0;padding:calc(.55rem + env(safe-area-inset-top)) .65rem .55rem;flex-direction:row;align-items:center;gap:.6rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);box-shadow:0 8px 24px #141e2d0f}.side-top{min-height:34px;padding:0;flex:0 0 auto}.side .logo-wordmark,.nav-collapsed .logo-wordmark{display:block;width:88px}.side .logo-mark,.nav-toggle,.side-section-label,.side-foot{display:none}.side nav,.nav-collapsed .side nav{flex:0 0 auto;flex-direction:row;margin:0}.side a,.nav-collapsed nav a{justify-content:center;min-height:34px;padding:.45rem .6rem}.side a span,.nav-collapsed nav a span{display:inline}.main{padding:1.35rem 1rem 2rem;overflow-x:auto}.main .top{align-items:flex-start}.client-grid{grid-template-columns:1fr}table{min-width:680px}.users-top{flex-direction:column}.users-add{width:100%;justify-content:center}.user-create-grid{grid-template-columns:1fr}.user-field-wide{grid-column:auto}}.profile-menu-root{position:relative}.profile-menu-root .phone-user{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text);cursor:pointer}.profile-menu-root .phone-user:hover,.profile-menu-root .phone-user:focus-visible{background:transparent;outline:none}.profile-menu-root .phone-user:hover .phone-avatar{border-color:color-mix(in srgb,var(--phone-accent) 45%,var(--line))}.phone-avatar{position:relative}.phone-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid var(--panel);border-radius:50%;background:#8b97a8}.phone-avatar.presence-available:after{background:var(--ok)}.phone-avatar.presence-dnd:after{background:var(--danger)}.phone-avatar.presence-away:after{background:#e0b15a}.phone-avatar.presence-custom:after{background:#8d7ee8}.phone-avatar.presence-on_call:after{background:var(--info)}.profile-menu-backdrop{position:fixed;inset:0;z-index:90;margin:0;padding:0;border:0;background:color-mix(in srgb,var(--bg) 28%,transparent);cursor:default}.profile-menu{position:fixed;z-index:91;top:calc(100% + .65rem);right:0;width:min(320px,calc(100vw - 1.5rem));max-height:min(70dvh,calc(100dvh - 5rem));overflow:auto;-webkit-overflow-scrolling:touch;padding:.85rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 22px 65px #0a121e33}.profile-menu-head{display:flex;align-items:center;gap:.7rem;padding:.2rem .2rem .75rem;border-bottom:1px solid var(--line)}.profile-menu-head>div:last-child{display:flex;min-width:0;flex-direction:column}.profile-menu-head b{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.profile-menu-head span{color:var(--muted);font-size:.7rem}.profile-menu-label{margin:.8rem .3rem .35rem;color:var(--muted);font-size:.65rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.profile-status-list{display:grid;gap:.16rem}.profile-status-list button{width:100%;min-height:36px;display:flex;align-items:center;gap:.55rem;padding:.48rem .55rem;border-radius:9px;background:transparent;color:var(--text);font-size:.78rem;text-align:left}.profile-status-list button:hover,.profile-status-list button.is-active{background:var(--canvas)}.status-check{margin-left:auto;color:var(--copper)}.profile-custom-label{margin:.75rem .25rem}.profile-custom-label input{min-height:35px;font-size:.78rem}.profile-test-note{color:var(--muted);font-size:.7rem}.profile-settings-link{width:100%;display:flex;align-items:center;gap:.55rem;padding:.65rem .55rem .25rem;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-size:.74rem;text-align:left}.profile-settings-link:hover{color:var(--text)}.profile-settings-link .phone-icon{width:16px;height:16px}.profile-logout-link{width:100%;display:flex;align-items:center;gap:.55rem;padding:.55rem .55rem .35rem;border:0;background:transparent;color:var(--danger, #c44);font-size:.74rem;text-align:left;cursor:pointer}.profile-logout-link:hover{filter:brightness(.9)}.profile-logout-link .phone-icon{width:16px;height:16px}.phone-presence.presence-dnd{background:var(--danger)}.phone-presence.presence-away{background:#e0b15a}.phone-presence.presence-custom{background:#8d7ee8}.phone-presence.presence-on_call{background:var(--info)}.phone-list-presence.presence-offline{background:#8b97a8;box-shadow:none}.phone-list-presence.presence-dnd{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.phone-list-presence.presence-away{background:#e0b15a;box-shadow:0 0 0 3px color-mix(in srgb,#e0b15a 14%,transparent)}.phone-list-presence.presence-custom{background:#8d7ee8;box-shadow:0 0 0 3px color-mix(in srgb,#8d7ee8 14%,transparent)}.phone-list-presence.presence-on_call{background:var(--info)}.directory-status{margin-top:.15rem;color:var(--muted);font-size:.7rem}.presence-text-available{color:var(--ok)}.presence-text-dnd{color:var(--danger)}.presence-text-away{color:#b88320}.presence-text-custom{color:#8d7ee8}.live-calls .section-title{align-items:flex-start}.live-calls-meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.78rem}.live-dot{width:8px;height:8px;border-radius:99px;background:var(--muted)}.live-dot.is-on{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 16%,transparent)}.live-dot.is-bad{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 16%,transparent)}.live-calls-empty{display:grid;justify-items:center;gap:.45rem;padding:2.5rem 1rem;text-align:center;color:var(--muted)}.live-calls-empty b{color:var(--text)}.live-calls-list{display:grid;gap:.75rem;margin-top:1rem}.live-call-card{padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--canvas) 55%,var(--panel))}.live-call-card.state-ringing{border-color:color-mix(in srgb,#e0b15a 45%,var(--line));background:color-mix(in srgb,#e0b15a 8%,var(--panel))}.live-call-card.state-up{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.live-call-card.state-hold,.live-call-card.state-queued{border-color:color-mix(in srgb,var(--info) 40%,var(--line))}.live-call-card.state-ivr,.live-call-card.state-voicemail{border-color:color-mix(in srgb,#8d7ee8 40%,var(--line));background:color-mix(in srgb,#8d7ee8 6%,var(--panel))}.live-call-top{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.7rem}.live-call-dir,.live-call-state{font-size:.68rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.18rem .55rem;border:1px solid var(--line);color:var(--muted)}.live-call-dir.dir-inbound{color:var(--info);border-color:color-mix(in srgb,var(--info) 40%,var(--line))}.live-call-dir.dir-outbound{color:var(--copper);border-color:color-mix(in srgb,var(--copper) 40%,var(--line))}.live-call-dir.dir-internal{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.live-call-state.state-ringing{color:#b88320}.live-call-state.state-up{color:var(--ok)}.live-call-state.state-hold,.live-call-state.state-queued{color:var(--info)}.live-call-state.state-ivr,.live-call-state.state-voicemail{color:#8d7ee8}.live-call-timer{margin-left:auto;font-size:1.05rem;font-weight:650;color:var(--text)}.live-call-parties{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.live-call-parties small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:.15rem}.live-call-parties b{font-size:.95rem;word-break:break-word}.live-call-arrow{color:var(--muted);font-size:1.1rem}.live-call-detail{margin:.7rem 0 .35rem;font-size:.86rem;color:var(--text)}.live-call-meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem}.live-call-meta span{font-size:.68rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;background:color-mix(in srgb,var(--canvas) 70%,transparent)}.arch-plan-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem}.arch-plan-tabs button{border:1px solid var(--line);border-radius:999px;background:var(--canvas);color:var(--muted);padding:.42rem .7rem;font-size:.78rem;cursor:pointer}.arch-plan-tabs button.is-on{background:var(--text);border-color:var(--text);color:var(--panel)}.arch-plan-panel h2{margin:0 0 .75rem}.arch-plan-panel h3{margin:1rem 0 .4rem;font-size:.95rem}.arch-plan-panel ul{margin:.35rem 0 .7rem;padding-left:1.15rem}.arch-plan-panel li{margin:.2rem 0}.arch-plan-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin:.85rem 0}.arch-plan-stats>div{border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;background:color-mix(in srgb,var(--canvas) 70%,var(--panel))}.arch-plan-stats b{display:block;color:var(--copper);margin-bottom:.25rem}.arch-plan-stats span{color:var(--muted);font-size:.84rem}.arch-plan-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:.85rem}.arch-plan-two>div{border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;background:color-mix(in srgb,var(--canvas) 55%,var(--panel))}.arch-plan-table-wrap{overflow:auto;margin:.5rem 0}.arch-plan-table-wrap table{width:100%;border-collapse:collapse;font-size:.86rem}.arch-plan-table-wrap th,.arch-plan-table-wrap td{text-align:left;padding:.55rem .45rem;border-bottom:1px solid var(--line);vertical-align:top}.arch-plan-table-wrap th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.arch-plan-steps{display:grid;gap:.65rem;margin-top:.4rem}.arch-plan-steps>div{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--canvas) 55%,var(--panel))}.arch-plan-steps span{width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:99px;background:var(--text);color:var(--panel);font-size:.78rem;font-weight:700}.arch-plan-steps p{margin:.25rem 0 0;color:var(--muted);font-size:.88rem}.arch-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-top:.75rem}.arch-brand-card{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);display:grid}.arch-brand-preview{min-height:120px;display:grid;place-items:center;padding:1rem}.arch-brand-preview.is-light{background:#f3f1ec}.arch-brand-preview.is-dark{background:#12161c}.arch-brand-preview img{max-width:100%;max-height:88px;object-fit:contain}.arch-brand-card.is-banner .arch-brand-preview img{max-height:72px}.arch-brand-card.is-mark .arch-brand-preview img,.arch-brand-card.is-icon .arch-brand-preview img{max-height:64px}.arch-brand-card.is-wallpaper .arch-brand-preview{padding:0;min-height:140px}.arch-brand-card.is-wallpaper .arch-brand-preview img{max-height:160px;width:100%;object-fit:cover}.arch-brand-card figcaption{display:grid;gap:.2rem;padding:.75rem .85rem .9rem;border-top:1px solid var(--line)}.arch-brand-card figcaption b{font-size:.84rem}.arch-brand-card figcaption span{color:var(--muted);font-size:.76rem;line-height:1.35}.arch-brand-card figcaption a{margin-top:.35rem;font-size:.78rem;color:var(--copper);text-decoration:none;font-weight:600}.arch-brand-card figcaption a:hover{text-decoration:underline}.arch-plan-svg{width:100%;max-width:680px;margin:.4rem auto .2rem;display:block}.arch-plan-svg .arch-node{fill:var(--panel);stroke:var(--line);stroke-width:1}.arch-plan-svg .arch-node.hub{stroke:var(--copper);stroke-width:1.5}.arch-plan-svg .arch-node.soft{fill:color-mix(in srgb,var(--canvas) 70%,var(--panel))}.arch-plan-svg .arch-line{stroke:var(--muted);stroke-width:1.35}.arch-plan-svg .arch-dash{stroke:var(--copper);stroke-width:1;stroke-dasharray:4 3;opacity:.55}.arch-plan-svg .arch-title{fill:var(--text);font-size:12px;font-weight:700}.arch-plan-svg .arch-sub{fill:var(--muted);font-size:11px}.call-history .ch-filters{display:flex;flex-direction:column;gap:.85rem;margin:0 0 1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--canvas) 55%,var(--panel))}.ch-search{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.ch-search .phone-icon{color:var(--muted);flex:0 0 auto}.ch-search input{border:0;background:transparent;width:100%;outline:none;font-size:.92rem}.ch-pills{display:flex;flex-wrap:wrap;gap:.35rem}.ch-pills button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:.38rem .7rem;font-size:.78rem;cursor:pointer}.ch-pills button.is-on{background:var(--text);border-color:var(--text);color:var(--panel)}.ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem}.ch-grid label{display:flex;flex-direction:column;gap:.28rem;font-size:.72rem;color:var(--muted)}.ch-grid select,.ch-grid input[type=datetime-local]{font-size:.84rem;color:var(--text)}.ch-actions{display:flex;gap:.5rem;flex-wrap:wrap}.ch-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .9rem}.ch-chip{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);padding:.28rem .55rem;font-size:.74rem;cursor:pointer}.ch-chip span{color:var(--muted);margin-left:.25rem}.ch-list{display:grid;gap:.55rem}.ch-row{display:block;gap:1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.ch-row-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.ch-journey-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem}.ch-journey-btn .phone-icon{width:15px;height:15px}.ch-journey-backdrop{z-index:80;align-content:center;padding:1.5rem}.ch-journey-modal{width:min(1240px,100%);max-height:min(94vh,1040px);overflow:auto;padding:1.5rem 1.6rem 1.7rem}.ch-journey-modal .modal-head{align-items:flex-start;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.ch-journey-modal .modal-head h2{margin:.15rem 0 .25rem;font-size:1.45rem;letter-spacing:-.02em}.ch-journey-canvas{position:relative;overflow:auto;padding:2rem 1.6rem 2.2rem;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;background:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--copper) 10%,transparent),transparent 28rem),radial-gradient(circle at 88% 70%,color-mix(in srgb,#6ea8d8 6%,transparent),transparent 22rem),var(--canvas);min-height:420px}.ch-journey-tree{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.ch-journey-level{display:flex;flex-direction:column;align-items:center;width:100%}.ch-journey-level-main{display:flex;justify-content:center;width:100%}.ch-journey-block{position:relative;width:min(300px,92vw);min-height:132px;padding:.9rem 1rem 2.15rem;box-shadow:0 12px 30px #141e2d12}.ch-journey-block.is-large{width:min(320px,92vw);min-height:148px;padding:1rem 1.1rem 2.25rem;border-radius:12px}.ch-journey-block header{font-size:.72rem;letter-spacing:.09em}.ch-journey-block .title{font-size:1.08rem;letter-spacing:-.015em;line-height:1.25}.ch-journey-block-ext{margin:.2rem 0 0;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.ch-journey-block-detail{margin:.45rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.ch-journey-block-dur{position:absolute;right:.95rem;bottom:.7rem;font-size:.9rem;font-weight:650;font-variant-numeric:tabular-nums;color:var(--copper)}.ch-journey-block.is-answered{border-color:#3dba8b;box-shadow:0 0 0 2px color-mix(in srgb,#3dba8b 20%,transparent),0 12px 30px #141e2d12}.ch-journey-block.is-rang{border-color:#6ea8d8;box-shadow:0 0 0 2px color-mix(in srgb,#6ea8d8 16%,transparent),0 12px 30px #141e2d12}.ch-journey-block.is-missed{border-color:#d4a056}.ch-journey-block.is-hangup{border-color:#8b97a8;box-shadow:0 0 0 2px color-mix(in srgb,#8b97a8 14%,transparent),0 12px 30px #141e2d12}.ch-journey-block.is-skipped{opacity:.82;border-style:dashed;background:color-mix(in srgb,var(--canvas) 45%,var(--panel))}.ch-journey-v-edge,.ch-journey-branch-edge,.ch-journey-child-edge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.ch-journey-v-edge{height:52px}.ch-journey-branch-edge{height:44px;width:min(78%,560px);position:relative}.ch-journey-v-line{width:2px;flex:1;background:color-mix(in srgb,var(--copper) 55%,var(--line))}.ch-journey-v-line.short{height:22px;flex:0 0 22px}.ch-journey-v-arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid color-mix(in srgb,var(--copper) 72%,var(--line))}.ch-journey-branch-bar{position:absolute;top:16px;left:10%;right:10%;height:2px;background:color-mix(in srgb,var(--copper) 48%,var(--line))}.ch-journey-children{display:flex;flex-wrap:wrap;justify-content:center;gap:1.35rem 1.75rem;width:100%;padding-top:.2rem}.ch-journey-child{display:flex;flex-direction:column;align-items:center;min-width:220px}.ch-badges{display:flex;gap:.35rem;margin-bottom:.35rem;flex-wrap:wrap}.ch-dir,.ch-disp{font-size:.68rem;border-radius:999px;padding:.15rem .5rem;border:1px solid var(--line);color:var(--muted)}.ch-dir.is-inbound{color:#0f6b4c;border-color:color-mix(in srgb,#0f6b4c 35%,var(--line))}.ch-dir.is-outbound{color:#8a4b12;border-color:color-mix(in srgb,#8a4b12 35%,var(--line))}.ch-dir.is-internal{color:#3a4f7a;border-color:color-mix(in srgb,#3a4f7a 35%,var(--line))}.ch-disp.is-answered{color:#0f6b4c}.ch-disp.is-missed{color:#a11f2c}.ch-disp.is-voicemail{color:#6b4c9a}.ch-tag{font-size:.66rem;font-weight:550;border-radius:999px;padding:.15rem .5rem;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);background:color-mix(in srgb,var(--canvas) 70%,transparent);color:var(--text)}.ch-tag.is-queue{color:#1f4f8a;border-color:color-mix(in srgb,#1f4f8a 30%,var(--line));background:color-mix(in srgb,#1f4f8a 8%,transparent)}.ch-tag.is-ext{color:#5a3d8a;border-color:color-mix(in srgb,#5a3d8a 28%,var(--line));background:color-mix(in srgb,#5a3d8a 8%,transparent)}.ch-tag.is-trunk{color:#7a4a12;border-color:color-mix(in srgb,#7a4a12 28%,var(--line));background:color-mix(in srgb,#7a4a12 8%,transparent)}.ch-tag.is-flow,.ch-tag.is-sda,.ch-tag.is-stage{color:var(--muted)}.ch-parties{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.95rem}.ch-arrow{color:var(--muted);font-weight:400}.ch-meta{margin:.35rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.35}.ch-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex:0 0 auto;text-align:right}.ch-row-side time{font-size:.74rem;color:var(--muted)}.ch-row-side strong{font-size:.95rem;font-variant-numeric:tabular-nums}.ch-pager{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:1rem;color:var(--muted);font-size:.84rem}@media(max-width:720px){.ch-row-top{flex-direction:column}.ch-row-side{align-items:flex-start;text-align:left;flex-direction:row;justify-content:space-between;width:100%}}.user-form{max-width:720px;margin-bottom:1.5rem}.user-form-actions{display:flex;gap:.6rem;margin-top:1rem}.scope-pickers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.1rem}.scope-picker label{display:block;margin-bottom:.25rem}.scope-picker>.hint{margin:0 0 .55rem}.scope-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.scope-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.28rem .35rem .28rem .55rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 55%,var(--panel));font-size:.78rem}.scope-chip span{min-width:0}.scope-chip small{color:var(--muted);font-size:.7rem}.scope-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem}.scope-chip button:hover{color:var(--text)}.scope-search{position:relative}.scope-search input{width:100%}.scope-results{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:.25rem;list-style:none;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 10px 28px color-mix(in srgb,var(--text) 12%,transparent)}.scope-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;border:0;background:transparent;color:var(--text);text-align:left;padding:.45rem .55rem;border-radius:8px;cursor:pointer}.scope-results button:hover{background:color-mix(in srgb,var(--canvas) 70%,transparent)}.scope-results button b{font-size:.82rem;font-weight:600}.scope-results button span{font-size:.72rem;color:var(--muted)}.scope-empty{padding:.55rem;font-size:.78rem;color:var(--muted)}.scope-active{display:flex;gap:.5rem;align-items:center;margin-top:1rem}@media(max-width:720px){.scope-pickers{grid-template-columns:1fr}}@media(max-width:720px){.directory-admin,.live-call-parties{grid-template-columns:1fr}.live-call-arrow{display:none}.profile-menu-backdrop{background:color-mix(in srgb,var(--bg) 45%,rgba(10,14,20,.35))}.profile-menu{border-radius:20px;max-height:calc(100dvh - 7.5rem - env(safe-area-inset-bottom))}.presence-editor-head{align-items:stretch;flex-direction:column}.presence-editor-head select{width:100%}.presence-policy-row{grid-template-columns:1fr}}.system-sounds-grid{display:none}.sounds-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:.35rem 0 1rem}.sounds-search{flex:1;min-width:min(100%,280px);margin:0}.sounds-search input{width:100%;min-height:40px}.sounds-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.sounds-table{width:100%;border-collapse:collapse;min-width:720px}.sounds-table th,.sounds-table td{padding:.85rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.sounds-table th{font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--canvas) 65%,transparent)}.sounds-table tbody tr:last-child td{border-bottom:0}.sounds-table td b{font-size:.88rem}.sounds-table select{min-width:160px;max-width:220px}.sounds-file-cell{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem}.sounds-file-cell small{color:var(--muted);font-size:.7rem}.sounds-row-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.sounds-annex-toggle{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:.8rem;cursor:pointer}.client-settings-tabs{margin-bottom:1rem}.client-settings-meta{display:grid;gap:.35rem}.client-settings-meta b{display:block;margin-top:.15rem}.sounds-row-skeleton td{padding:.85rem 1rem}.sounds-skeleton-bar{height:14px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--line) 70%,transparent),color-mix(in srgb,var(--panel) 40%,var(--line)),color-mix(in srgb,var(--line) 70%,transparent));background-size:200% 100%;animation:sounds-shimmer 1.1s ease-in-out infinite}@keyframes sounds-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.el-panel{display:grid;gap:1.25rem}.el-help h2{margin:.15rem 0 .35rem;font-size:1.25rem}.el-steps{margin:.75rem 0 0;padding-left:1.2rem;color:var(--muted);font-size:.88rem;line-height:1.45}.el-steps li{margin-bottom:.35rem}.el-config{display:grid;gap:.85rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.el-config-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.el-panel textarea{width:100%;min-width:220px;resize:vertical;font:inherit;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--line);background:var(--canvas);color:var(--text)}.sounds-player{display:grid;gap:.25rem;margin:.35rem 0 .45rem;min-width:220px;max-width:360px}.sounds-player-label{font-size:.72rem;color:var(--muted);font-weight:600}.sounds-audio{width:100%;height:36px}.sounds-player-hint{margin:.25rem 0}.el-status-cell{display:grid;gap:.35rem;align-content:start}.el-moh-card{display:grid;gap:.65rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.el-moh-card h3{font-size:1.05rem}.el-moh-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.el-moh-row label{display:grid;gap:.3rem;font-size:.85rem}.el-moh-row select{min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--canvas);color:var(--text);padding:.35rem .5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mobile-apps-panel{display:grid;gap:1.25rem}.mobile-app-card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.mobile-app-card h2{margin:0 0 .35rem}.mobile-install-steps{margin:0;padding-left:1.2rem;display:grid;gap:.85rem;line-height:1.45}.mobile-cmd{display:block;margin:.45rem 0 .25rem;padding:.7rem .85rem;border-radius:10px;background:color-mix(in srgb,var(--panel-2, var(--panel)) 80%,#000);border:1px solid var(--line);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;overflow-x:auto;white-space:pre}.presence-widgets-panel .presence-preview-frame{margin:1rem 0 1.5rem;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);color:var(--text);min-height:240px;padding:1rem 1.1rem 1.15rem}.presence-preview-toolbar{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end;margin-top:.5rem}.presence-preview-toolbar label{display:grid;gap:.25rem;font-size:.85rem;color:var(--text)}.presence-preview-toolbar select{min-width:10rem}.presence-license-banner{display:grid;gap:.75rem;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--canvas, var(--bg-2)) 55%,var(--panel));margin-bottom:.5rem;color:var(--text)}.presence-license-banner ul{margin:.35rem 0 0;padding-left:1.1rem}.presence-publish-block{position:relative;padding:1rem;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.presence-publish-block.is-locked{min-height:8rem}.presence-publish-lock{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:.35rem;padding:1.5rem;text-align:center;color:var(--text);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px}.presence-widget-card{display:grid;gap:.65rem;padding:.85rem 0;border-top:1px solid var(--line)}.presence-widget-card-top{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:center}.presence-widget-card .copy-field{display:flex;gap:.5rem;align-items:stretch}.presence-widget-card .copy-field code{flex:1;overflow-x:auto;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--text)}.presence-embed-page{min-height:100vh;padding:1.25rem 1.35rem 2rem;box-sizing:border-box;background:var(--bg);color:var(--text)}.presence-embed-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text)}.presence-wall{position:relative;padding:.15rem;color:var(--text)}.presence-wall-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:end;margin-bottom:1rem}.presence-wall-head h2{margin:0;font-size:1.15rem;color:var(--text)}.presence-wall-stats{display:flex;flex-wrap:wrap;gap:.4rem}.pw-stat{font-size:.75rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--text)}.pw-stat.is-available{color:#1f7a4d;border-color:color-mix(in srgb,#2f9e6e 40%,var(--line));background:color-mix(in srgb,#2f9e6e 12%,var(--panel))}.pw-stat.is-on-call{color:#1d5f9c;border-color:color-mix(in srgb,#3b82f6 40%,var(--line));background:color-mix(in srgb,#3b82f6 12%,var(--panel))}.pw-stat.is-dnd{color:#a33b3b;border-color:color-mix(in srgb,#ef4444 40%,var(--line));background:color-mix(in srgb,#ef4444 12%,var(--panel))}.pw-stat.is-offline{color:color-mix(in srgb,var(--text) 55%,#888)}[data-theme=dark] .pw-stat.is-available{color:#7ddea8}[data-theme=dark] .pw-stat.is-on-call{color:#7ec8ff}[data-theme=dark] .pw-stat.is-dnd{color:#f0a0a0}.presence-wall-grid{display:grid;gap:.65rem}.presence-wall.layout-wall .presence-wall-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.presence-wall.layout-list .presence-wall-grid{grid-template-columns:1fr}.presence-wall.layout-compact .presence-wall-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem}.presence-tile{display:grid;grid-template-columns:10px 1fr;gap:.45rem .7rem;align-items:start;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--text)}.presence-wall.layout-list .presence-tile{grid-template-columns:10px 1fr auto;align-items:center}.presence-wall.layout-compact .presence-tile{padding:.55rem .65rem}.presence-tile-lamp{width:10px;height:10px;margin-top:.35rem;border-radius:50%;background:#9aa3af;box-shadow:0 0 0 3px color-mix(in srgb,#9aa3af 22%,transparent)}.presence-tile.is-available .presence-tile-lamp{background:#2f9e6e;box-shadow:0 0 0 3px color-mix(in srgb,#2f9e6e 25%,transparent)}.presence-tile.is-on-call .presence-tile-lamp{background:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 25%,transparent)}.presence-tile.is-dnd .presence-tile-lamp{background:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 25%,transparent)}.presence-tile.is-away .presence-tile-lamp{background:#d97706;box-shadow:0 0 0 3px color-mix(in srgb,#d97706 25%,transparent)}.presence-tile.is-custom .presence-tile-lamp{background:#7c3aed;box-shadow:0 0 0 3px color-mix(in srgb,#7c3aed 25%,transparent)}.presence-tile-main{display:grid;gap:.12rem;min-width:0}.presence-tile-main b{font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-tile-main .mono{font-size:.78rem;color:color-mix(in srgb,var(--text) 65%,transparent)}.presence-tile-status{grid-column:2;font-size:.8rem;color:color-mix(in srgb,var(--text) 78%,transparent)}.presence-wall.layout-list .presence-tile-status{grid-column:auto;justify-self:end}.presence-wall-empty{padding:2rem 1rem;text-align:center;color:var(--text)}.presence-wall-lock{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 78%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;z-index:3}.presence-wall-lock-card{max-width:22rem;padding:1.25rem 1.4rem;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:center;box-shadow:0 8px 28px color-mix(in srgb,#000 12%,transparent)}.presence-wall-lock-card p{margin:.45rem 0 0;font-size:.9rem;line-height:1.45;color:color-mix(in srgb,var(--text) 78%,transparent)}.phone-templates-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:1.1rem;align-items:start}.phone-templates.is-compact .phone-templates-layout{margin-top:.15rem}.phone-templates-list{display:grid;gap:.85rem;position:sticky;top:.5rem}.phone-templates-vendor{display:grid;gap:.35rem}.phone-templates-item{display:grid;gap:.15rem;text-align:left;padding:.65rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;cursor:pointer}.phone-templates-item b{font-size:.9rem}.phone-templates-item span{font-size:.75rem;color:var(--muted)}.phone-templates-item.is-on{border-color:color-mix(in srgb,var(--copper) 50%,var(--line));background:color-mix(in srgb,var(--copper) 10%,var(--panel))}.phone-templates-editor{display:grid;gap:.7rem;min-width:0}.phone-templates-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.phone-templates-head h3{margin:0;font-size:1.15rem}.phone-templates-actions{display:flex;gap:.45rem;flex-wrap:wrap}.phone-templates-code{width:100%;min-height:28rem;resize:vertical;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.45;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--canvas);color:var(--text);white-space:pre;tab-size:2}.phone-templates-vars{display:flex;flex-wrap:wrap;gap:.35rem}.phone-templates-copy{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end;padding:.85rem 0 .2rem;border-top:1px solid var(--line)}.phone-templates-copy label{display:grid;gap:.3rem;font-size:.82rem;color:var(--muted);min-width:16rem;flex:1}@media(max-width:860px){.phone-templates-layout{grid-template-columns:1fr}.phone-templates-list{position:static}}