/* OrdersCenter — componentes próprios (app.css e tokens.css são idênticos aos do Acquisition) */

/* ---------- canal ---------- */
.ch-open{background:#e7e5e1;color:#3f3f46}
.ch-excl{background:#ffe0bd;color:#8a3b00}
.nav-badge-hot{background:var(--orange);color:#000}
.nav-link.active .nav-badge-hot{background:#000;color:var(--orange)}
.kpis-3{grid-template-columns:repeat(3,1fr)}
.facts-3{grid-template-columns:repeat(3,1fr)}
.meta-top{margin:0 0 10px}
.kicker{display:block;font:600 12px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:6px}
textarea.input{height:auto;padding:10px 12px;resize:vertical;line-height:1.4}
.card-foot.no-border{border-top:0}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.removed-list{margin:8px 0 0 18px}
.struck{text-decoration:line-through;color:var(--text-2)}
.dp-hint{font-size:12.5px;color:#a7a5a0}
.timeline li>span:first-child:not(.when){font:500 12px var(--font-mono);color:var(--text-2);padding-top:2px}

/* ---------- caixa de entrada: lista (440px) + detalhe ---------- */
.main.inbox-main{padding:0;display:grid;grid-template-columns:440px minmax(0,1fr);height:100vh;overflow:hidden}
.inbox-list{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}
.inbox-head{padding:22px 20px 12px;border-bottom:1px solid var(--border)}
.inbox-head h1{font-size:24px}
.inbox-head .tabs{margin-top:12px;flex-wrap:nowrap}
.inbox-head .tab{padding:0 10px;height:34px;font-size:13.5px}
.inbox-scroll{overflow-y:auto;flex:1;min-height:0}
.msgs{list-style:none}
.msg{display:grid;gap:4px;padding:14px 20px;border-bottom:1px solid #efede9;text-decoration:none;color:inherit}
.msg:hover{background:#faf9f7}
.msg.selected,.msg.selected:hover{background:#fff4e6;box-shadow:inset 4px 0 0 var(--orange)}
.msg-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.msg-top .chip{height:24px;font-size:12px;padding:0 9px}
.msg-time{margin-left:auto;font-size:12.5px;color:var(--text-2);white-space:nowrap}
.msg-client{font-weight:500;display:flex;align-items:center;gap:8px}
.msg.unread .msg-client{font-weight:600}
.unread-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);display:inline-block;flex:none}
.msg-title{color:var(--text-2);font-size:14px}
.msg-value{font-size:14px;font-weight:500}
.inbox-detail{overflow-y:auto;padding:28px 32px 120px;min-height:0}
.inbox-detail .page-head{margin-bottom:18px}

/* ---------- linhas da resposta ---------- */
.line-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font:600 11.5px var(--font-body);white-space:nowrap;vertical-align:middle}
.tag-kept{background:#e7e5e1;color:#3f3f46}
.tag-qty{background:#fff;color:var(--st-ordered-tx);box-shadow:inset 0 0 0 1.5px var(--pumpkin)}
.tag-new{background:#fff;color:var(--st-quoted-tx);box-shadow:inset 0 0 0 1.5px var(--orange)}
.tag-removed{background:#f3f2f0;color:var(--text-2)}
.quote-lines td{vertical-align:top}
.quote-lines .cell-main{min-width:150px}
.quote-lines .price-cell{min-width:150px}
.quote-lines .ipi-cell{width:84px}
.quote-lines .none-cell{width:128px}
.quote-lines .check-inline{font-size:13px;line-height:1.25}
.quote-lines th,.quote-lines td{padding-left:10px;padding-right:10px}
.quote-lines .input{padding:0 10px}
.qrow.k-qty td:first-child,.qrow.k-changed td:first-child{box-shadow:inset 4px 0 0 var(--pumpkin)}
.qrow.k-new td:first-child{box-shadow:inset 4px 0 0 var(--orange)}
.qrow.k-qty td,.qrow.k-changed td{background:#fffaf6}
.qrow.k-new td{background:#fffbf3}
.qrow.k-removed td{background:#faf9f7}
.qrow.is-none .cell-main .strong{color:var(--text-2)}
.reuse{display:block;margin-top:6px;background:none;border:0;padding:4px 0;font:500 12.5px var(--font-body);color:var(--text-2);text-align:left;cursor:pointer;min-height:32px}
.reuse u{color:var(--text);text-decoration-color:var(--orange);text-underline-offset:3px;font-weight:600}
.reuse:hover u{text-decoration-thickness:2px}
.check-inline{display:flex;gap:8px;align-items:center;font-size:13.5px;cursor:pointer;min-height:44px}
.check-inline input{width:20px;height:20px;accent-color:var(--orange);flex:none}
.row-removed td{background:#faf9f7}
.row-removed .strong{text-decoration:line-through;color:var(--text-2)}

/* ---------- resumo, faixa de decisão ---------- */
.sum-card{position:sticky;top:20px}
.sum-list{margin:0 20px 16px;display:grid;gap:8px}
.sum-list>div{display:flex;justify-content:space-between;gap:12px}
.sum-list dt{color:var(--text-2)}
.sum-list dd{margin:0}
.sum-list .sum-total{border-top:2px solid var(--text);padding-top:10px;margin-top:2px;font-weight:600;font-size:18px}
.sum-list .sum-total dt{color:var(--text)}
.sum-inline{max-width:380px;margin:14px 20px 16px auto}
.decide{overflow:hidden}
.info-band{display:flex;gap:10px;align-items:center;background:var(--black);color:#fff;padding:14px 20px;font-size:14.5px}
.info-band .ic{color:var(--orange)}
.ship-head{margin-top:0}

@media (max-width:1180px){
  .facts-3,.kpis-3{grid-template-columns:repeat(2,1fr)}
  .sum-card{position:static}
}
@media (max-width:767px){
  .main.inbox-main{display:block;height:auto;overflow:visible}
  .inbox-list{border-right:0;min-height:calc(100vh - 60px)}
  .inbox-scroll{overflow:visible}
  .inbox-detail{overflow:visible;padding:16px 16px 150px}
  .main.inbox-main.show-detail .inbox-list{display:none}
  .main.inbox-main:not(.show-detail) .inbox-detail{display:none}
  .inbox-head{padding:16px 14px 10px}
  .inbox-head .tabs{overflow-x:auto}
  .inbox-head .tab{height:44px}
  .msg{padding:14px}
  .facts-3,.kpis-3{grid-template-columns:1fr}
  .quote-lines td.price-cell,.quote-lines td.ipi-cell,.quote-lines td.none-cell{display:block;width:100%;text-align:left}
  .quote-lines td.price-cell::before,.quote-lines td.ipi-cell::before{display:block;margin-bottom:4px}
  .quote-lines td.none-cell::before{display:none}
  .quote-lines td.price-cell .input,.quote-lines td.ipi-cell .input{max-width:none;width:100%}
  .qrow.k-qty,.qrow.k-changed{border:2px solid var(--pumpkin);background:#fffaf6}
  .qrow.k-new{border:2px solid var(--orange);background:#fffbf3}
  .qrow.k-qty td:first-child,.qrow.k-changed td:first-child,.qrow.k-new td:first-child{box-shadow:none}
  .qrow.k-qty td,.qrow.k-changed td,.qrow.k-new td{background:transparent}
  .quote-lines tr.k-removed td{display:block}
  .sum-inline{margin:12px 14px 14px}
  .sum-list{margin:0 14px 14px}
  .info-band{padding:12px 14px}
  .cmp-bar .cmp-total{flex:none}
  .cmp-bar .ab-actions{flex:1 1 auto;min-width:0}
  .cmp-bar .ab-actions .btn{flex:1 1 0;min-width:0;white-space:normal;line-height:1.15;height:auto;min-height:44px;padding:6px 8px;font-size:13.5px}
}

.demo-panel .btn{white-space:normal;line-height:1.2;height:auto;min-height:44px;padding-top:8px;padding-bottom:8px}