:root{font-family:system-ui,-apple-system,sans-serif;color:#182b3b;background:#f2f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#142f43;color:white;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px;font-size:34px;font-weight:800;color:#cda35b}.brand span{font-size:22px;color:white}.brand small{display:block;font-size:13px;font-weight:400;margin-top:3px;color:#c6d4dd}main{max-width:1180px;padding:30px 24px;margin:auto}.notice{background:#fff4db;border-left:4px solid #bd8b38;padding:16px 20px;margin-bottom:30px;line-height:1.6}h1{font-size:clamp(26px,4vw,36px);margin:5px 0 12px}h2{font-size:22px;margin:0 0 15px}h3{font-size:17px}p{line-height:1.6;color:#42576a}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;color:#786031;margin:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.badge{font-size:12px;font-weight:700;background:#e7edf2;color:#1d465f;border-radius:24px;padding:9px 14px;white-space:nowrap}.stats,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid{grid-template-columns:repeat(2,1fr)}section{background:white;border:1px solid #dfe7ec;border-radius:14px;padding:26px;margin-bottom:24px}.stats section strong{display:block;font-size:38px;margin:12px 0}.stats small{color:#667884}label{display:block;font-size:14px;font-weight:650;margin:14px 0}input,select,textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #a9bac6;border-radius:7px;background:white;color:#182b3b;font:inherit;min-height:46px}textarea{min-height:100px}button{background:#1c526c;color:white;padding:12px 18px;font:inherit;font-weight:650;border:0;border-radius:7px;cursor:pointer;min-height:46px}button:hover{background:#123e55}.secondary{background:#e4ebef;color:#203e52}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px 12px;border-bottom:1px solid #e2e8ed;font-size:14px}th{background:#f5f7f9}small{color:#687d8d}.event{border-left:3px solid #c7dce7;padding-left:15px}.error,.success{padding:16px;border-radius:8px;background:#fce5e3;color:#8c2222}.success{background:#e1f3ea;color:#246146}.login{max-width:490px;margin:40px auto}.inline{display:flex;gap:10px;align-items:center}.inline select{margin:0}summary{cursor:pointer;font-weight:700;padding:18px 0;border-top:1px solid #dde5ea}footer{text-align:center;padding:28px;color:#647988;font-size:13px}:focus-visible{outline:3px solid #b88327;outline-offset:3px}@media(max-width:720px){.grid,.stats{grid-template-columns:1fr}header{flex-wrap:wrap}main{padding:20px 14px}section{padding:20px}.inline{flex-wrap:wrap}}
.table td form.inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 8px 8px 0}.table td form.inline select{width:auto;min-width:150px;margin:0}.table td form.inline button{margin:0;white-space:nowrap}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 26px;padding:12px 18px;background:white;border:1px solid #dfe7ec;border-radius:14px}.nav a{color:#1d465f;text-decoration:none;font-weight:650;padding:6px 2px;border-bottom:3px solid transparent}.nav a.on{border-bottom-color:#cda35b}.nav .who{margin-left:auto;font-size:13px;color:#667884}.nav form{margin:0}
a{color:#1d5b82}.late{color:#a3311f;font-weight:700}.today{border-left:5px solid #cda35b}
.filters{display:flex;flex-wrap:wrap;gap:8px}.filters a{font-size:13px;text-decoration:none;padding:7px 12px;border-radius:20px;background:#e7edf2;color:#1d465f}.filters a.on{background:#142f43;color:white}
.search{max-width:640px;margin-bottom:12px}.search input{flex:1;min-width:200px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:6px;background:#eef3f6;border-radius:20px;padding:6px 12px;font-size:14px}.chip small{color:#667884}.chip form{margin:0}
button.link{background:none;color:#a3311f;padding:0 4px;font-size:18px;line-height:1;margin:0;border:0}
.msg{border-left:4px solid #9fb6c6;padding:4px 0 4px 16px;margin:0 0 18px}.msg.out{border-left-color:#cda35b}.msg h3{margin:4px 0}.msg p{margin:6px 0;overflow-wrap:anywhere}
.review{border-top:1px solid #e3eaef;padding-top:16px;margin-top:16px}.review h3{margin:6px 0}.review h3 small{font-weight:400;color:#667884}
.review form,.grid form.inline{flex-wrap:wrap}.review input{margin:0;flex:1;min-width:140px}input.short{max-width:130px}
a.button{display:inline-block;background:#1d5b82;color:white;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:9px}
code{background:#eef3f6;padding:2px 6px;border-radius:5px;overflow-wrap:anywhere}
@media(max-width:700px){.nav .who{margin-left:0;width:100%}}
label.check{display:flex;gap:.5rem;align-items:center;font-weight:normal}label.check input{width:auto}
.tag{display:inline-block;font-size:11px;font-weight:700;border-radius:10px;padding:2px 8px;background:#e7edf2;color:#1d465f}.tag.whatsapp{background:#dcf3e4;color:#1b6b3c}.tag.nofile{background:#fff1d6;color:#7a5413}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 18px}.tile{display:block;text-decoration:none;background:white;border:1px solid #dfe7ec;border-radius:12px;padding:14px 16px;color:#42576a}.tile small{display:block;font-weight:700;color:#182b3b;font-size:14px}.tile strong{display:block;font-size:32px;color:#9fb0bd;line-height:1.2}.tile.hot strong{color:#c0392b}.tile span{font-size:12px}.tile.on{border-color:#142f43;box-shadow:inset 0 0 0 1px #142f43}
.toolbar{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:14px}
.inboxwrap{display:grid;grid-template-columns:380px 1fr;gap:0;background:white;border:1px solid #dfe7ec;border-radius:14px;overflow:hidden;min-height:620px}
.convlist{border-right:1px solid #e2e8ed;max-height:78vh;overflow:auto}.convlist .search{padding:12px;border-bottom:1px solid #e2e8ed;position:sticky;top:0;background:white;z-index:1}.convlist .search input{margin:0;min-height:40px}.convlist .search button{min-height:40px;padding:8px 12px}
.conv{display:block;position:relative;padding:12px 34px 12px 16px;border-bottom:1px solid #eef2f5;text-decoration:none;color:#182b3b}.conv:hover{background:#f5f8fa}.conv.on{background:#e8f0f5}.conv .top{display:flex;justify-content:space-between;gap:8px}.conv .top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv time{font-size:12px;color:#687d8d;white-space:nowrap}.conv.pend time{color:#c0392b;font-weight:700}.conv .meta{display:block;margin:4px 0}.conv .dep{font-size:12px;color:#786031;font-weight:700}.conv .snip{display:block;font-size:13px;color:#5b6f7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv .snip i{font-style:normal;color:#1c526c}.conv .dot{position:absolute;right:14px;top:50%;width:10px;height:10px;border-radius:50%;background:#c0392b}.empty{padding:16px;color:#687d8d}
.thread{display:flex;flex-direction:column;background:#efeae2;max-height:78vh}.placeholder{margin:auto;padding:30px;text-align:center}.threadhead{display:flex;align-items:center;gap:14px;justify-content:space-between;background:white;padding:12px 18px;border-bottom:1px solid #e2e8ed}.threadhead h2{margin:0;font-size:19px}.threadhead .actions{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-block;text-decoration:none;background:#1c526c;color:white;padding:10px 14px;border-radius:7px;font-weight:650;font-size:14px}.button.secondary{background:#e4ebef;color:#203e52}.back{display:none}
.bubbles{flex:1;overflow:auto;padding:16px 22px}.day{text-align:center;margin:10px 0}.day span{background:#e1eaf0;color:#42576a;font-size:12px;padding:4px 10px;border-radius:8px}.bubble{max-width:72%;background:white;border-radius:10px;padding:8px 12px;margin:6px 0;box-shadow:0 1px 1px rgba(0,0,0,.08)}.bubble.out{margin-left:auto;background:#d9fdd3}.bubble.email.out{background:#e3eef6}.bubble small{display:block;font-size:11px}.bubble b{display:block;font-size:14px;margin-top:2px}.bubble p{margin:4px 0;font-size:14px;color:#182b3b;overflow-wrap:anywhere}.bubble summary{padding:4px 0;border:0;font-size:13px}.hint{background:white;margin:0;padding:10px 18px;font-size:13px;border-top:1px solid #e2e8ed}
@media(max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}.inboxwrap{grid-template-columns:1fr}.convlist{border-right:0;max-height:none}.inboxwrap.has-thread .convlist{display:none}.inboxwrap:not(.has-thread) .thread{display:none}.back{display:inline}.threadhead{flex-wrap:wrap}.bubble{max-width:90%}.thread{max-height:none}}
.deptabs{display:flex;gap:4px;border-bottom:2px solid #dfe7ec;margin:6px 0 14px;overflow-x:auto}.deptabs a{padding:12px 20px;font-weight:700;font-size:16px;color:#42576a;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}.deptabs a.on{color:#142f43;border-bottom-color:#cda35b}.deptabs .cnt{display:inline-block;background:#c0392b;color:white;font-size:12px;border-radius:10px;padding:1px 7px;margin-left:4px;vertical-align:2px}
.linebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:14px}.linebar .search{margin-left:auto}.linebar .search input{margin:0;min-height:40px;width:260px}.linebar .search button{min-height:40px;padding:8px 14px}
.rows table{background:white;border:1px solid #dfe7ec;border-radius:12px;overflow:hidden;table-layout:fixed}.rows td{padding:11px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.rows th.d,.rows td.d{width:28px;padding-right:0}.rows th:nth-child(2){width:24%}.rows th:nth-child(3){width:20%}.rows th.t,.rows td.t{width:80px;text-align:right}.rows tr.crow{cursor:pointer}.rows tr.crow:hover td{background:#f5f8fa}.rows td.n a{color:#182b3b;text-decoration:none}.rows td.s{color:#5b6f7e}.rows td.s i{font-style:normal;color:#1c526c}.rows tr.pend td.t{color:#c0392b;font-weight:700}.rows .dot{position:static;display:inline-block;width:10px;height:10px;border-radius:50%;background:#c0392b}
.thread.full{border:1px solid #dfe7ec;border-radius:14px;overflow:hidden;max-height:none}.thread.full .bubbles{max-height:70vh}.thread.full .back{display:inline;font-weight:700;color:#1c526c;text-decoration:none;white-space:nowrap}
@media(max-width:900px){.rows th:nth-child(3),.rows td.l,.rows th:nth-child(4),.rows td.s{display:none}.rows th:nth-child(2){width:auto}.linebar .search{margin-left:0;width:100%}.linebar .search input{width:auto;flex:1}}
.aidraft{background:#fff8e6;border-top:2px solid #cda35b;padding:12px 18px}.aidraft.human{background:#fdecea;border-top-color:#c0392b}.aidraft textarea{background:white;font-size:14px;min-height:80px;margin:6px 0}.aidraft form{margin:0}.aidraft button{min-height:38px;padding:8px 14px}.tag.ai{background:#fff1d6;color:#7a5413}
.aidraft.plain{background:#f5f8fa;border-top-color:#c7dce7}.sendbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 8px}.sendbar button{background:#1b6b3c}.sendbar button:hover{background:#14532e}button.small{min-height:32px;padding:6px 12px;font-size:13px}
.aidraft label.subj{margin:6px 0;font-size:13px}.aidraft label.subj input{margin-top:4px;min-height:38px;padding:8px}

.night{background:#1f2a44;color:#fff;padding:.6rem .9rem;border-radius:8px;margin:.4rem 0 .8rem}
.botmark{background:#eef2ff;color:#3730a3;border-radius:6px;padding:0 .35rem;font-weight:600}
.autobox{border:1px solid #c7d2fe;background:#f5f7ff;border-radius:8px;padding:.7rem .9rem;margin:.6rem 0}
@media (prefers-color-scheme: dark){.botmark{background:#312e81;color:#e0e7ff}.autobox{background:#1e1b4b;border-color:#3730a3}}

.qlines input{width:100%;min-width:0}.qlines td{padding:.25rem .3rem}.qlines .qty{width:3.5rem}.qlines .price{width:6rem}.qlines td.c{text-align:center}
.qlines td:first-child{min-width:16rem}
.qtot{border:1px solid var(--line,#ddd);border-radius:8px;padding:.6rem .9rem;margin:.8rem 0;background:rgba(139,37,41,.05)}.qtot p{margin:.2rem 0}.qtot .big{font-size:1.15rem}
tr.opt td{opacity:.75}
.tag.qs-borrador{background:#eee;color:#444}.tag.qs-enviado{background:#e0ecff;color:#1e40af}.tag.qs-aceptado{background:#dcfce7;color:#166534}.tag.qs-rechazado{background:#fee2e2;color:#991b1b}
.sendbar button.secondary{background:#e7ebf0;color:#1f2a37;border-color:#cfd6de}
.qlines td:first-child{min-width:22rem}.qlines td:nth-child(5) input{min-width:9rem}

details.lp{border:1px solid var(--line,#dde3ea);border-radius:8px;padding:.5rem .8rem;margin:.5rem 0;background:#fff}details.lp summary{cursor:pointer;padding:.2rem 0}details.lp[open] summary{margin-bottom:.5rem}
@media (prefers-color-scheme: dark){details.lp{background:transparent}}

.convbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem .8rem;margin:.3rem 0 .6rem;border:1px solid var(--line,#dde3ea);border-radius:8px;background:rgba(0,0,0,.02)}
.convbar form{margin:0}.convbar select{max-width:16rem}
.tag.who{background:#eef2f7;color:#334155}.tag.who.me{background:#dbeafe;color:#1e3a8a}.tag.done{background:#dcfce7;color:#166534}
a.att{font-weight:600;text-decoration:none}
label.files{display:block;margin:.4rem 0;font-weight:600}label.files input{display:block;margin-top:.25rem;font-weight:400}
.convbar label{display:flex;gap:.45rem;align-items:center;white-space:nowrap;margin:0}

table.rep td.bar{width:40%;min-width:7rem}
table.rep progress{-webkit-appearance:none;appearance:none;width:100%;height:.75rem;border:0;border-radius:4px;background:#e6ebf1;vertical-align:middle}
table.rep progress::-webkit-progress-bar{background:#e6ebf1;border-radius:4px}
table.rep progress::-webkit-progress-value{background:#1f4e79;border-radius:4px}
table.rep progress::-moz-progress-bar{background:#1f4e79;border-radius:4px}
table.rep tr.off progress::-webkit-progress-value{background:#a7b1bd}table.rep tr.off progress::-moz-progress-bar{background:#a7b1bd}
table.rep.compact td{padding:.18rem .5rem}table.rep tr.off td{color:#8a94a3}
@media (min-width:900px){.stats.four{grid-template-columns:repeat(4,1fr)}}
@media (prefers-color-scheme: dark){table.rep progress,table.rep progress::-webkit-progress-bar{background:#2b3645}table.rep progress::-webkit-progress-value{background:#7fb0e0}table.rep progress::-moz-progress-bar{background:#7fb0e0}}
.stats section small{display:block;color:#64748b;font-size:.78rem;margin-top:.15rem}
.grid>*{min-width:0}table.rep td.bar{min-width:4rem}table.rep+h2,.table+h2{margin-top:1.4rem}
h2.sp{margin-top:1.4rem}

.bubble.note{background:#fff7d6;border:1px dashed #d9b84a;align-self:center;max-width:80%;margin-left:auto;margin-right:auto}
.bubble.note small{color:#7a5d00}.note-del{display:inline}.note-del button.link,button.link{background:none;border:0;color:#9a3412;padding:0;min-height:0;font-size:.8rem;cursor:pointer;text-decoration:underline}
details.notebox{flex-basis:100%}details.notebox summary{padding:.3rem 0;border:0;font-weight:600}details.notebox textarea{min-height:60px}
details.qr{margin:.3rem 0}details.qr summary{padding:.3rem 0;border:0;font-weight:600}.qrlist{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}
.qrlist a.chip{background:#eef2f7;border:1px solid #d5dde6;border-radius:999px;padding:.3rem .7rem;text-decoration:none;color:#1f3b52;font-size:.85rem}
.qritem p.pre{white-space:normal}

@media (max-width:720px){
 header{padding:12px 16px}.brand{font-size:24px;gap:10px}.brand span{font-size:17px}.badge{display:none}
 .nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:8px 10px;-webkit-overflow-scrolling:touch}
 .nav a{white-space:nowrap;flex:0 0 auto;padding:6px 8px}.nav .who{display:none}.nav form{flex:0 0 auto}.nav form button{min-height:34px;padding:6px 10px;font-size:13px}
 .night{font-size:13px;padding:.45rem .7rem}
 .bars.inthread{display:none}
 .threadhead .actions{display:flex;flex-wrap:wrap;gap:6px}.threadhead .actions .button{padding:8px 10px;font-size:13px}
 .convbar{gap:.35rem}.convbar label{flex-wrap:wrap;white-space:normal}
 .bubble{max-width:92%}
 main{padding:14px 12px}
}
.tag.moved{background:#fef3c7;color:#92400e}td.access{min-width:12rem}td.access details{margin-top:.3rem}td.access label.check{display:block;font-size:.9rem;margin:.1rem 0}td.access form p{margin:.4rem 0 .2rem}
