:root{--bg:#f4f6f8;--panel:#fff;--text:#18202a;--muted:#667085;--line:#e4e7ec;--accent:#1f5f4a;--accent2:#174836;--danger:#b42318;--success:#067647;--sidebar:#111827}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--sidebar);color:#fff;padding:22px 16px;display:flex;flex-direction:column}.brand{font-weight:700;font-size:18px;margin:0 8px 24px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:10px 12px;border-radius:8px;text-decoration:none;color:#d1d5db}.sidebar nav a:hover{background:#1f2937;color:#fff}.sidebar-footer{margin-top:auto;padding:16px 8px;color:#d1d5db}.sidebar-footer small{display:block;color:#9ca3af;margin:4px 0 10px}.link-button{background:none;border:0;color:#fff;padding:0;cursor:pointer;text-decoration:underline}.content{padding:28px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.page-header h1{margin:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.kpi span{display:block;color:var(--muted);font-size:14px}.kpi strong{display:block;font-size:26px;margin-top:8px}.btn{display:inline-block;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:9px 14px;text-decoration:none;color:var(--text);cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent2)}.btn.full{width:100%;margin-top:16px}.searchbar{display:flex;gap:8px;margin-bottom:16px}.searchbar input{max-width:420px;width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f9fafb;font-size:13px;color:#475467}.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#f2f4f7}.badge.success{background:#ecfdf3;color:var(--success)}.form-card{max-width:1050px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.span-2{grid-column:span 2}.field label{font-size:13px;font-weight:600}.form-control,.form-select{width:100%;padding:10px 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.form-check-input{width:18px;height:18px}.actions{margin-top:20px;display:flex;gap:8px}.alert{background:#fffaeb;border:1px solid #fedf89;padding:10px 12px;border-radius:8px;margin-bottom:14px}.alert.error{background:#fef3f2;border-color:#fecdca;color:var(--danger)}.error-text{color:var(--danger)}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.done{color:var(--success)}.pending{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:#eef2f6}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 10px 30px rgba(16,24,40,.08)}.login-card h1{margin:0 0 6px}.login-card label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}.login-card input{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:8px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:relative}.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{margin-top:16px}.cards{grid-template-columns:repeat(2,1fr)}.content{padding:18px}.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:span 1}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cards{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.searchbar{flex-direction:column}.sidebar{padding:16px}.sidebar nav a{padding:8px}.content{padding:14px}}
.section-title{font-size:18px;margin:26px 0 14px;padding-top:18px;border-top:1px solid var(--line)}.form-card>.section-title:first-of-type{margin-top:0;padding-top:0;border-top:0}.checkbox-row{display:flex;align-items:center;gap:9px;margin:20px 0}.checkbox-row input[type=checkbox]{width:18px;height:18px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.badge.danger{background:#fef3f2;color:var(--danger)}.readonly{background:#f2f4f7!important;color:#475467}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.55);display:grid;place-items:center;padding:20px;z-index:9999}.modal-backdrop[hidden]{display:none}.modal-card{width:min(560px,100%);background:#fff;border-radius:14px;padding:24px;box-shadow:0 20px 50px rgba(16,24,40,.25)}.modal-card h2{margin-top:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.modal-actions.vertical{flex-direction:column;align-items:stretch}.duplicate-results{display:flex;flex-direction:column;gap:10px;margin-top:14px}.duplicate-item{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:7px}.small{font-size:12px}
.password-wrap{position:relative}.password-wrap input{padding-right:52px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:36px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:18px}.password-toggle:hover{background:#f2f4f7}.password-toggle:focus{outline:2px solid #98a2b3;outline-offset:1px}

/* v1.1.1 — menu lateral realmente fixo; somente o conteúdo principal rola */
@media(min-width:901px){
  html,body{height:100%;overflow:hidden}
  .layout{display:block;height:100vh;min-height:0;overflow:hidden}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;height:100vh;overflow:hidden;z-index:1000}
  .content{position:fixed;left:240px;right:0;top:0;bottom:0;margin-left:0;min-height:0;overflow-y:auto;overflow-x:hidden}
}
.money-input,input[data-money="1"]{font-variant-numeric:tabular-nums}
.xml-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.xml-item-map{min-width:1180px}
.xml-item-map select{min-width:250px}
.xml-item-map input[type="text"],.xml-item-map input[type="date"]{min-width:135px}
.notice-info{background:#eff8ff;border:1px solid #b2ddff;color:#1849a9;padding:10px 12px;border-radius:8px;margin-bottom:14px}
@media(max-width:900px){.xml-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.xml-summary{grid-template-columns:1fr}}


/* v1.1.2 — sidebar fixa no desktop; rolagem somente do documento/conteúdo */
@media(min-width:901px){
  html,body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
  .layout{display:block!important;min-height:100vh!important;height:auto!important;overflow:visible!important}
  .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:240px!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1000!important}
  .content{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-left:240px!important;width:calc(100% - 240px)!important;min-height:100vh!important;overflow:visible!important}
}

/* v1.11 - imagens de produtos e catálogo */
.product-thumb{width:54px;height:54px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;display:block}.product-thumb-placeholder{width:54px;height:54px;border:1px dashed #d0d5dd;border-radius:8px;background:#f9fafb;color:var(--muted);display:grid;place-items:center;font-size:10px}.product-photo-editor{display:flex;gap:18px;align-items:center;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}.product-photo-preview{width:150px;height:150px;border:1px solid var(--line);border-radius:12px;background:#f9fafb;display:grid;place-items:center;overflow:hidden;color:var(--muted);flex:0 0 auto}.product-photo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.item-product-preview{width:58px;height:58px;border:1px solid var(--line);border-radius:8px;background:#f9fafb;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:12px}.item-product-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.catalog-filter{max-width:none}.catalog-actions{flex-wrap:wrap}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.catalog-card{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-width:0}.catalog-card:hover{box-shadow:0 5px 18px rgba(16,24,40,.09)}.catalog-card>.catalog-check{position:absolute;top:10px;left:10px;width:20px;height:20px;z-index:2;accent-color:var(--accent)}.catalog-image-wrap{height:210px;background:#f9fafb;display:grid;place-items:center;color:var(--muted);padding:14px}.catalog-image-wrap img{width:100%;height:100%;object-fit:contain}.catalog-card-body{padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0}.catalog-card-body strong{white-space:normal}.catalog-desc{font-size:13px;color:#475467;line-height:1.35}.catalog-price{font-size:18px;font-weight:700;color:var(--accent);margin-top:4px}@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photo-editor{align-items:flex-start}}@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.product-photo-editor{flex-direction:column}.product-photo-preview{width:130px;height:130px}}


/* v1.11.2 - imagens mais visiveis */
.product-photo-preview{width:240px;height:240px;cursor:zoom-in}
.product-thumb,.product-thumb-placeholder{width:76px;height:76px}
.item-product-preview{width:82px;height:82px}
.catalog-image-wrap{height:260px}
.product-image-zoom-hint{margin-top:7px;font-size:12px;color:var(--muted)}
.product-image-lightbox{position:fixed;inset:0;background:rgba(15,23,42,.78);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}
.product-image-lightbox.open{display:flex}
.product-image-lightbox-card{position:relative;background:#fff;border-radius:14px;max-width:min(900px,92vw);max-height:92vh;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.product-image-lightbox-card img{display:block;max-width:86vw;max-height:82vh;object-fit:contain}
.product-image-lightbox-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:22px;cursor:pointer}
@media(max-width:560px){.product-photo-preview{width:200px;height:200px}.product-thumb,.product-thumb-placeholder{width:64px;height:64px}.item-product-preview{width:70px;height:70px}.catalog-image-wrap{height:230px}}

/* v1.14 - seletor de produtos legível no pedido */
#items-table .product-cell{min-width:360px}#items-table .product-select{width:100%;min-width:340px;display:block}

/* v1.28 - revisão consolidada de pedidos */
#order-form.order-form-card{max-width:none;width:100%}
#order-form #items-table{min-width:1380px}
#order-form #items-table .product-cell{min-width:400px}
#order-form input[readonly]{cursor:not-allowed}
@media(max-width:1200px){#order-form #items-table{min-width:1280px}}

/* =========================================================
   v1.31 - MENU PRINCIPAL AGRUPADO - FINAL
   ========================================================= */

.sidebar .main-menu{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:7px;
    width:100%;
    min-width:0;
}

.sidebar .main-menu > a,
.sidebar .main-menu details,
.sidebar .main-menu summary,
.sidebar .main-menu .menu-items,
.sidebar .main-menu .menu-items a{
    box-sizing:border-box;
}

.sidebar .menu-home{
    display:block;
    width:100%;
    margin:0 0 3px 0;
    padding:10px 12px;
    border-radius:8px;
    font-weight:600;
    text-decoration:none;
}

.sidebar .menu-group{
    display:block;
    width:100%;
    min-width:0;
    margin:0;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    overflow:hidden;
    background:transparent;
}

.sidebar .menu-group summary{
    position:relative;
    display:block;
    width:100%;
    list-style:none;
    cursor:pointer;
    padding:10px 31px 10px 11px;
    border-radius:7px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    user-select:none;
}

.sidebar .menu-group summary::-webkit-details-marker{
    display:none;
}

.sidebar .menu-group summary::marker{
    display:none;
    content:"";
}

.sidebar .menu-group summary::after{
    content:"\203A";
    position:absolute;
    right:11px;
    top:50%;
    transform:translateY(-50%);
    color:#9ca3af;
    font-size:18px;
    font-weight:400;
    line-height:1;
    transition:transform .15s ease;
}

.sidebar .menu-group[open] summary::after{
    transform:translateY(-50%) rotate(90deg);
}

.sidebar .menu-group summary:hover{
    background:#1f2937;
}

.sidebar .menu-group[open]{
    background:rgba(255,255,255,.025);
}

.sidebar .menu-group.menu-current{
    border-color:rgba(255,255,255,.18);
}

.sidebar .menu-group.menu-current > summary{
    background:rgba(31,41,55,.72);
}

.sidebar .menu-items{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:2px;
    width:100%;
    min-width:0;
    padding:3px 6px 7px;
}

.sidebar .menu-items a{
    display:block;
    width:100%;
    min-width:0;
    padding:8px 10px 8px 17px;
    border-radius:7px;
    color:#d1d5db;
    font-size:14px;
    line-height:1.25;
    text-decoration:none;
    white-space:normal;
    overflow-wrap:anywhere;
}

.sidebar .menu-items a:hover{
    background:#1f2937;
    color:#fff;
}

.sidebar .main-menu a.menu-active{
    background:#1f2937;
    color:#fff;
    font-weight:600;
}

.sidebar .menu-home.menu-active{
    background:#1f2937;
    color:#fff;
}

.sidebar .main-menu a:focus-visible,
.sidebar .menu-group summary:focus-visible{
    outline:2px solid currentColor;
    outline-offset:2px;
}

@media (min-width:901px){
    .sidebar .main-menu{
        flex-direction:column !important;
        flex-wrap:nowrap !important;
    }
}


/* =========================================================
   v1.34 - inserção rápida por grupos
   ========================================================= */
.quick-add-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.quick-add-toolbar>div{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.quick-add-last-result{
  color:var(--success);
  font-size:13px;
}
body.quick-add-open{
  overflow:hidden!important;
}
.quick-add-backdrop{
  padding:18px;
}
.quick-add-modal-card{
  width:min(1480px,98vw);
  height:min(900px,94vh);
  max-width:none;
  max-height:none;
  padding:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.quick-add-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:20px 22px 12px;
  border-bottom:1px solid var(--line);
}
.quick-add-header h2{
  margin:0 0 5px;
}
.quick-add-header p{
  margin:0;
}
.quick-add-close{
  width:38px;
  height:38px;
  flex:0 0 auto;
  border:1px solid #d0d5dd;
  border-radius:8px;
  background:#fff;
  color:#344054;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.quick-add-close:hover{
  background:#f2f4f7;
}
.quick-add-tools{
  display:grid;
  grid-template-columns:minmax(320px,1fr) auto;
  align-items:center;
  gap:14px;
  padding:12px 22px;
  border-bottom:1px solid var(--line);
  background:#f9fafb;
}
.quick-add-selection-status{
  color:#475467;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.quick-add-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:16px 18px 24px;
  background:#f8fafc;
}
.quick-group-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(245px,1fr));
  gap:12px;
  align-items:start;
}
.quick-group-card{
  min-width:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
}
.quick-group-title{
  position:sticky;
  top:0;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  padding:10px 11px;
  background:#eef2f6;
  border-bottom:1px solid var(--line);
}
.quick-group-title strong{
  font-size:14px;
}
.quick-group-title span{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}
.quick-group-products{
  display:flex;
  flex-direction:column;
}
.quick-product-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 76px;
  gap:8px;
  align-items:center;
  min-height:48px;
  padding:7px 9px;
  border-bottom:1px solid #eef2f6;
}
.quick-product-row:last-child{
  border-bottom:0;
}
.quick-product-row:hover{
  background:#f9fafb;
}
.quick-product-identification{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.quick-product-identification strong{
  font-size:12px;
  color:#344054;
}
.quick-product-identification span{
  font-size:12px;
  line-height:1.25;
  color:#475467;
  white-space:normal;
  overflow-wrap:anywhere;
}
.quick-product-quantity{
  min-width:0;
}
.quick-product-quantity label{
  display:block;
  margin-bottom:3px;
  color:var(--muted);
  font-size:10px;
  text-align:center;
}
.quick-product-quantity .form-control{
  padding:7px 5px;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.quick-add-footer{
  flex:0 0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:13px 22px;
  border-top:1px solid var(--line);
  background:#fff;
}
.quick-add-footer-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

@media(max-width:1400px){
  .quick-group-grid{grid-template-columns:repeat(3,minmax(235px,1fr))}
}
@media(max-width:1100px){
  .quick-group-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}
}
@media(max-width:700px){
  .quick-add-backdrop{padding:8px}
  .quick-add-modal-card{width:100%;height:96vh}
  .quick-add-tools{grid-template-columns:1fr}
  .quick-add-selection-status{white-space:normal}
  .quick-group-grid{grid-template-columns:1fr}
  .quick-add-footer{align-items:stretch;flex-direction:column}
  .quick-add-footer-actions{width:100%}
  .quick-add-footer-actions .btn{flex:1}
}


/* v1.34 - ajuste visual ampliado da inserção rápida */
.quick-add-modal-card{
  width:min(1560px,99vw);
  height:min(940px,97vh);
}
.quick-add-header{
  padding:18px 22px 10px;
}
.quick-add-header h2{
  font-size:24px;
}
.quick-add-header p{
  font-size:14px;
}
.quick-add-tools{
  padding:10px 18px;
}
.quick-add-tools .form-control{
  font-size:15px;
  min-height:38px;
}
.quick-add-selection-status{
  font-size:14px;
}
.quick-add-body{
  padding:12px 14px 18px;
}
.quick-group-grid{
  grid-template-columns:repeat(4,minmax(270px,1fr));
  gap:10px;
}
.quick-group-title{
  padding:10px 12px;
}
.quick-group-title strong{
  font-size:16px;
}
.quick-group-title span{
  font-size:12px;
}
.quick-product-row{
  grid-template-columns:minmax(0,1fr) 86px;
  min-height:54px;
  padding:8px 10px;
}
.quick-product-identification strong{
  font-size:14px;
}
.quick-product-identification span{
  font-size:14px;
  line-height:1.3;
}
.quick-product-quantity label{
  font-size:11px;
  font-weight:600;
}
.quick-product-quantity .form-control{
  min-height:38px;
  font-size:16px;
  font-weight:600;
}
.quick-add-footer{
  padding:10px 18px;
}

@media(max-width:1500px){
  .quick-group-grid{grid-template-columns:repeat(4,minmax(245px,1fr))}
}
@media(max-width:1250px){
  .quick-group-grid{grid-template-columns:repeat(3,minmax(245px,1fr))}
}


/* v1.34 - visual comercial ampliado final */
.quick-add-backdrop{padding:8px}
.quick-add-modal-card{
  width:min(1660px,99.4vw);
  height:min(980px,98vh);
}
.quick-add-header{padding:14px 18px 9px}
.quick-add-header h2{font-size:25px}
.quick-add-header p{font-size:15px}
.quick-add-tools{padding:9px 14px}
.quick-add-tools .form-control{font-size:16px;min-height:40px}
.quick-add-selection-status{font-size:14px}
.quick-add-body{padding:9px 10px 12px}
.quick-group-grid{
  grid-template-columns:repeat(4,minmax(285px,1fr));
  gap:9px;
}
.quick-group-title{padding:10px 12px}
.quick-group-title strong{font-size:17px}
.quick-group-title span{font-size:12px}
.quick-product-row{
  grid-template-columns:minmax(0,1fr) 90px;
  min-height:56px;
  padding:8px 10px;
}
.quick-product-identification strong{font-size:15px}
.quick-product-identification span{font-size:15px;line-height:1.28}
.quick-product-quantity label{font-size:12px;font-weight:600}
.quick-product-quantity .form-control{
  min-height:40px;
  font-size:17px;
  font-weight:600;
}
.quick-add-footer{padding:9px 14px}

@media(max-width:1500px){
  .quick-group-grid{grid-template-columns:repeat(4,minmax(250px,1fr))}
}
@media(max-width:1280px){
  .quick-group-grid{grid-template-columns:repeat(3,minmax(250px,1fr))}
}


/* v1.34 - grupos grandes em múltiplas colunas e SKU oculto */

/* Grupo comum: uma coluna. */
.quick-group-card{
  align-self:start;
}

/* 18 a 44 produtos: ocupa duas colunas da grade e divide os produtos em 2. */
.quick-group-card--wide{
  grid-column:span 2;
}
.quick-group-card--wide .quick-group-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.quick-group-card--wide .quick-product-row:nth-child(odd){
  border-right:1px solid #eef2f6;
}

/* 45+ produtos: usa toda a largura e divide em 4 colunas no desktop grande. */
.quick-group-card--xl{
  grid-column:1 / -1;
}
.quick-group-card--xl .quick-group-products{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.quick-group-card--xl .quick-product-row{
  border-right:1px solid #eef2f6;
}

/* Sem SKU visível, o nome passa a ser o elemento principal. */
.quick-product-identification{
  justify-content:center;
}
.quick-product-identification span{
  font-size:16px;
  font-weight:600;
  color:#344054;
  line-height:1.25;
}

/* Em telas intermediárias, grupo muito grande usa 3 colunas internas. */
@media(max-width:1280px){
  .quick-group-card--xl{
    grid-column:1 / -1;
  }
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Em notebooks menores, os grupos grandes continuam divididos em 2. */
@media(max-width:950px){
  .quick-group-card--wide,
  .quick-group-card--xl{
    grid-column:1 / -1;
  }
  .quick-group-card--wide .quick-group-products,
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Celular: volta a uma única coluna. */
@media(max-width:700px){
  .quick-group-card--wide,
  .quick-group-card--xl{
    grid-column:auto;
  }
  .quick-group-card--wide .quick-group-products,
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:1fr;
  }
}


/* v1.34 - quantidade próxima e mais colunas */

/* Aproxima o campo de quantidade do nome e reduz espaço desperdiçado. */
.quick-product-row{
  grid-template-columns:minmax(0,1fr) 68px;
  column-gap:5px;
  min-height:52px;
  padding:6px 7px;
}
.quick-product-quantity{
  width:68px;
  min-width:68px;
}
.quick-product-quantity label{
  margin-bottom:2px;
  text-align:center;
}
.quick-product-quantity .form-control{
  width:68px;
  min-width:68px;
  min-height:36px;
  padding:5px 6px;
  text-align:center;
}
.quick-product-identification span{
  font-size:15px;
  line-height:1.2;
}

/* Coloração e outros grupos muito grandes: mais produtos por linha. */
.quick-group-card--xl .quick-group-products{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.quick-group-card--xl .quick-product-row{
  border-right:1px solid #dfe5ec;
}

/* Desktop um pouco menor: ainda mantém 5 colunas. */
@media(max-width:1500px){
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}

/* Notebook: 4 colunas. */
@media(max-width:1280px){
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Telas menores: 2 colunas. */
@media(max-width:950px){
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Celular: 1 coluna. */
@media(max-width:700px){
  .quick-group-card--xl .quick-group-products{
    grid-template-columns:1fr;
  }
}


/* PB_V134_ORDER_OPERATIONAL_STAGE1 */
.workflow-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.workflow-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.workflow-status-box{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;min-width:0}
.workflow-status-box>span{display:block;font-size:12px;color:#667085;margin-bottom:5px}.workflow-status-box>strong{display:block;font-size:15px;line-height:1.3}.workflow-status-box>small{display:block;margin-top:5px;color:#667085}
.workflow-note{border-left:4px solid #1570ef;background:#f5f9ff;padding:10px 12px;border-radius:6px;margin-top:10px}.workflow-note.danger{border-left-color:#b42318;background:#fff6f5}
.workflow-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.workflow-validation-form{width:100%;display:grid;gap:8px}
.workflow-timeline{display:grid;gap:0}.workflow-event{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 16px}.workflow-event:not(:last-child)::before{content:"";position:absolute;left:6px;top:12px;bottom:-2px;width:2px;background:#e4e7ec}.workflow-event-dot{width:14px;height:14px;border-radius:50%;background:#667085;margin-top:3px;z-index:1}.workflow-event-notes{margin-top:5px;padding:7px 9px;background:#f8fafc;border-radius:6px}
.workflow-product-grid{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.workflow-product-row{display:grid;grid-template-columns:74px minmax(260px,1fr) 90px 120px 80px;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.workflow-product-row:last-child{border-bottom:0}
.workflow-product-photo{width:64px;height:64px;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:11px;color:#98a2b3;background:#fff}.workflow-product-photo img{width:100%;height:100%;object-fit:contain}.workflow-product-name{font-size:15px;font-weight:700;line-height:1.25}.workflow-lots{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:12px}.workflow-lots span{background:#f2f4f7;border-radius:999px;padding:2px 7px}
.workflow-expected,.workflow-quantity,.workflow-ok{text-align:center}.workflow-expected span,.workflow-quantity label{display:block;font-size:11px;color:#667085;margin-bottom:4px}.workflow-expected strong{font-size:20px}.workflow-quantity input{width:84px;max-width:100%;text-align:center;padding:8px 6px;border:1px solid #d0d5dd;border-radius:7px;font-size:16px;font-weight:700}.workflow-quantity input[readonly]{background:#f2f4f7}
.alert.success{border-color:#abefc6;background:#ecfdf3;color:#067647}.alert.danger{border-color:#fecdca;background:#fef3f2;color:#b42318}.badge.warning{background:#fffaeb;color:#b54708;border-color:#fedf89}.btn.danger{border-color:#d92d20;color:#b42318;background:#fff}.btn.danger:hover{background:#fef3f2}
@media(max-width:1100px){.workflow-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-product-row{grid-template-columns:64px minmax(220px,1fr) 80px 100px 70px}}
@media(max-width:760px){.workflow-status-grid{grid-template-columns:1fr}.workflow-product-row{grid-template-columns:54px minmax(0,1fr) 90px}.workflow-product-photo{width:48px;height:48px}.workflow-expected{grid-column:1/2}.workflow-quantity{grid-column:2/3;text-align:left}.workflow-ok{grid-column:3/4}}