.trendyol-webhook-health-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.trendyol-webhook-health-summary article{display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.trendyol-webhook-health-summary small{color:var(--muted)}.trendyol-webhook-health-summary b{font-size:1.1rem}.trendyol-webhook-health-summary .positive b{color:#1b713b}.trendyol-webhook-health-summary .negative b{color:#a12a34}.trendyol-health-banner{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px 18px;border-radius:14px;margin-bottom:18px}.trendyol-health-banner>i{font-size:1.5rem}.trendyol-health-banner>div{display:grid}.trendyol-health-banner--saglikli{background:#e6f6ea;color:#1b713b}.trendyol-health-banner--uyari{background:#fff4d6;color:#805d00}.trendyol-health-banner--kritik{background:#fde3e5;color:#a12a34}.trendyol-webhook-operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.trendyol-archive-filter{display:flex!important;align-items:center;gap:8px;padding:10px}.trendyol-archive-filter input{width:auto}.trendyol-webhook-event-form{display:grid;gap:14px}.trendyol-webhook-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.trendyol-webhook-operation-list{display:grid}.trendyol-webhook-operation-list article{display:grid;grid-template-columns:34px minmax(260px,1.2fr) 170px minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.trendyol-webhook-operation-list article>div{display:grid;gap:3px;min-width:0}.trendyol-webhook-operation-list small,.trendyol-webhook-operation-list article>div>span:not(.trendyol-state){color:var(--muted)}.trendyol-webhook-operation-list article>div:first-of-type small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.trendyol-event-check input{position:absolute;opacity:0}.trendyol-event-check span{display:grid;width:24px;height:24px;border:2px solid var(--line);border-radius:7px;background:#fff}.trendyol-event-check input:checked+span{border-color:#f27a1a;background:#f27a1a;box-shadow:inset 0 0 0 5px #fff}.trendyol-event-actions{display:flex!important;flex-direction:row!important;gap:6px}.trendyol-state--alindi{background:#fff0cc;color:#805d00}.trendyol-event-actions .site-button{white-space:nowrap}.trendyol-health-history{margin-top:18px}.trendyol-health-history>div>article{display:grid;grid-template-columns:20px minmax(260px,1fr) 180px 150px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.trendyol-health-history article>div{display:grid}.trendyol-health-history small{color:var(--muted)}.trendyol-health-dot{width:12px;height:12px;border-radius:50%;background:#aaa}.trendyol-health-dot--saglikli{background:#2b9348}.trendyol-health-dot--uyari{background:#d59a00}.trendyol-health-dot--kritik{background:#c93442}.trendyol-webhook-json{max-height:720px;overflow:auto;padding:18px;border-radius:12px;background:#171923;color:#e8edf5;font:12px/1.6 Consolas,Monaco,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.trendyol-webhook-health-summary{grid-template-columns:repeat(3,1fr)}.trendyol-webhook-operation-list article{grid-template-columns:34px 1fr 1fr}.trendyol-event-actions{grid-column:2/-1}.trendyol-health-history>div>article{grid-template-columns:20px 1fr 150px}.trendyol-health-history time{grid-column:2/-1}}@media(max-width:750px){.trendyol-webhook-operation-grid{grid-template-columns:1fr}.trendyol-webhook-health-summary{grid-template-columns:1fr 1fr}.trendyol-webhook-operation-list article{grid-template-columns:30px 1fr}.trendyol-webhook-operation-list article>div{grid-column:2}.trendyol-event-actions{grid-column:2}.trendyol-health-banner{grid-template-columns:36px 1fr}.trendyol-health-banner>small{grid-column:2}.trendyol-health-history>div>article{grid-template-columns:18px 1fr}.trendyol-health-history>div>article>div,.trendyol-health-history time{grid-column:2}}@media(max-width:480px){.trendyol-webhook-health-summary{grid-template-columns:1fr}.trendyol-event-actions,.trendyol-webhook-bulk-actions{align-items:stretch;flex-direction:column!important}}
