.g7-shell {
  --g7-bg:#fff;
  --g7-panel:#fafafa;
  --g7-surface:#fff;
  --g7-soft:#f4f4f5;
  --g7-line:#e4e4e7;
  --g7-text:#18181b;
  --g7-muted:#71717a;
  --g7-accent:#facc15;
  --g7-accent-text:#713f12;
  display:grid;
  grid-template-columns:303px minmax(0,1fr);
  min-height:calc(100vh - 125px);
  background:var(--g7-bg);
  color:var(--g7-text);
  font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
[data-bs-theme="dark"] .g7-shell {
  --g7-bg:#18181b;
  --g7-panel:#202024;
  --g7-surface:#18181b;
  --g7-soft:#27272a;
  --g7-line:#343439;
  --g7-text:#fafafa;
  --g7-muted:#a1a1aa;
  --g7-accent:#eab308;
  --g7-accent-text:#422006;
}
.g7-shell * { box-sizing:border-box; }
.g7-shell button,.g7-shell input { font:inherit; }
.g7-shell :focus-visible { outline:3px solid color-mix(in srgb,var(--g7-accent) 65%,#2563eb); outline-offset:2px; }
.g7-sidebar { display:grid; grid-template-columns:56px minmax(0,247px); min-width:0; border-right:1px solid var(--g7-line); background:var(--g7-panel); transition:grid-template-columns .25s cubic-bezier(.22,1,.36,1); }
.g7-icon-rail { min-width:56px; padding:12px 5px; border-right:1px solid var(--g7-line); background:var(--g7-panel); }
.g7-logo { display:grid; grid-template-columns:repeat(3,5px); gap:2px; justify-content:center; align-content:center; width:34px; height:34px; margin:0 auto 20px; color:var(--g7-text); text-decoration:none; }
.g7-logo span { width:5px; height:18px; border-radius:5px; background:currentColor; transform:rotate(22deg); }
.g7-logo span:nth-child(2) { height:25px; margin-top:-4px; }
.g7-logo span:nth-child(3) { height:14px; margin-top:3px; }
.g7-primary-nav { display:flex; flex-direction:column; gap:4px; }
.g7-primary-nav a { display:grid; place-items:center; width:38px; height:38px; margin:auto; border-radius:9px; color:var(--g7-muted); font-size:17px; text-decoration:none; }
.g7-primary-nav a:hover,.g7-primary-nav a.active { color:var(--g7-text); background:var(--g7-soft); }
.g7-context-panel { min-width:0; overflow:hidden; }
.g7-context-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 16px 14px; white-space:nowrap; }
.g7-context-heading>strong { font-size:16px; font-weight:600; }
.g7-unreads { display:flex; align-items:center; gap:8px; color:var(--g7-muted); font-size:12px; }
.g7-unreads input { appearance:none; width:28px; height:16px; margin:0; border-radius:999px; background:var(--g7-line); position:relative; cursor:pointer; }
.g7-unreads input::after { content:""; position:absolute; width:12px; height:12px; top:2px; left:2px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgb(0 0 0 / 25%); transition:transform .16s ease; }
.g7-unreads input:checked { background:var(--g7-accent); }
.g7-unreads input:checked::after { transform:translateX(12px); }
.g7-search { display:flex; align-items:center; gap:8px; margin:0 16px 14px; padding:8px 10px; border:1px solid var(--g7-line); border-radius:8px; background:var(--g7-surface); color:var(--g7-muted); }
.g7-search input { width:100%; min-width:0; padding:0; border:0; outline:0; background:transparent; color:var(--g7-text); font-size:12px; }
.g7-context-item { display:flex; flex-direction:column; align-items:flex-start; gap:8px; width:100%; padding:15px 16px; border:0; border-top:1px solid var(--g7-line); border-bottom:1px solid var(--g7-line); background:transparent; color:var(--g7-text); text-align:left; }
.g7-context-item:hover { background:var(--g7-soft); }
.g7-context-item strong { font-size:12px; }
.g7-context-item small { color:var(--g7-muted); font-size:11px; }
.g7-context-item>small { line-height:1.55; }
.g7-workspace { min-width:0; }
.g7-header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:66px; padding:14px 20px; background:var(--g7-bg); }
.g7-header-start,.g7-header-actions { display:flex; align-items:center; gap:10px; min-width:0; }
.g7-icon-button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid var(--g7-line); border-radius:50%; background:var(--g7-surface); color:var(--g7-text); }
.g7-icon-button:hover { background:var(--g7-soft); }
.g7-sidebar-toggle { border:0; border-radius:8px; }
.g7-divider { width:1px; height:20px; background:var(--g7-line); }
.g7-breadcrumb { display:flex; align-items:center; gap:9px; min-width:0; padding:0; margin:0; list-style:none; font-size:12px; }
.g7-breadcrumb li:first-child { color:var(--g7-muted); }
.g7-breadcrumb li+li::before { content:"/"; padding-right:9px; color:var(--g7-muted); }
.g7-notification { position:relative; }
.g7-notification span { position:absolute; top:4px; right:4px; width:7px; height:7px; border:1.5px solid var(--g7-surface); border-radius:50%; background:#ef4444; }
.g7-avatar { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid var(--g7-line); border-radius:50%; background:var(--g7-soft); color:var(--g7-text); font-size:11px; font-weight:650; }
.g7-main { width:100%; max-width:1600px; margin:0 auto; padding:18px 32px 32px; }
.g7-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.g7-card { border:1px solid var(--g7-line); border-radius:10px; background:var(--g7-surface); }
.g7-metrics article { min-height:112px; padding:18px; }
.g7-metrics span { display:block; color:var(--g7-muted); font-size:12px; }
.g7-metrics strong { display:block; margin-top:9px; font-size:24px; font-weight:650; }
.g7-metrics .g7-warning { color:#d97706; }
.g7-settings-card { min-height:222px; padding:24px; }
.g7-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.g7-settings-card h1 { margin:0; font-size:20px; font-weight:650; letter-spacing:-.02em; }
.g7-settings-card p { max-width:680px; margin:12px 0 0; color:var(--g7-muted); font-size:13px; }
.g7-settings-card>small { display:block; margin-top:12px; color:var(--g7-muted); font-size:11px; }
.g7-more { display:none; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--g7-text); }
.g7-create { display:inline-flex; align-items:center; gap:7px; min-height:38px; margin-top:18px; padding:8px 14px; border:1px solid color-mix(in srgb,var(--g7-accent) 65%,#000); border-radius:10px; background:var(--g7-accent); color:var(--g7-accent-text); font-weight:600; box-shadow:inset 0 1px 0 rgb(255 255 255 / 35%),0 1px 2px rgb(0 0 0 / 8%); }
.g7-create:hover { filter:brightness(.97); }
.g7-shell.is-sidebar-collapsed { grid-template-columns:56px minmax(0,1fr); }
.g7-shell.is-sidebar-collapsed .g7-sidebar { grid-template-columns:56px 0; }
.g7-shell.is-sidebar-collapsed .g7-context-panel { opacity:0; pointer-events:none; }
@media (max-width:991.98px) {
  .g7-shell { grid-template-columns:56px minmax(0,1fr); }
  .g7-sidebar { grid-template-columns:56px 0; }
  .g7-context-panel { opacity:0; pointer-events:none; }
  .g7-shell:not(.is-sidebar-collapsed) { grid-template-columns:303px minmax(0,1fr); }
  .g7-shell:not(.is-sidebar-collapsed) .g7-sidebar { grid-template-columns:56px minmax(0,247px); }
  .g7-shell:not(.is-sidebar-collapsed) .g7-context-panel { opacity:1; pointer-events:auto; }
}
@media (max-width:767.98px) {
  .g7-shell,.g7-shell:not(.is-sidebar-collapsed) { display:block; position:relative; min-height:720px; }
  .g7-sidebar { position:absolute; inset:0 auto 0 0; z-index:20; width:303px; grid-template-columns:56px minmax(0,247px); box-shadow:18px 0 40px rgb(0 0 0 / 12%); }
  .g7-context-panel { opacity:1; pointer-events:auto; }
  .g7-shell.is-sidebar-collapsed .g7-sidebar { width:0; grid-template-columns:0 0; overflow:hidden; border:0; box-shadow:none; }
  .g7-shell.is-sidebar-collapsed .g7-icon-rail { min-width:0; padding-inline:0; overflow:hidden; }
  .g7-header { padding:12px 16px; }
  .g7-header-actions .g7-icon-button:not(:last-of-type),.g7-header-actions .g7-divider { display:none; }
  .g7-breadcrumb li:first-child,.g7-breadcrumb li+li::before { display:none; }
  .g7-main { padding:14px 16px 24px; }
  .g7-metrics { grid-template-columns:1fr; gap:10px; }
  .g7-metrics article { min-height:90px; }
  .g7-settings-card { min-height:200px; padding:20px; }
  .g7-more { display:grid; }
  .g7-create { display:none; }
}

/* Expanded Style 7 workspace views */
.g7-nav-count { position:absolute; top:2px; right:1px; display:grid; place-items:center; min-width:15px; height:15px; padding:0 3px; border:2px solid var(--g7-panel); border-radius:999px; background:#ef4444; color:#fff; font-size:8px; font-style:normal; font-weight:700; line-height:1; }
.g7-primary-nav a { position:relative; }
.g7-context-nav { display:grid; gap:2px; padding:0 10px; }
.g7-context-nav a { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; padding:7px 9px; border-radius:8px; color:var(--g7-muted); font-size:12px; text-decoration:none; }
.g7-context-nav a span { display:flex; align-items:center; gap:9px; min-width:0; }
.g7-context-nav a i { width:15px; text-align:center; }
.g7-context-nav a b { color:inherit; font-size:10px; font-weight:600; }
.g7-context-nav a:hover,.g7-context-nav a.active { background:var(--g7-soft); color:var(--g7-text); }
.g7-context-label { margin:20px 19px 8px; color:var(--g7-muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.g7-filter-chips { display:flex; flex-wrap:wrap; gap:6px; }
.g7-context-panel>.g7-filter-chips { padding:0 16px; }
.g7-filter-chips button { min-height:27px; padding:4px 8px; border:1px solid var(--g7-line); border-radius:7px; background:var(--g7-surface); color:var(--g7-muted); font-size:10px; }
.g7-filter-chips button:hover { border-color:var(--g7-muted); color:var(--g7-text); }
.g7-capacity { display:grid; gap:11px; padding:4px 19px; color:var(--g7-muted); font-size:11px; }
.g7-capacity span { display:flex; align-items:center; gap:7px; }
.g7-capacity b { margin-left:auto; color:var(--g7-text); }
.g7-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--g7-muted); }
.g7-dot.is-green { background:#22c55e; }.g7-dot.is-amber { background:#f59e0b; }.g7-dot.is-red { background:#ef4444; }
.g7-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:3px 0 22px; }
.g7-page-heading-compact { align-items:center; }
.g7-page-heading h1 { margin:2px 0 4px; color:var(--g7-text); font-size:23px; font-weight:660; letter-spacing:-.025em; }
.g7-page-heading p { margin:0; color:var(--g7-muted); font-size:12px; }
.g7-page-heading .g7-eyebrow { color:var(--g7-muted); font-size:10px; font-weight:650; letter-spacing:.08em; text-transform:uppercase; }
.g7-heading-actions { display:flex; align-items:center; gap:8px; }
.g7-create { flex:0 0 auto; margin-top:0; }
.g7-quiet-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 11px; border:1px solid var(--g7-line); border-radius:8px; background:var(--g7-surface); color:var(--g7-text); font-size:11px; font-weight:600; }
.g7-quiet-button:hover { background:var(--g7-soft); }
.g7-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.g7-metrics article { position:relative; min-height:126px; }
.g7-metrics article>.g7-metric-icon { position:absolute; top:16px; right:16px; display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:var(--g7-soft); color:var(--g7-muted); }
.g7-metrics small { display:block; margin-top:7px; color:var(--g7-muted); font-size:10px; }
.g7-metrics small.is-up { color:#16803a; }.g7-metrics small.is-warning { color:#d97706; }
[data-bs-theme="dark"] .g7-metrics small.is-up { color:#4ade80; }
.g7-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr); gap:16px; }
.g7-dashboard-grid>.g7-card { min-width:0; padding:20px; }
.g7-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.g7-card-heading h2 { margin:0; font-size:14px; font-weight:650; }
.g7-card-heading p { margin:4px 0 0; color:var(--g7-muted); font-size:10px; }
.g7-card-heading>a { color:var(--g7-text); font-size:10px; font-weight:600; text-underline-offset:3px; }
.g7-chart { position:relative; height:205px; margin-top:19px; overflow:hidden; }
.g7-chart-grid { position:absolute; inset:0 0 25px; display:flex; flex-direction:column; justify-content:space-between; }
.g7-chart-grid i { display:block; border-top:1px dashed var(--g7-line); }
.g7-chart svg { position:absolute; inset:5px 0 25px; width:100%; height:calc(100% - 30px); overflow:visible; }
.g7-chart-line { fill:none; stroke:var(--g7-accent); stroke-width:3; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.g7-chart-line.is-muted { stroke:var(--g7-muted); stroke-width:2; stroke-dasharray:5 7; opacity:.65; }
.g7-chart-area { fill:color-mix(in srgb,var(--g7-accent) 16%,transparent); }
.g7-chart-labels { position:absolute; inset:auto 0 0; display:flex; justify-content:space-between; color:var(--g7-muted); font-size:9px; }
.g7-legend { display:flex; gap:20px; margin-top:9px; color:var(--g7-muted); font-size:10px; }
.g7-legend span { display:flex; align-items:center; gap:6px; }.g7-legend i { width:7px; height:7px; border-radius:50%; background:var(--g7-muted); }.g7-legend i.is-yellow { background:var(--g7-accent); }.g7-legend b { color:var(--g7-text); }
.g7-queue-list { display:grid; gap:20px; margin-top:24px; }
.g7-queue-list>div { display:grid; grid-template-columns:32px minmax(76px,1fr) minmax(60px,1fr) 34px; align-items:center; gap:10px; }
.g7-channel-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:var(--g7-soft); color:var(--g7-muted); }
.g7-queue-list span>b,.g7-queue-list span>small { display:block; }.g7-queue-list span>b { font-size:11px; }.g7-queue-list span>small { margin-top:2px; color:var(--g7-muted); font-size:9px; }.g7-queue-list>div>strong { text-align:right; font-size:10px; }
.g7-mini-bar { height:5px; overflow:hidden; border-radius:999px; background:var(--g7-soft); }.g7-mini-bar i { display:block; height:100%; border-radius:inherit; background:var(--g7-accent); }
.g7-queue-footer { display:flex; justify-content:space-between; gap:12px; margin:24px -20px -20px; padding:13px 20px; border-top:1px solid var(--g7-line); color:var(--g7-muted); font-size:9px; }.g7-queue-footer span { display:flex; align-items:center; gap:6px; }
.g7-activity-list { display:grid; gap:0; padding:0; margin:13px 0 0; list-style:none; }.g7-activity-list li { display:grid; grid-template-columns:32px 1fr; gap:10px; padding:11px 0; border-top:1px solid var(--g7-line); }.g7-activity-list p { margin:0; font-size:10px; }.g7-activity-list small { display:block; margin-top:3px; color:var(--g7-muted); font-size:9px; }
.g7-more { display:grid; flex:0 0 auto; }
.g7-person-avatar { position:relative; display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; border:1px solid color-mix(in srgb,#71717a 20%,transparent); border-radius:50%; background:#eceff3; color:#4b5563; font-size:8px; font-weight:700; }
.g7-person-avatar.is-blue { background:#dbeafe; color:#1e40af; }.g7-person-avatar.is-purple { background:#ede9fe; color:#6d28d9; }.g7-person-avatar.is-green { background:#dcfce7; color:#166534; }.g7-person-avatar.is-orange { background:#ffedd5; color:#9a3412; }.g7-person-avatar.is-teal { background:#ccfbf1; color:#0f766e; }.g7-person-avatar.is-pink { background:#fce7f3; color:#9d174d; }
[data-bs-theme="dark"] .g7-person-avatar { filter:saturate(.85) brightness(.78); }
.g7-team-summary { display:flex; align-items:center; gap:16px; margin:20px 0; }.g7-team-summary>div:last-child { display:grid; gap:2px; }.g7-team-summary strong { font-size:13px; }.g7-team-summary span { color:var(--g7-muted); font-size:9px; }
.g7-ring { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:conic-gradient(var(--g7-accent) calc(var(--value)*1%),var(--g7-soft) 0); }.g7-ring::before { content:""; grid-area:1/1; width:48px; height:48px; border-radius:50%; background:var(--g7-surface); }.g7-ring span { grid-area:1/1; z-index:1; color:var(--g7-text); font-size:11px; font-weight:700; }
.g7-team-avatars { display:flex; }.g7-team-avatars .g7-person-avatar { margin-left:-5px; border:2px solid var(--g7-surface); }.g7-team-avatars .g7-person-avatar:first-child { margin-left:0; }.g7-team-status { display:flex; flex-wrap:wrap; gap:12px; margin-top:17px; color:var(--g7-muted); font-size:9px; }.g7-team-status span { display:flex; align-items:center; gap:5px; }

.g7-inbox-metrics { display:flex; gap:0; margin:-7px 0 16px; }.g7-inbox-metrics>span { min-width:155px; padding:4px 20px; border-left:1px solid var(--g7-line); }.g7-inbox-metrics>span:first-child { padding-left:0; border-left:0; }.g7-inbox-metrics small,.g7-inbox-metrics strong { display:block; }.g7-inbox-metrics small { color:var(--g7-muted); font-size:9px; }.g7-inbox-metrics strong { margin-top:3px; font-size:16px; }
.g7-inbox { display:grid; grid-template-columns:minmax(250px,340px) minmax(380px,1fr) minmax(210px,270px); min-height:690px; overflow:hidden; }
.g7-thread-list,.g7-conversation { border-right:1px solid var(--g7-line); min-width:0; }.g7-list-toolbar { display:flex; gap:8px; padding:12px; border-bottom:1px solid var(--g7-line); }.g7-list-toolbar label,.g7-inline-search { display:flex; align-items:center; gap:7px; min-width:0; padding:7px 9px; border:1px solid var(--g7-line); border-radius:7px; color:var(--g7-muted); background:var(--g7-surface); }.g7-list-toolbar label { flex:1; }.g7-list-toolbar input,.g7-inline-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--g7-text); font-size:10px; }.g7-list-toolbar>button,.g7-conversation-actions button,.g7-person-top button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid var(--g7-line); border-radius:7px; background:var(--g7-surface); color:var(--g7-text); }
.g7-thread-tabs { display:flex; gap:2px; padding:8px 12px; border-bottom:1px solid var(--g7-line); }.g7-thread-tabs button { padding:6px 8px; border:0; border-radius:6px; background:transparent; color:var(--g7-muted); font-size:9px; }.g7-thread-tabs button.active { background:var(--g7-soft); color:var(--g7-text); }.g7-thread-tabs b { margin-left:3px; }
.g7-thread-list ol { max-height:615px; padding:0; margin:0; overflow:auto; list-style:none; }.g7-thread-list li { border-bottom:1px solid var(--g7-line); }.g7-thread-list li>button { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; width:100%; padding:14px 12px; border:0; background:transparent; color:var(--g7-text); text-align:left; }.g7-thread-list li.active>button,.g7-thread-list li>button:hover { background:color-mix(in srgb,var(--g7-accent) 9%,var(--g7-surface)); }.g7-thread-meta { display:flex; justify-content:space-between; gap:8px; }.g7-thread-meta b { font-size:10px; }.g7-thread-meta time { color:var(--g7-muted); font-size:9px; }.g7-thread-list strong,.g7-thread-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.g7-thread-list strong { margin-top:4px; font-size:10px; }.g7-thread-list small { margin-top:3px; color:var(--g7-muted); font-size:9px; }.g7-thread-tags { display:flex; gap:4px; margin-top:8px; }.g7-thread-tags i { padding:2px 5px; border-radius:4px; background:var(--g7-soft); color:var(--g7-muted); font-size:8px; font-style:normal; }.g7-thread-tags i.is-risk { background:#fef3c7; color:#92400e; }
.g7-conversation { display:flex; flex-direction:column; }.g7-conversation>header { display:flex; justify-content:space-between; gap:12px; padding:15px 17px; border-bottom:1px solid var(--g7-line); }.g7-conversation-title { display:flex; align-items:center; gap:8px; }.g7-conversation h2 { margin:0; font-size:12px; }.g7-conversation header p { margin:4px 0 0; color:var(--g7-muted); font-size:9px; }.g7-conversation-actions { display:flex; gap:5px; }
.g7-status-pill { display:inline-flex; align-items:center; min-height:20px; padding:2px 6px; border-radius:5px; background:var(--g7-soft); color:var(--g7-muted); font-size:8px; font-weight:650; }.g7-status-pill.is-open { background:#dcfce7; color:#166534; }.g7-status-pill.is-high { background:#fee2e2; color:#991b1b; }
.g7-customer-strip { display:flex; align-items:center; gap:9px; padding:10px 17px; border-bottom:1px solid var(--g7-line); background:var(--g7-panel); }.g7-customer-strip>div { display:grid; }.g7-customer-strip strong { font-size:10px; }.g7-customer-strip small { color:var(--g7-muted); font-size:8px; }.g7-customer-strip .g7-health { margin-left:auto; }
.g7-health { display:inline-flex; align-items:center; gap:5px; width:max-content; white-space:nowrap; font-size:9px; }.g7-health i { width:6px; height:6px; border-radius:50%; }.g7-health.is-risk { color:#b91c1c; }.g7-health.is-risk i { background:#ef4444; }.g7-health.is-watch { color:#b45309; }.g7-health.is-watch i { background:#f59e0b; }.g7-health.is-healthy { color:#15803d; }.g7-health.is-healthy i { background:#22c55e; }
.g7-message-stream { flex:1; min-height:300px; padding:19px 17px; }.g7-message { display:grid; grid-template-columns:30px minmax(0,1fr); gap:9px; max-width:83%; margin-bottom:20px; }.g7-message.is-agent { margin-left:auto; }.g7-message>div>p { display:flex; justify-content:space-between; gap:10px; margin:0 0 5px; font-size:9px; }.g7-message time { color:var(--g7-muted); }.g7-message-bubble { padding:10px 12px; border:1px solid var(--g7-line); border-radius:4px 10px 10px 10px; background:var(--g7-surface); font-size:10px; line-height:1.55; }.g7-message.is-agent .g7-message-bubble { border-radius:10px 4px 10px 10px; background:var(--g7-soft); }.g7-event-line { display:flex; align-items:center; justify-content:center; gap:12px; color:var(--g7-muted); font-size:8px; }.g7-event-line::before,.g7-event-line::after { content:""; flex:1; border-top:1px solid var(--g7-line); }
.g7-reply-box { margin:0 17px 17px; border:1px solid var(--g7-line); border-radius:9px; overflow:hidden; }.g7-reply-tabs { display:flex; gap:3px; padding:6px; border-bottom:1px solid var(--g7-line); }.g7-reply-tabs button { padding:5px 7px; border:0; border-radius:5px; background:transparent; color:var(--g7-muted); font-size:9px; }.g7-reply-tabs button.active { background:var(--g7-soft); color:var(--g7-text); }.g7-reply-box textarea { width:100%; padding:11px; border:0; outline:0; resize:none; background:var(--g7-surface); color:var(--g7-text); font-size:10px; }.g7-reply-box footer { display:flex; align-items:center; justify-content:space-between; padding:7px; background:var(--g7-panel); }.g7-reply-box footer>div { display:flex; }.g7-reply-box footer button { min-width:28px; height:28px; padding:0 6px; border:0; border-radius:6px; background:transparent; color:var(--g7-muted); }.g7-reply-box footer .g7-send { padding:0 10px; background:var(--g7-accent); color:var(--g7-accent-text); font-size:9px; font-weight:650; }
.g7-detail-panel { padding:17px; }.g7-detail-panel h2 { margin:0 0 17px; font-size:12px; }.g7-detail-panel h3 { margin:22px 0 9px; color:var(--g7-muted); font-size:9px; font-weight:650; text-transform:uppercase; }.g7-detail-panel dl { display:grid; gap:13px; margin:0; }.g7-detail-panel dl>div { display:flex; align-items:center; justify-content:space-between; gap:10px; }.g7-detail-panel dt { color:var(--g7-muted); font-size:9px; font-weight:500; }.g7-detail-panel dd { display:flex; align-items:center; gap:6px; margin:0; font-size:9px; }.g7-detail-panel dd .g7-person-avatar { width:22px; height:22px; font-size:7px; }.g7-account-card { display:flex; align-items:center; gap:8px; padding:9px; border:1px solid var(--g7-line); border-radius:8px; }.g7-company-logo { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; background:#111827; color:#fff; font-size:8px; font-weight:700; }.g7-account-card>div { display:grid; }.g7-account-card b { font-size:9px; }.g7-account-card small { color:var(--g7-muted); font-size:8px; }.g7-account-card>i { margin-left:auto; color:var(--g7-muted); }

.g7-customer-metrics article { min-height:104px; }.g7-customer-metrics strong { font-size:21px; }.g7-data-card { overflow:hidden; }.g7-table-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border-bottom:1px solid var(--g7-line); }.g7-table-toolbar>label { display:flex; align-items:center; gap:7px; flex:1; max-width:430px; padding:8px 10px; border:1px solid var(--g7-line); border-radius:7px; color:var(--g7-muted); }.g7-table-toolbar input { width:100%; border:0; outline:0; background:transparent; color:var(--g7-text); font-size:10px; }.g7-table-toolbar>div { display:flex; gap:6px; }.g7-table-scroll { overflow-x:auto; }.g7-table { width:100%; min-width:980px; border-collapse:collapse; font-size:9px; }.g7-table th { padding:10px 12px; background:var(--g7-panel); color:var(--g7-muted); font-weight:600; text-align:left; white-space:nowrap; }.g7-table td { padding:12px; border-top:1px solid var(--g7-line); vertical-align:middle; white-space:nowrap; }.g7-table tbody tr:hover { background:color-mix(in srgb,var(--g7-soft) 65%,transparent); }.g7-table td>small { display:block; margin-top:2px; color:var(--g7-muted); font-size:8px; }.g7-table-person { display:flex; align-items:center; gap:8px; }.g7-table-person>span:last-child { display:grid; }.g7-table-person small { color:var(--g7-muted); font-size:8px; }.g7-owner { display:flex; align-items:center; gap:6px; }.g7-owner .g7-person-avatar { width:22px; height:22px; font-size:6px; }.g7-table tfoot td { background:var(--g7-panel); color:var(--g7-muted); font-size:8px; }

.g7-people-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,310px); gap:16px; }.g7-people-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.g7-people-metrics article { min-height:104px; }.g7-people-metrics strong { font-size:21px; }.g7-directory { padding:18px; }.g7-inline-search { width:190px; }.g7-people-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:17px; }.g7-people-grid>article { min-width:0; padding:14px; border:1px solid var(--g7-line); border-radius:9px; background:var(--g7-surface); }.g7-person-top { display:flex; align-items:flex-start; justify-content:space-between; }.g7-person-top button { border:0; background:transparent; }.g7-person-avatar.is-large { width:40px; height:40px; font-size:10px; }.g7-presence { position:absolute; right:-1px; bottom:0; width:9px; height:9px; border:2px solid var(--g7-surface); border-radius:50%; background:#22c55e; }.g7-presence.is-away { background:#f59e0b; }.g7-presence.is-offline { background:#a1a1aa; }.g7-people-grid h3 { margin:12px 0 3px; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.g7-people-grid article>p { min-height:28px; margin:0; color:var(--g7-muted); font-size:9px; }.g7-people-grid article>small { color:var(--g7-muted); font-size:8px; }.g7-person-stats { display:flex; justify-content:space-between; gap:10px; margin:13px 0 12px; padding-top:11px; border-top:1px solid var(--g7-line); color:var(--g7-muted); font-size:8px; }.g7-person-stats b { display:block; color:var(--g7-text); font-size:10px; }.g7-load>span { display:flex; justify-content:space-between; color:var(--g7-muted); font-size:8px; }.g7-load>i { display:block; height:4px; margin-top:6px; overflow:hidden; border-radius:99px; background:var(--g7-soft); }.g7-load>i>b { display:block; height:100%; border-radius:inherit; background:#22c55e; }.g7-load>i>b.is-warning { background:#f59e0b; }.g7-load>i>b.is-danger { background:#ef4444; }
.g7-people-side { display:grid; align-content:start; gap:16px; }.g7-people-side>.g7-card { padding:18px; }.g7-coverage { display:grid; gap:0; margin-top:13px; }.g7-coverage>div { display:grid; grid-template-columns:1fr auto; gap:2px 10px; padding:12px 0; border-top:1px solid var(--g7-line); font-size:9px; }.g7-coverage span { color:var(--g7-muted); }.g7-coverage small { grid-column:1/-1; color:var(--g7-muted); font-size:8px; }.g7-leaderboard { display:grid; padding:0; margin:13px 0 0; list-style:none; }.g7-leaderboard li { display:grid; grid-template-columns:16px 28px minmax(0,1fr) auto; align-items:center; gap:8px; padding:11px 0; border-top:1px solid var(--g7-line); font-size:9px; }.g7-leaderboard li>b { color:var(--g7-muted); }.g7-leaderboard li>span:nth-of-type(2) { display:grid; }.g7-leaderboard small { color:var(--g7-muted); font-size:8px; }.g7-leaderboard li>strong { font-size:11px; }
[data-g7-filter-item][hidden] { display:none !important; }

@media (max-width:1250px) {
  .g7-inbox { grid-template-columns:minmax(250px,320px) minmax(380px,1fr); }.g7-detail-panel { display:none; }
  .g7-people-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1050px) {
  .g7-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .g7-dashboard-grid,.g7-people-layout { grid-template-columns:1fr; }
  .g7-people-side { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:850px) {
  .g7-inbox { grid-template-columns:minmax(220px,280px) minmax(330px,1fr); }
  .g7-table-toolbar { align-items:stretch; flex-direction:column; }.g7-table-toolbar>label { max-width:none; }.g7-table-toolbar>div { overflow-x:auto; }
}
@media (max-width:767.98px) {
  .g7-page-heading { align-items:flex-start; margin-bottom:16px; }.g7-page-heading h1 { font-size:20px; }
  .g7-inbox-metrics { overflow-x:auto; }.g7-inbox-metrics>span { min-width:135px; }
  .g7-inbox { display:block; min-height:0; }.g7-conversation { display:none; }.g7-thread-list { border-right:0; }.g7-thread-list ol { max-height:none; }
  .g7-people-grid { grid-template-columns:1fr; }.g7-people-side { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .g7-metrics { grid-template-columns:1fr; }.g7-metrics article { min-height:100px; }
  .g7-dashboard-grid>.g7-card { padding:16px; }.g7-chart { height:175px; }
  .g7-heading-actions .g7-quiet-button { display:none; }
}