/* CHUCAR OS · Fase R1 — fundação visual aditiva e sem dependências. */
:root {
  --chucar-color-primary: #e85d04;
  --chucar-color-primary-hover: #c94f03;
  --chucar-color-primary-soft: #fff3e8;
  --chucar-color-ink: #1f2937;
  --chucar-color-muted: #667085;
  --chucar-color-line: #e4e7ec;
  --chucar-color-canvas: #f6f7f9;
  --chucar-color-surface: #ffffff;
  --chucar-color-success: #15803d;
  --chucar-color-warning: #b45309;
  --chucar-color-danger: #b42318;
  --chucar-radius-sm: 6px;
  --chucar-radius-md: 9px;
  --chucar-radius-lg: 12px;
  --chucar-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --chucar-shadow-md: 0 8px 24px rgba(16, 24, 40, .08);
  --chucar-space-1: 4px;
  --chucar-space-2: 8px;
  --chucar-space-3: 12px;
  --chucar-space-4: 16px;
  --chucar-space-5: 20px;
  --chucar-space-6: 24px;
  --chucar-font: Inter, "Segoe UI", Arial, sans-serif;
}

.chucar-theme { color: var(--chucar-color-ink); font-family: var(--chucar-font); }
.chucar-surface { background: var(--chucar-color-surface); border: 1px solid var(--chucar-color-line); border-radius: var(--chucar-radius-lg); box-shadow: var(--chucar-shadow-sm); }
.chucar-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--chucar-space-3); padding: var(--chucar-space-4); }
.chucar-button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: var(--chucar-space-2); padding: 8px 14px; border: 1px solid var(--chucar-color-line); border-radius: var(--chucar-radius-sm); background: var(--chucar-color-surface); color: var(--chucar-color-ink); font: 700 14px/1 var(--chucar-font); cursor: pointer; }
.chucar-button:hover { border-color: #cfd4dc; background: #fafafa; }
.chucar-button--primary { border-color: var(--chucar-color-primary); background: var(--chucar-color-primary); color: #fff; }
.chucar-button--primary:hover { border-color: var(--chucar-color-primary-hover); background: var(--chucar-color-primary-hover); }
.chucar-input, .chucar-select { min-height: 38px; padding: 8px 11px; border: 1px solid #cfd4dc; border-radius: var(--chucar-radius-sm); background: #fff; color: var(--chucar-color-ink); font: 14px var(--chucar-font); outline: none; }
.chucar-input:focus, .chucar-select:focus { border-color: var(--chucar-color-primary); box-shadow: 0 0 0 3px rgba(232, 93, 4, .13); }
.chucar-table-wrap { overflow: auto; border: 1px solid var(--chucar-color-line); border-radius: var(--chucar-radius-md); background: #fff; }
.chucar-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.chucar-table th { padding: 10px 12px; background: #f9fafb; color: #475467; font-size: 11px; letter-spacing: .04em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.chucar-table td { padding: 11px 12px; border-top: 1px solid var(--chucar-color-line); vertical-align: middle; }
.chucar-table tbody tr:hover { background: #fffbf7; }
.chucar-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px; border-radius: 999px; background: #f2f4f7; color: #475467; font-size: 11px; font-weight: 750; white-space: nowrap; }
.chucar-badge--success { background: #ecfdf3; color: var(--chucar-color-success); }
.chucar-badge--warning { background: #fffaeb; color: var(--chucar-color-warning); }
.chucar-badge--danger { background: #fef3f2; color: var(--chucar-color-danger); }
.chucar-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--chucar-color-line); }
.chucar-tab { padding: 11px 14px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--chucar-color-muted); font-weight: 700; }
.chucar-tab[aria-selected="true"] { border-bottom-color: var(--chucar-color-primary); color: var(--chucar-color-primary); }
.chucar-popover { padding: var(--chucar-space-4); border: 1px solid var(--chucar-color-line); border-radius: var(--chucar-radius-md); background: #fff; box-shadow: var(--chucar-shadow-md); }
.chucar-muted { color: var(--chucar-color-muted); }
.chucar-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 760px) {
  .chucar-toolbar { align-items: stretch; }
  .chucar-toolbar > * { flex: 1 1 180px; }
  .chucar-table { min-width: 760px; }
}

/* R2 · navegação por clique, inspirada no comportamento do Tiny/Olist. */
.sidebar{overflow:visible}.sidebar .tiny-module-rail{display:flex!important;flex:1;flex-direction:column;gap:4px;min-height:0}.sidebar .tiny-module-button{appearance:none;display:flex;align-items:center;gap:10px;width:100%;min-height:45px;padding:8px 11px;border:0;border-radius:8px;background:transparent;color:#d0d5dd;font:650 12px/1.2 var(--chucar-font);text-align:left;cursor:pointer}.sidebar .tiny-module-button:hover,.sidebar .tiny-module-button:focus-visible,.sidebar .tiny-module-button.open{background:#353a40;color:#fff;outline:none}.tiny-module-icon{display:grid;place-items:center;width:23px;font-size:17px}.sidebar .tiny-module-footer{margin-top:auto}.tiny-submenu-host{position:absolute;z-index:80;top:0;left:100%;height:100vh}.tiny-submenu{width:290px;height:100%;padding:20px 14px;background:#fff;color:#20252b;border-right:1px solid #e4e7ec;box-shadow:12px 0 28px rgba(16,24,40,.12)}.tiny-submenu[hidden]{display:none}.tiny-submenu header{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 18px;border-bottom:1px solid #eaecf0}.tiny-submenu header strong{font-size:18px}.tiny-submenu header button{width:34px;height:34px;border:0;border-radius:7px;background:#f2f4f7;color:#475467;font-size:22px;cursor:pointer}.tiny-submenu-links{display:grid;gap:3px;padding-top:12px}.tiny-submenu .nav-item{display:flex!important;align-items:center;gap:10px;min-height:42px;padding:9px 11px!important;border-radius:7px;color:#344054!important;text-decoration:none;font-size:13px}.tiny-submenu .nav-item:hover,.tiny-submenu .nav-item.active{background:#eef4ff!important;color:#175cd3!important;box-shadow:none!important}.tiny-submenu .nav-item.disabled{color:#98a2b3!important;cursor:not-allowed}.tiny-submenu .nav-item.disabled:after{content:"Em breve";margin-left:auto;font-size:9px;text-transform:uppercase}.sidebar .nav-section{display:none!important}
@media(max-width:750px){.tiny-submenu-host{position:fixed;left:0;top:0;width:100%;height:100%;padding-left:72px;background:#0005}.tiny-submenu{width:min(320px,calc(100vw - 72px))}.sidebar .tiny-module-rail{display:flex!important}}

/* Identidade de conta centralizada: alterar a cor somente aqui. */
.conta-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f2f4f7;font-weight:850;white-space:nowrap}.conta-chucar{color:#b42318;background:#fef3f2}.conta-carvalho{color:#166534;background:#ecfdf3}.conta-lae{color:#1849a9;background:#eff4ff}.conta-lowin{color:#087e8b;background:#ecfdff}.conta-rdautomotive{color:#b54708;background:#fff6ed}.conta-neutra{color:#475467;background:#f2f4f7}
.marketplace-order-link,.support-context-actions a{color:#175cd3;font-weight:800;text-decoration:none}.marketplace-order-link:hover,.support-context-actions a:hover{text-decoration:underline}.support-context-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.support-context-actions a,.support-context-actions span{padding:6px 9px;border-radius:6px;background:#f2f4f7;font-size:11px}.support-context-actions span{color:#667085}
