.tg-page { display:grid; gap:14px; padding-top:20px; }
    .tg-header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; }
    .tg-title { display:flex; align-items:center; gap:10px; }
    .tg-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
    .tg-grid { display:grid; grid-template-columns:minmax(340px, .95fr) minmax(0, 1.05fr); gap:14px; align-items:start; }
    .tg-summary-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
    .tg-summary-card, .tg-section, .tg-list-item, .tg-empty { border:1px solid var(--mud-palette-lines-default); border-radius:8px; background:rgba(var(--ag-fg-rgb),.03); }
    .tg-summary-card { display:flex; gap:10px; align-items:center; padding:10px 12px; min-height:72px; }
    .tg-summary-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; background:rgba(var(--mud-palette-primary-rgb), .1); color:var(--mud-palette-primary); flex:0 0 auto; }
    .tg-section { overflow:hidden; }
    .tg-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:12px 14px; border-bottom:1px solid var(--mud-palette-lines-default); background:rgba(var(--mud-palette-primary-rgb), .04); }
    .tg-section-body { padding:14px; }
    .tg-command-row { display:flex; gap:8px; flex-wrap:wrap; }
    .tg-ai-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
    .tg-list { display:grid; gap:8px; max-height:420px; overflow:auto; padding-right:2px; }
    .tg-list-item { padding:10px 12px; transition:border-color .18s ease, background-color .18s ease; }
    .tg-list-item:hover { border-color:var(--mud-palette-primary); background:rgba(var(--mud-palette-primary-rgb), .05); }
    .tg-user-row { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:10px; align-items:center; }
    .tg-user-actions { display:flex; gap:4px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
    .tg-empty { display:grid; place-items:center; min-height:156px; padding:18px; text-align:center; }
    .tg-sticky-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; position:sticky; bottom:0; padding-top:10px; background:linear-gradient(180deg, rgba(0,0,0,0), var(--mud-palette-background) 28%); }
    @media (max-width: 1180px) { .tg-summary-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 960px) { .tg-grid, .tg-ai-grid { grid-template-columns:1fr; } }
    @media (max-width: 640px) {
        .tg-summary-grid { grid-template-columns:1fr; }
        .tg-user-row { grid-template-columns:1fr; }
        .tg-user-actions { justify-content:flex-start; }
        .tg-actions { width:100%; }
    }

.tg-webhook-card { border:1px solid var(--mud-palette-lines-default); border-radius:8px; padding:12px; background:rgba(var(--mud-palette-primary-rgb), .035); display:grid; gap:10px; }
.tg-url-row { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px; align-items:end; }
.tg-url-value { font-family:Consolas, monospace; font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width: 640px) { .tg-url-row { grid-template-columns:1fr; } }