/* Operação comercial: cinco áreas, mesmos estados financeiros e controles. */
.commerce-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:16px 0; padding:16px; background:linear-gradient(110deg,#eef5ff,#f7f5ff); border:1px solid #dce5f3; border-radius:16px; }
.commerce-select { display:grid; gap:7px; min-width:160px; flex:1; font-size:12px; font-weight:700; color:#384e6b; }
.commerce-select select,.commerce-controls input { min-height:40px; border:1px solid #cbd8e9; background:#fff; color:#183451; border-radius:9px; padding:8px 11px; font:inherit; }
.commerce-controls form { display:flex; gap:9px; align-items:flex-end; flex:2; }
.commerce-controls form label { display:grid; gap:7px; width:100%; min-width:210px; font-size:12px; font-weight:700; color:#384e6b; }
.commerce-margin { display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; margin:3px 0; white-space:nowrap; border:1px solid transparent; border-radius:8px; font:700 12px/1.4 system-ui,sans-serif; font-variant-numeric:tabular-nums; }
.commerce-margin.negative { background:#ffedf0; border-color:#ffc2cc; color:#b51f3d; }
.commerce-margin.below5 { background:#fff0e7; border-color:#ffcfab; color:#a74308; }
.commerce-margin.\35 to6 { background:#fff6d6; border-color:#eed986; color:#846000; }
.commerce-margin.\36 to10 { background:#eaf3ff; border-color:#bad4fa; color:#185ba5; }
.commerce-margin.\31 0plus { background:#e6f9f0; border-color:#ade2ca; color:#08734f; }
.commerce-margin.pending { background:#f1f3f7; border-color:#d5dce7; color:#596a80; }
.commerce-freshness { display:inline-flex; align-items:center; flex-wrap:wrap; gap:7px; color:#146b53; font-size:12px; padding:8px 10px; border-radius:9px; background:#e9f8f1; }
.commerce-freshness i { width:7px; height:7px; background:currentColor; border-radius:50%; }
.commerce-freshness.stale,.commerce-freshness.unknown { color:#995217; background:#fff2dd; }
.commerce-export-bar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin:14px 0; padding:15px 18px; border:1px solid #d9e3f3; border-left:4px solid #4869dd; border-radius:12px; background:#f6f9ff; }
.commerce-export-bar>div { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.commerce-export-bar>div:first-child { display:grid; gap:4px; }
.commerce-export-bar strong { font-size:14px; color:#183451; }
.commerce-export-bar small,.commerce-method-note { color:#526987; font-size:12px; line-height:1.6; }
.commerce-method-note { padding:12px 16px; border:1px solid #c8daed; border-radius:12px; background:#f1f7fe; margin:12px 0; }
.commerce-listing-facts { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; max-width:370px; }
.commerce-listing-facts span { display:inline-block; color:#4a6384; background:#eef3fa; border-radius:6px; padding:4px 6px; font-size:11px; }
.commerce-listing-facts .is-new { color:#6240ab; background:#f0eaff; }
.commerce-listing-facts .is-warning { color:#a04510; background:#fff0e4; }
.commerce-sale-calculation { margin:10px 16px; padding:12px; background:#f5f8fd; border:1px solid #e2e8f2; border-radius:12px; color:#294464; }
.commerce-sale-calculation summary { cursor:pointer; font-size:12px; font-weight:700; }
.commerce-sale-calculation dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; }
.commerce-sale-calculation dt { color:#60738b; font-size:11px; }
.commerce-sale-calculation dd { margin:6px 0; font-size:14px; font-weight:700; }
.commerce-sale-calculation small { font-size:12px; color:#60738b; }
.today-sales-dashboard .today-sale-card { border:1px solid #d9e3f0; border-top:3px solid #4a6ce0; box-shadow:0 5px 16px #18345108; }
.profit-filter-chips { flex-wrap:wrap; gap:6px; }
.profit-modern-head { display:flex; align-items:flex-start; flex-wrap:wrap; gap:16px; }
.profit-modern-head>div:first-child { flex:1 1 270px; }
.profit-modern-head .profit-date-filter { flex:2 1 520px; display:flex; flex-wrap:wrap; gap:9px; }
.profit-modern-head .profit-date-filter button { white-space:nowrap; }
.profit-modern-head .page-actions { flex:0 1 170px; }
.profit-modern-head .page-actions small { font-size:12px; color:#60738b; }
.profit-filter-chips button { font-size:12px; padding:7px 10px; }
.listing-financial-scroll,.sku-table-shell,.promotion-table-scroll,.profit-table-scroll { max-height:72vh; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.listing-financial-table th,.sku-table th,.promotion-financial-table th,.profit-table-modern th { position:sticky; top:0; z-index:4; background:#edf3fc; color:#294464; font-size:11px; padding-top:14px; padding-bottom:14px; box-shadow:0 1px 0 #d5dfed; }
.listing-financial-table th:first-child,.sku-table th:first-child,.promotion-financial-table th:first-child,.profit-table-modern th:first-child { left:0; z-index:6; min-width:260px; }
.listing-financial-table tr:not(.marketplace-pair-header)>td:first-child,.sku-table tbody td:first-child,.promotion-financial-table tr:not(.marketplace-pair-header)>td:first-child,.profit-table-modern tbody td:first-child { position:sticky; left:0; z-index:2; background:#fff; border-right:1px solid #e2e8f2; }
.listing-financial-table tr:nth-child(even):not(.marketplace-pair-header)>td:first-child,.sku-table tbody tr:nth-child(even)>td:first-child { background:#f8faff; }
.listing-financial-table td,.sku-table td,.promotion-financial-table td,.profit-table-modern td { font-size:12px; line-height:1.5; }
.listing-financial-table tbody tr:hover td,.sku-table tbody tr:hover td { background:#f0f6ff; }
.profit-executive-cards>article,.listing-financial-summary>article { border-top:3px solid #6386eb; }
.profit-executive-cards>article.profit { border-top-color:#16a875; }
.profit-executive-cards>article.margin { border-top-color:#8a5ce7; }
.profit-executive-cards>article.benefit { border-top-color:#ef9b29; }
html[data-theme="black"] .commerce-controls { background:linear-gradient(110deg,#14283f,#21213d); border-color:#30455f; }
html[data-theme="black"] .commerce-select,html[data-theme="black"] .commerce-controls form label { color:#c2d4ec; }
html[data-theme="black"] .commerce-select select,html[data-theme="black"] .commerce-controls input { color:#e7effb; background:#102034; border-color:#3a506b; }
html[data-theme="black"] .commerce-export-bar,html[data-theme="black"] .commerce-method-note,html[data-theme="black"] .commerce-sale-calculation { background:#14253a; border-color:#30465f; color:#d4e0ef; }
html[data-theme="black"] .commerce-export-bar strong { color:#e0ecff; }
html[data-theme="black"] .commerce-export-bar small,html[data-theme="black"] .commerce-method-note { color:#a8bdd7; }
html[data-theme="black"] .commerce-listing-facts span { background:#203752; color:#c1d4ef; }
html[data-theme="black"] .commerce-listing-facts .is-warning { background:#503516; color:#ffd090; }
html[data-theme="black"] .listing-financial-table th,html[data-theme="black"] .sku-table th,html[data-theme="black"] .promotion-financial-table th,html[data-theme="black"] .profit-table-modern th { background:#1b304a; color:#d8e6fa; }
html[data-theme="black"] .listing-financial-table tr:not(.marketplace-pair-header)>td:first-child,html[data-theme="black"] .sku-table tbody td:first-child,html[data-theme="black"] .promotion-financial-table tr:not(.marketplace-pair-header)>td:first-child,html[data-theme="black"] .profit-table-modern tbody td:first-child { background:#132235; border-color:#30465f; }
html[data-theme="black"] .listing-financial-table tbody tr:hover td,html[data-theme="black"] .sku-table tbody tr:hover td { background:#1b3350; }
@media(max-width:760px) {
  .commerce-controls { padding:12px; gap:10px; }
  .commerce-select { min-width:135px; }
  .commerce-controls form { flex-basis:100%; }
  .commerce-export-bar>div:last-child { width:100%; }
  .commerce-export-bar button { flex:1; }
  .listing-financial-table tr:not(.marketplace-pair-header)>td:first-child,.promotion-financial-table tr:not(.marketplace-pair-header)>td:first-child,.profit-table-modern tbody td:first-child { position:static; }
}
.listing-risk-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin:12px 0;border:1px solid #e8bd65;border-left:5px solid #e5a21a;border-radius:14px;background:#fff9e9;color:#5f4310}.listing-risk-overview.has-loss{border-color:#f4a2aa;border-left-color:#e23951;background:#fff0f2;color:#842039}.listing-risk-overview>div{display:grid;gap:7px}.listing-risk-overview span{font-size:12px;line-height:1.5}.listing-risk-overview .button{flex-shrink:0}html[data-theme="black"] .listing-risk-overview{background:#332b17;color:#ffdf9a;border-color:#695326}html[data-theme="black"] .listing-risk-overview.has-loss{background:#351e29;color:#ffbcc6;border-color:#813849}@media(max-width:640px){.listing-risk-overview{align-items:stretch;flex-direction:column}.listing-risk-overview .button{width:100%}}
@media(max-width:640px){#ml-data .listing-filter-panel .commerce-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#ml-data .listing-filter-panel .commerce-select{min-width:0;width:100%;font-size:12px}#ml-data .listing-filter-panel .commerce-select select{width:100%;min-width:0;min-height:44px;font-size:12px;padding:8px}#ml-data .listing-financial-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
