:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18202a;background:#f5f7fa}body{margin:0}.wrap{max-width:980px;margin:0 auto;padding:24px}header{margin-bottom:18px}.sub{color:#667085;margin-top:-8px}.card{background:white;border:1px solid #e4e7ec;border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 8px 24px rgba(16,24,40,.05)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn,button{display:inline-block;border:0;background:#1f2937;color:white;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:650;cursor:pointer}.btn.secondary,button.secondary{background:#e5e7eb;color:#111827}.btn.danger,button.danger{background:#b42318}.btn.green,button.green{background:#067647}input,textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d0d5dd;border-radius:12px;font:inherit}label{display:block;font-weight:650;margin-top:10px}.muted{color:#667085}.flash{border-radius:14px;padding:12px 14px;margin:12px 0}.flash.ok{background:#ecfdf3;border:1px solid #abefc6}.flash.err{background:#fef3f2;border:1px solid #fecdca}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#3538cd;font-size:.85rem}.pill.bad{background:#fef3f2;color:#b42318}.pill.good{background:#ecfdf3;color:#067647}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}th,td{border-bottom:1px solid #eaecf0;padding:10px;text-align:left;vertical-align:top}th{background:#f9fafb;font-size:.9rem;color:#475467}code{background:#eef2f6;border-radius:6px;padding:2px 5px}footer{margin:28px 0;color:#667085}.small{font-size:.9rem}.actions form{display:inline}.warn{background:#fffaeb;border:1px solid #fedf89;border-radius:14px;padding:12px 14px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;white-space:pre-wrap}

.google-diff{
  margin-top:.55rem;
  padding:.6rem .7rem;
  border:1px solid #bfdbfe;
  border-radius:.75rem;
  background:#eff6ff;
  color:#1e3a8a;
}
.pill.warnpill{
  background:#eef2ff;
  color:#4338ca;
}
button.green,.btn.green{
  background:#047857;
  color:#fff;
}
button.green:hover,.btn.green:hover{
  background:#065f46;
}

.conflict-panel{
  border-color:#fedf89;
  background:#fffcf5;
}
.conflict-item{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem 0;
  border-top:1px solid #fedf89;
}
.conflict-item:first-of-type{
  border-top:0;
}
.conflict-item .actions{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  align-items:flex-start;
  justify-content:flex-end;
}
@media (max-width: 720px){
  .conflict-item{display:block}
  .conflict-item .actions{justify-content:flex-start;margin-top:.7rem}
}

.ms-diff{
  margin-top:.55rem;
  padding:.6rem .7rem;
  border:1px solid #c7d2fe;
  border-radius:.75rem;
  background:#eef2ff;
  color:#312e81;
}
.actions.stacked{
  margin-top:.6rem;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
}
.actions.stacked form{display:inline-block}
.actions.stacked button{padding:8px 10px;font-size:.88rem}
@media (max-width: 720px){
  table, thead, tbody, tr, th, td{display:block;width:100%}
  thead{display:none}
  tr{border-bottom:1px solid #eaecf0;padding:.75rem 0}
  td{border-bottom:0;padding:.5rem 0}
}


.event-id{
  display:inline-block;
  max-width:22rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:bottom;
}
@media (max-width:720px){.event-id{max-width:16rem}}