/* Preço Pronto Design System — camada de interface; nunca estiliza o canvas das artes. */
:root {
    --primary:#08783f;
    --primary-hover:#056332;
    --primary-light:#e8f7ee;
    --primary-bright:#16a34a;
    --accent:#f5a524;
    --accent-hover:#db8610;
    --danger:#d92d3a;
    --success:#168653;
    --background:#f4f6f9;
    --surface:#ffffff;
    --surface-subtle:#f8fafc;
    --border:#dce3eb;
    --text-primary:#152235;
    --text-secondary:#647286;
    --focus:rgba(22,163,74,.22);
    --shadow-sm:0 3px 12px rgba(21,34,53,.07);
    --shadow-md:0 12px 32px rgba(21,34,53,.10);
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:18px;
    --sidebar-width:244px;
    --topbar-height:68px;
    --motion:180ms ease;
}
body.tema-escuro {
    --primary:#67d391;
    --primary-hover:#8ee5ae;
    --primary-light:#173529;
    --primary-bright:#45c879;
    --accent:#f6b545;
    --accent-hover:#ffc867;
    --danger:#ff7280;
    --success:#42c78a;
    --background:#0b1410;
    --surface:#121f19;
    --surface-subtle:#17271f;
    --border:#2a4034;
    --text-primary:#f3f7fb;
    --text-secondary:#a8b6c8;
    --focus:rgba(69,200,121,.28);
    --shadow-sm:0 3px 12px rgba(0,0,0,.18);
    --shadow-md:0 15px 36px rgba(0,0,0,.24);
}
.bodart-shell,.bodart-dashboard,.bodart-create-modal,.bodart-toast-region { font-family:Inter,"Segoe UI",Arial,sans-serif; }
body:not(.auth-pendente) .bodart-shell { display:block; }
.bodart-shell { display:none; }
.bodart-sidebar { position:fixed; inset:0 auto 0 0; z-index:1900; width:var(--sidebar-width); padding:18px 12px 14px; display:flex; flex-direction:column; color:#fff; background:#10231a; border-right:1px solid rgba(255,255,255,.08); box-sizing:border-box; }
.bodart-sidebar-brand { height:56px; padding:0 10px 14px; display:flex; align-items:center; gap:10px; border-bottom:1px solid rgba(255,255,255,.12); }
.bodart-sidebar-brand img { width:44px; height:44px; object-fit:contain; background:none; border-radius:0; padding:0; filter: drop-shadow(0 2px 6px rgba(255,255,255,.4)); }
.bodart-sidebar-brand span { display:grid; line-height:1.05; }
.bodart-sidebar-brand strong { font-size:15px; letter-spacing:-.02em; }
.bodart-sidebar-brand small { margin-top:4px; color:#a9c8e3; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.bodart-nav { margin-top:15px; display:grid; gap:4px; overflow:auto; scrollbar-width:thin; }
.bodart-nav-section { padding:14px 10px 5px; color:#7fa7c9; font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.bodart-nav button { min-height:42px; padding:9px 11px; display:flex; align-items:center; gap:11px; border:0; border-radius:var(--radius-sm); color:#cfe1f0; background:transparent; font:700 12px/1 Inter,"Segoe UI",sans-serif; text-align:left; cursor:pointer; transition:color var(--motion),background var(--motion); }
.bodart-nav button:hover,.bodart-nav button.ativo { color:#fff; background:rgba(255,255,255,.10); transform:none !important; }
.bodart-nav button.ativo { box-shadow:inset 3px 0 0 var(--accent); }
.bodart-nav svg,.bodart-topbar svg,.bodart-dashboard svg,.bodart-create-modal svg { width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bodart-sidebar-footer { margin-top:auto; padding-top:12px; border-top:1px solid rgba(255,255,255,.12); }
.bodart-store,.bodart-profile { padding:9px; display:flex; align-items:center; gap:9px; border-radius:var(--radius-sm); }
.bodart-store { color:#b8d9c5; font-size:10px; }
.bodart-footer-icon { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:9px; }
.bodart-footer-icon svg { width:15px!important; height:15px!important; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bodart-plan-icon { color:#ffd166; background:rgba(255,209,102,.14); box-shadow:inset 0 0 0 1px rgba(255,209,102,.18); }
.bodart-store>span { min-width:0; display:grid; gap:2px; }
.bodart-store small { color:#83ad93; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.bodart-store strong { overflow:hidden; color:#e5f7ec; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.bodart-profile { width:100%; margin-top:4px; border:0; color:#fff; background:rgba(255,255,255,.06); text-align:left; cursor:pointer; }
.bodart-profile>svg { width:15px; margin-left:auto; color:#9eb9d0; }
.bodart-avatar { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#172235; background:var(--accent); font-size:11px; font-weight:900; }
.bodart-avatar.tem-foto { background-size:cover; background-position:center; color:transparent; }
.bodart-profile div { min-width:0; display:grid; }
.bodart-profile strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.bodart-profile small { color:#9eb9d0; font-size:9px; }
.bodart-logout { width:100%; min-height:36px; margin-top:5px; padding:8px 10px; display:flex; align-items:center; gap:10px; border:0; border-radius:8px; color:#ffb6b6; background:transparent; font-size:10px; font-weight:800; cursor:pointer; }
.bodart-exit-icon { color:#ff9f9f; background:rgba(220,38,38,.13); box-shadow:inset 0 0 0 1px rgba(255,125,125,.12); }
.bodart-logout:hover .bodart-exit-icon { color:#fff; background:rgba(220,38,38,.38); }
.bodart-logout:hover { color:#fff; background:rgba(220,38,38,.24); }
.bodart-account-modal[hidden]{display:none!important}.bodart-account-modal{position:fixed;inset:0;z-index:15000;padding:20px;display:grid;place-items:center;background:rgba(4,15,9,.82)}
.bodart-account-panel{width:min(100%,520px);overflow:hidden;border:1px solid var(--border);border-radius:20px;color:var(--text-primary);background:var(--surface);box-shadow:0 28px 80px rgba(0,0,0,.36)}
.bodart-account-panel>header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.bodart-account-panel header p{margin:0 0 5px;color:var(--primary-bright);font-size:9px;font-weight:900;letter-spacing:.13em}.bodart-account-panel h2{margin:0;font-size:23px}
.bodart-account-photo{padding:24px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border)}.bodart-account-avatar{position:relative;width:88px;height:88px;flex:0 0 88px;overflow:hidden;border:3px solid var(--accent);border-radius:50%;color:#17324c;background:var(--surface-subtle);font-size:30px;font-weight:900;cursor:pointer}.bodart-account-avatar img{width:100%;height:100%;object-fit:cover}.bodart-account-avatar i{position:absolute;right:0;bottom:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#17324c;background:var(--accent)}.bodart-account-avatar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.bodart-account-photo>div>strong,.bodart-account-photo>div>small{display:block}.bodart-account-photo>div>small{margin:5px 0 12px;color:var(--text-secondary);font-size:10px;line-height:1.4}.bodart-account-photo>div button{padding:7px 10px;border:1px solid var(--border);border-radius:7px;color:var(--text-primary);background:var(--surface-subtle);font-size:10px;font-weight:800;cursor:pointer}
.bodart-account-panel form{padding:22px 24px}.bodart-account-panel label{display:block;margin-bottom:14px;font-size:11px;font-weight:800}.bodart-account-panel input{width:100%;min-height:42px;margin-top:6px;padding:9px 11px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;color:var(--text-primary);background:var(--surface-subtle)}.bodart-account-panel input:disabled{opacity:.65}.bodart-account-panel form p{min-height:18px;margin:0 0 8px;color:var(--primary-bright);font-size:10px}.bodart-account-save{width:100%;min-height:44px;border:0;border-radius:9px;color:#17324c;background:var(--accent);font-weight:900;cursor:pointer}
.bodart-account-panel>footer{padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);background:var(--surface-subtle)}.bodart-account-panel footer strong,.bodart-account-panel footer small{display:block}.bodart-account-panel footer small{margin-top:3px;color:var(--text-secondary);font-size:9px}.bodart-account-signout{min-height:39px;padding:8px 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(220,38,38,.35);border-radius:9px;color:#dc2626;background:transparent;font-weight:850;cursor:pointer}.bodart-account-signout svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:560px){.bodart-account-modal{padding:9px}.bodart-account-photo{align-items:flex-start}.bodart-account-panel>footer{align-items:flex-start;flex-direction:column}.bodart-account-signout{width:100%;justify-content:center}}

/* ========== EDITOR DE FOTO DE PERFIL (ESTILO INSTAGRAM) ========== */
.bodart-photo-editor[hidden]{display:none!important}
.bodart-photo-editor{position:fixed;inset:0;z-index:16000;padding:20px;display:grid;place-items:center;background:rgba(4,15,9,.88)}
.bodart-photo-editor-panel{width:min(420px,100%);border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text-primary);box-shadow:0 32px 90px rgba(0,0,0,.45);overflow:hidden;animation:bodartPhotoEditorIn .25s ease-out}
@keyframes bodartPhotoEditorIn{from{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.bodart-photo-editor-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.bodart-photo-editor-head h2{margin:0;font-size:18px}
.bodart-photo-editor-body{padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:18px}
.bodart-photo-crop-area{position:relative;width:220px;height:220px;border-radius:50%;overflow:hidden;background:#1a1a1a;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.bodart-photo-crop-area:active{cursor:grabbing}
.bodart-photo-crop-circle{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.bodart-photo-crop-img{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none;transform-origin:center center;will-change:transform}
.bodart-photo-zoom-control{display:flex;align-items:center;gap:10px;width:100%;max-width:280px;padding:0 4px}
.bodart-photo-zoom-control>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--surface-subtle);color:var(--text-secondary);flex-shrink:0}
.bodart-photo-zoom-control>span svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bodart-photo-zoom-slider{flex:1;height:6px;border:0;border-radius:99px;background:var(--border);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.bodart-photo-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--accent);border-radius:50%;background:var(--surface);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.bodart-photo-zoom-slider::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--accent);border-radius:50%;background:var(--surface);cursor:pointer}
.bodart-photo-editor-hint{margin:0;color:var(--text-secondary);font-size:12px;text-align:center}
.bodart-photo-editor-actions{padding:16px 22px;display:flex;gap:10px;border-top:1px solid var(--border)}
.bodart-photo-editor-cancel{flex:1;min-height:44px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--text-primary);font-weight:800;cursor:pointer}
.bodart-photo-editor-confirm{flex:1.2;min-height:44px;border:0;border-radius:11px;background:var(--accent);color:#172235;font-weight:900;cursor:pointer}
.bodart-photo-editor-cancel:hover{background:var(--surface-subtle)}
.bodart-photo-editor-confirm:hover{background:var(--accent-hover)}
@media(max-width:480px){.bodart-photo-editor{padding:10px}.bodart-photo-crop-area{width:180px;height:180px}}
.bodart-topbar { position:fixed; inset:0 0 auto var(--sidebar-width); z-index:1800; height:var(--topbar-height); padding:0 22px; display:flex; align-items:center; gap:14px; color:var(--text-primary); background:var(--surface); border-bottom:1px solid var(--border); box-sizing:border-box; will-change:transform; transform:translateZ(0); }
.bodart-topbar-title { min-width:150px; display:grid; }
.bodart-topbar-title strong { font-size:14px; }
.bodart-topbar-title small { color:var(--text-secondary); font-size:10px; }
.bodart-global-search { width:min(520px,46vw); margin:auto; position:relative; }
.bodart-global-search svg { position:absolute; left:13px; top:50%; color:var(--text-secondary); transform:translateY(-50%); }
.bodart-global-search input { width:100%; min-height:40px; padding:8px 46px 8px 40px; border:1px solid var(--border); border-radius:10px; color:var(--text-primary); background:var(--surface-subtle); outline:0; }
.bodart-global-search input:focus { border-color:var(--primary-bright); box-shadow:0 0 0 3px var(--focus); }
.bodart-global-search kbd { position:absolute; right:10px; top:50%; padding:3px 6px; border:1px solid var(--border); border-radius:5px; color:var(--text-secondary); background:var(--surface); font-size:9px; transform:translateY(-50%); }
.bodart-topbar-actions { display:flex; gap:7px; }
.bodart-topbar-save{font-size:11px;color:var(--text-secondary);white-space:nowrap}.bodart-topbar-save[data-status="salvando"]{color:#a16207}.bodart-topbar-save[data-status="salvo"]{color:#15803d}.bodart-topbar-save[data-status="erro"]{color:var(--danger)}
.bodart-icon-button { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--border); border-radius:9px; color:var(--text-primary); background:var(--surface); cursor:pointer; }
.bodart-icon-button:hover { color:var(--primary); border-color:var(--primary-bright); transform:none !important; }
body:not(.auth-pendente).bodart-ui-ativa { padding-left:var(--sidebar-width); padding-top:var(--topbar-height); background:var(--background) !important; box-sizing:border-box; }
body.bodart-ui-ativa > .cabecalho,body.bodart-ui-ativa > .menu-lateral { display:none !important; }
body.bodart-ui-ativa > .etapas,body.bodart-ui-ativa > .progresso-producao,body.bodart-ui-ativa > main.sistema,body.bodart-ui-ativa > .rodape-site { transition:opacity var(--motion); }
body.bodart-dashboard-ativo > .etapas,body.bodart-dashboard-ativo > .progresso-producao,body.bodart-dashboard-ativo > main.sistema,body.bodart-dashboard-ativo > .rodape-site { display:none !important; }
.bodart-dashboard { display:none; min-height:calc(100dvh - var(--topbar-height)); padding:32px clamp(22px,4vw,58px) 60px; color:var(--text-primary); background:var(--background); box-sizing:border-box; }
body:not(.auth-pendente).bodart-dashboard-ativo .bodart-dashboard { display:block; }
.bodart-dashboard-inner { width:min(1260px,100%); margin:auto; }
.bodart-welcome { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.bodart-eyebrow { margin:0 0 7px; color:var(--primary-bright); font-size:10px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.bodart-welcome h1 { margin:0; color:var(--text-primary) !important; font-size:clamp(27px,3.2vw,42px); letter-spacing:-.045em; }
.bodart-welcome p:last-child { margin:8px 0 0; color:var(--text-secondary); }
.bodart-primary-action { min-height:42px; padding:9px 16px; display:flex; align-items:center; gap:8px; border:0; border-radius:10px; color:#172235; background:var(--accent); font-weight:850; cursor:pointer; box-shadow:var(--shadow-sm); }
.bodart-primary-action:hover { background:var(--accent-hover); }
.bodart-quick-create { margin-top:26px; padding:24px; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface); box-shadow:var(--shadow-md); }
.bodart-quick-create label { display:block; margin-bottom:10px; color:var(--text-primary); font-size:12px; font-weight:800; }
.bodart-quick-row { display:grid; grid-template-columns:1fr auto auto; gap:9px; }
.bodart-quick-row input { min-width:0; min-height:50px; padding:10px 15px; border:1px solid var(--border); border-radius:11px; color:var(--text-primary); background:var(--surface-subtle); font-size:15px; outline:0; }
.bodart-quick-row input:focus { border-color:var(--primary-bright); box-shadow:0 0 0 4px var(--focus); }
.bodart-quick-row button { min-height:50px; padding:10px 18px; border:0; border-radius:11px; color:#fff; background:#123b68; font-weight:850; cursor:pointer; }
.bodart-quick-row .bodart-voice { width:50px; padding:0; display:grid; place-items:center; color:var(--text-secondary); background:var(--surface-subtle); border:1px solid var(--border); }
.bodart-quick-row .bodart-voice:disabled { opacity:.55; cursor:not-allowed; }
.bodart-quick-hint { margin:9px 0 0; color:var(--text-secondary); font-size:10px; }
.bodart-shortcuts { margin-top:14px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.bodart-shortcut { min-height:92px; padding:14px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); background:var(--surface); text-align:left; cursor:pointer; box-shadow:var(--shadow-sm); }
.bodart-shortcut:hover { border-color:var(--primary-bright); transform:translateY(-2px) !important; }
.bodart-shortcut svg { color:var(--primary-bright); }
.bodart-shortcut strong { font-size:12px; }
.bodart-shortcut small { color:var(--text-secondary); font-size:9px; line-height:1.35; }
.bodart-section { margin-top:30px; }
.bodart-section-head { margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; }
.bodart-section-head h2 { margin:0; color:var(--text-primary) !important; font-size:16px; }
.bodart-section-head button { border:0; color:var(--primary-bright); background:transparent; font-size:11px; font-weight:800; cursor:pointer; }
.bodart-project-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.bodart-project-card { overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); box-shadow:var(--shadow-sm); }
.bodart-project-preview { height:112px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#123b68,#1769aa); }
.bodart-project-preview svg { width:32px; height:32px; }
.bodart-project-body { padding:12px; display:grid; gap:5px; }
.bodart-project-body strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.bodart-project-body small { color:var(--text-secondary); font-size:9px; }
.bodart-empty-card { grid-column:1/-1; padding:28px; border:1px dashed var(--border); border-radius:var(--radius-md); color:var(--text-secondary); background:var(--surface); text-align:center; }
.bodart-skeleton { height:180px; border-radius:var(--radius-md); background:linear-gradient(90deg,var(--surface) 20%,var(--surface-subtle) 45%,var(--surface) 70%); background-size:220% 100%; animation:bodartSkeleton 1.2s linear infinite; }
@keyframes bodartSkeleton { to { background-position:-220% 0; } }
.bodart-create-modal { position:fixed; inset:0; z-index:2600; padding:20px; display:grid; place-items:center; background:rgba(8,18,31,.62); }
.bodart-create-modal[hidden] { display:none !important; }
.bodart-create-panel { width:min(760px,100%); max-height:calc(100dvh - 32px); overflow:auto; padding:22px; border-radius:var(--radius-lg); color:var(--text-primary); background:var(--surface); box-shadow:0 30px 90px rgba(0,0,0,.28); }
.bodart-create-head { display:flex; justify-content:space-between; gap:15px; }
.bodart-create-head h2 { margin:0; color:var(--text-primary) !important; font-size:20px; }
.bodart-create-head p { margin:6px 0 0; color:var(--text-secondary); font-size:11px; }
.bodart-create-options { margin-top:18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.bodart-create-option { min-height:78px; padding:13px; display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:center; border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); background:var(--surface-subtle); text-align:left; cursor:pointer; }
.bodart-create-option:hover { border-color:var(--primary-bright); transform:none !important; }
.bodart-create-option > span { width:36px; height:36px; display:grid; place-items:center; border-radius:9px; color:var(--primary-bright); background:var(--primary-light); }
.bodart-create-option strong,.bodart-create-option small { display:block; }
.bodart-create-option strong { font-size:11px; }
.bodart-create-option small { margin-top:4px; color:var(--text-secondary); font-size:9px; }
.bodart-toast-region { position:fixed; z-index:4000; right:18px; bottom:18px; display:grid; gap:8px; pointer-events:none; }
.bodart-toast { min-width:260px; max-width:360px; padding:12px 14px; display:flex; align-items:center; gap:9px; border:1px solid var(--border); border-left:4px solid var(--success); border-radius:10px; color:var(--text-primary); background:var(--surface); box-shadow:var(--shadow-md); animation:bodartToastIn .2s ease both; }
@keyframes bodartToastIn { from { opacity:0; transform:translateY(8px); } }
@media (max-width:1050px) { .bodart-shortcuts { grid-template-columns:repeat(3,1fr); } .bodart-project-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) {
    :root { --sidebar-width:0px; --topbar-height:60px; }
    body:not(.auth-pendente).bodart-ui-ativa { padding-left:0; }
    .bodart-sidebar { width:min(278px,86vw); transform:translateX(-102%); transition:transform var(--motion); box-shadow:20px 0 60px rgba(0,0,0,.25); }
    body.bodart-menu-mobile-aberto .bodart-sidebar { transform:translateX(0); }
    .bodart-topbar { left:0; padding:0 12px; }
    .bodart-menu-trigger { display:grid !important; }
    .bodart-topbar-title { min-width:0; }
    .bodart-topbar-title small,.bodart-global-search { display:none; }
    .bodart-dashboard { padding:22px 15px 44px; }
    .bodart-welcome { align-items:start; flex-direction:column; }
    .bodart-quick-create { padding:16px; }
    .bodart-quick-row { grid-template-columns:1fr 48px; }
    .bodart-quick-row > button:last-child { grid-column:1/-1; }
    .bodart-shortcuts { grid-template-columns:repeat(2,1fr); }
    .bodart-project-grid { grid-template-columns:1fr; }
    .bodart-create-options { grid-template-columns:1fr; }
}
@media (min-width:761px) { .bodart-menu-trigger { display:none !important; } }
@media (prefers-reduced-motion:reduce) { .bodart-shell *,.bodart-dashboard *,.bodart-create-modal * { animation:none !important; transition:none !important; } }
@media print { .bodart-shell,.bodart-dashboard,.bodart-create-modal,.bodart-toast-region { display:none !important; } body.bodart-ui-ativa { padding:0 !important; } }

/* Navegação unificada: compacta como uma barra de ferramentas e revela os nomes no hover. */
@media (min-width:761px) {
    :root { --sidebar-width:68px; }
    .bodart-sidebar { z-index:2100; width:68px; padding:14px 10px; overflow:hidden; transition:width 220ms ease,box-shadow 220ms ease; }
    .bodart-sidebar:hover,.bodart-sidebar:focus-within,.bodart-sidebar.bodart-sidebar-fixa { width:248px; box-shadow:18px 0 45px rgba(4,18,32,.25); }
    .bodart-sidebar-brand { padding:0 5px 12px; gap:14px; }
    .bodart-sidebar-brand img { width:44px; min-width:44px; }
    .bodart-sidebar-brand span,.bodart-nav button span,.bodart-nav-section,.bodart-store span,.bodart-profile div,.bodart-logout span { opacity:0; white-space:nowrap; pointer-events:none; transition:opacity 120ms ease; }
    .bodart-sidebar:hover .bodart-sidebar-brand span,.bodart-sidebar:focus-within .bodart-sidebar-brand span,
    .bodart-sidebar:hover .bodart-nav button span,.bodart-sidebar:focus-within .bodart-nav button span,
    .bodart-sidebar:hover .bodart-nav-section,.bodart-sidebar:focus-within .bodart-nav-section,
    .bodart-sidebar:hover .bodart-store span,.bodart-sidebar:focus-within .bodart-store span,
    .bodart-sidebar:hover .bodart-profile div,.bodart-sidebar:focus-within .bodart-profile div,
    .bodart-sidebar:hover .bodart-logout span,.bodart-sidebar:focus-within .bodart-logout span { opacity:1; pointer-events:auto; transition-delay:70ms; }
    .bodart-sidebar.bodart-sidebar-fixa .bodart-sidebar-brand span,
    .bodart-sidebar.bodart-sidebar-fixa .bodart-nav button span,
    .bodart-sidebar.bodart-sidebar-fixa .bodart-nav-section,
    .bodart-sidebar.bodart-sidebar-fixa .bodart-store span,
    .bodart-sidebar.bodart-sidebar-fixa .bodart-profile div,
    .bodart-sidebar.bodart-sidebar-fixa .bodart-logout span { opacity:1; pointer-events:auto; transition-delay:0ms; }
    .bodart-nav { overflow-x:hidden; }
    .bodart-nav button { width:224px; padding-inline:13px; gap:16px; }
    .bodart-nav button svg { width:20px; height:20px; min-width:20px; }
    .bodart-nav-section { height:27px; box-sizing:border-box; }
    .bodart-store,.bodart-profile,.bodart-logout { width:224px; box-sizing:border-box; }
    .bodart-topbar { left:68px; }
}
.bodart-editor-nav { display:none; }
body.bodart-ui-ativa:not(.bodart-dashboard-ativo)[data-etapa="3"] .bodart-nav > button,
body.bodart-ui-ativa:not(.bodart-dashboard-ativo)[data-etapa="3"] .bodart-nav > .bodart-nav-section { display:none; }
body.bodart-ui-ativa:not(.bodart-dashboard-ativo)[data-etapa="3"] .bodart-editor-nav { display:grid; gap:4px; }
.bodart-editor-nav button.ativo { color:#fff; background:rgba(255,255,255,.14); box-shadow:inset 3px 0 0 var(--accent); }