.estl-pagina{display:grid;gap:18px;padding:4px 0 30px}.estl-bloco{background:var(--card,#fff);color:var(--text,#1d2939);border:1px solid var(--border,#dbe4ed);border-radius:16px;padding:20px;box-shadow:0 5px 24px #10263b0a}.estl-bloco h3{margin:0 0 5px;font-size:19px}.estl-bloco p{margin:4px 0 16px;color:var(--muted,#667085);line-height:1.45}.estl-cab{display:flex;justify-content:space-between}.estl-tipos{display:flex;gap:8px;margin:12px 0 18px}.estl-tipos button,.estl-acoes button,.estl-rodape button,.estl-bloco [data-el-copiar]{border:1px solid #b9cfee;border-radius:10px;padding:10px 14px;background:#fff;color:#1454b5;cursor:pointer;font:inherit}.estl-tipos button.ativo,.estl-acoes button:first-child{background:#1f68d5;color:#fff;border-color:#1f68d5}.estl-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.estl-grade label,.estl-item-campos,.estl-pub-item label{display:grid;gap:6px}.estl-bloco input:not([type=checkbox]),.estl-bloco select{min-width:0;width:100%;box-sizing:border-box;border:1px solid #d8e3f0;border-radius:8px;padding:10px;background:var(--card,#fff);color:var(--text,#1d2939);font:inherit}.estl-instrucao{margin-top:16px!important}.estl-itens{max-height:350px;overflow:auto;border:1px solid #d8e3f0;border-radius:10px}.estl-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #d8e3f0}.estl-item:last-child{border:0}.estl-item-nome{flex:1;min-width:120px;font-weight:650}.estl-item-nome small{color:#536b84;font-weight:400}.estl-item-campos{display:flex;max-width:390px}.estl-item-campos input{width:33%!important}.estl-rodape{margin-top:14px}.estl-aviso{min-height:20px;color:#1f68d5}.estl-aviso.erro{color:#ad3131}.estl-link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid #d8e3f0}.estl-link div{display:grid;gap:3px}.estl-link small,.estl-compra small{color:var(--muted,#667085)}.estl-compra{border:1px solid #d8e3f0;border-radius:12px;margin:12px 0;padding:14px}.estl-compra header,.estl-compra footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.estl-compra header div{display:grid;gap:4px}.estl-estado{background:#e8f1fe;color:#1454b5;border-radius:999px;padding:6px 10px;font-size:12px}.estl-tabela-wrap{overflow:auto}.estl-compra table{width:100%;border-collapse:collapse;margin:12px 0}.estl-compra th,.estl-compra td{padding:8px;text-align:left;border-bottom:1px solid #d8e3f0}.estl-compra th{font-size:12px;color:#536b84}.estl-acoes{display:flex;gap:7px;flex-wrap:wrap}.estl-compra details{margin-top:10px}.estl-compra details p{margin:5px 0!important}#est-view .estl-pagina{max-width:1120px;margin:auto}

@media(max-width:720px){.estl-grade{grid-template-columns:1fr}.estl-item{flex-wrap:wrap}.estl-item-campos{width:100%;max-width:none}.estl-compra header,.estl-compra footer{align-items:flex-start;flex-direction:column}.estl-pagina .estl-bloco{padding:15px}}
.finp-compras-estoque{margin:18px 0;padding:18px}.finp-compras-estoque header{margin-bottom:10px}.finp-compras-estoque h2{margin:0}.finp-compras-estoque p{color:#667085}.finp-compras-estoque details{border-top:1px solid #dfe7eb;padding:12px 0}.finp-compras-estoque summary{display:flex;align-items:center;gap:14px;cursor:pointer;flex-wrap:wrap}.finp-compras-estoque summary strong{margin-left:auto}.finp-compras-estoque summary em{font-size:12px;color:#1f68d5;font-style:normal}.finp-compras-rolagem{overflow:auto}.finp-compras-estoque table{border-collapse:collapse;width:100%;min-width:580px}.finp-compras-estoque th,.finp-compras-estoque td{padding:9px;text-align:left;border-bottom:1px solid #e7ecee}.finp-compras-estoque th{font-size:12px;color:#667085}
/* A tela do Estoque nasce escura; o formulário compartilhado é claro. */
#est-view .estl-bloco{background:rgba(255,255,255,.04);color:#eef4fc;border-color:rgba(255,255,255,.12)}
#est-view .estl-bloco p,#est-view .estl-link small,#est-view .estl-compra small,#est-view .estl-compra th,#est-view .estl-item-nome small{color:#b9cbe2}
#est-view .estl-bloco input:not([type=checkbox]),#est-view .estl-bloco select{background:#16263a;color:#eef4fc;border-color:#3b5577}
#est-view .estl-item,#est-view .estl-link,#est-view .estl-compra td,#est-view .estl-compra th{border-color:rgba(255,255,255,.14)}
#est-view .estl-compra{border-color:rgba(255,255,255,.15)}
#est-view .estl-tipos button,#est-view .estl-acoes button,#est-view .estl-bloco [data-el-copiar]{background:#16335a;color:#e8f1fe;border-color:#3f6fb5}
#est-view .estl-tipos button.ativo,#est-view .estl-acoes button:first-child{background:#1f68d5;color:#fff}
html[data-theme="light"] #est-view .estl-bloco{background:#fff;color:#1d2939;border-color:#dbe4ed}
html[data-theme="light"] #est-view .estl-bloco p,html[data-theme="light"] #est-view .estl-link small,html[data-theme="light"] #est-view .estl-compra small,html[data-theme="light"] #est-view .estl-compra th,html[data-theme="light"] #est-view .estl-item-nome small{color:#536b84}
html[data-theme="light"] #est-view .estl-bloco input:not([type=checkbox]),html[data-theme="light"] #est-view .estl-bloco select{background:#fff;color:#1d2939;border-color:#d8e3f0}
html[data-theme="light"] #est-view .estl-item,html[data-theme="light"] #est-view .estl-link,html[data-theme="light"] #est-view .estl-compra td,html[data-theme="light"] #est-view .estl-compra th{border-color:#d8e3f0}
html[data-theme="light"] #est-view .estl-compra{border-color:#d8e3f0}
html[data-theme="light"] #est-view .estl-tipos button,html[data-theme="light"] #est-view .estl-acoes button,html[data-theme="light"] #est-view .estl-bloco [data-el-copiar]{background:#fff;color:#1454b5;border-color:#b9cfee}
html[data-theme="light"] #est-view .estl-tipos button.ativo,html[data-theme="light"] #est-view .estl-acoes button:first-child{background:#1f68d5;color:#fff}

/* O botão de criar link segue o azul do MyDesk também no tema escuro (o índigo do Estoque ficava em 4,47 de contraste). */
#est-view .estl-rodape .est-btn.primario{background:#1f68d5;border-color:#1f68d5;color:#fff}
/* Excluir: acento de perigo, sem preencher (o primeiro botão da linha é o azul cheio). */
.estl-cab{gap:12px;align-items:flex-start}.estl-cab>.est-btn{flex:none;margin-top:2px}
.estl-bloco .estl-perigo,.estl-acoes button.estl-perigo{background:#fff;color:#b42323;border:1px solid #f1c4c4}
.estl-bloco .estl-perigo:hover,.estl-acoes button.estl-perigo:hover{background:#fde6e6}
#est-view .estl-bloco .estl-perigo,#est-view .estl-acoes button.estl-perigo{background:transparent;color:#ffb3b3;border-color:#7a3b3b}
html[data-theme="light"] #est-view .estl-bloco .estl-perigo,html[data-theme="light"] #est-view .estl-acoes button.estl-perigo{background:#fff;color:#b42323;border-color:#f1c4c4}
.finp-compras-estoque>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.finp-excluir{flex:none;border:1px solid #f1c4c4;border-radius:8px;padding:7px 12px;background:#fff;color:#b42323;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.finp-excluir:hover{background:#fde6e6}
.finp-compra-rodape{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
html:not([data-theme="light"]) .finp-excluir{background:transparent;color:#ffb3b3;border-color:#7a3b3b}
html:not([data-theme="light"]) .finp-excluir:hover{background:rgba(255,120,120,.12)}
/* Cartão "Compras do Estoque" no tema escuro: as legendas cinza (#667085) e o estado azul ficavam em 3,4-3,6 de contraste. */
html:not([data-theme="light"]) .finp-compras-estoque p,html:not([data-theme="light"]) .finp-compras-estoque th{color:rgba(240,240,240,.68)}
html:not([data-theme="light"]) .finp-compras-estoque summary em{color:#8ab8ff}
/* Links enviados: o endereço à vista, com Abrir (1 clique) e Copiar. */
.estl-link>div:first-child{flex:1;min-width:0}
.estl-link .estl-endereco{display:flex;gap:6px;align-items:center;margin-top:6px}
.estl-endereco input{flex:1;min-width:0;padding:7px 9px;border:1px solid #d8e3f0;border-radius:8px;background:#f5f8fc;color:#0f2744;font:inherit;font-size:12px}
.estl-abrir{display:inline-flex;align-items:center;text-decoration:none;background:#1f68d5!important;border-color:#1f68d5!important;color:#fff!important}
.estl-endereco-acoes{display:inline-flex;gap:6px;margin-left:6px}
.estl-sem-endereco{color:#8a5700!important}
#est-view .estl-endereco input{background:#16263a;color:#eef4fc;border-color:#3b5577}
#est-view .estl-sem-endereco{color:#ffd28a!important}
html[data-theme="light"] #est-view .estl-endereco input{background:#f5f8fc;color:#0f2744;border-color:#d8e3f0}
html[data-theme="light"] #est-view .estl-sem-endereco{color:#8a5700!important}
/* Gerenciamento ocupa a largura do painel; tabelas rolam dentro do cartão. */
#est-view .estl-pagina{max-width:none;min-width:0;width:100%}
.estl-pagina>*{min-width:0}.estl-compra header>div{min-width:0;overflow-wrap:anywhere}
.estl-compra :is(button,a),.estl-grade :is(input,select){min-height:40px}
.estl-grade select{appearance:none;padding-right:28px}
.estl-grade :is(input,select):focus-visible{outline:2px solid #4c93ff;outline-offset:2px}
.estl-compra footer{flex-wrap:wrap}.estl-compra .estl-estado{flex-shrink:0}
@media(max-width:560px){.estl-bloco{padding:14px}.estl-compra header,.estl-cab{flex-wrap:wrap}.estl-compra .estl-acoes{width:100%}.estl-compra .estl-acoes button{flex:1 1 140px}}