/* Cubique — Retorno de Marketing */
.cmr, .cmr-gaveta-wrap, .cmr-tip, .cmr-toast, .cmr-entrar {
	--navy: #0b1e38; --navy-2: #123258; --azul: #2f9be0; --azul-c: #4cc2ff;
	--plano: #f4f3ef; --sup: #ffffff; --ink: #0b0b0b; --ink-2: #52514e; --mut: #6f6e69;
	--linha: rgba(11, 11, 11, .09); --grelha: #e1e0d9; --eixo: #c3c2b7;
	--inv: #a9a79f; --ret: #123258;
	--bom: #0ca30c; --bom-t: #006300; --aviso: #fab219; --mau: #d03b3b;
	--r: 16px;
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--ink);
	font-size: 14px;
	line-height: 1.45;
}
.cmr *, .cmr-gaveta-wrap *, .cmr-entrar * { box-sizing: border-box; }
#wpcontent:has(#cmr-app) { padding-left: 0; }
#wpbody-content:has(#cmr-app) { padding-bottom: 0; }
.cmr { background: var(--plano); min-height: calc(100vh - 32px); margin: 0; }
.cmr.is-carregando .cmr-main { opacity: .55; transition: opacity .2s; pointer-events: none; }
.cmr-loading { padding: 60px; text-align: center; color: var(--mut); }

