/* AXIS Finanças: Início personalizável (Frente 33, rodada 5). Tudo com prefixo r33, nos tokens do fin.css. */
.r33-off{display:none!important}

/* atalhos */
.r33-atalhos h2{margin-bottom:10px}
.r33-at-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px}
.r33-at{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:6px 2px 4px;border-radius:16px;cursor:pointer;color:var(--fg-2);text-decoration:none;min-width:0;font:inherit;
  transition:transform var(--t),background var(--t)}
.r33-at-i{position:relative;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:var(--c);
  background:linear-gradient(155deg,color-mix(in srgb,var(--c) 20%,var(--card)) 0%,color-mix(in srgb,var(--c) 9%,var(--card)) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent),0 6px 16px -4px color-mix(in srgb,var(--c) 35%,transparent),0 1px 2px rgba(22,22,46,.06);
  transition:transform var(--t),box-shadow var(--t)}
.r33-at-i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 70% at 30% 0%,rgba(255,255,255,.45),transparent 60%);pointer-events:none}
.r33-at-i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.r33-at-t{font:600 12px/1.25 var(--f);text-align:center;letter-spacing:-.005em;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (hover:hover){.r33-at:hover .r33-at-i{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px color-mix(in srgb,var(--c) 26%,transparent),0 10px 22px -6px color-mix(in srgb,var(--c) 45%,transparent),0 1px 2px rgba(22,22,46,.06)}}
.r33-at:active .r33-at-i{transform:scale(.93)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .r33-at-i{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 8px 18px -6px color-mix(in srgb,var(--c) 40%,transparent)}
  :root:not([data-theme="light"]) .r33-at-i::after{background:radial-gradient(120% 70% at 30% 0%,rgba(255,255,255,.12),transparent 60%)}}
:root[data-theme="dark"] .r33-at-i{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 8px 18px -6px color-mix(in srgb,var(--c) 40%,transparent)}
:root[data-theme="dark"] .r33-at-i::after{background:radial-gradient(120% 70% at 30% 0%,rgba(255,255,255,.12),transparent 60%)}

/* botão no pé do Início */
.r33-pe{display:flex;justify-content:center;padding:4px 0 2px}
.r33-pers{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;min-height:44px;padding:10px 18px;border-radius:999px;font:600 13.5px var(--f);color:var(--fg-2);
  background:linear-gradient(180deg,var(--card),var(--card-2));box-shadow:var(--sombra),0 0 0 1px var(--linha);transition:transform var(--t),color var(--t),box-shadow var(--t)}
.r33-pers svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.r33-pers:hover{color:var(--roxo);box-shadow:var(--sombra),0 0 0 1px var(--roxo-m)}
.r33-pers:active{transform:scale(.97)}
.r33-olho{margin-left:-2px}

/* editor */
.r33-ed-n{margin:-6px 0 0}
.r33-ed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.r33-ed-i{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 2px;border-radius:16px;background:linear-gradient(180deg,var(--card),var(--card-2));
  box-shadow:0 0 0 1px var(--linha),0 1px 2px rgba(22,22,46,.04);transition:opacity var(--t),box-shadow var(--t),background var(--t);touch-action:pan-y}
.r33-ed-i.arr{box-shadow:0 0 0 1.5px var(--roxo),0 14px 30px -8px rgba(110,37,224,.35);position:relative;z-index:2;background:var(--card)}
.r33-ed-i.off .r33-ed-ic,.r33-ed-i.off .r33-ed-t{opacity:.45}
.r33-grip{flex:none;width:26px;height:40px;display:grid;place-items:center;color:var(--mudo);cursor:grab;touch-action:none;border-radius:10px}
.r33-grip svg{width:18px;height:18px;fill:currentColor}
.r33-ed-i.arr .r33-grip{cursor:grabbing;color:var(--roxo)}
.r33-ed-ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--roxo);background:var(--roxo-s);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);transition:opacity var(--t)}
.r33-ed-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.r33-ed-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;transition:opacity var(--t)}
.r33-ed-t b{font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r33-ed-t small{font-size:12px;color:var(--mudo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r33-ed-m{display:flex;flex-direction:column;gap:0;flex:none}
.r33-mv{border:0;background:none;width:34px;height:22px;border-radius:8px;display:grid;place-items:center;color:var(--mudo);cursor:pointer;transition:background var(--t),color var(--t)}
.r33-mv svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.r33-mv:hover{background:var(--bg);color:var(--fg)}
.r33-ed-i:first-child .r33-mv[data-mv="-1"],.r33-ed-i:last-child .r33-mv[data-mv="1"]{opacity:.3;pointer-events:none}
@media (max-width:420px){.r33-ed-ic{width:32px;height:32px;border-radius:11px}.r33-ed-ic svg{width:17px;height:17px}.r33-ed-t small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* interruptor */
.r33-sw{position:relative;flex:none;display:inline-flex;cursor:pointer}
.r33-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.r33-sw i{width:46px;height:28px;border-radius:999px;background:var(--bg-2);box-shadow:inset 0 1px 2px rgba(22,22,46,.12),inset 0 0 0 1px var(--linha-2);position:relative;transition:background var(--t),box-shadow var(--t)}
.r33-sw i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(22,22,46,.22),0 0 0 .5px rgba(22,22,46,.08);transition:transform var(--t)}
.r33-sw input:checked+i{background:linear-gradient(160deg,#9050FF,#6E25E0);box-shadow:inset 0 1px 2px rgba(60,10,140,.3)}
.r33-sw input:checked+i::after{transform:translateX(18px)}
.r33-sw input:focus-visible+i{outline:2px solid var(--roxo);outline-offset:2px}

.r33-sub{margin:8px 0 -2px;font-size:15px;font-weight:650;letter-spacing:-.015em;display:flex;align-items:baseline;justify-content:space-between}
.r33-chips{display:flex;flex-wrap:wrap;gap:8px}
.r33-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 8px}
.r33-chip>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.r33-chip>span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.r33-chip[aria-pressed="true"]>span{background:rgba(255,255,255,.16);color:inherit}
.r33-ops{display:flex;flex-direction:column;gap:6px}
.r33-op{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:var(--bg);cursor:pointer}
.r33-op>span:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.r33-op b{font-size:14px;font-weight:600}
.r33-op small{font-size:12px;color:var(--mudo);line-height:1.35}
.r33-rest{align-self:flex-start;min-height:40px;padding:8px 14px;font-size:13px}
@media (prefers-reduced-motion:reduce){.r33-at,.r33-at-i,.r33-sw i,.r33-sw i::after,.r33-ed-i{transition:none}}