/* TheGoodJam – Web Brief Form (print-ready) */
:root { --tgj-accent:#111827; --tgj-gray:#6b7280; }
.tgj-root { font-family: Helvetica, Arial, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; color:#1f2937; }
.tgj-page { max-width: 880px; margin: 2rem auto; background: #fff; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.06); padding: 28px; position: relative; }
.tgj-logo { position:absolute; top:-18px; left:18px; width:80px; height:80px; opacity:.7; filter: grayscale(100%); object-fit: contain; pointer-events:none; }
.tgj-header { padding-bottom:12px; margin-bottom:16px; border-bottom:1px solid #e5e7eb; }
.tgj-title { font-size: 1.6rem; font-weight: 800; letter-spacing:-.01em; margin:0; }
.tgj-sub { color:#4b5563; font-size:.95rem; margin:.25rem 0 0; }
.tgj-meta { color:#6b7280; font-size:.85rem; margin-top:.25rem; }
.tgj-sec h2 { font-size:1.25rem; font-weight:700; margin: 1.25rem 0 .75rem; display:flex; align-items:center; gap:.5rem; }
.tgj-sec .num { background:#e5e7eb; color:#111827; width:32px; height:32px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:800; }
.tgj-grid { display:grid; grid-template-columns: 1fr; gap:14px; }
@media(min-width:768px){ .tgj-grid.two { grid-template-columns: 1fr 1fr; } }

.tgj-label { display:block; font-weight:600; font-size:.92rem; color:#374151; margin-bottom:4px; }
.tgj-input, .tgj-textarea, .tgj-select { width:100%; border:1px solid #d1d5db; border-radius:10px; padding:10px 12px; font-size:.95rem; background:#fff; }
.tgj-input:focus, .tgj-textarea:focus, .tgj-select:focus { outline:none; border-color:#111827; box-shadow:0 0 0 2px rgba(17,24,39,.15); }
.tgj-checkbox-line { display:flex; align-items:center; gap:.5rem; padding:6px 8px; border-radius:8px; }
.tgj-checkbox { width:14px; height:14px; }

.tgj-actions { display:flex; flex-wrap:wrap; gap:10px; border-top:1px solid #e5e7eb; padding-top:12px; margin-top:8px; }
.tgj-btn { appearance:none; border:0; border-radius:10px; padding:10px 14px; font-weight:700; cursor:pointer; }
.tgj-btn.light { background:#f3f4f6; color:#111827; }
.tgj-btn.dark { background:#111827; color:#fff; }
.tgj-btn.mid { background:#4b5563; color:#fff; flex:1; }

.tgj-footer { color:#6b7280; font-size:.8rem; margin-top:12px; text-align:center; }
.tgj-summary { border-top:1px solid #e5e7eb; margin-top:14px; padding-top:10px; }
.tgj-summary h3 { margin:.5rem 0; font-size:1.05rem; }
.tgj-summary-row { display:flex; gap:.5rem; font-size:.9rem; margin:2px 0; }
.tgj-summary-key { width:180px; color:#6b7280; flex:0 0 auto; }
.tgj-summary-val { flex:1 1 auto; font-weight:600; white-space:pre-wrap; }

/* Stampa */
@page { size: A4; margin: 14mm; }
@media print {
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .no-print { display:none !important; }
  .print-only { display:block !important; }
  .tgj-page { box-shadow:none; }
  .tgj-header { position:fixed; top:0; left:0; right:0; background:#fff; }
  .tgj-spacer { height: 42mm; }
  .tgj-footer { position:fixed; bottom:0; left:0; right:0; }
}