/* topo */
.cmr-top {
	background: radial-gradient(1200px 300px at 85% -40%, rgba(76, 194, 255, .35), transparent 60%), linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
	color: #fff; padding: 22px 28px 0;
}
.cmr-top-in { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.cmr-brand { display: flex; align-items: center; gap: 14px; }
.cmr-logo { width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, var(--azul-c), var(--azul)); position: relative; box-shadow: 0 6px 18px rgba(76, 194, 255, .35); }
.cmr-logo::after { content: ""; position: absolute; inset: 11px; border: 2.5px solid #fff; border-radius: 4px; border-top-color: transparent; transform: rotate(-45deg); }
.cmr-brand-t { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.cmr-brand-s { font-size: 12.5px; color: rgba(255, 255, 255, .68); }
.cmr-filtros { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.cmr-sel { display: flex; flex-direction: column; gap: 3px; font-size: 11px; color: rgba(255, 255, 255, .7); text-transform: uppercase; letter-spacing: .06em; }
.cmr-top select, .cmr-top input[type=date] {
	background: rgba(255, 255, 255, .1); color: #fff; border: 1px solid rgba(255, 255, 255, .22); border-radius: 10px;
	padding: 7px 30px 7px 12px; min-height: 36px; font: inherit; font-size: 13.5px; text-transform: none; letter-spacing: 0;
}
.cmr-top input[type=date] { padding-right: 10px; color-scheme: dark; }
.cmr-top select option { color: #000; }
.cmr-top select:focus, .cmr-top input:focus { outline: 2px solid var(--azul-c); outline-offset: 1px; box-shadow: none; }
.cmr-periodo { font-size: 13px; color: rgba(255, 255, 255, .78); padding-bottom: 9px; }
.cmr-marcas { display: flex; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
.cmr-pill {
	border: 1px solid rgba(255, 255, 255, .22); background: transparent; color: rgba(255, 255, 255, .85);
	border-radius: 999px; padding: 6px 14px; font: inherit; font-size: 13px; cursor: pointer; transition: .15s;
}
.cmr-pill:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.cmr-pill.is-on { background: #fff; color: var(--navy); border-color: #fff; font-weight: 600; }
.cmr-tabs { display: flex; gap: 2px; margin-top: 18px; overflow-x: auto; }
.cmr-tab {
	background: none; border: 0; color: rgba(255, 255, 255, .7); font: inherit; font-size: 14px; font-weight: 500;
	padding: 12px 16px; border-radius: 12px 12px 0 0; cursor: pointer; white-space: nowrap;
}
.cmr-tab:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.cmr-tab.is-on { background: var(--plano); color: var(--navy); font-weight: 600; }
.cmr button:focus-visible, .cmr [tabindex="0"]:focus-visible, .cmr-gaveta-wrap button:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; }

.cmr-main { padding: 24px 28px 48px; display: flex; flex-direction: column; gap: 20px; max-width: 1500px; }

/* KPIs */
.cmr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.cmr-kpi { background: var(--sup); border: 1px solid var(--linha); border-radius: var(--r); padding: 16px 18px; position: relative; overflow: hidden; }
.cmr-kpi-rot { font-size: 12.5px; color: var(--ink-2); font-weight: 500; }
.cmr-kpi-val { font-size: 28px; font-weight: 700; letter-spacing: -.02em; margin-top: 4px; color: var(--navy); }
.cmr-kpi-sub { font-size: 12px; color: var(--mut); margin-top: 2px; }
.cmr-kpi.is-bom .cmr-kpi-val { color: var(--bom-t); }
.cmr-kpi.is-bom::before, .cmr-kpi.is-mau::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--bom); }
.cmr-kpi.is-mau::before { background: var(--mau); }
.cmr-kpi.is-mau .cmr-kpi-val { color: #a42525; }

/* cartões */
.cmr-card { background: var(--sup); border: 1px solid var(--linha); border-radius: var(--r); padding: 20px 22px; min-width: 0; }
.cmr-card.is-flat { background: transparent; border: 0; padding: 0; }
.cmr-card-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.cmr-card h2 { font-size: 16px; margin: 0; font-weight: 650; color: var(--ink); }
.cmr-card-h p { margin: 3px 0 0; color: var(--ink-2); font-size: 12.5px; max-width: 640px; }
.cmr-grid2 { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; }
@media (max-width: 1100px) { .cmr-grid2 { grid-template-columns: 1fr; } }

.cmr-marcas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.cmr-marca { cursor: pointer; transition: transform .15s, box-shadow .15s; border-top: 3px solid var(--navy); padding-top: 16px; }
.cmr-marca:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(11, 30, 56, .08); }
.cmr-marca header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 10px; }
.cmr-marca h3 { margin: 0; font-size: 15px; font-weight: 650; }
.cmr-marca.is-tinteiro { border-top-color: #e05a1f; }
.cmr-marca.is-tonerdeck { border-top-color: #1c6fb0; }
.cmr-marca.is-cubique { border-top-color: var(--azul); }
.cmr-marca.is-cubispaces { border-top-color: #7a6a4f; }
.cmr-marca dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; margin: 0; }
.cmr-marca dt { font-size: 11.5px; color: var(--mut); }
.cmr-marca dd { margin: 0; font-weight: 650; font-size: 15px; font-variant-numeric: tabular-nums; }
.cmr-meter { margin-top: 14px; display: grid; gap: 5px; }
.cmr-meter div { display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 8px; font-size: 11px; color: var(--mut); }
.cmr-meter i { display: block; height: 8px; border-radius: 0 4px 4px 0; background: var(--inv); min-width: 2px; }
.cmr-meter i.is-ret { background: var(--ret); }
.cmr-roas { font-weight: 700; font-size: 13px; color: var(--ink-2); white-space: nowrap; }
.cmr-roas small { font-weight: 400; color: var(--mut); }
.cmr-roas.is-bom { color: var(--bom-t); }
.cmr-roas.is-bom::before { content: "▲ "; font-size: 9px; }
.cmr-roas.is-mau { color: #a42525; }
.cmr-roas.is-mau::before { content: "▼ "; font-size: 9px; }

/* gráficos */
.cmr-chart { width: 100%; min-height: 260px; }
.cmr-chart svg { display: block; overflow: visible; }
.cmr-grid { stroke: var(--grelha); stroke-width: 1; }
.cmr-base { stroke: var(--eixo); stroke-width: 1; }
.cmr-ax { fill: var(--mut); font-size: 11px; font-variant-numeric: tabular-nums; }
.cmr-b-inv { fill: var(--inv); }
.cmr-b-ret { fill: var(--ret); }
.cmr-hit { fill: transparent; cursor: crosshair; }
.cmr-hit.is-hover { fill: rgba(11, 30, 56, .045); }
.cmr-legenda { display: flex; gap: 16px; font-size: 12px; color: var(--ink-2); align-items: center; }
.cmr-legenda.is-wrap { flex-wrap: wrap; gap: 8px 16px; margin-top: 16px; }
.cmr-legenda span { display: inline-flex; align-items: center; gap: 6px; }
.cmr-sw { display: inline-block; width: 10px; height: 10px; border-radius: 3px; flex: none; }
.cmr-sw.is-inv { background: var(--inv); }
.cmr-sw.is-ret { background: var(--ret); }
.cmr-tabela-alt { margin-top: 8px; font-size: 12.5px; }
.cmr-tabela-alt summary { cursor: pointer; color: var(--ink-2); }
.cmr-tabela-alt .cmr-t { margin-top: 8px; }

.cmr-stack { display: grid; gap: 16px; }
.cmr-stack-lab { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
.cmr-stack-lab span { color: var(--mut); font-variant-numeric: tabular-nums; }
.cmr-stack-bar { display: flex; height: 30px; gap: 2px; }
.cmr-stack-bar i { display: flex; align-items: center; justify-content: center; min-width: 3px; cursor: crosshair; transition: filter .12s; }
.cmr-stack-bar i:first-child { border-radius: 6px 0 0 6px; }
.cmr-stack-bar i:last-child { border-radius: 0 6px 6px 0; }
.cmr-stack-bar i:only-child { border-radius: 6px; }
.cmr-stack-bar i.is-hover { filter: brightness(1.08) saturate(1.1); box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(11, 11, 11, .25); position: relative; z-index: 1; }
.cmr-stack-bar em { font-style: normal; font-size: 11px; font-weight: 600; color: #fff; }
.cmr-stack-bar em.is-esc { color: #0b0b0b; }

.cmr-tip {
	position: fixed; z-index: 100000; pointer-events: none; opacity: 0; transform: translateY(4px); transition: opacity .12s, transform .12s;
	background: #fff; color: var(--ink); border: 1px solid var(--linha); border-radius: 10px; padding: 9px 12px; font-size: 12.5px;
	box-shadow: 0 10px 30px rgba(11, 30, 56, .16); display: grid; gap: 4px; min-width: 160px;
}
.cmr-tip.is-on { opacity: 1; transform: none; }
.cmr-tip span { display: flex; align-items: center; gap: 6px; color: var(--ink-2); }
.cmr-tip span b { margin-left: auto; color: var(--ink); padding-left: 10px; font-variant-numeric: tabular-nums; }

/* tabelas */
.cmr-tw { overflow-x: auto; margin: 0 -22px; padding: 0 22px; }
.cmr-t { width: 100%; border-collapse: collapse; font-size: 13px; }
.cmr-t th { text-align: left; font-weight: 600; font-size: 11.5px; color: var(--mut); text-transform: uppercase; letter-spacing: .04em; padding: 8px 10px; border-bottom: 1px solid var(--eixo); white-space: nowrap; }
.cmr-t td { padding: 11px 10px; border-bottom: 1px solid var(--grelha); vertical-align: middle; }
.cmr-t .n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cmr-t tbody tr:last-child td { border-bottom: 0; }
.cmr-t.is-click tbody tr { cursor: pointer; }
.cmr-t tbody tr:hover td { background: #faf9f6; }
.cmr-t tr.is-inv td { opacity: .55; }
.cmr-col-bar { width: 22%; min-width: 120px; }
.cmr-hbar { height: 10px; background: #f0efec; border-radius: 0 5px 5px 0; }
.cmr-hbar i { display: block; height: 100%; border-radius: 0 5px 5px 0; min-width: 2px; }
.cmr-nw { white-space: nowrap; }
.cmr-t.is-camp td:first-child { min-width: 210px; }
.cmr-mut { color: var(--mut); font-size: 12px; }
.cmr-mono { font-family: ui-monospace, "JetBrains Mono", Consolas, monospace; font-size: 11.5px; }
.cmr-err { color: #a42525; }
.cmr-pag { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 14px; font-size: 12.5px; color: var(--mut); }

.cmr-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; white-space: nowrap; }
.cmr-dot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.cmr-tag { display: inline-block; font-size: 11.5px; padding: 2px 8px; border-radius: 6px; background: #f0efec; color: var(--ink-2); white-space: nowrap; }
.cmr-tag.is-novo { background: #e3f4ff; color: #0f4c78; }
.cmr-tag.is-cubique { background: #e3f4ff; color: #0f4c78; }
.cmr-tag.is-cubispaces { background: #f1ece2; color: #5a4b31; }

.cmr-estado { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 3px 9px 3px 7px; border-radius: 999px; background: #f0efec; color: var(--ink-2); white-space: nowrap; }
.cmr-estado b { display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; font-size: 10px; background: currentColor; }
.cmr-estado b { color: #fff; background: var(--ink-2); }
.cmr-estado.is-novo { background: #e7edf6; color: var(--navy-2); }
.cmr-estado.is-novo b { background: var(--navy-2); }
.cmr-estado.is-orcamento { background: #fff4d9; color: #7a5200; }
.cmr-estado.is-orcamento b { background: var(--aviso); color: #0b0b0b; }
.cmr-estado.is-ganho { background: #e2f5e2; color: var(--bom-t); }
.cmr-estado.is-ganho b { background: var(--bom); }
.cmr-estado.is-perdido { background: #fbe6e6; color: #a42525; }
.cmr-estado.is-perdido b { background: var(--mau); }
.cmr-estado.is-spam { color: var(--mut); }
.cmr-estado.is-spam b { background: var(--mut); }

/* botões e formulários */
.cmr-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--navy); background: var(--navy); color: #fff;
	font: inherit; font-size: 13.5px; font-weight: 600; padding: 8px 16px; border-radius: 10px; cursor: pointer; min-height: 38px; transition: .15s; white-space: nowrap;
}
.cmr-btn:hover { background: var(--navy-2); }
.cmr-btn:disabled { opacity: .5; cursor: default; }
.cmr-btn.is-sec { background: #fff; color: var(--navy); border-color: rgba(11, 30, 56, .2); }
.cmr-btn.is-sec:hover { border-color: var(--navy); }
.cmr-btn.is-sm { min-height: 30px; padding: 4px 12px; font-size: 12.5px; }
.cmr-btn.is-perigo { color: #a42525; border-color: rgba(164, 37, 37, .3); }
.cmr-filtros-in { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.cmr-filtros-in select, .cmr-filtros-in input[type=search], .cmr-inline {
	font: inherit; font-size: 13px; border: 1px solid rgba(11, 30, 56, .18); border-radius: 10px; padding: 6px 28px 6px 10px; min-height: 38px; background-color: #fff; max-width: 240px;
}
.cmr-filtros-in input[type=search] { padding-right: 10px; min-width: 220px; }
.cmr-inline { min-height: 32px; font-size: 12.5px; max-width: 220px; }
.cmr-seg { display: inline-flex; border: 1px solid rgba(11, 30, 56, .18); border-radius: 10px; overflow: hidden; background: #fff; }
.cmr-seg button { border: 0; background: none; font: inherit; font-size: 13px; padding: 0 12px; min-height: 36px; cursor: pointer; color: var(--ink-2); }
.cmr-seg button[aria-pressed=true] { background: var(--navy); color: #fff; }

.cmr-form label { display: flex; flex-direction: column; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--ink-2); margin-bottom: 14px; }
.cmr-form input:not([type=radio]), .cmr-form select, .cmr-form textarea {
	font: inherit; font-size: 14px; font-weight: 400; color: var(--ink); border: 1px solid rgba(11, 30, 56, .18); border-radius: 10px; padding: 8px 11px; min-height: 40px; background: #fff; width: 100%; max-width: none;
}
.cmr-form input:focus, .cmr-form select:focus, .cmr-form textarea:focus { border-color: var(--azul); box-shadow: 0 0 0 3px rgba(47, 155, 224, .18); outline: 0; }
.cmr-form small { font-weight: 400; color: var(--mut); font-size: 11.5px; }
.cmr-f2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
@media (max-width: 600px) { .cmr-f2 { grid-template-columns: 1fr; } }
.cmr-acoes { display: flex; gap: 10px; align-items: center; margin-top: 8px; }
.cmr-acoes > span { flex: 1; }
.cmr-fs { border: 1px solid var(--linha); border-radius: 14px; padding: 14px 16px 2px; margin: 0 0 16px; }
.cmr-fs legend { font-weight: 650; font-size: 13px; padding: 0 6px; }
.cmr-estados { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.cmr-estado-op { margin: 0 !important; cursor: pointer; }
.cmr-estado-op input { position: absolute; opacity: 0; pointer-events: none; }
.cmr-estado-op span { display: inline-block; border-radius: 999px; outline: 2px solid transparent; outline-offset: 1px; opacity: .72; transition: .12s; }
.cmr-estado-op input:checked + span { opacity: 1; outline-color: currentColor; }
.cmr-estado-op input:focus-visible + span { outline-color: var(--azul); opacity: 1; }
.cmr-estado-op.is-ganho span { color: var(--bom-t); }
.cmr-estado-op.is-perdido span { color: #a42525; }
.cmr-estado-op.is-orcamento span { color: #7a5200; }
.cmr-estado-op.is-novo span { color: var(--navy-2); }

.cmr-link { background: #f6f9fc; border: 1px dashed rgba(47, 155, 224, .5); border-radius: 12px; padding: 12px 14px; margin-bottom: 14px; }
.cmr-link-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12.5px; margin-bottom: 6px; }
.cmr-link-h.is-gads { margin-top: 12px; }
.cmr-link code { display: block; word-break: break-all; font-size: 12px; background: #fff; border: 1px solid var(--linha); border-radius: 8px; padding: 8px 10px; }
.cmr-link [hidden] { display: none; }

/* kanban */
.cmr-kanban { display: grid; grid-template-columns: repeat(5, minmax(220px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 6px; }
.cmr-col { background: #eceae4; border-radius: 14px; padding: 10px; min-height: 280px; display: flex; flex-direction: column; transition: background .12s, box-shadow .12s; }
.cmr-col.is-over { background: #e1ecf6; box-shadow: inset 0 0 0 2px var(--azul); }
.cmr-col header { display: flex; align-items: center; gap: 6px 8px; padding: 2px 4px 10px; flex-wrap: wrap; }
.cmr-col-n { font-size: 12px; color: var(--mut); font-weight: 600; }
.cmr-col-v { margin-left: auto; font-size: 12px; font-weight: 650; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.cmr-col-body { display: flex; flex-direction: column; gap: 8px; flex: 1; }
.cmr-col-vazio { border: 1.5px dashed rgba(11, 11, 11, .14); border-radius: 10px; padding: 18px; text-align: center; color: var(--mut); font-size: 12px; }
.cmr-cartao { background: #fff; border-radius: 12px; padding: 11px 12px; border: 1px solid var(--linha); cursor: grab; display: grid; gap: 6px; transition: box-shadow .15s, transform .15s; }
.cmr-cartao:hover { box-shadow: 0 6px 18px rgba(11, 30, 56, .1); transform: translateY(-1px); }
.cmr-cartao.is-drag { opacity: .4; }
.cmr-cartao-t { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.cmr-cartao-t b { font-size: 13.5px; line-height: 1.3; overflow-wrap: anywhere; }
.cmr-cartao-t .cmr-mut { white-space: nowrap; font-size: 11px; }
.cmr-cartao-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.cmr-cartao-tags .cmr-chip { font-size: 11.5px; color: var(--ink-2); }
.cmr-cartao-camp { font-size: 11.5px; }
.cmr-cartao-b { display: flex; justify-content: space-between; align-items: center; font-variant-numeric: tabular-nums; font-size: 13px; }
.cmr-cartao-antigo { font-size: 11px; color: #7a5200; }
.cmr-av { width: 24px; height: 24px; border-radius: 50%; background: var(--navy-2); color: #fff; font-size: 10px; font-weight: 700; display: grid; place-items: center; }
.cmr-av.is-livre { background: #fff; color: var(--mut); border: 1.5px dashed var(--eixo); }
.cmr-spam { margin: 10px 0 0; }

/* gaveta lateral */
.cmr-gaveta-wrap { position: fixed; inset: 0; z-index: 99999; }
.cmr-veu { position: absolute; inset: 0; background: rgba(8, 24, 44, .38); opacity: 0; transition: opacity .2s; }
.cmr-gaveta {
	position: absolute; right: 0; top: 0; bottom: 0; width: min(620px, 100vw); background: #fff; box-shadow: -20px 0 50px rgba(8, 24, 44, .2);
	transform: translateX(30px); opacity: 0; transition: transform .22s cubic-bezier(.23, 1, .32, 1), opacity .2s; display: flex; flex-direction: column;
}
.cmr-gaveta-wrap.is-on .cmr-veu { opacity: 1; }
.cmr-gaveta-wrap.is-on .cmr-gaveta { transform: none; opacity: 1; }
.cmr-gaveta > header { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--linha); }
.cmr-gaveta h2 { margin: 0; font-size: 18px; font-weight: 700; color: var(--navy); }
.cmr-x { border: 0; background: #f0efec; width: 34px; height: 34px; border-radius: 50%; font-size: 20px; line-height: 1; cursor: pointer; color: var(--ink-2); }
.cmr-x:hover { background: #e4e2db; }
.cmr-gaveta-c { padding: 20px 22px 32px; overflow-y: auto; }
.cmr-mini-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 18px; }
.cmr-mini-kpis .cmr-kpi { padding: 10px 12px; border-radius: 12px; }
.cmr-mini-kpis .cmr-kpi-val { font-size: 17px; }
.cmr-mini-kpis .cmr-kpi-rot { font-size: 11px; }
.cmr-sub { font-size: 14px; margin: 26px 0 10px; }
.cmr-lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--grelha); }
.cmr-lista li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--grelha); font-size: 13px; }
.cmr-lista li div:first-child { display: grid; }
.cmr-lista .n { font-variant-numeric: tabular-nums; white-space: nowrap; }
.cmr-ped-h p { margin: 8px 0 0; }
.cmr-contacto { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.cmr-contacto a { background: #f0f6fb; color: var(--navy-2); text-decoration: none; border-radius: 10px; padding: 7px 12px; font-size: 13px; font-weight: 600; }
.cmr-contacto a:hover { background: #e1ecf6; }
.cmr-msg { margin: 0 0 14px; padding: 12px 14px; background: #faf9f6; border-left: 3px solid var(--azul); border-radius: 0 10px 10px 0; white-space: pre-wrap; font-size: 13.5px; }
.cmr-dados { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; margin: 0 0 14px; }
.cmr-dados div { background: #faf9f6; border-radius: 10px; padding: 8px 10px; }
.cmr-dados dt { font-size: 11px; color: var(--mut); }
.cmr-dados dd { margin: 0; font-weight: 600; font-size: 13px; }
.cmr-origem { background: #faf9f6; border-radius: 12px; padding: 12px 14px; margin-bottom: 16px; font-size: 13px; }
.cmr-origem h4 { margin: 0 0 6px; font-size: 12px; color: var(--mut); text-transform: uppercase; letter-spacing: .05em; }
.cmr-origem p { margin: 6px 0 0; }

/* diversos */
.cmr-vazio { text-align: center; padding: 34px 20px; color: var(--ink-2); }
.cmr-vazio-ico { font-size: 30px; color: var(--azul); }
.cmr-vazio h3 { margin: 6px 0 4px; font-size: 15px; color: var(--ink); }
.cmr-vazio p { margin: 0 auto 14px; max-width: 520px; font-size: 13px; }
.cmr-aviso { background: #fff7e0; border: 1px solid #f3d48a; color: #6b4a00; border-radius: 12px; padding: 10px 14px; font-size: 13px; }
.cmr-aviso.is-erro { background: #fdeeee; border-color: #efb5b5; color: #8a1f1f; }
.cmr-aviso a { color: inherit; font-weight: 600; }
.cmr-ajuda h2 { margin-bottom: 8px; }
.cmr-ajuda h2 + ul, .cmr-ajuda ol, .cmr-ajuda ul { margin: 0 0 16px 20px; padding: 0; color: var(--ink-2); font-size: 13px; }
.cmr-ajuda li { margin-bottom: 6px; list-style: inherit; }
.cmr-ajuda ol li { list-style: decimal; }
.cmr-ajuda ul li { list-style: disc; }
.cmr-ajuda code { font-size: 12px; }
.cmr-lojas { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.cmr-loja { border: 1px solid var(--linha); border-radius: 14px; padding: 16px; }
.cmr-loja h3 { margin: 0 0 14px; font-size: 15px; display: flex; justify-content: space-between; align-items: center; }
.cmr-skel { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cmr-skel div { height: 96px; border-radius: var(--r); background: linear-gradient(90deg, #ebe9e3 0%, #f5f4f0 50%, #ebe9e3 100%); background-size: 200% 100%; animation: cmr-sk 1.2s infinite; }
@keyframes cmr-sk { to { background-position: -200% 0; } }
.cmr-toast {
	position: fixed; bottom: 24px; left: 50%; transform: translate(-50%, 20px); opacity: 0; z-index: 100001; transition: .25s;
	background: var(--navy); color: #fff; padding: 11px 18px; border-radius: 12px; font-size: 13.5px; box-shadow: 0 10px 30px rgba(8, 24, 44, .3); max-width: 90vw;
}
.cmr-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.cmr-toast.is-erro { background: #8a1f1f; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

@media (max-width: 782px) {
	.cmr-top, .cmr-main { padding-left: 14px; padding-right: 14px; }
	.cmr-mini-kpis { grid-template-columns: 1fr 1fr; }
}
@media (forced-colors: active) {
	.cmr-b-inv { fill: GrayText; } .cmr-b-ret { fill: CanvasText; }
}
@media (prefers-reduced-motion: reduce) {
	.cmr *, .cmr-gaveta-wrap * { transition: none !important; animation: none !important; }
}
.cmr-indicio { margin-top: 14px; }
.cmr-indicio-txt { color: #7a5200; font-size: 11.5px; font-weight: 500; }

/* painel separado: página inteira, conta e entrada */
body.cmr-corpo { margin: 0; background: #f4f3ef; }
.cmr-corpo .cmr { min-height: 100vh; }
.cmr-conta { display: flex; align-items: center; gap: 12px; font-size: 13px; color: rgba(255, 255, 255, .8); padding-bottom: 8px; }
.cmr-conta a { color: #fff; border: 1px solid rgba(255, 255, 255, .3); border-radius: 999px; padding: 4px 12px; text-decoration: none; }
.cmr-conta a:hover { background: rgba(255, 255, 255, .12); }
body.cmr-entrar {
	margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box;
	background: radial-gradient(900px 400px at 80% -10%, rgba(76, 194, 255, .35), transparent 60%), linear-gradient(135deg, #0b1e38, #123258);
	font-family: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.cmr-entrar-caixa { width: min(420px, 100%); background: #fff; border-radius: 22px; padding: 28px; box-shadow: 0 30px 80px rgba(0, 0, 0, .35); }
.cmr-entrar .cmr-brand { color: #0b1e38; margin-bottom: 18px; }
.cmr-entrar .cmr-brand-s { color: #6f6e69; }
.cmr-entrar h1 { font-size: 20px; margin: 0 0 12px; color: #0b1e38; }
.cmr-entrar .cmr-btn { width: 100%; margin-top: 6px; min-height: 44px; }
.cmr-entrar .cmr-aviso { margin-bottom: 12px; }