/* Helena Alves V13 — refinamento do menu e painéis em tablet */
:root{--v13-panel:rgba(255,253,250,.95)}
html,body,#root,.app,.main,#page{min-width:0!important;max-width:100%;box-sizing:border-box}
.main,.panel,.section,.section-tools,.controls{min-width:0}
.sidebar .nav{transition:background .18s ease, color .18s ease, transform .18s ease}
.sidebar .nav:hover{background:rgba(133,70,76,.07)}
.financial-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:19px}
.fin-card{min-width:0;border-radius:18px;padding:16px 18px;background:var(--v13-panel);border:1px solid rgba(133,70,76,.11);box-shadow:0 8px 28px rgba(72,38,42,.055)}
.fin-card .label{font-size:12px;color:var(--muted);margin-bottom:8px}.fin-card .value{font:clamp(21px,2.1vw,28px) Georgia,serif;overflow-wrap:anywhere}
.fin-card .hint{font-size:11px;color:var(--muted);margin-top:5px}
.fin-card.accent{background:linear-gradient(130deg,#8d5057,#743a42);color:#fff}.fin-card.accent .label,.fin-card.accent .hint{color:#fae9e3}
.fin-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:15px 0}.fin-controls select{max-width:160px}
.fin-table{width:100%;border-collapse:collapse;min-width:620px}.fin-table th,.fin-table td{padding:13px 10px;border-bottom:1px solid #eedfd6;text-align:right;font-size:13px;white-space:nowrap}
.fin-table th:first-child,.fin-table td:first-child{text-align:left}.fin-table th{font-size:11px;color:#87746c;background:#fbf4ed}
.fin-month{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:11px 6px;border-bottom:1px solid #eedfd6}
.fin-month .trend{height:9px;border-radius:99px;background:#ecdcd5;flex:1;overflow:hidden;max-width:160px}.fin-month .trend span{display:block;height:100%;background:linear-gradient(90deg,#c18d78,#85464c);border-radius:99px}
.fin-legend{font-size:12px;color:#806c65;line-height:1.6}
.fin-projection{margin:12px 0;padding:12px 16px;border-radius:15px;background:#f7eee9;border:1px solid #eeddd4}
.fin-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fin-compact button{min-width:0}
.assistant-card .tag{font-size:10px;margin-left:5px;vertical-align:middle}
.pay-line{align-items:flex-start}
.pay-preview-note{margin:12px 0;border:1px solid #eddad1;background:#fff7f2;border-radius:15px;padding:13px;font-size:12px;color:#876c62}
@media (min-width:700px) and (max-width:1180px){
 .app{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;align-items:start!important;min-height:100dvh!important}
 .sidebar{position:sticky!important;top:0!important;left:0!important;width:190px!important;height:100dvh!important;min-height:100dvh!important;padding:20px 11px!important;display:flex!important;flex-direction:column!important;gap:17px!important;border-right:1px solid #eaddd4!important;border-bottom:0!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:rgba(251,244,239,.98)!important;backdrop-filter:blur(16px)!important}
 .sidebar-brand{display:block!important;width:150px!important;max-width:100%!important;max-height:122px!important;height:auto!important;object-fit:contain!important;margin:0 auto 8px!important;padding:0!important;flex-shrink:0!important}
 .sidebar nav{width:100%!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:6px!important;overflow:visible!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important}
 .sidebar nav button,.sidebar .nav{width:100%!important;min-width:0!important;min-height:44px!important;flex:0 0 auto!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.2!important;text-align:left!important;border-radius:12px!important;white-space:normal!important}
 .sidebar .nav .ico{margin:0!important;font-size:19px!important;display:inline-flex!important;align-items:center!important}
 .sidebar-bottom{display:block!important;margin-top:auto!important;font-size:12px!important}
 .main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:18px 17px 38px!important}
 .topbar{position:relative!important}
 .headline{gap:10px!important}
 .fin-card{padding:13px}.fin-card .value{font-size:21px}
}
@media (max-width:860px){.financial-quick{grid-template-columns:1fr 1fr}.financial-quick .fin-card:last-child{grid-column:1/-1}}
@media (max-width:699px){
 .app{display:block!important}.sidebar{z-index:35!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:calc(73px + env(safe-area-inset-bottom,0px))!important;min-height:0!important;padding:5px 6px env(safe-area-inset-bottom,0px)!important;display:block!important;overflow:hidden!important;box-shadow:0 -9px 30px rgba(94,54,55,.09)!important;background:rgba(252,247,244,.98)!important;border-radius:17px 17px 0 0!important}
 .sidebar-brand,.sidebar-bottom{display:none!important}.sidebar nav{width:100%!important;height:69px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;gap:3px!important;scrollbar-width:thin}
 .sidebar nav button,.sidebar .nav{min-width:72px!important;width:72px!important;flex:0 0 72px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;align-items:center!important;font-size:10px!important;padding:5px 2px!important;scroll-snap-align:center!important;border-radius:12px}
 .sidebar .nav .ico{font-size:19px!important;line-height:1!important;margin:0!important}
 .main{padding:12px 12px calc(105px + env(safe-area-inset-bottom,0px))!important;width:100%!important}
 .financial-quick{grid-template-columns:1fr 1fr;gap:9px}.fin-card{padding:14px}.fin-card .value{font-size:20px}.fin-card:last-child{grid-column:1/-1}
 .fin-controls>*{max-width:100%}.fin-table{min-width:650px}
 .topbar{position:relative!important}.quote{display:none!important}
}
@media(max-width:390px){.financial-quick{grid-template-columns:1fr}.financial-quick .fin-card:last-child{grid-column:auto}}