/* Colorado Roof Guide: AI tools and hail alerts (ask, quote-check, photo-check, hail-alerts) */
.ait{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px;align-items:start;padding:36px 20px 64px}
.ait.wide{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.ait{grid-template-columns:minmax(0,1fr);gap:28px}}
.ait>*{min-width:0}
.ait-form{border:1.5px solid var(--line);border-radius:6px;padding:22px}
.ait-form .field{margin-bottom:18px}
.ait-form textarea{min-height:220px;resize:vertical;font-size:.98rem;line-height:1.45}
.ait-form input[type=file]{font:inherit;max-width:100%}
.ait-out:empty{display:none}
.ait-out h2{margin-top:0}
.ait-status{min-height:1.4em;margin:10px 0 0}
.ait-err{color:#8a1f1f}
.ait-sec{border-top:1px solid var(--line);padding:20px 0}
.ait-sec h3{margin-bottom:10px}
.ait-sec:first-child{border-top:0;padding-top:0}
.pill{display:inline-block;font:600 .82rem/1.5 var(--head);letter-spacing:.02em;border-radius:3px;padding:0 7px;white-space:nowrap;vertical-align:1px}
.pill.present,.pill.ok{background:#e3f0e8;color:var(--ok)}
.pill.missing,.pill.ask{background:var(--amber-bg);color:#7a5406}
.pill.unclear{background:var(--ice);color:var(--chalk-ink)}
.checks{list-style:none;padding:0;margin:0}
.checks li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.checks li:first-child{border-top:0}
.checks .lbl{font-weight:700;display:block}
.checks .why{display:block;font-size:.92rem;color:var(--ink-2);margin-top:2px}
.checks .note{margin:4px 0 0;padding:6px 10px;font-size:.92rem}
@media(max-width:480px){.checks li{grid-template-columns:1fr;gap:4px}}
.qlist{padding-left:1.2em}.qlist li{margin-bottom:6px}
.answer{white-space:pre-wrap}
.msg .srcs{margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--ice-2);font-size:.92rem}
.msg .srcs p{margin:0 0 4px;font-weight:700}
.msg .srcs ul{margin:0;padding-left:1.1em}
.msg.guide{max-width:100%}
.msg.wait{color:var(--mute);font-style:italic}
.ask-form{display:flex;gap:8px;flex-wrap:wrap}
.ask-form textarea{flex:1 1 260px;min-height:56px;height:56px;resize:vertical}
.ask-form .btn{flex:0 0 auto;align-self:flex-end}
.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.thumbs li{position:relative;width:96px;height:96px;border-radius:4px;overflow:hidden;background:var(--ice)}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs button{position:absolute;right:3px;top:3px;font:600 .8rem var(--head);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:3px;padding:1px 6px;cursor:pointer}
.photo-res{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.photo-res img{width:120px;height:120px;object-fit:cover;border-radius:4px;background:var(--ice)}
@media(max-width:480px){.photo-res{grid-template-columns:1fr}.photo-res img{width:100%;height:auto;max-height:240px}}
.notinspect{font-size:1.05rem}
.notinspect strong{font-family:var(--head);font-size:1.2rem;display:block;margin-bottom:2px}
.ait-about h2{font-size:1.6rem}
.ait-about ul{padding-left:1.1em}.ait-about li{margin-bottom:8px}
.ait .sources{margin-top:1.6em}
.alerts-box form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.alerts-box .field{flex:1 1 200px;margin:0}
.alerts-box select{width:auto}
.alerts-box p{margin:0 0 10px}
.li-table td:last-child,.li-table th:last-child{text-align:right;white-space:nowrap}
@media print{.ait-form,.ait-actions,.ait-about{display:none!important}.ait{display:block;padding:0}}
.alerts-box .ab-r{flex:0 0 auto}
.alerts-box .btn{align-self:flex-end}
.alerts-box .ab-msg{margin:8px 0 0}
.alerts-box [hidden]{display:none}