.gg-panel{--gg-tint:rgba(126,200,227,.07);border:1px solid var(--border);border-radius:12px;background:var(--gg-tint);padding:16px;margin:14px 0;color:var(--fg);line-height:1.6;overflow-wrap:anywhere}
.gg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.gg-head h2,.gg-panel h3{font-size:16px;margin:0}
.gg-help{font-size:12px;color:var(--dim);line-height:1.7;margin:8px 0;white-space:pre-wrap}
.gg-reason{border-left:3px solid var(--amber);padding:10px 14px;margin:12px 0;background:rgba(245,166,35,.06);font-size:13px;overflow-wrap:anywhere}
.gg-reason p{white-space:pre-wrap;margin:6px 0}
.gg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gg-panel .btn,.gg-reason .btn{font-size:12px;padding:9px 12px}
.gg-alert,.gg-event{padding:16px 0;border-top:1px solid var(--border)}
.gg-alert h4,.gg-event h4{font-size:14px;margin:0 0 6px}
.gg-alert ul{padding-left:20px;font-size:12px;color:var(--dim)}
.gg-overlay{z-index:290;background:rgba(6,12,25,.86);padding:20px}
.gg-modal{max-width:850px;max-height:92dvh;padding:24px}
.gg-modal .gg-head{position:sticky;top:-24px;background:#1a2540;z-index:1;padding:16px 0;border-bottom:1px solid var(--border)}
.gg-modal h3{font-size:16px;margin:18px 0 10px}
.gg-modal label{display:block;font-size:13px;margin:12px 0}
.gg-modal label .input{display:block;margin-top:6px}
.gg-modal textarea{min-height:100px;resize:vertical}
.gg-status{font-size:13px;margin:10px 0;white-space:pre-wrap}
.gg-error{color:var(--amber)}
.gg-empty{padding:20px 14px;border:1px dashed var(--border);border-radius:10px;font-size:13px;margin:12px 0;color:var(--dim)}
.gg-skeleton{height:14px;width:80%;margin:14px 0;border-radius:4px;background:rgba(126,200,227,.12)}
.gg-skeleton:first-child{width:47%;height:22px}
.gg-diffs{display:grid;gap:10px;margin-top:12px}
.gg-diff{border:1px solid var(--border);border-radius:8px;padding:12px;min-width:0}
.gg-diff>dt{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:8px}
.gg-diff>dd{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gg-value{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.gg-value>strong{display:block;font-size:11px;color:var(--dim);margin-bottom:6px}
.gg-nested{padding-left:16px;border-left:1px solid var(--border);margin:5px 0}
.gg-nested dt{color:var(--dim);font-size:11px;margin-top:6px}
.gg-nested dd{margin-left:0}
.gg-event time{font-variant-numeric:tabular-nums}
.gg-overlay button:focus-visible,.gg-panel button:focus-visible,.gg-reason button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.gg-modal button:disabled{opacity:.55;cursor:not-allowed}
body.gg-locked{overflow:hidden}
@media(max-width:767px){.gg-overlay{padding:8px}.gg-modal{padding:16px;max-height:96dvh;border-radius:12px}.gg-modal .gg-head{top:-16px}.gg-diff>dd{grid-template-columns:1fr}.gg-head{gap:10px;flex-wrap:wrap}.gg-panel{padding:14px}.gg-modal .btn{max-width:100%;white-space:normal}}