.gi-panel{background:rgba(12,34,72,.78);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.35);color:#e8f0ff}
.gi-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}
.gi-muted{color:#b7c7e6}
.gi-success{margin:12px 0;padding:10px 12px;border-radius:14px;background:rgba(74,163,255,.12);border:1px solid rgba(74,163,255,.25)}
.gi-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gi-card{display:block;background:rgba(12,34,72,.78);border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.35);color:#e8f0ff;text-decoration:none}
.gi-title{font-weight:700;margin-bottom:6px}
.gi-text{color:#b7c7e6;line-height:1.6;margin-top:10px}
.gi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gi-list{margin:10px 0 0;padding-left:18px;color:#b7c7e6}
.gi-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e8f0ff;text-decoration:none;font-weight:600}
.gi-btn.primary{background:linear-gradient(135deg, rgba(74,163,255,.92), rgba(124,77,255,.88));border:0}
.gi-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:#e8f0ff}
.gi-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gi-table{border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden}
.gi-tr{display:grid;grid-template-columns:2fr .8fr .8fr .8fr .4fr;gap:12px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}
.gi-link{color:#9bd0ff;text-decoration:none;font-weight:600}
.gi-link:hover{text-decoration:underline}
.gi-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.gi-badge.st-open{border-color:rgba(74,163,255,.35);background:rgba(74,163,255,.12)}
.gi-badge.st-in_progress{border-color:rgba(255,199,74,.35);background:rgba(255,199,74,.12)}
.gi-badge.st-resolved{border-color:rgba(86,255,170,.30);background:rgba(86,255,170,.10)}
.gi-badge.st-closed{border-color:rgba(190,195,210,.30);background:rgba(190,195,210,.10)}

.gi-timeline{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.gi-timeline-item{padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.14)}
.gi-timeline-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.gi-attach{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}
.gi-attach-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);text-decoration:none;color:#e8f0ff;font-size:12px}

.gi-toggle{display:inline-flex;gap:6px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.16)}
.gi-toggle button{cursor:pointer;border:0;background:transparent;color:#e8f0ff;font-weight:700;padding:8px 12px;border-radius:999px}
.gi-toggle button.active{background:linear-gradient(135deg, rgba(74,163,255,.92), rgba(124,77,255,.88))}

.gi-compare{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.10)}
.gi-compare th,.gi-compare td{padding:12px;border-top:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.gi-compare thead th{border-top:0;background:rgba(255,255,255,.05)}
.gi-compare .gi-muted{display:block;margin-top:6px}
.gi-th{background:rgba(255,255,255,.05);border-top:0;font-weight:700}
@media(max-width:1000px){.gi-grid{grid-template-columns:1fr}.gi-two{grid-template-columns:1fr}.gi-tr{grid-template-columns:1.6fr .8fr}.gi-tr div:nth-child(3),.gi-tr div:nth-child(4),.gi-tr div:nth-child(5){display:none}}