:root{--ink:#14221d;--green:#2f6f57;--mint:#d9eee5;--paper:#f5f5f0;--white:#fff;--line:#ccd7d1;--gold:#c79845;--red:#a33c32;--amber:#835b0b;--muted:#5e6c65}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}.skip{position:fixed;top:5px;left:5px;transform:translateY(-150%);background:var(--ink);color:#fff;padding:10px;z-index:50}.skip:focus{transform:none}header{background:var(--ink);color:#fff}.topbar{min-height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1.3rem;font-weight:800;color:#fff;text-decoration:none}.brand span{font-size:.82rem;font-weight:500;display:block;color:#bcd2c7}.menu-btn{min-width:48px;min-height:48px;background:transparent;border:1px solid #668075;border-radius:10px;color:#fff;font-weight:700}nav{display:none;position:absolute;z-index:5;top:72px;left:0;right:0;padding:12px;background:var(--ink);border-top:1px solid #435a50}nav.open{display:grid}nav button,nav a{min-height:48px;padding:12px;border:0;background:transparent;color:#fff;text-align:left;text-decoration:none;font-weight:700;border-radius:10px;font-size:.95rem}nav button.active{background:var(--green)}.demo-note{padding:10px 16px;text-align:center;background:#dfeee7;color:var(--ink);font-size:.88rem}.toolbar{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border-bottom:1px solid var(--line)}label{font-size:.78rem;font-weight:800;color:var(--muted)}input,select,textarea{width:100%;min-height:48px;margin-top:5px;padding:10px 12px;border:1px solid #9caaa3;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.search{grid-column:1/-1}button{font:inherit;cursor:pointer}.secondary{min-height:48px;align-self:end;padding:10px;border:1px solid var(--green);background:#fff;color:var(--green);border-radius:10px;font-weight:800}.metrics{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.metric strong{display:block;font-size:1.55rem}.metric span{font-size:.78rem;color:var(--muted)}.view-title{margin:0;padding:0 16px 12px;font-weight:800}.workspace{display:grid;gap:16px;padding:0 16px 30px}.email-list{display:grid;gap:10px}.email-card{width:100%;padding:16px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink)}.email-card.selected{border:2px solid var(--green);box-shadow:0 5px 20px #14221d14}.email-head,.email-meta,.detail-head,.draft-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.email-card h2{font-size:1rem;margin:10px 0 5px}.email-card p{margin:0;color:var(--muted);font-size:.88rem}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:.72rem;font-weight:800;padding:4px 8px;border-radius:99px;background:#e8eeeb}.badge.Alta{background:#f5d9d5;color:#7d271f}.badge.Media{background:#f5e8c9;color:#694807}.badge.Baja{background:#e2ebe7}.detail{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:360px;padding:20px;min-width:0}.placeholder{text-align:center;padding:50px 10px;color:var(--muted)}.placeholder span{font-size:2.5rem;color:var(--green)}.detail h1{font-size:1.35rem;line-height:1.2;margin:.5em 0}.detail h2{font-size:1rem;margin:22px 0 8px}.detail p{overflow-wrap:anywhere}.message-body,.reason,.signal,.opportunity{padding:14px;border-radius:12px;background:#f1f3f0}.reason{border-left:4px solid var(--green)}.signal{background:#f7ecd2}.opportunity{background:var(--mint);border-left:4px solid var(--green)}.draft-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.draft-tools label{grid-column:1/-1}textarea{min-height:170px;resize:vertical}.primary,.copy{min-height:48px;border:0;border-radius:10px;padding:10px;background:var(--green);color:#fff;font-weight:800}.copy{background:var(--ink)}.empty{text-align:center;padding:50px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,150%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;transition:transform .2s;z-index:30}.toast.show{transform:translate(-50%,0)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(min-width:760px){.toolbar{grid-template-columns:2fr repeat(3,1fr) auto}.search{grid-column:auto}.metrics{grid-template-columns:repeat(4,1fr)}.workspace{grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);align-items:start}.detail{position:sticky;top:16px}.draft-tools label{grid-column:auto}}@media(min-width:1024px){.menu-btn{display:none}.topbar{padding-inline:24px}nav{display:flex;position:static;padding:0;border:0;align-items:center}nav button,nav a{text-align:center}.toolbar,.metrics,.workspace,.view-title{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:minmax(380px,.85fr) minmax(520px,1.15fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Navegación global de Ailura: aislada de los menús propios de la demo. */
body{overflow-x:hidden}
.ailura-global-header{position:relative;z-index:90;color:#f1f0e7;background:#061416;border-bottom:1px solid rgba(198,211,166,.16)}
.ailura-global-shell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1440px,100%);min-height:62px;margin:0 auto;padding:8px 24px}
.ailura-global-brand{display:grid;flex:0 0 auto;width:max-content;color:#f1f0e7;text-decoration:none;line-height:1}
.ailura-global-brand strong{font-size:15px;font-weight:700;letter-spacing:.24em}
.ailura-global-brand small{margin-top:6px;color:#9dafaa;font-size:9px;letter-spacing:.03em}
.ailura-global-nav{display:block;position:static;padding:0;border:0;background:transparent}
.ailura-global-menu{display:flex;align-items:center;gap:5px}
.ailura-global-menu>a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:9px;color:#b9c7c2;background:transparent;font-size:12px;font-weight:600;text-align:center;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease}
.ailura-global-menu>a:hover{color:#fff;background:rgba(255,255,255,.045)}
.ailura-global-menu>a[aria-current="page"]{color:#d0d6a0;background:rgba(183,190,120,.08);border-color:rgba(183,190,120,.18)}
.ailura-global-menu>.ailura-global-cta{margin-left:5px;color:#071617;background:#b7be78;border-color:#b7be78;font-weight:800}
.ailura-global-menu>.ailura-global-cta:hover{color:#071617;background:#d0d6a0;border-color:#d0d6a0}
.ailura-global-toggle{display:none;place-items:center;align-content:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid rgba(198,211,166,.24);border-radius:10px;color:#f1f0e7;background:rgba(255,255,255,.025);cursor:pointer}
.ailura-global-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.ailura-global-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ailura-global-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.ailura-global-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ailura-global-brand:focus-visible,.ailura-global-menu>a:focus-visible,.ailura-global-toggle:focus-visible{outline:3px solid #c79845;outline-offset:3px}
@media(max-width:820px){.ailura-global-shell{min-height:60px;padding:8px 14px}.ailura-global-toggle{display:grid}.ailura-global-nav{display:none;position:absolute;z-index:95;top:calc(100% + 8px);right:12px;left:12px;padding:8px;border:1px solid rgba(198,211,166,.22);border-radius:14px;background:#0b2020;box-shadow:0 22px 55px rgba(0,0,0,.42)}.ailura-global-nav[data-open="true"]{display:block}.ailura-global-menu{display:grid;gap:4px}.ailura-global-menu>a{justify-content:flex-start;min-height:48px;padding:12px 14px;font-size:14px}.ailura-global-menu>.ailura-global-cta{justify-content:center;margin:5px 0 0}}