.app{background:var(--tint);min-height:calc(100vh - 48px);padding:clamp(20px,3vw,40px) clamp(16px,3vw,40px) 32px}.app-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.app-head h1{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em}.app-head p{color:var(--slate);margin-top:8px;max-width:60ch}.head-actions{display:flex;align-items:center;gap:20px}.saved{display:grid;text-align:right}.saved span{font-size:13px;font-weight:700;color:var(--slate)}.saved strong{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.1}#run svg{width:16px;height:16px;fill:currentColor}.panes{margin-top:24px;display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:560px}.inbox{list-style:none;margin:0;padding:8px;border-right:1px solid var(--line-soft);display:grid;align-content:start;gap:2px}.mail{width:100%;text-align:left;display:grid;gap:3px;padding:14px;border:0;border-radius:10px;background:transparent;cursor:pointer;color:var(--navy);transition:background-color .2s}.mail:hover{background:var(--tint)}.mail[aria-pressed=true],.mail[data-state=leyendo]{background:#e8eefe}.m-top{display:flex;justify-content:space-between;gap:8px;font-size:15px}.m-top time{color:var(--slate);font-size:13px}.m-sub{color:var(--slate);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-tag{justify-self:start;margin-top:4px;font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--line-soft);color:var(--slate)}.mail[data-state=hecho] .m-tag{background:#e3f4ec;color:var(--ok)}.mail[data-state=aprobar] .m-tag{background:#e8eefe;color:var(--blue)}.mail[data-state=persona] .m-tag{background:#fdf0e1;color:var(--warn)}.mail[data-state=enviado] .m-tag{background:var(--navy);color:var(--white)}.detail{padding:clamp(20px,3vw,36px)}.empty-state{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;color:var(--slate)}.empty-state svg{width:96px;height:96px;margin-bottom:8px}.empty-state .e{fill:none;stroke:var(--line);stroke-width:3;stroke-linejoin:round}.empty-state .s{stroke:var(--navy);stroke-width:4;stroke-linecap:round}.empty-state circle{fill:var(--navy)}.empty-state .c{fill:var(--blue);stroke:var(--white);stroke-width:3}.es-t{font-weight:800;color:var(--navy);font-size:20px}.mv-from{color:var(--slate);font-size:14px;font-weight:600}.mv-subject{font-size:clamp(22px,2.2vw,28px);font-weight:800;margin-top:4px}.mv-body{margin-top:14px;font-size:17px;max-width:68ch;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}.agent{margin-top:22px}.ag-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}.ag-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e8eefe}.agent[data-state=leyendo] .ag-dot{animation:pulse 1s infinite ease-in-out}@keyframes pulse{50%{box-shadow:0 0 0 8px #2a62f01f}}@media(prefers-reduced-motion:reduce){.agent[data-state=leyendo] .ag-dot{animation:none}}.ag-tag:not(:empty){font-size:12px;font-weight:800;color:var(--blue);background:#e8eefe;border-radius:999px;padding:2px 10px}.ag-data{margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.ag-data div{background:var(--tint);border-radius:10px;padding:10px 14px}.ag-data dt{font-size:12px;font-weight:700;color:var(--slate)}.ag-data dd{margin:2px 0 0;font-weight:700}.ag-action{margin-top:16px;font-weight:600;max-width:68ch}.agent[data-state=persona] .ag-action{color:var(--warn)}.draft{margin-top:18px;border:1.5px solid var(--line);border-radius:12px;padding:16px}.d-label{font-size:13px;font-weight:800;color:var(--slate)}.d-text{margin-top:8px;padding:6px 8px;border-radius:8px;max-width:72ch}.d-text:focus{outline:2px solid var(--blue);background:var(--tint)}.d-actions{margin-top:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.d-hint{font-size:13px;color:var(--slate)}.ag-state{margin-top:14px;font-size:14px;color:var(--ok);font-weight:700}.fine{margin-top:16px;font-size:13px;color:var(--slate)}@media(max-width:820px){.panes{grid-template-columns:1fr}.inbox{border-right:0;border-bottom:1px solid var(--line-soft)}.head-actions{width:100%;justify-content:space-between}.saved{text-align:left}}