/* ZenCaps — Produtos | acabamento visual do catálogo.
   Apenas apresentação em tela, sem alterar cadastros, formulários ou PDFs. */
@media screen{
  .products-shell{
    --zp-line:#dce9df;--zp-text:#1b422d;--zp-muted:#6c8172;
    max-width:1680px;
    padding:14px clamp(20px,2.7vw,46px) 54px;
  }
  .products-shell .page-heading{
    min-height:0;display:flex;align-items:center;
    gap:14px 24px;margin-bottom:20px;
  }
  .products-shell .page-heading .eyebrow{
    margin-bottom:7px;color:#12884d;font-size:10px;
    font-weight:850;letter-spacing:.105em;
  }
  /* A folha antiga ocultava o H1 nesta aba. Restaurar o título como nas demais. */
  .products-shell .page-heading h1{
    position:static;display:block;clip:auto;clip-path:none;
    width:auto;height:auto;margin:0;padding:0;border:0;
    overflow:visible;white-space:normal;
    color:#173c28;font-size:clamp(23px,2.15vw,31px);
    letter-spacing:-.043em;line-height:1.2;font-weight:850;
  }
  .products-shell .page-heading p{
    max-width:700px;margin-top:7px;color:var(--zp-muted);
    font-size:12px;line-height:1.55;
  }
  .products-shell .heading-actions .btn.primary{
    min-height:42px;padding:10px 16px;border-radius:11px;
    font-size:11.5px;font-weight:850;
    box-shadow:0 7px 16px rgba(11,136,74,.12);
    white-space:nowrap;
  }
  .products-shell .zen-product-metrics{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;margin-bottom:16px;
  }
  .products-shell .zen-product-metric{
    position:relative;display:flex;flex-direction:column;
    min-width:0;min-height:142px;overflow:hidden;
    padding:18px 19px 16px;
    border:1px solid var(--zp-line);border-radius:16px;
    background:linear-gradient(145deg,#fff 54%,#fbfefc);
    box-shadow:0 2px 8px rgba(27,66,36,.026),0 13px 28px rgba(27,66,36,.05);
  }
  .products-shell .zen-product-metric::after{
    content:"";position:absolute;bottom:0;left:19px;right:19px;
    height:3px;opacity:.7;border-radius:3px;
    background:#38ad76;
  }
  .products-shell .zen-product-metric:nth-child(2)::after{background:#63bc89}
  .products-shell .zen-product-metric:nth-child(3)::after{background:#e0ae56}
  .products-shell .zen-product-metric:nth-child(4)::after{background:#819ed7}
  .products-shell .zen-product-metric-top{
    display:flex;align-items:flex-start;justify-content:space-between;
    min-height:35px;gap:6px;
  }
  .products-shell .zen-product-metric-top>span:first-child{
    color:#687e6f;font-size:10px;font-weight:850;
    letter-spacing:.065em;line-height:1.5;
    text-transform:uppercase;
  }
  .products-shell .zen-product-metric-icon{
    display:grid;place-items:center;flex:0 0 36px;
    width:36px;height:36px;border-radius:11px;
    background:#e8f6ee;color:#169359;
  }
  .products-shell .zen-product-metric:nth-child(2) .zen-product-metric-icon{
    background:#e4f7ec;color:#119c54;
  }
  .products-shell .zen-product-metric:nth-child(3) .zen-product-metric-icon{
    background:#fff4e5;color:#ad7b2b;
  }
  .products-shell .zen-product-metric:nth-child(4) .zen-product-metric-icon{
    background:#edf3fe;color:#557bba;
  }
  .products-shell .zen-product-metric strong{
    display:block;margin-top:10px;color:var(--zp-text);
    font-size:clamp(22px,2vw,29px);
    letter-spacing:-.04em;line-height:1.18;font-weight:850;
    font-variant-numeric:tabular-nums;
  }
  .products-shell .zen-product-metric small{
    display:block;margin-top:8px;color:#728879;
    font-size:10.7px;line-height:1.5;
  }
  .products-shell .zen-product-guidance.callout{
    display:flex;align-items:center;justify-content:space-between;
    gap:15px;min-height:72px;
    margin:0 0 16px;padding:14px 17px;
    border:1px solid #d3e8da;border-left:4px solid #17a15c;
    border-radius:15px;background:linear-gradient(115deg,#eff9f2,#fff 87%);
    box-shadow:0 7px 19px rgba(27,66,36,.03);
  }
  .products-shell .zen-product-guidance-icon{
    display:grid;place-items:center;flex:0 0 42px;
    width:42px;height:42px;border-radius:12px;
    color:#129457;background:#dff4e6;
  }
  .products-shell .zen-product-guidance-copy{
    flex:1 1 300px;min-width:0;
  }
  .products-shell .zen-product-guidance-copy b{
    display:block;font-size:12.5px;line-height:1.4;font-weight:850;
    color:#23513a;letter-spacing:-.015em;
  }
  .products-shell .zen-product-guidance-copy p{
    max-width:910px;margin:5px 0 0;color:#607d6a;
    font-size:10.9px;line-height:1.55;
  }
  .products-shell .zen-product-guidance .btn{
    min-height:37px;flex:0 0 auto;padding:8px 13px;
    border:1px solid #cee3d4;border-radius:10px;
    background:#fff;color:#14683e;
    font-size:11px;font-weight:850;
    box-shadow:none;
  }
  .products-shell .zen-product-guidance .btn:hover{
    border-color:#afd8bd;background:#e6f6eb;
    color:#095d35;
  }
  .products-shell .zen-product-list-card{
    min-width:0;overflow:hidden;background:#fff;
    border:1px solid var(--zp-line);border-radius:16px;
    box-shadow:0 2px 8px rgba(27,66,36,.025),0 14px 28px rgba(27,66,36,.05);
  }
  .products-shell .zen-product-toolbar{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px 23px;flex-wrap:wrap;
    padding:18px 19px;
    border-bottom:1px solid #e0ebe3;
    background:linear-gradient(115deg,#f7fbf8,#fff 65%);
  }
  .products-shell .zen-product-toolbar-title{flex:1 1 260px;min-width:0}
  .products-shell .zen-product-section-kicker{
    display:block;margin-bottom:5px;
    color:#2c9158;font-size:9.5px;letter-spacing:.108em;
    font-weight:850;line-height:1.4;
  }
  .products-shell .zen-product-toolbar-title>b{
    display:block;color:#244a34;font-size:15px;
    letter-spacing:-.025em;line-height:1.45;font-weight:850;
  }
  .products-shell .zen-product-toolbar-title .muted{color:#829488;font-weight:750}
  .products-shell .zen-product-toolbar-helper{
    color:#738a7a;font-size:10.7px;margin-top:5px;line-height:1.5;
  }
  .products-shell .zen-product-filters{
    display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(165px,.95fr);
    align-items:center;gap:9px;flex:1 1 445px;
    max-width:650px;min-width:0;
  }
  .products-shell .zen-product-filters .searchbox,
  .products-shell .zen-product-filters .select.compact{
    min-width:0;width:100%;max-width:none;min-height:40px;height:40px;
    background:#fff;color:#365b44;
    border:1px solid #d3e6d9;border-radius:10px;
    margin:0;box-shadow:0 1px 2px rgba(16,48,25,.02);
  }
  .products-shell .zen-product-filters .searchbox input{
    color:#365b44;font-size:11.5px;min-width:0;
  }
  .products-shell .zen-product-filters .searchbox input::placeholder{
    color:#91a396;
  }
  .products-shell .zen-product-filters :is(.searchbox,.select.compact):focus-within{
    border-color:#52b87d;
    box-shadow:0 0 0 3px rgba(15,153,81,.11);
  }
  .products-shell .zen-product-table-scroll{overflow-x:auto;max-width:100%}
  .products-shell .zen-products-table{
    width:100%;min-width:760px;
    border-collapse:separate;border-spacing:0;
  }
  .products-shell .zen-products-table th{
    background:#f1f7f3;color:#657d6c;
    padding:13px 16px;font-size:10px;font-weight:850;
    letter-spacing:.08em;text-transform:uppercase;
    border-bottom:1px solid #e0eae1;white-space:nowrap;
  }
  .products-shell .zen-products-table th:first-child{width:31%}
  .products-shell .zen-products-table th:last-child{width:115px}
  .products-shell .zen-products-table td{
    padding:16px;vertical-align:middle;color:#3b5a46;
    font-size:11.5px;line-height:1.5;
    border-bottom:1px solid #e7efe9;
  }
  .products-shell .zen-products-table tbody tr:last-child td{border-bottom:0}
  .products-shell .zen-products-table tbody tr:nth-child(even){background:#fcfefd}
  .products-shell .zen-products-table tbody tr:hover{background:#f0f8f2}
  .products-shell .zen-product-name{
    display:block;color:#204f33;font-size:12.7px;
    font-weight:850;letter-spacing:-.01em;
    overflow-wrap:anywhere;
  }
  .products-shell .zen-product-subtitle{
    display:block;margin-top:4px;color:#819587;font-size:10px;
    font-weight:500;
  }
  .products-shell .zen-product-unit{
    display:inline-flex;align-items:center;
    border:1px solid #dce7df;border-radius:8px;
    padding:5px 9px;background:#f6f9f7;
    color:#5c7766;font-size:10.8px;font-weight:750;
  }
  .products-shell .zen-product-client-count{
    display:inline-flex;justify-content:center;align-items:center;
    min-width:32px;min-height:30px;
    padding:5px 8px;background:#eaf7ee;color:#217349;
    border:1px solid #d1ead9;border-radius:9px;
    font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:850;
  }
  .products-shell .zen-product-status .badge{
    display:inline-flex;white-space:nowrap;
    padding:6px 10px;border-radius:999px;
    font-size:10.5px;font-weight:850;
  }
  .products-shell .zen-product-actions{
    display:flex;justify-content:flex-end;align-items:center;
    gap:7px;flex-wrap:nowrap;
  }
  .products-shell .zen-product-actions .btn.icon-btn{
    display:inline-grid;place-items:center;
    min-width:35px;width:35px;min-height:35px;height:35px;
    padding:0;flex:0 0 35px;
    border:1px solid #dce7df;border-radius:9px;
    background:#fff;color:#44644e;
  }
  .products-shell .zen-product-actions .btn[data-action="delete-product"]{
    color:#b85852;border-color:#f0d7d5;
  }
  .products-shell .zen-product-actions .btn:hover:not(:disabled){
    background:#e8f7ed;border-color:#aad9ba;
  }
  .products-shell .zen-product-actions .btn[data-action="delete-product"]:hover{
    background:#fff0ef;border-color:#edbbb5;
  }
  .products-shell .zen-product-actions .btn:focus-visible,
  .products-shell .zen-product-guidance .btn:focus-visible{
    outline:2px solid #0b9751;outline-offset:2px;
  }
  .products-shell .zen-products-empty{
    display:flex;align-items:center;flex-direction:column;
    justify-content:center;min-height:190px;padding:27px 18px;
    text-align:center;color:#758a7d;
  }
  .products-shell .zen-products-empty-icon{
    display:grid;place-items:center;width:47px;height:47px;
    margin-bottom:11px;border-radius:13px;color:#168e4f;
    background:#e9f7ed;
  }
  .products-shell .zen-products-empty strong{
    color:#30543a;font-size:12.5px;font-weight:850;
  }
  .products-shell .zen-products-empty p{
    max-width:470px;margin:7px 0 0;color:#789080;
    font-size:11px;line-height:1.55;
  }
  .products-shell .zen-products-empty .btn{margin-top:14px}
  .products-shell .zen-product-list-footer{
    display:flex;justify-content:space-between;gap:10px 20px;
    padding:13px 19px;flex-wrap:wrap;
    border-top:1px solid #e0eae3;
    background:#fcfefc;color:#728677;
    font-size:10.5px;line-height:1.5;
  }
  @media(max-width:1250px){
    .products-shell .zen-product-metrics{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media(max-width:760px){
    .products-shell .zen-product-guidance.callout{
      flex-wrap:wrap;
    }
    .products-shell .zen-product-guidance .btn{
      width:100%;justify-content:center;
    }
    .products-shell .zen-product-filters{
      flex:1 1 100%;max-width:none;
    }
  }
  @media(max-width:580px){
    .products-shell{padding:12px 13px 42px}
    .products-shell .page-heading{align-items:stretch;flex-wrap:wrap}
    .products-shell .heading-actions,.products-shell .heading-actions .btn{width:100%}
    .products-shell .zen-product-metrics{gap:9px}
    .products-shell .zen-product-metric{min-height:132px;padding:14px 13px}
    .products-shell .zen-product-metric-icon{
      flex-basis:31px;width:31px;height:31px;
    }
    .products-shell .zen-product-metric strong{
      margin-top:11px;font-size:23px;
    }
    .products-shell .zen-product-metric-top>span:first-child{font-size:9px}
    .products-shell .zen-product-guidance.callout{padding:13px}
    .products-shell .zen-product-toolbar{padding:15px 13px}
    .products-shell .zen-product-filters{grid-template-columns:1fr}
    .products-shell .zen-products-table td{padding:13px}
    .products-shell .zen-product-list-footer{padding:12px 13px}
  }
  @media(max-width:380px){
    .products-shell .zen-product-metrics{grid-template-columns:1fr}
  }
  @media(prefers-reduced-motion:reduce){
    .products-shell .zen-products-table tbody tr{transition:none}
  }
  html[data-theme="dark"] .products-shell{
    --zp-line:#3b5845;--zp-text:#e2f2e8;--zp-muted:#bcd3c2;
  }
  html[data-theme="dark"] .products-shell .page-heading h1{color:#e6f4ea}
  html[data-theme="dark"] .products-shell .page-heading .eyebrow,
  html[data-theme="dark"] .products-shell .zen-product-section-kicker{color:#8be0b0}
  html[data-theme="dark"] .products-shell .zen-product-metric{
    background:linear-gradient(145deg,#203528,#1b2b20);border-color:#3b5845;
  }
  html[data-theme="dark"] .products-shell .zen-product-metric-top>span:first-child,
  html[data-theme="dark"] .products-shell .zen-product-metric small{color:#bbd2c2}
  html[data-theme="dark"] .products-shell .zen-product-guidance.callout{
    background:linear-gradient(115deg,#1d3928,#1d2e23);
    border-color:#41644b;border-left-color:#35ba76;
  }
  html[data-theme="dark"] .products-shell .zen-product-guidance-icon{
    background:#27533a;color:#a0edc0;
  }
  html[data-theme="dark"] .products-shell .zen-product-guidance-copy b{color:#e2f4e8}
  html[data-theme="dark"] .products-shell .zen-product-guidance-copy p{color:#bad3c1}
  html[data-theme="dark"] .products-shell .zen-product-guidance .btn{
    background:#2b4b35;border-color:#50765a;color:#d7f1de;
  }
  html[data-theme="dark"] .products-shell .zen-product-list-card{
    background:#1a2a20;border-color:#3b5845;
  }
  html[data-theme="dark"] .products-shell .zen-product-toolbar{
    background:linear-gradient(115deg,#203628,#1b2b21);
    border-color:#3b5845;
  }
  html[data-theme="dark"] .products-shell .zen-product-toolbar-title>b{color:#e9f5ec}
  html[data-theme="dark"] .products-shell .zen-product-toolbar-title .muted,
  html[data-theme="dark"] .products-shell .zen-product-toolbar-helper{color:#bdcfbf}
  html[data-theme="dark"] .products-shell .zen-product-filters :is(.searchbox,.select.compact){
    background:#22392a;border-color:#476a50;color:#e7f5ea;
  }
  html[data-theme="dark"] .products-shell .zen-product-filters .searchbox input{
    color:#e4f3e8;
  }
  html[data-theme="dark"] .products-shell .zen-product-filters .searchbox input::placeholder{
    color:#b5c9b9;
  }
  html[data-theme="dark"] .products-shell .zen-products-table th{
    background:#233e2b;color:#c0d8c7;border-color:#3e5a47;
  }
  html[data-theme="dark"] .products-shell .zen-products-table td{
    color:#d5e9db;border-color:#364f3e;
  }
  html[data-theme="dark"] .products-shell .zen-products-table tbody tr:nth-child(even){background:#1e3225}
  html[data-theme="dark"] .products-shell .zen-products-table tbody tr:hover{background:#2c4634}
  html[data-theme="dark"] .products-shell .zen-product-name{color:#e3f5e7}
  html[data-theme="dark"] .products-shell .zen-product-subtitle{color:#acc4b3}
  html[data-theme="dark"] .products-shell .zen-product-unit{
    background:#273d2e;color:#cce1d1;border-color:#45624c;
  }
  html[data-theme="dark"] .products-shell .zen-product-client-count{
    background:#255039;color:#baebcb;border-color:#447357;
  }
  html[data-theme="dark"] .products-shell .zen-product-actions .btn.icon-btn{
    background:#243c2b;border-color:#49664f;color:#d8ecdc;
  }
  html[data-theme="dark"] .products-shell .zen-product-actions .btn[data-action="delete-product"]{
    border-color:#7b5050;color:#f9c7c4;
  }
  html[data-theme="dark"] .products-shell .zen-product-actions .btn:hover:not(:disabled){
    background:#356448;color:#f1fff5;
  }
  html[data-theme="dark"] .products-shell .zen-products-empty strong{color:#e5f2e9}
  html[data-theme="dark"] .products-shell .zen-products-empty p{color:#b6d0bd}
  html[data-theme="dark"] .products-shell .zen-product-list-footer{
    background:#1e3024;color:#c0d5c5;border-color:#3c5744;
  }
}
