/* style.css - isolated, no CSS variables to avoid conflicts */
.at-estimate-tool { font-family: Roboto, Arial, sans-serif; padding: 16px; }
.at-card { max-width: 980px; margin-left: -22px; margin-right: -22px; background: #fff; border-radius: 12px; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.at-header { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.at-title { color:#48d6de; margin:0; font-size:20px; }
.at-controls { display:flex; gap:5px; flex-wrap:wrap; }
.at-controls button { background:#48d6de; border:none; color:#fff; padding:8px 12px; border-radius:8px; cursor:pointer; font-size:14px; }
.at-controls button.secondary { background:#596172; }

.at-estimate { margin-top:12px; }
.at-table { width:100%; border-collapse:collapse; }
.at-table thead th { background:#f3f6f8; padding:10px; border:1px solid #E4E4E7; text-align:left; font-size:13px; margin-left: -40px; 
margin-right: -40px;
}
.at-table td { padding:8px; border:1px solid #E4E4E7; vertical-align:middle; }
.at-table input[type="text"], .at-table input[type="number"] { width:100%; padding:6px; border-radius:6px; border:1px solid #d9d9dd; font-size:14px; box-sizing:border-box; }

.at-summary { display:flex; flex-direction:column; gap:10px; align-items:flex-end; margin-top:12px; }
.at-line { display:flex; gap:12px; align-items:center; width:100%; justify-content:flex-end; }
.at-summary label { min-width:140px; text-align:right; color:#555; font-size:14px; }
.at-value { min-width:160px; padding:8px 12px; border-radius:8px; border:1px dashed #E4E4E7; background:#fbfdfe; text-align:right; }
.at-words { width:100%; padding:10px; border-radius:8px; border:1px dashed #E4E4E7; background:#fff; color:#333; }

.at-footer { margin-top:18px; display:flex; justify-content:space-between; align-items:center; color:#666; font-size:13px; flex-wrap:wrap; }
.at-footer a { color:#48d6de; text-decoration:none; }

@media (max-width:700px) {
  .at-header { flex-direction:column; align-items:flex-start; }
  .at-summary { align-items:stretch; }
  .at-summary label { text-align:left; min-width:0; }
}