/* Commercial operations, using the existing Planeta palette. */
.wordmark img { width: 120px; height: 120px; }
.local-badge { margin-bottom: 14px; }
nav { gap: 3px; }
nav button { padding: 9px 10px; }
.insight-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }
.insight-intro p { max-width:750px; margin-bottom:8px; color:var(--muted); }
.insight-status { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin-bottom:20px; }
.insight-status article { padding:12px 15px; border:1px solid var(--line); border-radius:10px; background:white; font-size:12px; }
.insight-status strong,.insight-status small { display:block; }
.insight-status .warning { border-left:4px solid var(--coral); }
.insight-status .good { border-left:4px solid var(--turquoise); }
.insight-tools { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:18px; }
.insight-tools form { display:flex; flex:1; gap:10px; max-width:550px; }
.insight-tools input { min-width:120px; }
.insight-tools button { white-space:nowrap; }
.sku-button { display:block; color:var(--teal-ink); background:transparent; padding:0; text-align:left; }
.sku-button:hover { text-decoration:underline; }
.ranking-number { display:inline-grid; place-items:center; width:28px; height:28px; background:var(--turquoise-soft); color:var(--teal-ink); border-radius:8px; font-weight:700; }
.rank-bar { width:90px; height:5px; background:var(--blue-soft); border-radius:4px; margin-top:6px; }
.rank-bar i { display:block; height:5px; border-radius:4px; background:var(--turquoise); }
.insight-view table { width:100%; }
.insight-view td small { display:block; max-width:310px; overflow-wrap:anywhere; }
.finance-state { display:inline-block; white-space:nowrap; border-radius:5px; padding:3px 7px; font-size:10px; background:var(--yellow-soft); color:#725707; }
.finance-state.confirmed { background:var(--turquoise-soft); color:var(--teal-ink); }
.finance-state.incomplete { background:var(--coral-soft); color:var(--red); }
.live-tag { display:inline-flex; align-items:center; gap:8px; border-radius:20px; background:var(--turquoise-soft); color:var(--teal-ink); padding:8px 12px; font-size:12px; white-space:nowrap; }
.live-tag i { width:7px;height:7px;border-radius:50%;background:var(--turquoise); }
.live-row.new-sale { background:var(--yellow-soft); }
.insight-summary { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
.breakdown { padding:23px; }
.breakdown dl { margin:16px 0 0; }
.breakdown dl div { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-bottom:1px solid var(--line); }
.breakdown dt { color:var(--muted); }
.breakdown dd { margin:0; font-weight:600; }
.negative { color:var(--red); }
.finance-form { display:grid; gap:16px; }
.finance-form .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.finance-form textarea { width:100%; padding:10px; border:1px solid var(--line); border-radius:9px; font:inherit; }
.finance-form .check-line { display:flex; flex-direction:row; align-items:flex-start; }
.finance-form .check-line input { width:18px; flex:0 0 18px; }
.insight-note { color:var(--muted); font-size:12px; margin:16px 0; }
#modal:has(.finance-form) { max-width:790px; }
.pager strong { font-size:12px; }
@media(max-width:900px) { .insight-summary { grid-template-columns:1fr; } .insight-intro { flex-direction:column; } }
@media(max-width:600px) { .finance-form .field-grid { grid-template-columns:1fr; } .insight-status { grid-template-columns:1fr; } .insight-tools form { width:100%; } .breakdown { padding:16px; } .wordmark img { width:85px;height:85px; } }
.live-hero { position:relative; overflow:hidden; border-radius:18px; padding:24px 28px 30px; text-align:center; background:var(--turquoise); margin-bottom:22px; }
.live-hero:before { content:''; position:absolute; width:70%; height:100px; right:-15%; bottom:-75px; border-radius:50%; background:var(--yellow); transform:rotate(-8deg); }
.live-hero h2 { color:#163D43; font-size:28px; margin:0 0 15px; }
.live-total { display:block; background:white; padding:16px 35px; border-radius:16px; font-size:clamp(30px,4.5vw,58px); font-weight:600; letter-spacing:-1px; max-width:580px; margin:0 auto 12px; box-shadow:0 4px 14px #163D4320; }
.live-hero small { color:#173E44; }
.live-hero .live-tag { display:table; margin:0 auto 12px; }
.live-hero-actions { display:flex; gap:8px; justify-content:center; margin-top:12px; }
.live-board { display:grid; grid-template-columns:.9fr 1.8fr 1.1fr; gap:18px; margin-bottom:22px; }
.live-board h3 { font-size:18px; padding:20px 20px 12px; margin:0; }
.live-mini-grid { display:grid; grid-template-columns:1fr 1fr; }
.live-mini-grid div { padding:19px 14px; border-top:1px solid var(--line); min-width:0; }
.live-mini-grid div:nth-child(odd) { border-right:1px solid var(--line); }
.live-mini-grid span { display:block; font-size:11px; color:var(--muted); }
.live-mini-grid strong { display:block; font-size:23px; margin-top:10px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.live-trend { padding:8px 16px; }
.live-trend svg { width:100%; height:245px; }
.live-trend .legend { display:flex; gap:18px; font-size:11px; justify-content:flex-end; }
.live-trend .legend span:first-child { color:var(--teal-ink); }
.live-trend .legend span:last-child { color:#9B3979; }
.live-top { display:grid; }
.live-top button { text-align:left; background:white; border-radius:0; border-top:1px solid var(--line); display:flex; gap:10px; padding:12px 16px; align-items:center; }
.live-top button:first-child { background:var(--yellow-soft); }
.live-top button:last-child { border-radius:0 0 13px 13px; }
.live-top button b { width:20px; color:var(--teal-ink); font-size:20px; flex:0 0 20px; }
.live-top button span { min-width:0; }
.live-top button strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:230px; }
.live-top button small { display:block; font-weight:400; font-size:11px; }
#live:fullscreen { background:var(--bg); padding:25px; overflow:auto; }
#live:fullscreen .live-board { grid-template-columns:.9fr 1.8fr 1.1fr; }
@media(max-width:1300px) { .live-board { grid-template-columns:1fr 1.7fr; } .live-board>.panel:last-child { grid-column:1/-1; } .live-top { grid-template-columns:repeat(5,1fr); } .live-top button strong { max-width:120px; } }
@media(max-width:900px) { .live-board { grid-template-columns:1fr; } .live-top { grid-template-columns:1fr; } .live-top button strong { max-width:260px; } .live-mini-grid { grid-template-columns:repeat(3,1fr); } .live-hero { padding:20px 14px; } }
@media(max-width:500px) { .live-mini-grid { grid-template-columns:1fr 1fr; } .live-hero h2 { font-size:25px; } }
.live-top { grid-template-columns:repeat(1,minmax(0,1fr)); }
.live-top button { min-width:0; }
@media(min-width:901px) and (max-width:1300px) { .live-top { grid-template-columns:repeat(5,minmax(0,1fr)); } }

.cost-status { margin:20px 0; border:1px solid var(--line); border-radius:12px; padding:14px 18px; background:white; }
.cost-status summary { cursor:pointer; font-weight:600; color:var(--teal-ink); }
.cost-status h3 { font-size:15px; margin:18px 0 10px; }
.cost-status p { font-size:12px; color:var(--muted); }
.cost-field { min-width:0; }
.cost-field .automatic-check { font-size:12px; line-height:1.4; margin:8px 0; gap:8px; font-weight:400; }
.cost-source { display:block; background:var(--blue-soft); padding:9px 11px; border-radius:8px; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.cost-source strong { font-weight:600; }
.cost-field input:disabled { color:var(--text); background:#f2f5f7; opacity:1; }

/* ERP / planejamento por conta */
.sku-planning { margin-bottom:24px; }
.planning-controls { display:grid; grid-template-columns:1fr 1fr 1.5fr auto; gap:14px; align-items:end; padding:0 20px 18px; }
.planning-controls label { min-width:0; display:grid; gap:7px; font-size:12px; }
.planning-metrics { margin:0 20px 18px; }
.sku-planning>.notice { margin:0 20px 18px; }
.sku-planning>.insight-note { padding:0 20px; }
.sku-planning td details { min-width:190px; max-width:280px; white-space:normal; }
.sku-planning td li { margin-bottom:7px; }
.sku-planning td { min-width:110px; overflow-wrap:normal; }
.sku-planning td:first-child { min-width:150px; }
.sku-planning td:nth-child(6) { white-space:nowrap; }
#import-period-form .form-grid + p { margin-top:16px; }
.account-choices { display:grid; gap:12px; max-height:50vh; overflow:auto; padding:12px 0; }
.account-choices .check-line { border:1px solid var(--line); border-radius:10px; padding:13px; }
.live-controls { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:18px 20px; margin-bottom:18px; background:var(--blue-soft); border:1px solid var(--line); border-radius:14px; }
.live-controls small { display:block; margin-top:5px; color:var(--muted); }
.daily-bars { padding:24px; display:grid; gap:20px; }
.daily-bars i { display:block; height:15px; background:var(--turquoise); border-radius:8px; margin-top:8px; }
.daily-bars div:first-child i { background:var(--magenta); }
@media(max-width:1000px){.planning-controls {grid-template-columns:1fr 1fr;} .live-controls {align-items:flex-start;flex-direction:column;} }
@media(max-width:600px){.planning-controls {grid-template-columns:1fr;} .planning-metrics {margin:0 12px 14px;} .sku-planning .panel-title{align-items:flex-start;flex-direction:column;} }