/* Dom Pedro visual rollout. Existing application shell preserved. */
.sentinela.sn-reference{padding:20px;background:linear-gradient(120deg,#f3f8ff,#eaf4ff);color:#0c2a55}
.sentinela.sn-reference .sn-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:20px;align-items:start}
.sentinela.sn-reference .sn-layout>main{min-width:0;background:transparent}
.sentinela.sn-reference .sn-heading{display:flex;flex-wrap:wrap;position:static;padding:20px 14px 14px;margin:0;gap:12px;background:radial-gradient(ellipse at right,#d8eaff88,transparent 65%);border:0;min-height:160px}
.sentinela.sn-reference .sn-heading>div{flex:1;min-width:0}
.sentinela.sn-reference .sn-heading h2{font-size:30px;line-height:1.2;max-width:none;color:#092653;font-weight:750;letter-spacing:-.8px}
.sentinela.sn-reference .sn-heading h2 em{font-style:normal;color:#0664ff}
.sentinela.sn-reference .sn-heading p{font-size:15px;color:#5377a6}
.sentinela.sn-reference .sn-heading small{color:#356baa;letter-spacing:.8px}
.sentinela.sn-reference .sn-shield{animation:none;width:48px;height:48px;box-shadow:none;border:0;color:#0868ff;background:#e4efff}
.sentinela.sn-reference .sn-heading .sn-benefits{display:flex;flex-wrap:wrap;gap:18px;flex-basis:100%;font-size:12px;color:#325786;margin-top:8px}
.sentinela.sn-reference .sn-mode{display:inline-block;background:#ddebff;color:#315f9d;border-radius:18px;padding:7px 12px;font-size:10px;letter-spacing:.3px;margin:0 0 14px}
.sentinela.sn-reference .sn-composer,.sentinela.sn-reference .sn-answer,.sentinela.sn-reference .sn-reference-box{background:#ffffffdb;border:1px solid #d7e7ff;border-radius:16px;box-shadow:0 5px 20px #1b4f8110}
.sentinela.sn-reference .sn-composer{padding:18px}
.sentinela.sn-reference .sn-composer>label{font-size:19px;color:#103474}
.sentinela.sn-reference .sn-composer-intro{margin:2px 0 14px;color:#486f9c;font-size:12px}
.sentinela.sn-reference .sn-composer textarea{min-height:70px;border:1px solid #bfd5ff;background:#fff;border-radius:12px;font-size:14px;padding:12px}
.sentinela.sn-reference .btn.primary{background:#0864ff;border:1px solid #0864ff;box-shadow:none;border-radius:9px;color:#fff}
.sentinela.sn-reference .btn.ghost{background:#fff;border:1px solid #c4d9ff;color:#0749b5}
.sentinela.sn-reference .sn-reference-suggestions{margin:17px 0 12px}
.sentinela.sn-reference .sn-reference-suggestions h3{font-size:14px;margin:0;color:#0d2d60}
.sentinela.sn-reference .sn-reference-suggestions p{font-size:12px;margin:3px 0;color:#5276a3}
.sentinela.sn-reference .sn-suggestions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}
.sentinela.sn-reference .sn-suggestions .btn{border-radius:10px;white-space:normal;text-align:left;min-height:48px;font-size:12px;padding:10px}
.sentinela.sn-reference .sn-answer{border-color:#cde9e4;background:linear-gradient(110deg,#f4fffa,#f2faff);padding:18px;animation:none}
.sentinela.sn-reference .sn-answer h3{color:#0a3068}.sentinela.sn-reference .sn-answer p{font-size:13px}
.sentinela.sn-reference .sn-reference-aside{display:flex;flex-direction:column;gap:16px;position:static;inset:auto;width:auto;height:auto;min-width:0;overflow:visible;background:transparent;box-shadow:none;padding:0;border:0;transform:none;z-index:auto}
.sentinela.sn-reference .sn-reference-box{padding:17px}.sentinela.sn-reference .sn-reference-box h3{font-size:16px;color:#082a64;margin:0 0 3px}.sentinela.sn-reference .sn-reference-box>p{font-size:11px;margin:0 0 12px;color:#577aaa}
.sentinela.sn-reference #sn-reference-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;color:#527098}
.sentinela.sn-reference #sn-reference-metrics>div{background:#eaf4ff;border:1px solid #dceaff;border-radius:10px;padding:12px}.sentinela.sn-reference #sn-reference-metrics>div:first-child{background:#edf9f3;border-color:#dff0e7}
.sentinela.sn-reference #sn-reference-metrics strong{font-size:23px;display:block;color:#0a2a55}.sentinela.sn-reference #sn-reference-metrics span{display:block;font-size:11px}.sentinela.sn-reference #sn-reference-metrics small{grid-column:1/-1;font-size:11px;line-height:1.4}
.sentinela.sn-reference .sn-reference-source{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e4edfa;padding:10px 0;font-size:11px}.sentinela.sn-reference .sn-reference-source strong{font-weight:600}
.sentinela.sn-reference .sn-reference-source-status{background:#edf2f8;color:#506787;border-radius:10px;padding:3px 6px;white-space:nowrap}.sentinela.sn-reference [data-status=ok]{background:#e0f7eb;color:#127245}.sentinela.sn-reference [data-status=partial],.sentinela.sn-reference [data-status=unavailable]{background:#fff1d9;color:#8e5b0e}
.sentinela.sn-reference .sn-reference-tips ol{padding:0;list-style:none;counter-reset:tips;margin:12px 0 0}.sentinela.sn-reference .sn-reference-tips li{position:relative;padding:10px 8px 10px 35px;border:1px solid #e1ebfb;border-radius:9px;margin:6px 0;font-size:12px}.sentinela.sn-reference .sn-reference-tips li:before{counter-increment:tips;content:counter(tips);position:absolute;left:8px;top:12px;background:#e2eeff;color:#1351b2;border-radius:50%;width:20px;height:20px;text-align:center}.sentinela.sn-reference .sn-reference-tips li span{font-size:11px}
.sentinela.sn-reference .sn-live{margin-top:18px}.sentinela.sn-reference .sn-panorama-lane{padding:14px;border-radius:12px;gap:8px}.sentinela.sn-reference .sn-panorama-lane:hover{transform:none}.sentinela.sn-reference footer{font-size:11px}
@media(min-width:1450px){.sentinela.sn-reference .sn-heading h2{font-size:34px}}
@media(max-width:1050px){.sentinela.sn-reference .sn-layout{grid-template-columns:minmax(0,1fr) 245px;gap:14px}.sentinela.sn-reference{padding:14px}.sentinela.sn-reference .sn-heading h2{font-size:25px}.sentinela.sn-reference .sn-suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sentinela.sn-reference .sn-layout{grid-template-columns:1fr}.sentinela.sn-reference .sn-heading h2{font-size:24px}.sentinela.sn-reference .sn-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.sentinela.sn-reference .sn-panorama-lanes{grid-template-columns:1fr}.sentinela.sn-reference .sn-shield{display:none}}
.sentinela.sn-reference .sn-heading{position:relative;overflow:hidden;padding-right:200px}
.sentinela.sn-reference .sn-heading>.sn-reference-robot{position:absolute;right:0;top:0;min-width:0;width:200px;height:162px;background:url('/assets/sentinela-visual-reference.png') -891px -74px / 1505px 847px;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 15%)}
.sentinela.sn-reference .sn-shield{display:none}
.sentinela.sn-reference #sn-reference-metrics>div:nth-child(3){background:#f4efff}
.sentinela.sn-reference #sn-reference-metrics>div:nth-child(4){background:#fff5e6}
.sentinela.sn-reference #sn-reference-metrics>div:nth-child(5){background:#ffedf0;grid-column:1/-1}
.sentinela.sn-reference .sn-reference-limitations{font-size:11px;color:#587395;line-height:1.5}
.sentinela.sn-reference .sn-reference-aside{color:#0c2a55}
.sentinela.sn-reference button{min-height:44px}
@media(max-width:1250px){.sentinela.sn-reference .sn-heading{padding-right:14px}.sentinela.sn-reference .sn-reference-robot{display:none}}