@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color-scheme:light;--font-display: "Space Grotesk", "Trebuchet MS", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--ink: #1c2129;--muted: #596270;--line: #353a40;--line-soft: #c5cbd6;--panel: #ffffff;--panel-soft: #f3f2ee;--bg: #f6f0e5;--bg-2: #eef4f8;--shadow: 0 12px 28px rgba(32, 36, 44, .12);--shadow-tile: 0 6px 16px rgba(32, 36, 44, .03);--tile-gap: 10px;--radius: 12px;--radius-small: 8px;--tone-sun: #f3d400;--tone-magenta: #e04ae0;--tone-violet: #7a52d2;--tone-teal: #49c7bd;--tone-green: #5fcd5f;--tone-blue: #3c74c7;--tone-charcoal: #111111;--tone-steel: #c4cad3;--tone-red: #c94242;--tone-indigo: #3b4da0}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);min-height:100vh}#root{min-height:100vh}.page{padding:22px;position:relative}.frameWrap{position:relative}.frame{background:#fffffff2;border:1.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px 22px 26px;position:relative;overflow:visible}.frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:radial-gradient(#cdd5df .5px,transparent .5px);background-size:18px 18px;opacity:.18;pointer-events:none}.authOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f4eee2b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3}.authOverlayCard{background:#ffffffeb;border:1.5px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 22px 16px;min-width:260px;text-align:center}.authOverlayTitle{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:6px}.authOverlayText{color:var(--muted);font-size:13.5px;margin-bottom:10px}.authOverlayInput{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px;font-family:var(--font-display);margin-bottom:10px;background:#fff}.authOverlayError{background:#ffe5e5;border:1.5px solid #cc4b4b;color:#7c1f1f;border-radius:8px;font-size:12.5px;padding:6px 8px;margin-bottom:10px}.authOverlayButton{border:1.5px solid var(--line);border-radius:10px;background:#fdfdfd;color:var(--ink);padding:8px 18px;font-family:var(--font-display);font-size:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.authOverlayButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #151c2424}.authOverlayButton:disabled{opacity:.6;cursor:not-allowed}.authStatusWrap{display:flex;justify-content:flex-end;margin-top:12px}.authStatus{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(28,33,41,.2);font-size:12.5px;color:var(--muted)}.authStatusText{white-space:nowrap}.authStatusButton{border:none;background:transparent;color:#1c5fd1;font-size:12.5px;cursor:pointer;padding:2px 4px}.authStatusButton:hover{text-decoration:underline}.adminOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f4eee2ad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4}.adminPanel{background:#fffffff5;border:1.5px solid var(--line);border-radius:16px;box-shadow:var(--shadow);width:min(520px,88vw);padding:18px 20px}.adminPanelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.adminPanelTitle{font-family:var(--font-display);font-size:18px;font-weight:600}.adminPanelClose{border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}.adminPanelBody{display:grid;gap:10px;font-size:13.5px;color:var(--muted)}.adminPanelHint{background:#f3f2ee;border-radius:10px;padding:8px 10px;border:1px solid var(--line-soft)}.adminPanelItem{padding:6px 0}.adminSection{border:1px solid var(--line-soft);border-radius:12px;padding:12px;background:#f8f4ee;display:grid;gap:10px}.adminSectionTitle{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink)}.adminSectionSubtitle{font-size:12.5px;color:var(--muted);margin-top:-6px}.adminPresenceGrid{display:grid;gap:8px}.adminPresenceRow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px;background:#fff;border:1px solid var(--line-soft);border-radius:10px}.adminPresenceLabel{font-size:12.5px;color:var(--ink)}.adminPresenceColor{width:36px;height:26px;border:none;background:transparent;padding:0;cursor:pointer}.adminPresenceValue{font-size:11.5px;color:var(--muted);font-family:var(--font-display)}.adminPresenceRefresh{display:grid;gap:6px;padding:8px;border:1px solid var(--line-soft);border-radius:10px;background:#fff}.adminPresenceRefreshLabel{font-size:12.5px;color:var(--muted)}.adminPresenceRefreshInput{width:120px;border:1.5px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px;font-family:var(--font-display)}.adminPresenceReset{border:1.5px solid var(--line);border-radius:10px;background:#fdfdfd;color:var(--ink);padding:6px 10px;font-size:12.5px;cursor:pointer;width:fit-content}.adminPresenceReset:hover{box-shadow:0 6px 16px #151c241f;transform:translateY(-1px)}.adminPresenceActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.adminPresenceSave{border:1.5px solid var(--line);border-radius:10px;background:#1c5fd1;color:#fff;padding:6px 12px;font-size:12.5px;cursor:pointer}.adminPresenceSave:hover:not(:disabled){box-shadow:0 6px 16px #151c242e;transform:translateY(-1px)}.adminPresenceSave:disabled,.adminPresenceReset:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.adminPresenceStatus{font-size:12px;color:var(--muted)}.adminPresenceStatus--error{color:#a23131}.adminPresenceStatus--ok{color:#1b7f4b}.pageHeader{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:18px;z-index:1;animation:header-in .42s ease both}.brand{display:flex;align-items:center;gap:10px}.brandLogo{width:150px;height:36px;object-fit:contain}.brandDots{display:flex;gap:6px;margin-top:0}.brandDots span{width:4px;height:4px;background:#57c6d1;border-radius:999px;opacity:.7}.pageTitle{font-family:var(--font-display);font-size:28px;font-weight:600;text-align:center;letter-spacing:.6px}.topActions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.weatherWidget{min-width:180px;padding:14px 12px 10px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-tile);display:grid;gap:6px;position:relative;align-self:center}.weatherLabel{letter-spacing:.2px}.weatherRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.weatherIconWrap{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#1c5fd1;opacity:.75}.weatherIcon{width:18px;height:18px}.weatherCity{font-weight:500;letter-spacing:.2px}.weatherTemp{font-family:var(--font-display);font-size:17px;color:#1c5fd1}.refreshMeta{text-align:right;font-size:13.5px;color:var(--muted);display:grid;gap:2px}.refreshTime{font-family:var(--font-display);font-size:16px;color:var(--ink)}.iconGroup{display:flex;gap:10px}.iconButton{width:36px;height:36px;border:1.5px solid var(--line);border-radius:10px;background:#fdfdfd;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.iconButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #151c242e}.iconButton:disabled{opacity:.6;cursor:not-allowed}.iconButton svg{width:18px;height:18px}.iconButton.isLoading svg{animation:spin 1.2s linear infinite}.bannerError{background:#ffe5e5;border:2px solid #cc4b4b;border-radius:12px;padding:10px 12px;margin-bottom:14px;color:#7c1f1f;position:relative;z-index:1}.authRefreshBanner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fff2cc;border:2px solid #f0b429;border-radius:12px;padding:10px 12px;margin-bottom:14px;color:#5a3b00}.authRefreshText{font-size:13.5px;font-weight:600}.authRefreshActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.authRefreshButton{border:1.5px solid #c89b2b;border-radius:10px;background:#fff7de;color:#5a3b00;padding:6px 12px;font-size:12.5px;font-family:var(--font-display);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.authRefreshButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #5a3b0024}.authRefreshButton:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.authRefreshError{font-size:12px;color:#9b2c2c}.dashboard{display:grid;gap:calc(var(--tile-gap) * 1.2);position:relative;z-index:1}.dashboard>section+section{margin-top:12px}.topRow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--tile-gap)}.miniGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tile-gap)}.panelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tile-gap)}.summaryRow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--tile-gap)}.bottomRow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--tile-gap)}.bottomRow .trendTile{grid-column:span 6}.bottomRow .panelTile,.bottomRow .teamsPresenceTile{grid-column:span 3}.tileCard{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-tile);position:relative;z-index:0;padding:14px 10px 10px;animation:tile-rise .42s ease both;animation-delay:var(--delay, 0ms)}.tileCard:hover,.tileCard:focus-within{z-index:5}.tileCard[data-status=loading]{opacity:.75}.tileCard[data-status=error]{border-color:#c93a3a}.tileLabel{position:absolute;top:-10px;left:12px;border-radius:8px;border:1.5px solid var(--line);padding:3px 10px;font-size:12.5px;font-weight:600;letter-spacing:.3px;text-transform:none;background:var(--tone-steel);color:#1a1a1a}.tone-sun{background:var(--tone-sun)}.tone-magenta{background:var(--tone-magenta);color:#fff}.tone-violet{background:var(--tone-violet);color:#fff}.tone-teal{background:var(--tone-teal)}.tone-green{background:var(--tone-green)}.tone-blue{background:var(--tone-blue);color:#fff}.tone-charcoal{background:var(--tone-charcoal);color:#fff}.tone-steel{background:var(--tone-steel)}.tone-red{background:var(--tone-red);color:#fff}.tone-indigo{background:var(--tone-indigo);color:#fff}.miniTile{min-height:118px;display:flex;flex-direction:column;gap:6px;padding:14px 10px 10px}.miniValue{font-family:var(--font-display);font-size:45px;text-align:center;color:#1c5fd1;margin-top:4px;flex:1;display:flex;align-items:center;justify-content:center}.miniFooter{border:1.5px solid var(--line);border-radius:6px;padding:5px 6px 6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;background:#9aa1ab;color:#f8f9fb;align-self:stretch;margin:auto 6px 6px}.summaryTile{min-height:122px;display:flex;flex-direction:column;gap:8px;padding-bottom:6px}.summaryValue{font-family:var(--font-display);font-size:48px;text-align:center;color:#1c5fd1;margin-top:4px;flex:1;display:flex;align-items:center;justify-content:center}.tileValueLink{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;cursor:pointer}.tileValueLink[data-tooltip]{position:relative}.tileValueLink[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#111;color:#fff;font-size:12px;line-height:1.2;padding:6px 8px;border-radius:6px;white-space:normal;width:min(240px,90vw);text-align:center;opacity:0;pointer-events:none;z-index:6;box-shadow:0 8px 18px #0000002e}.tileValueLink[data-tooltip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid;border-color:#111 transparent transparent;opacity:0;pointer-events:none;z-index:6}.tileValueLink[data-tooltip]:hover:after,.tileValueLink[data-tooltip]:focus-visible:after,.tileValueLink[data-tooltip]:hover:before,.tileValueLink[data-tooltip]:focus-visible:before{opacity:1}.tileValuePlain{color:inherit;text-decoration:none}.tileValueSeparator{padding:0 4px;text-decoration:none;display:inline-block}.summaryFooter{border:1.5px solid var(--line);border-radius:6px;padding:5px 6px 6px;text-align:center;font-weight:600;font-size:16px;background:#dff4d8;color:#111;margin:0 6px 6px}.panelTile{min-height:170px;display:flex;flex-direction:column;gap:10px;padding:18px 14px 12px}.panelBody{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}.panelTile--list .panelBody{justify-content:flex-start}.panelValue{font-family:var(--font-display);font-size:57px;text-align:center;color:#1c5fd1}.panelList{display:grid;gap:10px;font-size:14.5px;text-align:center;padding:0 8px;line-height:1.4}.panelListItem a{color:#1c5fd1;text-decoration:underline;text-underline-offset:3px;display:inherit}.summaryTile .tileLabel,.panelTile .tileLabel,.miniTile .tileLabel{text-transform:none}.panelListItem{display:block}.panelListItemText{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;width:100%}.trendTile{padding:22px 18px 18px;min-height:250px}.trendHeader{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;color:var(--muted);margin-bottom:8px}.trendTitle{font-weight:600}.trendMeta{font-family:var(--font-display);font-size:16px;color:var(--ink)}.trendBody{position:relative;height:200px}.panelPlaceholder{border:1.5px solid var(--line);border-radius:var(--radius-small);min-height:118px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-align:center;background:#f7f4ee}.panelPlaceholder:before,.panelPlaceholder:after{content:"";position:absolute;left:10px;right:10px;top:50%;height:1px;background:var(--line-soft)}.panelPlaceholder:before{transform:rotate(12deg)}.panelPlaceholder:after{transform:rotate(-12deg)}.teamsPresenceTile{min-height:250px;padding:20px 12px 14px}.teamsPresenceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:14px 10px;align-items:start;justify-items:center;margin-top:8px}.presenceCard{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--muted);font-size:12px;position:relative}.presenceAvatar{width:56px;height:56px;border-radius:999px;border:3px solid var(--presence-color, #c4cad3);box-shadow:0 0 0 3px var(--presence-color, #c4cad3),0 0 12px 1px var(--presence-color, #c4cad3);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f2ee;position:relative}.presenceAvatar:focus-visible{outline:2px solid var(--presence-color, #c4cad3);outline-offset:3px}.presenceAvatar img{width:100%;height:100%;display:block;object-fit:cover}.presenceInitials{font-family:var(--font-display);font-size:18px;color:var(--ink);letter-spacing:1px}.presenceName{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presenceNotice{border:1.5px dashed var(--line-soft);border-radius:12px;padding:10px;text-align:center;font-size:12.5px;color:var(--muted);background:#f7f4ee;margin-top:12px}.presenceNotice--error{border-color:#cc4b4b;color:#7c1f1f;background:#ffe5e5}.presenceCard[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);background:#111;color:#fff;font-size:11.5px;line-height:1.2;padding:6px 8px;border-radius:6px;white-space:normal;width:max-content;max-width:200px;text-align:center;opacity:0;pointer-events:none;z-index:6;box-shadow:0 8px 18px #0000002e}.presenceCard[data-tooltip]:before{content:"";position:absolute;left:50%;bottom:calc(100% - 2px);transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid;border-color:#111 transparent transparent;opacity:0;pointer-events:none;z-index:6}.presenceCard[data-tooltip]:hover:after,.presenceCard[data-tooltip]:focus-within:after,.presenceCard[data-tooltip]:hover:before,.presenceCard[data-tooltip]:focus-within:before{opacity:1}.tileError{margin-top:8px;font-size:12px;color:#a23131}.callLegsView{display:grid;gap:14px;position:relative;z-index:1}.callLegsHeader .pageTitle{font-size:26px}.callLegsActions{gap:12px}.callLegsMeta{text-align:right;font-size:12.5px;color:var(--muted);display:grid;gap:2px}.callLegsMetaLabel{font-size:12px;color:var(--muted)}.callLegsMetaValue{font-family:var(--font-display);font-size:15px;color:var(--ink)}.callLegsMetaSub{font-size:12px;color:var(--muted)}.callLegsBody{display:grid;gap:10px}.callLegsControls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:10px 12px;border:1.5px solid var(--line-soft);border-radius:12px;background:#f8f4ee}.callLegsInsights{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.insightCard{grid-column:span 4;border:1.5px solid var(--line-soft);border-radius:12px;background:#fff;padding:12px;display:grid;gap:8px}.insightCard--span-4{grid-column:span 4}.insightCard--span-8{grid-column:span 8}.insightCard--span-12{grid-column:span 12}.insightTitle{font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.insightValue{font-size:28px;font-family:var(--font-display);color:var(--ink)}.insightSub{font-size:12px;color:var(--muted)}.insightChart{min-height:200px;height:200px}.insightChart--line{height:220px}.insightTableWrap{max-height:240px;overflow:auto;border:1px solid var(--line-soft);border-radius:10px}.insightTable{width:100%;border-collapse:collapse;font-size:12px}.insightTable th,.insightTable td{padding:8px 10px;border-bottom:1px solid var(--line-soft);text-align:left}.insightTable thead th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:#f8f4ee;position:sticky;top:0;z-index:1}.callLegsFilters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;align-self:flex-end}.filterGroup{border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;min-width:180px;display:grid;gap:6px;align-self:flex-end}.filterGroupLabel{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.filterGroupOptions{display:grid;gap:6px;max-height:140px;overflow:auto;padding-right:4px}.filterOption{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink)}.filterOption input{accent-color:#1c5fd1}.filterEmpty{font-size:12px;color:var(--muted)}.callLegsReset{border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:7px 12px;font-size:12.5px;font-family:var(--font-display);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.callLegsReset:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #151c241f}.callLegsReset:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.callLegsToggle{display:flex;gap:6px;padding:4px;border:1.5px solid var(--line);border-radius:999px;background:#fff}.callLegsToggleButton{border:none;background:transparent;padding:6px 12px;border-radius:999px;font-size:12.5px;font-family:var(--font-display);cursor:pointer;color:var(--muted)}.callLegsToggleButton.isActive{background:#1c5fd1;color:#fff}.callLegsControl{display:grid;gap:6px}.callLegsControlLabel{font-size:12px;color:var(--muted)}.callLegsSelect,.callLegsInput{border:1.5px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px;font-family:var(--font-display);background:#fff;min-width:160px}.callLegsApply{border:1.5px solid var(--line);border-radius:10px;background:#1c5fd1;color:#fff;padding:7px 14px;font-size:12.5px;font-family:var(--font-display);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.callLegsApply--secondary{background:#f1f5f9;color:#1f2937}.callLegsApply--danger{background:#b42318;border-color:#b42318;color:#fff}.callLegsApply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #151c2429}.callLegsApply:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.callLegsCacheHint{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:12px;font-family:var(--font-display);border:1px solid #fed7aa}.callLegsCacheDot{width:8px;height:8px;border-radius:999px;background:#f59e0b;box-shadow:0 0 #f59e0b80;animation:cachePulse 1.6s infinite}.callLegsCacheStatus{display:grid;gap:2px;font-size:11.5px;color:var(--muted);font-family:var(--font-display);padding:6px 10px;border-radius:10px;border:1px dashed var(--line);background:#fff}.callLegsCacheLine{white-space:nowrap}@keyframes cachePulse{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.callLegsTableWrap{border:1.5px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-tile);overflow:auto}.callLegsTable{width:100%;border-collapse:collapse;font-size:12.5px;min-width:1950px}.callLegsTable--legs{min-width:1300px}.callLegsTable th,.callLegsTable td{padding:8px 10px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}.callLegsTable th{position:sticky;top:0;z-index:1;background:#f7f4ee;font-family:var(--font-display);font-weight:600;letter-spacing:.2px}.callLegsTable tbody tr:hover{background:#f7f7f7}.callLegsTable tbody tr[data-status=answered] td:first-child{box-shadow:inset 4px 0 #2f9e65}.callLegsTable tbody tr[data-status=voicemail] td:first-child{box-shadow:inset 4px 0 #d97706}.callLegsTable tbody tr[data-status=abandoned] td:first-child{box-shadow:inset 4px 0 #b45309}.callLegsTable tbody tr[data-status=missed] td:first-child{box-shadow:inset 4px 0 #c94242}.callLegsTable tbody tr[data-status=unknown] td:first-child{box-shadow:inset 4px 0 #9aa1ab}.callLegsCell--date{font-family:var(--font-display);font-size:12px}.callLegsCell--id{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:var(--muted)}.callLegsCell--agents{max-width:200px;overflow:hidden;text-overflow:ellipsis}.callLegsCell--flow{max-width:260px;white-space:normal}.statusPill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:1px solid transparent}.statusPill--answered{background:#d7f4e3;color:#1b7f4b;border-color:#84d5a8}.statusPill--attempted,.statusPill--outbound{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.statusPill--error{background:#ffe5e5;color:#a23131;border-color:#e3a3a3}.statusPill--voicemail{background:#fff3e0;color:#b45309;border-color:#f4c784}.statusPill--abandoned{background:#fef3c7;color:#92400e;border-color:#facc15}.statusPill--missed{background:#ffe5e5;color:#a23131;border-color:#e3a3a3}.statusPill--unknown{background:#eef0f3;color:#596270;border-color:#c5cbd6}.callLegsDetails{border:1.5px solid var(--line);border-radius:8px;background:#fdfdfd;color:var(--ink);padding:5px 10px;font-size:12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.callLegsDetails:hover{transform:translateY(-1px);box-shadow:0 6px 16px #151c241f}.callLegsEmpty{padding:18px 16px;font-size:13px;color:var(--muted)}.callLegsDetailsRow td{padding:0;border-bottom:none}.callLegsDetailsCell{padding:0}.callLegsDetailsPanel{background:#f8f4ee;border-top:1px solid var(--line-soft);padding:12px 14px 16px;display:grid;gap:10px}.callLegsDetailsTitle{font-family:var(--font-display);font-size:13.5px;font-weight:600;color:var(--ink)}.callLegsEventsTableWrap{overflow:auto;border:1px solid var(--line-soft);border-radius:10px;background:#fff}.callLegsEventsTable{width:100%;border-collapse:collapse;font-size:12px;min-width:980px}.callLegsEventsTable th,.callLegsEventsTable td{padding:6px 8px;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}.callLegsEventsTable th{position:sticky;top:0;background:#f7f4ee;font-family:var(--font-display);font-weight:600}@keyframes tile-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes header-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.summaryRow{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.pageHeader{grid-template-columns:1fr;justify-items:center;text-align:center}.topActions{flex-direction:column}.weatherWidget{width:min(240px,100%)}.refreshMeta{text-align:center}.topRow,.panelGrid{grid-template-columns:1fr}.callLegsControls{flex-direction:column;align-items:stretch}.callLegsControl,.callLegsApply,.callLegsReset{width:100%}.callLegsFilters{flex-direction:column;align-items:stretch}.filterGroup{width:100%}.callLegsInsights{grid-template-columns:1fr}.insightCard{grid-column:span 12}}@media (max-width: 820px){.miniGrid,.summaryRow{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomRow{grid-template-columns:1fr}.bottomRow .trendTile,.bottomRow .panelTile,.bottomRow .teamsPresenceTile{grid-column:span 1}}@media (max-width: 760px){.authStatusWrap{justify-content:center}}