@font-face{font-family:'Satoshi';src:url('fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),url('fonts/satoshi/Satoshi-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonts/satoshi/Satoshi-Black.woff2') format('woff2'),url('fonts/satoshi/Satoshi-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}

html{background:var(--premium-bg)}
body{
  background:var(--premium-bg);
  color:var(--premium-text);
  font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.app{width:min(1520px,calc(100% - 2*clamp(14px,4vw,48px)));box-sizing:border-box;margin:clamp(16px,3vw,40px) auto;padding:clamp(20px,3vw,40px)}
@media(display-mode:standalone){
  .app{padding-bottom:calc(42px + env(safe-area-inset-bottom))}
  @media(max-width:760px){.app{padding-bottom:calc(34px + env(safe-area-inset-bottom))}.quote-sheet .app{padding-bottom:calc(132px + env(safe-area-inset-bottom))}}
}
.top{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:56px;width:100%;margin:0;padding:0 30px;background:linear-gradient(160deg,#101828 8%,#13203f 62%,#101828 100%);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 6px 20px rgba(16,24,40,.18);border-radius:0}
/* Ficha de cotação: os dois cabeçalhos (barra BARMO + barra de etapas) não ficam fixos ao rolar, para nunca sobrepor a planilha de cadastro. */
.quote-sheet .top{position:static}
.quote-sheet .workflow-nav{position:static;top:auto}
.top .brand{color:#fff}
.top .brand span{color:#7ea6f4}
.top [data-nav]{justify-self:center}
.app-navigation{display:flex;align-items:center;gap:2px}
.app-navigation-link{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:8px;color:#cbd5e1;font-size:13px;font-weight:750;letter-spacing:.01em;text-decoration:none;transition:background .18s ease,color .18s ease,transform .12s ease}
.app-navigation-link:hover,.app-navigation-link:focus-visible{background:rgba(255,255,255,.12);color:#fff;outline:0}
.app-navigation-link:active{transform:scale(.97)}
.app-navigation-link.is-active{background:#fff;color:#101828}
.app-navigation-link.is-active:hover{background:#fff;color:#101828}
.app-navigation-icon{display:none}
.page-actions{margin-left:8px;align-items:center}
.top .actions{justify-self:end;display:flex;align-items:center;gap:8px;width:auto}
.top .actions .add-quote{width:36px;min-width:36px;min-height:36px;height:36px;padding:0;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:21px;font-weight:700;line-height:1;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}
.top .actions .add-quote:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.32);color:#fff;transform:translateY(-1px)}
.top .actions button:not(.primary):not(.add-quote):not(.fx-compact){background:transparent;border-color:rgba(255,255,255,.22);box-shadow:none;color:#e2e8f0;font-weight:var(--btn-weight)}
.idea-fab{position:fixed;right:20px;bottom:20px;z-index:95;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#101828;color:#f5f8ff;box-shadow:0 8px 20px rgba(16,24,40,.28);transition:transform .15s ease,box-shadow .15s ease}
.idea-fab svg{width:24px;height:24px}
.idea-fab:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,24,40,.34);color:#fff}
.idea-fab:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(46,144,250,.28),0 8px 20px rgba(16,24,40,.28)}
.top .actions button:not(.primary):not(.add-quote):not(.fx-compact):hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff;transform:none}
.top .actions button.primary{background:#fff;border-color:#fff;color:#101828;box-shadow:0 6px 18px rgba(0,0,0,.32)}
.top .actions button.primary:hover{background:#f2f4f7;border-color:#f2f4f7;color:#101828}
.user-menu-wrapper{position:relative;display:flex;align-items:center}
.user-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#cbd5e1;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;font-size:0}
.user-menu-trigger:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff}
.user-menu-trigger:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(46,144,250,.28)}
.user-menu-trigger svg{width:20px;height:20px}
.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:220px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(160deg,#101828 8%,#13203f 62%,#101828 100%);box-shadow:0 10px 30px rgba(16,24,40,.3),0 0 0 1px rgba(255,255,255,.06);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;overflow:hidden}
.user-menu-wrapper.is-open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.user-menu-option{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;border:0;background:transparent;color:#cbd5e1;text-align:left;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease;box-shadow:none}
.user-menu-option:first-child{border-bottom:1px solid rgba(255,255,255,.06)}
.user-menu-option:hover{background:rgba(255,255,255,.1);color:#fff}
.user-menu-option:active{background:rgba(255,255,255,.16)}
.user-menu-option svg{width:16px;height:16px;flex:0 0 auto;opacity:.7}
.user-menu-option:hover svg{opacity:1}
.top .fx-compact{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#cbd5e1;box-shadow:none}
.top .fx-compact:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff;transform:none}
.top .fx-compact.reference,.top .fx-compact.unavailable{background:rgba(253,176,34,.12);border-color:rgba(253,176,34,.3);color:#fbbf24}
.top .fx-compact.reference:hover,.top .fx-compact.unavailable:hover{background:rgba(253,176,34,.2);border-color:rgba(253,176,34,.4);color:#fde68a}
.fx-compact{min-height:var(--btn-height);min-width:0;margin-left:0;padding:8px 16px;border-color:transparent;border-radius:999px;background:var(--info-bg);color:var(--info);box-shadow:none;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}.fx-compact:hover{border-color:transparent;background:#e0f2fe;box-shadow:none}.fx-compact:before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}.fx-compact.reference,.fx-compact.unavailable{border-color:transparent;background:#fffaeb;color:#b54708}.fx-compact.reference:hover,.fx-compact.unavailable:hover{border-color:transparent;background:#fef0c7}.fx-compact.reference:before,.fx-compact.unavailable:before{background:currentColor}
.fx-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.55fr) auto auto;gap:8px;align-items:end;margin:-16px 0 16px;padding:12px;border:1px solid #b2ddff;border-radius:12px;background:#f5fbff}.fx-editor label,.fx-editor small{display:block;font-size:11px;font-weight:750;color:#175cd3}.fx-editor small{grid-column:1/-1;min-height:1.2em}.fx-editor input{min-width:0}.fx-editor[hidden]{display:none}
.page-identity{max-width:620px}
.brand{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  font-size:13px;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
  cursor:pointer;
}
.brand span{color:var(--primary)}
.brand:hover{color:var(--primary)}
h1{margin:14px 0 7px;font-size:34px;line-height:1.08;letter-spacing:-.035em;font-weight:780}
.page-subtitle{margin:0;color:var(--premium-muted);font-size:14px;line-height:1.55}

.actions{justify-content:flex-end;max-width:780px}
button{
  min-height:var(--btn-height);
  border-color:var(--btn-border);
  border-radius:var(--btn-radius);
  padding:var(--btn-padding);
  background:rgba(255,255,255,.9);
  color:var(--btn-text);
  font-size:var(--btn-size);
  font-weight:var(--btn-weight);
  box-shadow:var(--btn-shadow);
}
button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#fafbfc;box-shadow:0 6px 14px rgba(16,24,40,.07)}
button.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff;box-shadow:var(--btn-shadow-primary)}
button.primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);box-shadow:0 10px 22px rgba(16,24,40,.20)}
button:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--btn-focus)}
button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}
button[data-quote-action="archive"]{border-color:transparent;background:var(--red-bg);color:var(--red);box-shadow:none}
button[data-quote-action="archive"]:hover{border-color:transparent;background:#fee4e2;box-shadow:none}

.workspace{
  display:flex;align-items:stretch;
  gap:0;flex-wrap:nowrap;
  position:static;z-index:60;
  width:max-content;max-width:100%;margin:0 auto 16px;padding:0;
  border:1px solid rgba(216,222,232,.9);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:var(--premium-shadow-soft);
  backdrop-filter:blur(14px);
  overflow:hidden;
}
.ws-cell{
  display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;
  min-width:0;min-height:0;padding:11px 20px;
  border:0;background:none;box-shadow:none;text-align:left;cursor:pointer;
  font-family:inherit;
}
.ws-cell:hover{background:#f8fafc;transform:none;border-color:transparent;box-shadow:none}
.ws-cell+.ws-cell{border-left:1px solid #eaecf2}
.ws-cell small{font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#98a2b3}
.ws-val{display:flex;align-items:center;gap:7px;min-width:0;font-size:14px;font-weight:800;color:#344054;white-space:nowrap}
.ws-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:currentColor}
.ws-caret{margin-left:1px;color:#c2cad6;font-size:10px;font-weight:700}
.status-cell .ws-val{color:#475467}
.status-cell.draft .ws-val{color:#475467}
.status-cell.waiting .ws-val{color:#b54708}
.status-cell.received .ws-val{color:#175cd3}
.status-cell.analysis .ws-val{color:#5925dc}
.status-cell.approved .ws-val{color:#067647}
.status-cell.rejected .ws-val{color:#b42318}
.pending-cell .ws-val{color:#b54708}
.pending-cell.is-empty .ws-val{color:#98a2b3;font-weight:700}
.ws-input{min-width:0;align-self:center}
.dollar-field{position:relative}.fx-status{display:block;margin-top:5px;color:#175cd3;font-size:11px;line-height:1.25}.fx-status:before{content:"Estimativa";display:inline-block;margin-right:5px;padding:2px 5px;border-radius:999px;background:#eff8ff;color:#175cd3;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.fx-status.loading:before{content:"Atualizando"}.fx-status.manual{color:#067647}.fx-status.manual:before{content:"Manual";background:#ecfdf3;color:#067647}.fx-status.reference{color:#b54708}.fx-status.reference:before{content:"Offline";background:#fffaeb;color:#b54708}
.result-quote-head{margin:0 2px 18px;padding:0}
.current-quote{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;border:0}
.current-quote small{color:#667085;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.current-quote strong{font-size:21px;line-height:1.15;letter-spacing:-.02em;color:#101828;font-weight:800;overflow-wrap:anywhere}
.current-quote span{margin-top:1px;color:#667085;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}

input,select{
  min-height:48px;
  border-color:var(--premium-border-strong);
  border-radius:10px;
  background:var(--surface);
  color:#182230;
  font-size:15px;
  box-shadow:0 1px 2px rgba(16,24,40,.025);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
input:hover,select:hover{border-color:#c2cad6}
input:focus,select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}
input:focus-visible,select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}
input[readonly]{background:var(--bg);color:#475467;border-style:dashed}
.field-control{position:relative;display:flex;align-items:center}.field-control input{min-width:0}.field-affix{position:absolute;z-index:1;color:#667085;font-size:12px;font-weight:700;pointer-events:none}.affix-before .field-affix{left:12px}.affix-before input{padding-left:42px}.affix-after .field-affix{right:12px}.affix-after input{padding-right:42px}
.field.is-error input,.field.is-error select,input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--red);background:var(--red-bg);box-shadow:0 0 0 4px rgba(180,35,24,.10)}
.field.is-error input:focus,.field.is-error select:focus,input[aria-invalid="true"]:focus,select[aria-invalid="true"]:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(180,35,24,.14)}
.field-message{display:none;margin-top:6px;color:var(--red);font-size:12px;font-weight:600;line-height:1.35}
.field.is-error .field-message{display:block}
.link-row-field{grid-column:1/-1}.product-panel .link-row-field{grid-column:span 2}.link-row{display:flex;gap:8px;align-items:stretch;min-width:0}.link-row .link-preview{flex:1;min-width:0;display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;padding:0 12px;border:1px solid transparent;border-radius:10px;color:#026aa2;background:var(--info-bg);box-shadow:none;text-align:left;cursor:pointer}.link-row .link-preview:before{content:"";flex:0 0 auto;width:14px;height:14px;border-radius:4px;background:currentColor;opacity:.78;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.5 3.5H4.2A1.7 1.7 0 0 0 2.5 5.2v6.6A1.7 1.7 0 0 0 4.2 13.5h6.6a1.7 1.7 0 0 0 1.7-1.7V9.5M9.5 2.5h4v4M7 9.5 13.5 3' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.5 3.5H4.2A1.7 1.7 0 0 0 2.5 5.2v6.6A1.7 1.7 0 0 0 4.2 13.5h6.6a1.7 1.7 0 0 0 1.7-1.7V9.5M9.5 2.5h4v4M7 9.5 13.5 3' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.link-row .link-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.link-row .link-preview:hover:not(:disabled),.link-row .link-preview:focus-visible:not(:disabled){background:#e0f2fe;outline:0}.link-row .link-preview:disabled{cursor:default;opacity:.92}.link-row .link-preview.is-empty{color:#667085;background:#f2f4f7}.link-row .link-preview.is-empty:before{opacity:.45}.link-row .link-preview.is-invalid{color:#b42318;background:#fef3f2}.link-row .edit-link{flex:0 0 auto;min-width:88px;color:#344054;border:1px solid #d0d5dd;background:#fff;box-shadow:none;white-space:nowrap}.link-row .edit-link:hover{border-color:#98a2b3;background:#f9fafb}.link-row-field.is-editing .link-row input[type="url"]{flex:1;min-width:0}.link-row input[type="url"]{flex:1;min-width:0}

/* Produto: 3 colunas rotuladas (Identificação, Custo USD->BRL, Logística/embalagem) */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.product-grid .product-col{display:flex;flex-direction:column;gap:11px;min-width:0}
.product-grid .product-col:not(:last-child){padding-right:14px;border-right:1px solid rgba(16,24,40,.07)}
.product-grid .product-cell{margin:0}
.product-grid .link-row-field{grid-column:auto}
.product-grid .product-col .link-row .link-preview{min-width:0;padding-inline:10px}
.product-grid .product-col .link-row .edit-link{min-width:78px}
.product-col-label{display:block;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);margin:0 0 2px;padding-bottom:6px;border-bottom:1px solid rgba(16,24,40,.07)}
.product-grid-aux{gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--premium-border)}
@media(max-width:980px){
  .product-grid{grid-template-columns:1fr 1fr}
  .product-grid .product-col:nth-child(1){grid-column:1/-1;border-right:0;padding-right:0;padding-bottom:12px;border-bottom:1px solid rgba(16,24,40,.07)}
  .product-grid .product-col:nth-child(2){border-right:1px solid rgba(16,24,40,.07);padding-right:14px}
  .product-grid .product-col:nth-child(3){border-right:0;padding-right:0}
}
@media(max-width:480px){
  .product-grid{grid-template-columns:1fr}
  .product-grid .product-col{border-right:0!important;padding-right:0!important;border-bottom:1px solid rgba(16,24,40,.07);padding-bottom:12px}
  .product-grid .product-col:last-child{border-bottom:0;padding-bottom:0}
}

.summary-area{position:static;margin-bottom:20px}
.decision-cell{cursor:default;flex:1 1 auto;min-width:210px}
.decision-cell:hover{background:none}
.decision-cell .ws-val{font-size:18px;letter-spacing:-.01em;color:#182230}
.decision-cell.good .ws-val{color:#067647}.decision-cell.warn .ws-val{color:#b54708}.decision-cell.bad .ws-val{color:#b42318}
.ws-score{display:inline-flex;align-items:baseline;gap:3px;color:#98a2b3;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.ws-score-sep{color:#c2cad6}
.decision-risk{margin-left:4px;padding:3px 9px;border-radius:999px;background:#fffaeb;color:#b54708;font-size:10.5px;font-weight:800;white-space:nowrap;max-width:100%}
.decision-risk.ok{background:#ecfdf3;color:#067647}
.app-footer .save{display:inline-flex;align-items:center;gap:7px;color:#027a48;font-weight:750;white-space:nowrap}
.app-footer .save:before{content:"";width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.14)}
.workflow-nav{position:sticky;top:56px;z-index:5;display:flex;flex-direction:column;gap:8px;padding:9px 0 13px;background:var(--premium-bg)}
.workflow-steps{display:flex;align-items:flex-start}
.workflow-nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 4px;color:#98a2b3;text-decoration:none;transition:color .15s ease}
.workflow-nav .step-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid #d0d7e2;background:#fff;color:#98a2b3;font-size:13px;font-weight:800;z-index:1;transition:background .15s ease,border-color .15s ease,color .15s ease}
.workflow-nav .step-name{margin-top:6px;font-size:12px;font-weight:750;color:inherit}
.workflow-nav .step-hint{margin-top:1px;font-size:10.5px;color:#b6bfcc}
.workflow-nav a:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 21px);right:calc(-50% + 21px);height:3px;border-radius:999px;background:#dbe2ec;transition:background .3s ease}
.workflow-nav a:hover .step-dot,.workflow-nav a:focus .step-dot{border-color:#84adff;color:#1d4ed8}
.workflow-nav a:hover,.workflow-nav a:focus{color:#1d4ed8}
.workflow-nav a.is-done{color:#344054}
.workflow-nav a.is-done .step-dot{background:#eff4ff;border-color:#1d4ed8;color:#1d4ed8;font-size:0}
.workflow-nav a.is-done .step-dot::before{content:"✓";font-size:13px}
.workflow-nav a.is-done::after{background:#1d4ed8}
.workflow-nav a.is-done .step-hint{color:#98a2b3}
.workflow-nav a.active{color:#1d4ed8}
.workflow-nav a.active .step-dot{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 4px 12px rgba(29,78,216,.3)}
.workflow-nav a.active .step-hint{color:#667085}
.workflow-nav a.is-locked{opacity:.5;cursor:not-allowed}
.workflow-nav a.is-locked .step-dot{background:#f2f4f7}
.first-run-message{display:flex;align-items:baseline;gap:10px;margin:0 0 15px;padding:12px 14px;border:1px solid #b2ddff;border-radius:12px;background:#eff8ff;color:#175cd3;font-size:12px}.first-run-message span{color:#475467}
.summary-area .summary,.dashboard-summary{
  display:block;
  padding:20px;
  margin:0;
  border:1px solid var(--premium-border);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--premium-shadow);
}
.summary-heading,.section-heading,.list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.summary-heading{padding-bottom:17px;border-bottom:1px solid var(--premium-border)}
.summary-heading h2,.section-heading h2,.list-heading h2{margin:3px 0 4px;font-size:20px;line-height:1.25;letter-spacing:-.025em}
.summary-heading p,.section-heading p,.list-heading p{margin:0;color:var(--premium-muted);font-size:12.5px;line-height:1.5}
.section-kicker{display:block;color:#475467;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.live-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #d0d5dd;border-radius:999px;color:#475467;background:#f9fafb;font-size:11px;font-weight:700;white-space:nowrap}
.live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#12b76a}

.summary-block{margin-top:14px;padding:15px 16px;border:1px solid var(--premium-border);border-radius:13px;background:#fbfcfe}
.summary-block-heading{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--premium-border)}
.summary-block-heading h3{margin:4px 0 0;font-size:14px;letter-spacing:-.01em}
.money-block .summary-block-heading{border-bottom-color:rgba(255,255,255,.12)}
.money-block .section-kicker{color:#98a2b3}
.money-block .summary-block-heading h3{color:#fff}

.summary-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:stretch}
.dashboard-summary .decision{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:190px;
  margin:0;
  padding:20px;
  border:1px solid transparent;
  border-radius:14px;
  text-align:left;
  overflow:hidden;
  position:relative;
}
.dashboard-summary .decision:after{content:"";position:absolute;right:-26px;bottom:-38px;width:125px;height:125px;border-radius:50%;background:currentColor;opacity:.07}
.dashboard-summary .decision small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;opacity:.72}
.dashboard-summary .decision b{margin:10px 0 16px;font-size:30px;line-height:1.04;letter-spacing:-.045em;position:relative;z-index:1}
.score-line{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:650;opacity:.82}
.score-line strong{font-size:16px}
.dashboard-summary .decision.good{background:linear-gradient(145deg,#ecfdf3,#f6fef9);border-color:#abefc6;color:#067647}
.dashboard-summary .decision.warn{background:linear-gradient(145deg,#fffaeb,#fffdf5);border-color:#fedf89;color:#b54708}
.dashboard-summary .decision.bad{background:linear-gradient(145deg,#fef3f2,#fffafa);border-color:#fecdca;color:#b42318}

.summary-area .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.metric{min-width:0;padding:13px 14px;border-color:var(--premium-border);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.metric small{margin-bottom:7px;color:#667085;line-height:1.25}
.metric strong{display:block;color:#101828;font-size:17px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.number-value{font-variant-numeric:tabular-nums}
.decisive-number{font-weight:750}
.metric strong.decisive-number{font-size:18px}
.metric strong.is-positive,.result-strip strong.is-positive{color:var(--green)}
.metric strong.is-negative,.result-strip strong.is-negative{color:var(--red)}
.metric.full{grid-column:span 2}
.min-price-card{background:linear-gradient(135deg,#f8fafc,#fff);border-style:dashed}

.summary-area .money{min-width:0;margin-top:14px;padding:17px;border:1px solid #27354a;border-radius:14px;background:linear-gradient(155deg,#101828,#1d2939);box-shadow:none}
.bar{height:18px;margin:15px 0 13px;border-radius:999px;background:#344054;box-shadow:inset 0 1px 3px rgba(0,0,0,.22)}
.bar .loss{background:var(--chart-prejuizo)}
.money-row{align-items:center;margin-top:8px;color:#d0d5dd;font-size:11px;gap:10px}
.money-row:before{flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.money-row b{color:#fff;font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.money-row b:last-child{color:#98a2b3;font-size:11px;font-weight:650}
.money-row.is-positive b:first-of-type{color:var(--chart-lucro)}
.money-row.is-negative b:first-of-type{color:var(--chart-prejuizo)}
.money-table{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:10px;row-gap:6px}
.money-table #money-rows{display:contents}
.money-table .money-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-column:1/-1;margin-top:0}
.money-rows-head{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;margin:14px 0 0;padding:0 0 6px;border-bottom:1px solid rgba(255,255,255,.12)}
@supports (grid-template-columns:subgrid){
  .money-table .money-row{grid-template-columns:subgrid}
  .money-rows-head{grid-template-columns:subgrid}
}
.money-rows-head span{color:#98a2b3;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.money-rows-head .money-rows-spacer{width:9px;height:9px}
.money-rows-head span:nth-last-child(-n+2){text-align:right}

.filled-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.filled-item{min-width:0;padding:10px 12px;border:1px solid var(--premium-border);border-radius:10px;background:#fff}
.filled-item small{display:block;margin-bottom:4px;color:#667085;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.filled-item b{display:block;color:#101828;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.filled-item.is-empty{border-style:dashed;background:#fffcf5}
.filled-item.is-empty b{color:#b54708;font-weight:600}

.summary-area .diag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.diag p{align-items:center;gap:8px;margin:0!important;padding:9px 10px!important;border:1px solid var(--premium-border)!important;border-radius:9px;background:#fff;color:#475467;font-size:11px}
.pill{background:#f2f4f7;color:#344054}.pill em{margin-left:4px;color:#b42318;font-style:normal}

.step-nav{position:static;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding:10px 12px;border:1px solid var(--premium-border);border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:var(--premium-shadow-soft)}
.step-nav button{min-width:130px}
.result-section{padding-bottom:18px}.result-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--premium-border)}.result-actions button{min-height:44px}.result-actions .primary{min-width:170px}

.workflow-card{padding:22px;margin-bottom:18px;border:1px solid var(--premium-border);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--premium-shadow-soft)}
.section-heading{justify-content:flex-start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--premium-border)}
.section-collapse{display:none;margin-left:auto;min-height:44px;padding:6px 9px;font-size:11px}
.section-number{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid #d0d5dd;border-radius:14px;background:#f9fafb;color:#344054;font-size:20px;font-weight:800;box-shadow:0 1px 2px rgba(16,24,40,.035)}

.split{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:14px}
.supplier-band{margin-bottom:10px;padding:14px 12px 12px;border:1px solid var(--premium-border);border-radius:12px;background:var(--country-tint,#fbfcfe)}
.supplier-band .panel-title{margin-bottom:8px}
.supplier-fields{gap:8px}
.panel{padding:14px;border-color:var(--premium-border);border-radius:14px;background:#fbfcfe}
.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.product-panel-hint{margin:0;padding:16px 18px;border:1px dashed var(--premium-border);border-radius:12px;background:#f8fafc;color:#667085;font-size:13px;text-align:center}
.panel-title>span,.panel-title>div>span{display:block;color:#1d2939;font-size:13px;font-weight:750}
.panel-title small{display:block;margin-top:3px;color:#98a2b3;font-size:11px;font-weight:500}
.supplier-title{align-items:center}
.country{padding:4px 9px 4px 5px;border:1px solid var(--country-accent,var(--premium-border));border-radius:999px;background:#fff;color:#344054;font-size:11px}
.flag{font-size:22px}
.grid{gap:12px}.field{min-width:0}

.board{gap:14px}
.channel{position:relative;padding:16px;border-radius:15px;box-shadow:0 5px 18px rgba(16,24,40,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.channel:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,24,40,.08)}
.channel.selected{outline:0;box-shadow:0 0 0 3px rgba(29,78,216,.13),0 12px 25px rgba(16,24,40,.07)}
.channel.best:after{content:"Melhor opção";position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:4px 7px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.channel-head{align-items:flex-start}
.channel-brand small{display:block;margin-top:5px;color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.logo{display:inline-flex;align-items:center;min-height:32px;font-size:18px;letter-spacing:-.035em}
.choose{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid rgba(152,162,179,.35);border-radius:999px;background:rgba(255,255,255,.72);font-size:11px;color:#344054}
.choose span{white-space:nowrap}
.channel-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.market-card .channel-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.channel input,.channel select{background:rgba(255,255,255,.86)}
.market-policy{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 11px;border:1px solid rgba(16,24,40,.1);border-radius:10px;background:rgba(255,255,255,.62)}
.policy-toggle{display:inline-flex;align-items:center;min-height:44px;gap:7px;color:#182230;font-size:12px;font-weight:750;white-space:nowrap}
.policy-note{color:#475467;font-size:11px;line-height:1.4;text-align:right}.market-policy.is-manual{border-color:#fdb022;background:#fffaeb}.market-policy.is-manual .policy-note{color:#b54708}
.market-card input[readonly]{background:#f2f4f7;color:#344054;cursor:not-allowed}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:2px;padding-top:12px}
.meta>div{min-width:0}
.meta strong{display:block;margin-top:4px;color:#182230;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.meta strong[data-quality="confirmed"]{color:#067647}.meta strong[data-quality="estimated"]{color:#b54708}

.freight-card.dhl{background:linear-gradient(145deg,#fffbe6,#fffdf5);border-color:#eed76a;border-top:1px solid #eed76a}
.freight-card.fedex{background:linear-gradient(145deg,#f8f4ff,#fff7f0);border-color:#d8c8ee;border-top:1px solid #d8c8ee}
.freight-card.ups{background:linear-gradient(145deg,#faf5ef,#fffaf6);border-color:#d8c2ac;border-top:1px solid #d8c2ac}
#freight-board{grid-template-columns:1fr;max-width:none;width:100%;margin:0}
.freight-card{display:flex;flex-direction:column;align-items:stretch}
.freight-card .channel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid rgba(16,24,40,.08);margin-bottom:12px}
.freight-card .channel-brand small{display:inline-block;margin:0 0 0 8px;font-size:9.5px}
.freight-card .channel-fields{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
.freight-card .freight-meta{margin-top:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:13px;border-top:1px solid rgba(16,24,40,.08)}
.section-heading>div{min-width:0;flex:1}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.section-title-row h2{margin:3px 0 4px}
#freight-courier-header,#market-select-header{display:flex;align-items:center;justify-content:center;flex:1;gap:12px}
#freight-courier-header .segmented-control{width:auto;min-width:280px;margin:0;flex:0 0 auto}
#market-select-header .market-toggles{width:auto;margin:0;flex:0 0 auto}
.market-toggles{display:inline-flex;gap:8px;flex-wrap:wrap}
.market-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:750;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.market-chip:hover{border-color:#98a2b3}
.market-chip input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.market-chip input:focus-visible ~ span{outline:2px solid #2e90fa;outline-offset:2px;border-radius:4px}
.market-chip.is-selected{border-color:transparent}
.market-chip-ml.is-selected{background:#FFE600;color:#101828}
.market-chip-shopee.is-selected{background:#EE4D2D;color:#fff}
.market-chip-tiktok.is-selected{background:#000;color:#fff}
.market-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}
.market-badge-ml{background:#FFE600;color:#101828}
.market-badge-shopee{background:#EE4D2D;color:#fff}
.market-badge-tiktok{background:#000;color:#fff}
.decision-market-note{display:block;margin-top:6px;font-size:11px;font-weight:650;opacity:.75}
.market-breakdown{margin-bottom:16px;padding:12px 14px;border:1px solid var(--premium-border);border-radius:12px;background:#fbfcfe}
.market-breakdown-label{display:block;margin-bottom:8px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:#667085}
.market-breakdown-table{width:100%;border-collapse:collapse;font-size:12px}
.market-breakdown-table th{text-align:left;padding:5px 6px;color:#98a2b3;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.03em}
.market-breakdown-table td{padding:6px 6px;border-top:1px solid rgba(16,24,40,.06);color:#344054}
.market-breakdown-table tr.is-best td{font-weight:750;color:#101828}
.market-breakdown-tag{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:999px;background:#ecfdf5;color:#067647;font-size:9.5px;font-weight:800;text-transform:uppercase}
.market-breakdown-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.market-breakdown-dot-ml{background:#FFE600;box-shadow:inset 0 0 0 1px rgba(16,24,40,.15)}
.market-breakdown-dot-shopee{background:#EE4D2D}
.market-breakdown-dot-tiktok{background:#000}
#market-board{grid-template-columns:1fr;max-width:none;width:100%;margin:0}
.channel-selection-column{display:grid;gap:14px}
.channel-selection-column .segmented-control{max-width:520px;width:100%;margin-left:auto;margin-right:auto}
.market-card{display:flex;flex-direction:column;align-items:stretch}
.market-card .channel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid rgba(16,24,40,.08);margin-bottom:12px}
.market-card .channel-brand small{display:inline-block;margin:0 0 0 8px;font-size:9.5px}
.market-card .market-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0}
.market-card .market-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.market-card .market-col + .market-col{border-left:1px solid rgba(16,24,40,.08);padding-left:14px}
.market-cell small{display:block;font-size:10px;color:#667085;margin-bottom:2px;font-weight:650}
.market-cell strong{font-size:14px;color:#101828;font-weight:800}
.market-cell strong.market-status{font-size:11.5px;font-weight:700;line-height:1.35}
.market-cell strong.is-positive{color:#12805c}
.market-cell strong.is-negative{color:#b42318}
.market-cell strong.is-positive::before{content:"▲ "}
.market-cell strong.is-negative::before{content:"▼ "}
.market-card .market-policy{grid-column:1/-1}
.market-card .price-field{grid-column:span 1}
.segmented-control{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 auto 16px;padding:4px;border:1px solid #e4e7ec;border-radius:12px;background:#f2f4f7}
.segment-source-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.segment-option{min-width:0;min-height:40px;padding:8px 6px;border:0;border-radius:8px;background:transparent;color:#475467;font-size:12px;font-weight:750;line-height:1.2;box-shadow:none}
.segment-option:hover{background:rgba(255,255,255,.72);color:#344054;box-shadow:none}
.segment-option.is-selected{background:#fff;color:#1d4ed8;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.segment-option:focus-visible{outline:2px solid #2e90fa;outline-offset:1px}
.market-card.ml{background:linear-gradient(145deg,#fffde8,#fffef6);border-color:#eadf77;border-top:1px solid #eadf77}
.market-card.shopee{background:linear-gradient(145deg,#fff4ef,#fffaf7);border-color:#efb8a4;border-top:1px solid #efb8a4}
.market-card.tiktok{background:linear-gradient(145deg,#f4f5f7,#fbfbfc);border-color:#b8bec8;border-top:1px solid #b8bec8}

.result-strip{margin-top:14px;padding:13px;border-color:var(--premium-border);border-radius:12px;background:#f8fafc}
.result-strip>div{padding:2px 10px;border-left:1px solid var(--premium-border)}
.result-strip>div:first-child{border-left:0}
.result-strip strong{display:block;margin-top:5px;color:#101828;font-size:16px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.operation-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding:14px;border:1px solid var(--premium-border);border-radius:12px;background:#fbfcfe}
.market-result-strip{grid-template-columns:repeat(6,minmax(0,1fr))}

.tax-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:18px;align-items:stretch}
.tax-layout-import{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:18px;align-items:stretch}
.tax-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px;border:1px solid var(--premium-border);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.tax-result{display:flex;flex-direction:column;gap:0;margin:0;padding:9px;border-color:var(--premium-border);border-radius:14px;background:#f8fafc}
.tax-result>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px;border-bottom:1px solid #eaecf0}
.tax-result>div:last-child{border-bottom:0}
.tax-result strong{font-size:16px;font-variant-numeric:tabular-nums}.tax-total-card strong{font-size:18px}
.tax-total-card{margin-top:8px;border-radius:10px;background:#101828!important;color:#fff}
.tax-total-card small,.tax-total-card strong{color:#fff!important}
.tax-manual-note{display:block;margin:8px 6px 2px;padding:8px 10px;border:1px dashed var(--line-strong);border-radius:9px;background:#fffaeb;color:#b54708}
.tax-manual-note small{display:block;color:#b54708;font-size:11px;font-weight:650;text-transform:none}
.automation-note{display:block;margin-top:5px;color:#b54708;font-size:11px;font-weight:650;line-height:1.35}
.origin-note,.origin-domestic-freight{padding:18px;border:1px solid #b2ddff;border-radius:14px;background:#eff8ff}.origin-note{display:grid;gap:6px}.origin-note b{color:#175cd3;font-size:14px}.origin-note span{color:#344054;font-size:13px;line-height:1.5}.origin-domestic-freight{max-width:460px}.origin-domestic-freight .field{margin:0}
.price-field{min-width:0}.price-field .field{margin:0}.suggest-price{width:100%;margin-top:7px;border-color:transparent;background:var(--info-bg);color:var(--info);box-shadow:none}.suggest-price:hover{border-color:transparent;background:#e0f2fe;box-shadow:none}
.profile-editor{margin-top:14px;padding:13px 15px;border:1px solid var(--premium-border);border-radius:12px;background:#fbfcfe}.profile-editor summary{cursor:pointer;color:#344054;font-size:11px;font-weight:750}.profile-editor[open] summary{margin-bottom:12px}.profile-fields{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.profile-action{display:grid;gap:5px}.profile-action button{min-height:44px}.profile-action .automation-note{margin:0}
.copy-fallback{position:fixed;z-index:1000;right:16px;bottom:16px;width:min(520px,calc(100vw - 32px));height:130px;padding:12px;border:2px solid #175cd3;border-radius:12px;background:#fff;color:#182230;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 12px 32px rgba(16,24,40,.2)}

.app-footer{margin-top:22px;padding:20px 12px 4px;border:0;color:#98a2b3}
.app-footer:before{content:"";width:100%;height:1px;margin-bottom:10px;background:linear-gradient(90deg,transparent,#d0d5dd,transparent)}
.app-footer strong{color:#667085}

.home-app{max-width:1160px}
.home-hero{margin-bottom:22px}
.home-hero-card{
  position:relative;
  overflow:hidden;
  padding:58px 34px;
  border:1px solid #1d4ed8;
  border-radius:22px;
  background:
    radial-gradient(circle at 88% -10%,rgba(37,99,235,.55),transparent 44%),
    radial-gradient(circle at 4% 118%,rgba(23,92,211,.4),transparent 46%),
    linear-gradient(160deg,#101828 8%,#13203f 62%,#101828 100%);
  box-shadow:0 22px 54px rgba(16,24,40,.3);
  color:#fff;
  text-align:center;
}
.home-hero-card h1{margin:16px 0 0;font-size:44px;line-height:1.02;letter-spacing:-.04em;font-weight:800;color:#fff}
.home-hero-card .hero-sub{margin:14px auto 0;max-width:430px;color:#cbd5e1;font-size:15px;line-height:1.6}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-actions button{min-height:48px;padding:12px 24px;border-radius:var(--btn-radius);font-size:var(--btn-size);font-weight:var(--btn-weight)}
.hero-actions button.primary{background:#fff;border-color:#fff;color:#101828;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.hero-actions button.primary:hover{background:#eef1f6;border-color:#eef1f6;transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.32)}
.hero-actions button:not(.primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.hero-actions button:not(.primary):hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4)}
.fx-popover{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:40;width:min(560px,calc(100vw - 32px));margin:0;box-shadow:var(--premium-shadow)}
.home-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:56px;margin:8px 0 38px}
.home-stat{display:flex;flex-direction:column;gap:6px;text-align:center}
.home-stat strong{font-size:34px;line-height:1;letter-spacing:-.03em;font-weight:800;color:#101828;font-variant-numeric:tabular-nums}
.home-stat small{color:#98a2b3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.home-stat.warning strong{color:#b54708}
.home-stat.success strong{color:#067647}

.home-resume{margin-bottom:18px}
.resume-card{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(200px,.9fr) auto;
  gap:20px;
  align-items:center;
  padding:22px;
  border:1px solid #b2ddff;
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(29,78,216,.07),transparent 16rem),
    #f5fbff;
  box-shadow:var(--premium-shadow-soft);
}
.resume-card .section-kicker{color:#1d4ed8}
.resume-main b{display:block;margin-top:6px;font-size:17px;letter-spacing:-.02em}
.resume-main small{display:block;margin-top:3px;color:#667085;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.resume-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.resume-meta>div{min-width:0}
.resume-meta small{display:block;color:#667085;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.resume-meta b{display:block;margin-top:5px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.resume-meta .resume-risk{color:#475467}
.resume-pending{grid-column:1/-1;padding:11px 13px;border:1px solid #fedf89;border-radius:10px;background:#fffcf5}
.resume-pending small{display:block;margin-bottom:4px;color:#b54708;font-size:11px}.resume-pending b{color:#7a2e0e;font-size:11px}
.resume-card>button{justify-self:end;white-space:nowrap}

.home-recent{border-top:1px solid var(--premium-border);padding-top:2px}
.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 2px}
.recent-heading .section-kicker{color:#98a2b3}
.recent-heading button{min-height:36px;padding:6px 2px;background:transparent;border:0;box-shadow:none;color:#475467;font-weight:650;white-space:nowrap}
.recent-heading button:hover{background:transparent;color:#182230;transform:none}
.home-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px 24px;text-align:center}
.home-empty-icon{font-size:36px;margin-bottom:4px;opacity:.7}
.home-empty b{color:#344054;font-size:14px}
.home-empty span{color:#667085;font-size:12px;max-width:280px}
.home-empty button{margin-top:10px}
.home-recent-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto 18px;
  gap:18px;
  align-items:center;
  width:100%;
  min-height:58px;
  padding:9px 2px;
  border:0;
  border-bottom:1px solid var(--premium-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  font:inherit;
  line-height:1.35;
  text-align:left;
}
.home-recent-row:last-child{border-bottom:0}
.home-recent-row:hover{background:transparent;transform:none;border-color:transparent;box-shadow:none}
.home-recent-row:hover .recent-main b{color:var(--primary)}
.home-recent-row:hover .recent-arrow{color:var(--primary);transform:translateX(2px)}
.recent-main{min-width:0}
.recent-main b{display:block;font-size:14px;font-weight:700;color:#101828;overflow-wrap:anywhere}
.recent-main small{display:block;margin-top:3px;color:#98a2b3;font-size:11px;font-variant-numeric:tabular-nums}
.recent-margin{font-size:13px;font-weight:750;color:#475467;font-variant-numeric:tabular-nums;white-space:nowrap}
.recent-arrow{font-size:18px;color:#98a2b3;line-height:1;text-align:right;transition:transform .15s ease,color .15s ease}

.quotes-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.overview-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;width:100%;padding:17px 18px;border:1px solid var(--premium-border);border-radius:14px;background:#fff;box-shadow:var(--premium-shadow-soft);cursor:pointer}
.overview-card:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 10px 22px rgba(16,24,40,.07)}
.overview-card.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset,var(--premium-shadow-soft)}
.overview-card small{display:block;color:#667085;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.overview-card strong{display:block;margin:8px 0 3px;font-size:27px;line-height:1;letter-spacing:-.045em}
.overview-card span{color:#98a2b3;font-size:11px}
.overview-card.warning{background:linear-gradient(145deg,#fffbeb,#fff);border-color:#fedf89}
.overview-card.success{background:linear-gradient(145deg,#ecfdf3,#fff);border-color:#abefc6}
.overview-card.neutral{background:linear-gradient(145deg,#f8fafc,#fff);border-color:#e4e7ec}
.quotes-page-card{padding:21px;min-height:460px;border-radius:18px;box-shadow:var(--premium-shadow)}
.list-heading{margin-bottom:16px}
.quotes-toolbar{padding:12px;border:1px solid var(--premium-border);border-radius:12px;background:#f8fafc}
.quote-data-actions{display:flex;gap:7px;align-items:center}.quote-data-actions button{min-height:44px;white-space:nowrap}
.filters-card{display:flex;flex-direction:column;gap:16px;margin:0 0 14px;padding:18px 20px;border:1px solid var(--premium-border);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.filters-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.filters-group .chips-label{flex:0 0 100%;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid var(--premium-border);background:#fff;color:#344054;font-size:13px;font-weight:750;line-height:1;box-shadow:none;cursor:pointer}
.filter-chip:hover{transform:none;border-color:#98a2b3;background:#fff}
.filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.filter-chip.active:hover{background:var(--ink);border-color:var(--ink)}
.filter-chip.muted{opacity:.45;border-style:dashed}
.filter-chip.muted:hover{border-color:#98a2b3;opacity:.45}
.filter-chip .chip-flag{font-size:14px;line-height:1}
.filter-chip .chip-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--chip-dot,currentColor)}
.filter-chip.active .chip-dot{background:#fff}
.filters-divider{height:1px;background:#eef0f4;border:0;margin:0}
.filters-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.filters-toggle-label{color:#344054;font-size:13px;font-weight:750;cursor:pointer}
.switch{position:relative;display:inline-flex;flex:0 0 auto;width:38px;height:22px}
.switch-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:transparent;opacity:0;cursor:pointer;box-shadow:none}
.switch-input:focus-visible{box-shadow:none}
.switch-track{position:absolute;inset:0;border-radius:999px;background:#d0d5dd;box-shadow:none;transition:background .15s ease}
.switch-track .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.2);transition:left .15s ease}
.switch-input:checked ~ .switch-track{background:var(--ink)}
.switch-input:checked ~ .switch-track .knob{left:18px}
.switch-input:focus-visible ~ .switch-track{box-shadow:0 0 0 4px var(--focus)}
.saved{padding:16px 18px;border-color:var(--premium-border);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.saved:hover{transform:translateY(-1px);border-color:#cfd6e1;box-shadow:0 10px 22px rgba(16,24,40,.06)}
.saved-main b{color:#101828}
.quote-country{text-transform:none;letter-spacing:.01em;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.saved-meta{font-size:12px}
.saved-metrics>div{text-align:right}
.saved-metrics small{margin-bottom:2px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3}
.saved-metrics b{font-size:var(--fs-lg);font-weight:800;color:#101828}
.compare-choice{display:inline-flex;align-items:center;gap:6px;color:#475467;font-size:11px;font-weight:750;cursor:pointer}.compare-choice input{width:auto;min-height:auto;margin:0}
.status-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:750}
.status-pill:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:currentColor}
.status-pill.draft{background:#f2f4f7;color:#475467}
.status-pill.waiting{background:#fffaeb;color:#b54708}
.status-pill.received{background:#eff8ff;color:#175cd3}
.status-pill.analysis{background:#f4f3ff;color:#5925dc}
.status-pill.approved{background:#ecfdf3;color:#067647}
.status-pill.rejected{background:#fef3f2;color:#b42318}
.status-pill.archived{background:#fffaeb;color:#b54708}
.status-pill.idea{background:#eef4ff;color:#3538cd}
.saved-actions{display:flex;gap:6px}.saved-actions button{min-height:42px;min-width:0;white-space:nowrap}
.saved-pending{padding:9px 12px;border:1px solid #fedf89;border-radius:9px;background:#fffcf5}
.saved-pending b{color:#7a2e0e;font-size:11.5px;font-weight:650}
.quotes-empty{display:flex;flex-direction:column;gap:5px;padding:54px 20px;background:#fbfcfe}
.quotes-empty b{color:#344054}.quotes-empty span{font-size:11px}.quotes-feedback{min-height:1.3em;margin:8px 0;color:#067647;font-size:12px;font-weight:700}
.quote-comparison{margin-bottom:14px;padding:16px;border:1px solid #b2ddff;border-radius:13px;background:#f5fbff}.comparison-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.comparison-heading h3{margin:3px 0 0;font-size:15px}.comparison-table-wrap{overflow:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.comparison-table th,.comparison-table td{min-width:150px;padding:10px;border:1px solid #dbeafe;vertical-align:top}.comparison-table thead th{background:#eff8ff;color:#175cd3}.comparison-table th:first-child{min-width:125px}.comparison-table small{display:block;margin-top:3px;color:#667085;font-family:ui-monospace,monospace;font-weight:500}

.category-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f4f3ff;color:#5925dc;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}

/* Ideias — bloco único centralizado, ultra minimalista, expandido (~2-3cm de margem lateral) */
.ideas-app{display:flex;justify-content:center;width:100%;padding-inline:76px;box-sizing:border-box}
.idea-block{max-width:1240px;width:100%;padding:44px 52px}
.idea-kicker{display:block;text-align:center;font-family:'Satoshi',Inter,sans-serif;font-size:26px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:var(--primary,#175cd3);margin-bottom:28px}

.idea-capture-row{display:none}
.idea-capture-row-expanded{display:flex;gap:12px;margin-bottom:28px;align-items:stretch;min-height:56px}
.idea-capture-row-expanded input[type="text"]{flex:1;min-width:0;padding:0 18px;border:1px solid var(--premium-border);border-radius:12px;background:#fff;font-size:15px;color:#182230}
.idea-capture-row-expanded input[type="text"]:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}
.idea-capture-row-expanded select{flex:0 0 auto;width:200px;padding:0 14px;border:1px solid var(--premium-border);border-radius:12px;background:#fff;font-size:14px;color:#182230;cursor:pointer}
.idea-capture-row-expanded select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}
.idea-add-btn-expanded{flex:0 0 auto;width:56px;height:56px;padding:0;border:0;border-radius:12px;background:#101828;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .12s ease}
.idea-add-btn-expanded:hover{background:#1d2939;transform:translateY(-1px)}
.idea-add-btn-expanded svg{width:26px;height:26px}
.idea-search-btn{flex:0 0 auto;width:56px;height:56px;padding:0;border:1px solid var(--premium-border);border-radius:12px;background:#fff;color:#182230;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}
.idea-search-btn:hover{background:#f2f4f7;border-color:#98a2b3;transform:translateY(-1px)}
.idea-search-btn svg{width:22px;height:22px}
.idea-toolbar-hidden{display:none}

.idea-toolbar{display:none}
.idea-search{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.idea-search svg{width:16px;height:16px;color:#98a2b3;flex:0 0 auto}
.idea-search input{flex:1;min-width:0;border:0;padding:9px 0;font-size:12px;background:transparent}
.idea-search input:focus{outline:0}
#quote-category-filter{flex:0 0 auto;width:170px;min-height:38px;font-size:12px}

.idea-table-head{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr) minmax(0,1.2fr) 48px 48px;gap:16px;align-items:center;padding:0 14px 14px;font-family:'Satoshi',Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--primary,#175cd3);border-bottom:2px solid var(--premium-border)}
.idea-table{display:flex;flex-direction:column}
.idea-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr) minmax(0,1.2fr) 48px 48px;gap:16px;align-items:center;padding:16px 14px;border-bottom:1px solid #f2f4f7}
.idea-row:last-child{border-bottom:0}
.idea-cell{min-width:0}
.idea-cell-product b{font-size:15px;color:#101828;overflow-wrap:anywhere}
.idea-cell-reference input,.idea-cell-category select{width:100%;min-height:40px;padding:8px 10px;font-size:13px;border:1px solid var(--line);border-radius:8px;background:#fff}
.idea-cell-action{display:flex;justify-content:center}
.idea-approve-btn,.idea-delete-btn{width:38px;height:38px;padding:0;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .12s ease}
.idea-approve-btn{background:#12b76a;color:#fff;box-shadow:0 2px 8px rgba(18,183,106,.35)}
.idea-approve-btn:hover{background:#0d9c58;transform:translateY(-1px)}
.idea-delete-btn{color:#98a2b3}
.idea-delete-btn:hover{background:#fef3f2;color:#b42318}

.idea-footer{margin-top:18px;text-align:center}
.category-manager{display:inline-block;text-align:left;padding:0;border:0;background:transparent}
.category-manager summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#98a2b3;font-size:11px;font-weight:750;list-style:none}
.category-manager summary svg{width:14px;height:14px}
.category-manager summary::-webkit-details-marker{display:none}
.category-manager[open] summary{margin-bottom:12px;color:#475467}
.category-manager-body{display:flex;flex-direction:column;gap:12px;width:280px;padding:14px;border:1px solid var(--premium-border);border-radius:12px;background:#fbfcfe}
.category-list{display:flex;flex-direction:column;gap:6px}
.category-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}
.category-row span{flex:1;min-width:0;font-weight:650;color:#101828}
.category-preset-tag{color:#98a2b3;font-size:10px}
.category-empty{margin:0;color:#98a2b3;font-size:12px}
.category-add-form{display:flex;flex-wrap:wrap;gap:8px}
.category-add-form input{flex:1 1 120px;min-width:0}
.category-add-form select{flex:1 1 100%;width:100%}
.category-add-form button{flex:0 0 auto;min-height:40px}

@media(max-width:1050px){
  .ideas-app{padding-inline:32px}
  .idea-block{padding:32px}
}
@media(max-width:700px){
  .ideas-app{padding-inline:0}
  .idea-block{padding:16px}
  .idea-kicker{font-size:21px;margin-bottom:18px}

  /* Linha de captura: input em cima, categoria + ações numa linha embaixo (a regra antiga mirava .idea-capture-row, mas o HTML usa .idea-capture-row-expanded — nunca aplicava). */
  .idea-capture-row-expanded{flex-wrap:wrap;gap:8px;margin-bottom:20px}
  .idea-capture-row-expanded input[type="text"]{flex:1 1 100%;min-height:48px}
  .idea-capture-row-expanded select{flex:1;min-width:0;width:auto;min-height:48px}
  .idea-add-btn-expanded,.idea-search-btn{flex:0 0 48px;width:48px;height:48px}

  .idea-toolbar{flex-wrap:wrap}
  #quote-category-filter{flex:1 1 auto;width:auto}

  /* Tabela vira lista de cards: identidade visual própria por ideia, ações lado a lado no rodapé do card. */
  .idea-table-head{display:none}
  .idea-table{gap:10px}
  .idea-row{grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px;border:1px solid var(--premium-border);border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.06)}
  .idea-row:last-child{border-bottom:1px solid var(--premium-border)}
  .idea-cell{display:flex;flex-direction:column;gap:4px}
  .idea-cell[data-label]:before{content:attr(data-label);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}
  .idea-cell-product{grid-column:1/-1}
  .idea-cell-action{flex-direction:row;padding-top:6px;border-top:1px solid #f2f4f7;margin-top:2px}
  .idea-cell-action .idea-approve-btn,.idea-cell-action .idea-delete-btn{width:100%;height:44px;border-radius:9px}
}

@media(max-width:1280px){
  .summary-grid{grid-template-columns:220px minmax(0,1fr)}
  .filled-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .summary-area .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .summary-area .diag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-result-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
  .top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.workspace{flex-wrap:wrap;justify-content:center}
  .split,.tax-layout,.tax-layout-import{grid-template-columns:1fr}.supplier-fields,.supplier-fields.trade-hidden{grid-template-columns:repeat(3,minmax(0,1fr))}.product-panel .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.board{grid-template-columns:1fr}
  .channel-fields,.market-card .channel-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .channel-selection-column .segmented-control{width:100%}
  .market-card .market-grid{grid-template-columns:1fr 1fr;gap:14px 0}
  .market-card .market-col:nth-child(odd){padding-left:0;border-left:0}
  .market-card .market-col:nth-child(n+3){border-top:1px solid rgba(16,24,40,.08);padding-top:12px}
  .freight-card .channel-fields{grid-template-columns:1fr 1fr}
  .freight-card .freight-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .app{padding:18px 14px 30px}.quote-sheet .app{padding-bottom:calc(132px + env(safe-area-inset-bottom))}h1{font-size:29px}.summary-area{position:static}
  .home-hero-card{padding:44px 20px;border-radius:18px}
  .home-hero-card h1{font-size:34px}
  /* Cabeçalho mobile unificado: marca + Cotações + ações numa linha, sem barra de navegação inferior. */
  .top{grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand nav add user";align-items:center;column-gap:8px;min-height:0;padding:10px 14px}
  .top .page-identity{grid-area:brand}
  .top [data-nav]{grid-area:nav;position:static;justify-self:start;width:auto;margin:0 0 0 4px;padding:0;background:none;border:0;box-shadow:none}
  .top [data-nav] .app-navigation{width:auto;justify-content:flex-start;gap:4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .app-navigation-link{flex:0 0 auto;flex-direction:row;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;font-size:12.5px;color:#cbd5e1}
  .app-navigation-link.is-active{background:#fff;color:#101828}
  .app-navigation-link:hover,.app-navigation-link:focus-visible{background:rgba(255,255,255,.12);color:#fff}
  .page-actions{margin-top:0}
  .top .actions{display:contents}
  .top .actions .add-quote{grid-area:add;width:40px;min-width:40px;min-height:40px;height:40px;font-size:22px}
  .top .user-menu-wrapper{grid-area:user}
  .top .user-menu-trigger{width:40px;height:40px}
  /* Ficha no mobile: a barra BARMO vira barra fixa no rodapé, sem se mover ao rolar (não fica no topo). */
  .quote-sheet .top{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:100;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-bottom:0;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -6px 20px rgba(16,24,40,.18)}
  .workspace{position:static;display:grid;grid-template-columns:1fr 1fr;width:100%;padding:0;margin-bottom:12px}
  .status-cell,.pending-cell{padding:12px 14px}
  .decision-cell{grid-column:1/-1;border-left:0;border-top:1px solid #eaecf2;padding:13px 14px}
  .decision-cell .ws-val{flex-wrap:wrap;row-gap:4px}
  .summary-grid,.quotes-overview{grid-template-columns:1fr}
  .filled-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .summary-area .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-area .diag{grid-template-columns:1fr}
  .section-heading{gap:12px}.section-heading p{display:none}.panel,.workflow-card,.dashboard-summary{padding:15px}
  .workflow-nav{top:58px;margin:0 -14px;padding:9px 14px 12px;background:var(--premium-bg)}
  .workflow-nav .step-hint{display:none}
  .workflow-nav .step-dot{width:26px;height:26px;font-size:12px}
  .workflow-nav a.is-done .step-dot::before{font-size:12px}
  .workflow-nav .step-name{font-size:10.5px}
  .workflow-nav a:not(:last-child)::after{top:12px;left:calc(50% + 17px);right:calc(-50% + 17px);height:2px}
  .section-collapse{display:block}.workflow-card.is-collapsed{padding-bottom:15px}.workflow-card.is-collapsed>div:not(.section-heading),.workflow-card.is-collapsed>.split,.workflow-card.is-collapsed>.tax-layout{display:none}.workflow-card.is-collapsed .section-heading{margin-bottom:0;padding-bottom:0;border-bottom:0}
  .supplier-fields,.supplier-fields.trade-hidden,.channel-fields,.market-card .channel-fields,.operation-fields,.market-result-strip,.profile-fields{grid-template-columns:1fr 1fr}
  .product-panel .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tax-inputs{grid-template-columns:1fr 1fr;padding:14px;gap:11px}
  .result-strip>div{border-left:0;border-top:1px solid var(--premium-border);padding:10px 6px}.result-strip>div:first-child{border-top:0}
  .quotes-toolbar,.saved{grid-template-columns:1fr}.saved{gap:12px;padding:16px}.saved-metrics{gap:12px;justify-content:space-between;padding:10px 14px;border:1px solid var(--premium-border);border-radius:10px;background:#f8fafc}.saved-metrics>div{text-align:left}.saved-metrics>div:last-child{text-align:right}.saved-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.saved-actions .primary{grid-column:1/-1}.saved-actions button{min-height:44px;padding:10px}.quote-data-actions{flex-wrap:wrap}
  input,select{min-height:50px}.quote-sheet .app{padding-bottom:calc(188px + env(safe-area-inset-bottom))}.decision-cell .ws-val{font-size:17px}.decision-risk{max-width:100%}.step-nav{position:fixed;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));left:10px;z-index:92;margin:0;padding:8px}.step-nav button{min-width:0;flex:1}.quote-sheet .workflow-card{scroll-margin-bottom:152px}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-actions button{min-width:0}
  .idea-fab{right:14px;bottom:calc(18px + env(safe-area-inset-bottom));width:48px;height:48px}
  .idea-fab svg{width:22px;height:22px}
  .quote-sheet .idea-fab{bottom:calc(144px + env(safe-area-inset-bottom))}
  .resume-card{grid-template-columns:1fr;gap:14px}
  .resume-meta{grid-template-columns:1fr 1fr}
  .resume-card>button{justify-self:stretch}
  .home-stats{gap:26px 44px}.fx-editor{grid-template-columns:1fr 1fr;margin-top:0}.fx-editor label,.fx-editor input,.fx-editor small{grid-column:1/-1}
  .home-recent-row{gap:12px}.recent-margin{font-size:12px}
}
@media(max-width:480px){
  html,body{max-width:100%;overflow-x:clip}
  .app,.top,.page-identity,.quotes-toolbar,.quote-data-actions{min-width:0}
  button,input,select{max-width:100%}
  .supplier-fields,.supplier-fields.trade-hidden,.product-panel .grid{grid-template-columns:1fr 1fr}
  .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.actions .primary{grid-column:1/-1}
  .home-hero-card{padding:36px 16px}
  .home-hero-card h1{font-size:28px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions button{width:100%;min-height:48px}
  .home-body .home-hero-card{padding:32px 14px}
  .home-body .home-hero-card h1{font-size:26px;letter-spacing:-.03em}
  .home-body .home-hero-card .hero-sub{font-size:13px;margin-top:10px;max-width:100%}
  .home-body .hero-actions{gap:10px;margin-top:22px}
  .workspace,.summary-area .metrics,.filled-grid,.channel-fields,.operation-fields,.market-result-strip,.profile-fields{grid-template-columns:1fr}
  .market-card .market-grid{grid-template-columns:1fr;gap:14px 0}
  .market-card .market-col{border-left:0;padding-left:0!important;border-top:1px solid rgba(16,24,40,.08);padding-top:12px}
  .market-card .market-col:first-child{border-top:0;padding-top:0}
  .workspace{grid-template-columns:1fr 1fr}
  .metric.full{grid-column:auto}.live-badge{display:none}.summary-heading h2,.section-heading h2{font-size:18px}.section-title-row{align-items:flex-start;flex-direction:column;gap:8px}.segment-option{font-size:11px;padding-inline:3px}
  .top{padding:8px 12px;column-gap:6px}
  .top .page-identity .brand{font-size:17px}
  .app-navigation-link{min-height:34px;padding:6px 10px;font-size:12px}
  .app-navigation-label{min-width:0;white-space:nowrap}
  .top .actions .add-quote{width:38px;min-width:38px;min-height:38px;height:38px;font-size:20px}
  .top .user-menu-trigger{width:38px;height:38px}
}

/* Revisão visual — Fases 1 (tokens) e 2 (tipografia). */
body,
button,
input,
select,
textarea{font-family:var(--font-sans)}

h1,.home-hero-card h1{font-size:var(--fs-display)}
.summary-heading h2,.section-heading h2,.list-heading h2,.card h2{font-size:var(--fs-lg)}
.page-subtitle,.summary-heading p,.section-heading p,.list-heading p{font-size:var(--fs-md)}
.section-kicker,.company small,.metric small,.result small,.meta small,
.field label,.ws-cell small,.current-quote small,.saved small,.chips-label,
.overview-card small,.home-stat small,.resume-meta small{font-size:var(--fs-xs)}
.panel-title>span,.panel-title>div>span{font-size:var(--fs-md)}
.saved-main b{font-size:var(--fs-body)}
.ws-val,.status-chip,.pending-chip{font-size:var(--fs-md)}
.status-pill,.filter-chip,.quote-country,.live-badge,.decision-risk{font-size:var(--fs-xs)}
.summary-block-heading h3,.comparison-heading h3{font-size:var(--fs-md)}
.summary-heading h2,.section-heading h2,.list-heading h2{line-height:1.25}

/* Valores decisivos: leitura rápida e alinhamento numérico consistente. */
.dashboard-summary .decision b{font-size:var(--fs-display)}
.metric strong,.metric strong.decisive-number{font-size:var(--fs-xl);font-weight:800}
.result-strip strong,.tax-result strong{font-size:var(--fs-lg);font-weight:800}
.tax-total-card strong{font-size:var(--fs-xl)}
.market-cell strong{font-size:var(--fs-lg)}
.overview-card strong,.home-stat strong{font-size:var(--fs-xl)}
.current-quote strong{font-size:var(--fs-lg)}
.money-row b{font-size:var(--fs-md)}

/* Nenhum texto funcional fica abaixo do menor degrau legível. */
.workflow-nav .step-hint,.freight-card .channel-brand small,
.market-card .channel-brand small,.market-cell small,.money-rows-head span,
.filled-item small{font-size:var(--fs-xs)}

@media(max-width:760px){
  h1,.home-hero-card h1{font-size:var(--fs-xl)}
  .dashboard-summary .decision b{font-size:var(--fs-xl)}
  .overview-card strong,.home-stat strong{font-size:var(--fs-xl)}
}

/* Revisão visual — Fase 3: cores semânticas e caixas consistentes. */
.card,.workflow-card,.quotes-page-card{border-color:var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.panel,.channel,.company,.workspace,.saved,.result,.quotes-toolbar{border-color:var(--line);background:var(--surface-subtle);border-radius:var(--radius-md)}
.panel,.channel{box-shadow:var(--shadow-subtle)}
.saved{background:var(--surface);box-shadow:var(--shadow-subtle)}
.saved:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card)}
.quotes-page-card{box-shadow:var(--shadow-floating)}
.filter-chip,.status-pill,.quote-country,.live-badge,.decision-risk{border-radius:var(--radius-pill)}
.filter-chip{border-color:var(--line);color:var(--text-secondary);background:var(--surface)}
.filter-chip:hover{border-color:var(--line-strong);background:var(--surface)}
.status-pill.draft{background:var(--surface-muted);color:var(--text-tertiary)}
.status-pill.waiting,.decision-risk{background:var(--amber-bg);color:var(--amber)}
.status-pill.received{background:var(--info-bg);color:var(--info)}
.status-pill.approved,.decision-risk.ok{background:var(--green-bg);color:var(--green)}
.status-pill.rejected{background:var(--red-bg);color:var(--red)}
.live-badge{border-color:var(--line);background:var(--surface-subtle);color:var(--text-tertiary)}
.live-badge:before{background:var(--green)}
.panel-title>span,.panel-title>div>span,.saved-main b{color:var(--ink)}
.panel-title small,.saved-main small,.saved small,.overview-card span,.home-empty span{color:var(--muted)}
.section-kicker,.company small,.metric small,.result small,.meta small,.field label,.ws-cell small,.chips-label{color:var(--text-tertiary)}
.quotes-empty{border-color:var(--line-strong);background:var(--surface-subtle);color:var(--muted)}
.saved-pending{border-color:var(--amber-line);background:var(--amber-bg)}
.saved-pending small{color:var(--amber)}
.saved-pending b{color:#7a2e0e}
.decision.good{background:var(--green-bg);color:var(--green)}
.decision.warn{background:var(--amber-bg);color:var(--amber)}
.decision.bad{background:var(--red-bg);color:var(--red)}
.money{box-shadow:var(--shadow-card)}

/* Revisão visual — Fase 4: acabamento por tela e responsividade. */
/* Home: foco único, largura confortável e ações alinhadas. */
.home-hero{max-width:720px;margin-inline:auto}
.home-hero-card{padding:var(--space-7) var(--space-6);text-align:center}
.hero-actions{justify-content:center;gap:var(--space-3)}

/* Análise: respiro entre etapas e hierarquia estável no conteúdo denso. */
.workflow-card{padding:var(--space-5);margin-bottom:var(--space-5)}
.workflow-card .section-heading{margin-bottom:var(--space-5);padding-bottom:var(--space-4)}
.summary-block{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-subtle)}
.summary-block-heading{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}
.split,.board{gap:var(--space-4)}
.grid{gap:var(--space-3)}
.supplier-band{margin-bottom:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-md)}

/* Resumo: métricas decisivas com mais área e separação visual. */
.summary-area .metrics{gap:var(--space-3)}
.summary-area .metric{min-height:78px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface)}
.summary-area .money{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md)}
.summary-area .diag{gap:var(--space-3)}

/* Cotações: menos sensação de tabela, mais leitura por bloco. */
.quotes-overview{gap:var(--space-4);margin-bottom:var(--space-5)}
.overview-card{min-height:112px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md)}
.quotes-page-card{padding:var(--space-5)}
.quotes-toolbar{gap:var(--space-3);padding:var(--space-3)}
.quotes-list{gap:var(--space-3)}
.saved{gap:var(--space-4) var(--space-5);padding:var(--space-4) var(--space-5);min-height:92px}
.saved-actions{gap:var(--space-2)}

/* Login: mantém o painel como referência de acabamento do produto. */
.auth-shell{border-radius:var(--radius-lg);box-shadow:var(--shadow-floating)}
.auth-panel{padding:var(--space-7) var(--space-6)}
.auth-panel form{gap:var(--space-4)}

@media(max-width:1050px){
  .home-hero{max-width:680px}
  .workflow-card{padding:var(--space-4)}
  .saved{gap:var(--space-3)}
}

@media(max-width:760px){
  .home-hero{max-width:560px}
  .home-hero-card{padding:var(--space-6) var(--space-4)}
  .hero-actions{gap:var(--space-2)}
  .workflow-card{padding:var(--space-4);margin-bottom:var(--space-4)}
  .workflow-card .section-heading{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}
  .summary-block{padding:var(--space-3)}
  .quotes-overview{gap:var(--space-3);margin-bottom:var(--space-4)}
  .overview-card{min-height:92px;padding:var(--space-3) var(--space-4)}
  .quotes-page-card{padding:var(--space-4)}
  .saved{min-height:0;padding:var(--space-4)}
  .auth-panel{padding:var(--space-6) var(--space-5)}
}

@media(max-width:480px){
  .home-hero-card{padding:var(--space-5) var(--space-3)}
  .workflow-card{padding:var(--space-3)}
  .section-number{width:44px;height:44px;flex-basis:44px}
  .summary-area .metric{min-height:70px}
  .quotes-page-card{padding:var(--space-3)}
  .quotes-toolbar{padding:var(--space-2)}
  .auth-panel{padding:var(--space-5) var(--space-4)}
}

/* Home em tema escuro: card único no mesmo estilo da tela de login. */
body.home-body{
  display:flex;
  flex-direction:column;
  background-color:#101828;
  background-image:
    radial-gradient(circle at 88% -10%,rgba(37,99,235,.55),transparent 44%),
    radial-gradient(circle at 4% 118%,rgba(23,92,211,.42),transparent 46%),
    linear-gradient(160deg,#101828 8%,#13203f 62%,#101828 100%);
  background-attachment:fixed;
  min-height:100vh;
}
.home-app{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:none;
  padding:24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.home-hero{width:100%;max-width:1160px;margin-bottom:0}
.home-hero-card{
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% -10%,rgba(37,99,235,.5),transparent 44%),
    radial-gradient(circle at 4% 118%,rgba(23,92,211,.4),transparent 46%),
    rgba(13,20,38,.72);
  box-shadow:0 26px 64px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  padding:34px 30px;
}
.hero-sub{color:#cbd5e1}
.home-stat strong{color:#fff}
.home-stat.warning strong{color:#f79009}
.home-stat.success strong{color:#12b76a}
.home-stat small{color:#8fa3bf}
.resume-card{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);box-shadow:none}
.resume-card .section-kicker{color:#7ea6f4}
.resume-main b{color:#f8fafc}
.resume-main small{color:#94a3b8}
.resume-meta small{color:#8fa3bf}
.resume-meta b{color:#cbd5e1}
.resume-pending{border-color:rgba(253,176,34,.35);background:rgba(253,176,34,.1)}
.resume-pending small{color:#fbbf24}
.resume-pending b{color:#fde68a}
.resume-card>button.primary{background:#fff;border-color:#fff;color:#101828}
.resume-card>button.primary:hover{background:#eef1f6;border-color:#eef1f6}
.home-recent{border-top-color:rgba(255,255,255,.1)}
.recent-heading .section-kicker{color:#8fa3bf}
.recent-heading button{color:#94a3b8}
.recent-heading button:hover{color:#fff}
.home-recent-row{border-bottom-color:rgba(255,255,255,.08)}
.recent-main b{color:#f1f5f9}
.recent-main small{color:#8fa3bf}
.recent-margin{color:#cbd5e1}
.recent-arrow{color:#8fa3bf}
.home-recent-row:hover .recent-main b{color:#7ea6f4}
.home-recent-row:hover .recent-arrow{color:#7ea6f4}
.home-app .status-pill.draft{background:rgba(255,255,255,.1);color:#cbd5e1}
.home-app .status-pill.waiting{background:rgba(253,176,34,.14);color:#fbbf24}
.home-app .status-pill.received{background:rgba(59,130,246,.16);color:#7eb8ff}
.home-app .status-pill.analysis{background:rgba(139,92,246,.16);color:#c4b5fd}
.home-app .status-pill.approved{background:rgba(18,183,106,.16);color:#34d399}
.home-app .status-pill.rejected{background:rgba(244,63,94,.16);color:#fb7185}
.home-empty b{color:#e2e8f0}
.home-empty span{color:#94a3b8}
.home-empty button.primary{background:#fff;border-color:#fff;color:#101828}
.home-empty button.primary:hover{background:#eef1f6;border-color:#eef1f6}
.home-body .fx-popover{border-color:rgba(122,162,244,.35);background:rgba(23,92,211,.16);backdrop-filter:blur(10px)}
.home-body .fx-popover label,.home-body .fx-popover small{color:#7ea6f4}
@media(max-width:760px){
  .home-hero-card{padding:28px 16px}
  /* Home: mesma 1ª linha do padrão global + 2ª linha com o dólar em largura total. */
  .home-body .top{grid-template-areas:"brand nav add user" "fx fx fx fx";row-gap:10px}
  .home-body .top .fx-compact{grid-area:fx;justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:40px;margin:0;padding:8px 14px;font-size:12.5px;white-space:normal;text-align:center}
  .home-body .idea-fab{width:52px;height:52px}
  .home-body .idea-fab svg{width:24px;height:24px}
}
@media(max-width:480px){
  .home-body .top{row-gap:8px}
  .home-body .top .fx-compact{min-height:38px;padding:7px 10px;font-size:12px}
  .home-body .home-hero-card{padding:28px 12px}
  .home-body .home-hero-card h1{font-size:24px}
  .home-body .home-hero-card .hero-sub{font-size:12px}
  .home-body .hero-actions{gap:8px;margin-top:18px}
  .home-body .hero-actions button{min-height:44px;padding:10px 16px;font-size:12px}
  .home-body .idea-fab{right:12px;bottom:calc(16px + env(safe-area-inset-bottom));width:48px;height:48px}
  .home-body .idea-fab svg{width:20px;height:20px}
}

/* Fase 4 — ajustes finais da home após o tema escuro. */
.home-hero{width:min(100%,720px);margin-inline:auto}
.home-hero-card{padding:var(--space-7) var(--space-6)}
@media(max-width:760px){.home-hero{width:100%;max-width:560px}.home-hero-card{padding:var(--space-6) var(--space-4)}}
@media(max-width:480px){.home-hero-card{padding:var(--space-5) var(--space-3)}}

/* Redesign da lista de cotações — toolbar minimalista e cards clicáveis. */
.quotes-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:0;border:0;border-radius:0;background:transparent}
.quotes-toolbar #quote-search{flex:1 1 220px;min-width:170px}
.quotes-toolbar #quote-sort{flex:0 0 auto;width:auto;min-width:170px}
.quote-data-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
.icon-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid var(--premium-border);border-radius:999px;background:#fff;color:#475467;box-shadow:none}
.icon-btn:hover{transform:none;border-color:#98a2b3;background:#f9fafb;color:#182230}
.icon-btn svg{width:17px;height:17px}
.icon-btn.danger{color:#b42318}
.icon-btn.danger:hover{border-color:#fecdca;background:#fef3f2;color:#b42318}

.saved{position:relative;cursor:pointer;min-height:0}
.saved:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--focus)}
.saved-main b{font-size:14px}
.saved .saved-product-row b{font-weight:750}
.saved:hover .saved-product-row b:first-child{color:var(--primary)}
.saved.decision-approved::before,.saved.decision-waiting::before,.saved.decision-rejected::before,.saved.decision-draft::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:999px}
.saved.decision-approved::before{background:#067647}
.saved.decision-waiting::before{background:#b54708}
.saved.decision-rejected::before{background:#b42318}
.saved.decision-draft::before{background:#d0d5dd}

.card-menu{position:relative}
.card-menu summary{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid var(--premium-border);border-radius:999px;background:#fff;color:#475467;font-size:20px;font-weight:600;line-height:1;cursor:pointer;list-style:none;box-shadow:none}
.card-menu summary::-webkit-details-marker{display:none}
.card-menu summary:hover{border-color:#98a2b3;background:#f9fafb;color:#182230}
.card-menu[open] summary{border-color:var(--ink);color:var(--ink)}
.card-menu-pop{position:absolute;right:0;top:calc(100% + 5px);z-index:30;display:flex;flex-direction:column;min-width:148px;padding:5px;border:1px solid var(--premium-border);border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(16,24,40,.16)}
.card-menu-pop button{justify-content:flex-start;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#344054;font-size:12.5px;font-weight:700;box-shadow:none;white-space:nowrap}
.card-menu-pop button:hover{background:#f2f4f7;color:#182230;transform:none}
.card-menu-pop button + button{border-top:1px solid #f2f4f7}

.filters-pop{position:relative;flex:0 0 auto}
.filters-pop-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid var(--premium-border);border-radius:999px;background:#fff;color:#475467;font-size:13px;font-weight:750;line-height:1;cursor:pointer;list-style:none;box-shadow:none;white-space:nowrap}
.filters-pop-toggle::-webkit-details-marker{display:none}
.filters-pop-toggle:hover{border-color:#98a2b3;background:#f9fafb;color:#182230}
.filters-pop-toggle svg{width:15px;height:15px}
.filters-pop[open] .filters-pop-toggle{border-color:var(--ink);color:var(--ink);background:#fff}
.filters-pop-toggle.has-active{border-color:var(--primary);color:var(--primary);background:#f5f8ff}
.filters-pop .filters-card{position:absolute;left:0;top:calc(100% + 8px);z-index:40;width:min(360px,calc(100vw - 28px));margin:0;box-shadow:0 16px 40px rgba(16,24,40,.16)}

@media(max-width:760px){
  .quotes-toolbar{padding:0}
  .saved-actions{display:flex;gap:6px}
  .saved-actions .icon-btn,.saved-actions .card-menu summary{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}
  .saved-metrics{display:flex;gap:18px;justify-content:flex-start;padding:0;border:0;border-radius:0;background:transparent}
  .saved-metrics>div,.saved-metrics>div:last-child{text-align:left}
}

/* Harmonização da home — tipografia fluida do título e ritmo único desktop/mobile. */
.home-body .home-app{padding:clamp(14px,3vw,24px)}
.home-body .home-hero{width:min(100%,760px);margin-inline:auto}
.home-body .home-hero-card{
  padding:clamp(34px,7vw,64px) clamp(18px,5vw,48px);
  border-radius:clamp(18px,3vw,26px);
}
.home-body .home-hero-card h1{
  margin:0;
  font-size:clamp(30px,5.4vw,50px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.035em;
  background:linear-gradient(120deg,#fff 35%,#c7d9ff 70%,#7ea6f4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.home-body .hero-actions{gap:clamp(10px,1.6vw,14px);margin-top:clamp(22px,4vw,34px)}
.home-body .hero-actions button{min-height:48px;padding:12px 26px;font-size:14px}
@media(max-width:480px){
  .home-body .hero-actions{flex-direction:column;align-items:stretch}
  .home-body .hero-actions button{width:100%;min-height:48px;font-size:14px;padding:12px 18px}
}