/* V4 - Modern minimalistic UI with layout toggle */
#uptac-predictor.uptac-card { max-width:1100px; margin:12px 0; background:#fff; border-radius:14px; padding:18px; box-shadow:0 6px 18px rgba(15,23,42,0.06); border:1px solid rgba(15,23,42,0.04); font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; color:#111; }
.uptac-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.uptac-title { margin:0; font-size:20px; font-weight:700; color:#0f172a; }
.uptac-layout-toggle label { font-size:13px; color:#334155; margin-right:8px; }
.uptac-layout-toggle select { padding:6px 8px; border-radius:8px; border:1px solid #e6e6e6; background:#fff; }

/* Form */
.uptac-form { display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; }
.uptac-field { display:flex; flex-direction:column; font-size:13px; color:#1f2937; min-width:220px; }
.uptac-field select, .uptac-field input { padding:10px 12px; border:1px solid #e6e6e6; border-radius:10px; font-size:14px; background:#fff; }
.uptac-actions { display:flex; gap:8px; align-items:center; }
.uptac-btn { padding:10px 14px; border-radius:10px; background:#0f172a; color:#fff; border:none; cursor:pointer; font-weight:600; }
.uptac-btn.secondary { background:#fff; color:#0f172a; border:1px solid #e6e6e6; }
.uptac-btn.export { background:#0b74de; color:#fff; border:none; }
.scroll-toggle { margin-left:12px; color:#475569; font-size:13px; display:flex; align-items:center; gap:8px; }

/* Results */
.uptac-table { border-collapse:collapse; width:100%; font-size:13px; margin-top:14px; }
.uptac-table th, .uptac-table td { border-bottom:1px solid #f1f5f9; padding:10px 12px; text-align:left; }
.uptac-table th { position:sticky; top:0; background:#fff; color:#0f172a; font-weight:700; }
.uptac-table-wrap.scroll { max-height:480px; overflow:auto; border-radius:12px; border:1px solid #f3f4f6; padding:6px; }

.uptac-message { padding:14px; background:#fffbeb; border:1px solid #fef3c7; border-radius:10px; color:#92400e; }

/* Layout modes */
#uptac-predictor.horizontal-layout .uptac-form { flex-direction:row; align-items:flex-end; }
#uptac-predictor.vertical-layout .uptac-form { flex-direction:column; align-items:stretch; }
#uptac-predictor.vertical-layout .uptac-field { min-width:unset; width:100%; }
#uptac-predictor.vertical-layout .uptsac-actions { width:100%; display:flex; }

/* Responsive */
@media (max-width:900px){
  #uptac-predictor.uptac-card { padding:14px; }
  .uptac-field { min-width:180px; }
}
@media (max-width:600px){
  .uptsac-actions { width:100%; }
  #uptac-predictor.uptac-card { padding:12px; }
}