/* Container */
.ttb-cic-wrap { width:100%; margin:0 auto; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111827; }
.ttb-card { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; margin:14px 0; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.ttb-title { margin:0 0 12px 0; }

/* Single-column form */
.ttb-form-col { display:flex; flex-direction:column; gap:12px; }
.ttb-field label { display:block; font-weight:600; margin-bottom:6px; }
.ttb-field input[type="number"],
.ttb-field input[type="text"],
.ttb-field select { width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; }
.ttb-field input[type="range"] { width:100%; margin-top:8px; }
.ttb-actions { display:flex; }
.ttb-btn { display:inline-block; padding:12px 16px; border-radius:10px; border:1px solid #d1d5db; background:#fff; cursor:pointer; transition:background .15s ease; }
.ttb-btn:hover { background:#f3f4f6; }
.ttb-btn-primary { background:#111827; color:#fff; border-color:#111827; }
.ttb-btn-primary:hover { background:#0b1220; }
.ttb-btn-full { width:100%; }

/* Results */
.is-hidden { display:none; }
.ttb-results { display:grid; grid-template-columns: 1fr; gap:12px; }
.ttb-results-card { border:1px solid #e5e7eb; border-radius:12px; padding:12px; background:#fafafa; }
.ttb-results-label { font-size:13px; color:#4b5563; }
.ttb-results-value { font-size:24px; font-weight:700; margin-top:6px; }
.ttb-summary { margin:12px 0 0 0; color:#374151; }

/* Charts */
.ttb-charts { display:flex; flex-direction:column; gap:16px; }
.ttb-chart-box { width:100%; height:340px; } /* stable height to prevent flashing */
.ttb-chart-box canvas { width:100% !important; height:100% !important; }

/* Table */
#ttb-cic-table-wrap { overflow:auto; border:1px solid #e5e7eb; border-radius:12px; }
#ttb-cic-table { width:100%; border-collapse:collapse; table-layout: fixed; }
#ttb-cic-table th, #ttb-cic-table td { border:1px solid #e5e7eb; padding:8px; font-size:13px; vertical-align:top; }
#ttb-cic-table th { background:#f8fafc; text-align:left; }

.ttb-table-actions { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.ttb-table-buttons { display:flex; gap:8px; }

/* Print */
@media print {
  #wpadminbar, .site-header, .site-footer, .ttb-form-col, .ttb-table-buttons, .ttb-charts { display:none !important; }
  .ttb-cic-wrap { width:100%; }
  #ttb-cic-table th, #ttb-cic-table td { border:0.75pt solid #000; } /* 0.75pt for consistent preview in Firefox */
}

#ttb-cic-print, #ttb-cic-csv { color:#0068ff; }