:root{
  --gb-bg:#dfe8d0;        /* fond vert pâle */
  --gb-screen:#cbd6b8;    /* écran */
  --gb-line:#8ea27c;      /* traits */
  --gb-dark:#2d3a2a;      /* texte foncé */
  --gb-accent:#3b4d35;    /* boutons */
}
body .gb-wrap{background:var(--gb-bg);}
.gb-shell{max-width:1200px;margin:16px auto;border:3px solid var(--gb-line);border-radius:16px;background:var(--gb-screen);box-shadow:inset 0 2px 0 rgba(0,0,0,.06), 0 6px 12px rgba(0,0,0,.06)}
.gb-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:2px solid var(--gb-line);}
.gb-brand{font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-weight:700;color:var(--gb-dark);letter-spacing:.3px}
.gb-menu{display:flex;gap:8px}
.gb-menu a,.gb-menu button{border:2px solid var(--gb-line);background:var(--gb-bg);color:var(--gb-dark);padding:6px 10px;border-radius:10px;cursor:pointer;text-decoration:none;font-size:14px}
.gb-menu a.active,.gb-menu button.active{background:var(--gb-accent);color:#fff}
.gb-screen{padding:12px}
/* Harmoniser tableaux / inputs */
.gb-screen .table{width:100%;border-collapse:collapse;background:#f7fce8;border:2px solid var(--gb-line);border-radius:10px;overflow:hidden}
.gb-screen .table th,.gb-screen .table td{padding:10px;border-bottom:1px solid var(--gb-line);font-size:14px;color:var(--gb-dark)}
.gb-screen .table th{background:#e9f2d6}
.gb-screen input,.gb-screen select,.gb-screen textarea{border:2px solid var(--gb-line);background:#f7fce8;border-radius:8px;padding:8px 10px;color:var(--gb-dark);width:100%}
.gb-screen .toolbar button,.gb-screen .row-actions button{border:2px solid var(--gb-line);background:var(--gb-bg);color:var(--gb-dark);border-radius:10px;padding:6px 10px;cursor:pointer}