/* Mobile-first, clean look */
.gskq-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, "Noto Sans", sans-serif;
  color: #0f172a;
  --gskq-radius: 14px;
  --gskq-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.gskq-toolbar { display:flex; gap:10px; margin-bottom:10px; }
.gskq-toolbar button {
  font-size:16px; padding:10px 14px; border-radius:12px; border:1px solid #e5e7eb; background:#fff; box-shadow: var(--gskq-shadow);
}
.gskq-toolbar .gskq-danger { background:#fee2e2; border-color:#fecaca; }

.gskq-modal {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5);
  z-index:9999; align-items:center; justify-content:center; padding:14px;
}
.gskq-modal-content {
  width:100%; max-width:420px; background:#fff; border-radius:var(--gskq-radius);
  padding:18px; box-shadow: var(--gskq-shadow);
}
.gskq-modal-content h3 { margin:0 0 10px 0; font-size:20px; }
.gskq-modal-content label { display:flex; flex-direction:column; gap:6px; margin:8px 0; font-size:16px; }
.gskq-modal-content input {
  padding:12px; font-size:16px; border:1px solid #e5e7eb; border-radius:10px; outline:none;
}
.gskq-actions { display:flex; gap:10px; margin-top:8px; }
.gskq-actions button {
  font-size:16px; padding:10px 14px; border-radius:12px; border:1px solid #e5e7eb; background:#f8fafc;
}
.gskq-hint { font-size:12px; color:#64748b; margin-top:10px; }

.gskq-table-wrap { width:100%; overflow-x:auto; }
#gskq-table { width:100%; border-collapse:collapse; font-size:14px; background:#fff; border-radius:12px; overflow:hidden; }
#gskq-table thead th {
  position:sticky; top:0; background:#f1f5f9; font-weight:600; text-align:left; padding:10px;
  border-bottom:1px solid #e2e8f0;
}
#gskq-table td { padding:10px; border-bottom:1px solid #f1f5f9; vertical-align:top; word-break:break-word; }
#gskq-table tr:hover td { background:#fafafa; }
.gskq-col-actions { width:88px; }

.gskq-cell { border-radius:10px; }
.gskq-active { outline:3px solid #22c55e; outline-offset:2px; border-radius:10px; }

.gskq-actions button {
  font-size:14px; padding:6px 10px; border-radius:10px; border:1px solid #e5e7eb; background:#fff;
}
.gskq-muted { color:#94a3b8; }

.gskq-legend { margin-top:8px; font-size:12px; color:#64748b; }

/* Mobile optimizations */
@media (max-width: 640px) {
  #gskq-table { font-size:12px; }
  #gskq-table td, #gskq-table th { padding:8px; }
  .gskq-toolbar button { font-size:15px; padding:9px 12px; }
  .gskq-modal-content input { font-size:16px; padding:12px; }
}