/* GARAGEM88 — Financeiro mobile consolidado.
   Somente apresentação em telas pequenas. Sem persistência, autenticação ou cálculo. */
@media(max-width:600px){
 body:has(#g88FinanceScreen:not([hidden])){background:#f1f6fb}
 body:has(#g88FinanceScreen:not([hidden])) .system{display:block;min-width:0}
 body:has(#g88FinanceScreen:not([hidden])) .sidebar{display:none}
 body:has(#g88FinanceScreen:not([hidden])) .content{width:100%;max-width:100%;min-width:0;padding:12px 12px 90px}
 body:has(#g88FinanceScreen:not([hidden])) .g88m-header{display:flex;align-items:center;gap:12px;background:#034d9a;color:white;padding:9px 12px;min-height:62px}
 body:has(#g88FinanceScreen:not([hidden])) .g88m-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:9000;background:#fff;border-top:1px solid #dae6f2;padding:7px 7px max(7px,env(safe-area-inset-bottom))}
 body:has(#g88FinanceScreen:not([hidden])) .g88m-nav button[aria-current]{color:#0768e2;background:#e8f2ff}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])){overflow:hidden}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])) .sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;overflow-y:auto;padding:16px;z-index:30001;background:#031c30}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])) .sidebar .menu-list{display:flex;flex-direction:column;overflow:visible;gap:6px}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])) .sidebar .sys-menu{width:100%;min-height:48px;padding:10px 12px;font-size:14px}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])) .sidebar .sys-menu span{display:inline}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])) .g88m-shade:not([hidden]){display:block;position:fixed;inset:0;background:#00132299;z-index:30000}
 body.g88m-menu-open:has(#g88FinanceScreen:not([hidden])) .g88m-close{display:block;min-height:44px;border:1px solid #6c8499;border-radius:8px;background:transparent;color:white;font:600 14px Inter,sans-serif}
 #g88FinanceScreen{width:100%;max-width:100%;min-width:0;min-height:0;height:auto;overflow:visible;margin:0}
 #g88FinanceScreen .gf-shell{height:auto;min-height:0;padding:0;gap:12px;display:flex;flex-direction:column}
 #g88FinanceScreen .gf-body{display:flex;flex-direction:column;min-height:0;overflow:visible}
 #g88FinanceScreen .gf-head{min-height:0;gap:5px;flex-direction:column;align-items:flex-start}
 #g88FinanceScreen .gf-head h1{font-size:24px;letter-spacing:-.5px}
 #g88FinanceScreen .gf-head p{font-size:11px;line-height:1.4}
 #g88FinanceScreen .gf-date{display:none}
 #g88FinanceScreen .gf-mobile-home{display:grid;gap:11px;width:100%;min-width:0}
 #g88FinanceScreen .gf-mobile-hero{display:grid;gap:11px;color:white;padding:13px;border-radius:17px;background:linear-gradient(155deg,#0a4ca3,#0e65cf)}
 #g88FinanceScreen .gf-mobile-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}
 #g88FinanceScreen .gf-mobile-hero-top span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:10px;border:1px solid #ffffff40;background:#ffffff13}
 #g88FinanceScreen .gf-mobile-hero-top b{font-size:12px;text-transform:capitalize}
 #g88FinanceScreen .gf-mobile-hero svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;vertical-align:middle}
 #g88FinanceScreen .gf-mobile-balance-card{appearance:none;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:95px;text-align:left;border:1px solid #ffffff30;background:#ffffff15;border-radius:13px;padding:13px 12px;cursor:pointer}
 #g88FinanceScreen .gf-mobile-balance-card>span:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}
 #g88FinanceScreen .gf-mobile-balance-card small{font-size:12px;color:#d8e8ff;font-weight:750}
 #g88FinanceScreen .gf-mobile-balance-card strong{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.5px;color:#fff}
 #g88FinanceScreen .gf-mobile-balance-card em{font-style:normal;font-size:11px;color:#d8e8ff}
 #g88FinanceScreen .gf-mobile-balance-symbol{display:grid;place-items:center;background:#ffffff1c;border-radius:12px;width:50px;height:50px;flex:none}
 #g88FinanceScreen .gf-mobile-balance-symbol svg{width:26px;height:26px}
 #g88FinanceScreen .gf-mobile-summary-grid,#g88FinanceScreen .gf-mobile-main-actions,#g88FinanceScreen .gf-mobile-due-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #g88FinanceScreen .gf-mobile-mini,#g88FinanceScreen .gf-mobile-due{appearance:none;border:1px solid #d9e5f2;border-radius:12px;padding:12px 10px;text-align:left;font:inherit;cursor:pointer;min-width:0;display:flex;flex-direction:column;gap:6px}
 #g88FinanceScreen .gf-mobile-mini small,#g88FinanceScreen .gf-mobile-due small{font-size:11px;font-weight:700;color:#7086a2}
 #g88FinanceScreen .gf-mobile-mini strong,#g88FinanceScreen .gf-mobile-due b{font-size:15px;line-height:1.18;font-weight:800}
 #g88FinanceScreen .gf-mobile-mini-in,#g88FinanceScreen .gf-mobile-recv{background:#eaf9f1;border-color:#cfead9;color:#078555}
 #g88FinanceScreen .gf-mobile-mini-out,#g88FinanceScreen .gf-mobile-pay{background:#fff0f1;border-color:#f0d7dc;color:#c52e42}
 #g88FinanceScreen .gf-mobile-primary,#g88FinanceScreen .gf-mobile-secondary{appearance:none;min-width:0;min-height:44px;border-radius:11px;border:1px solid #ffffff60;padding:10px 7px;font:750 11px Inter,'Segoe UI',sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
 #g88FinanceScreen .gf-mobile-primary{background:white;color:#1259b9}
 #g88FinanceScreen .gf-mobile-secondary{background:#ffffff17;color:white}
 #g88FinanceScreen .gf-mobile-due{background:#fff;box-shadow:0 3px 12px #0c355112}
 #g88FinanceScreen .gf-mobile-pay b{color:#c52e42}
 #g88FinanceScreen .gf-mobile-recv b{color:#078555}
 #g88FinanceScreen .gf-mobile-due em{font-size:10px;font-style:normal;color:#7f90a6}
 #g88FinanceScreen .gf-mobile-card{background:#fff;border:1px solid #e2eaf5;border-radius:16px;padding:13px;min-width:0}
 #g88FinanceScreen .gf-mobile-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
 #g88FinanceScreen .gf-mobile-section-head h2{margin:0;font-size:15px;color:#0a2a4c}
 #g88FinanceScreen .gf-mobile-section-head button{border:0;background:none;font-size:11px;color:#075ec7;font-weight:800;cursor:pointer}
 #g88FinanceScreen .gf-mobile-recent-list{display:grid;gap:6px}
 #g88FinanceScreen .gf-mobile-recent{appearance:none;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;border:0;border-bottom:1px solid #e7eef7;padding:10px 0;text-align:left;cursor:pointer;min-width:0;color:#163756;font:inherit}
 #g88FinanceScreen .gf-mobile-recent:last-child{border-bottom:0}
 #g88FinanceScreen .gf-mobile-recent-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ecf5fc}
 #g88FinanceScreen .gf-mobile-recent-icon.gf-pos{color:#098e58;background:#ddf7e9}
 #g88FinanceScreen .gf-mobile-recent-icon.gf-neg{color:#c92d41;background:#ffe8ed}
 #g88FinanceScreen .gf-mobile-recent-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}
 #g88FinanceScreen .gf-mobile-recent-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
 #g88FinanceScreen .gf-mobile-recent-copy b{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 #g88FinanceScreen .gf-mobile-recent-copy small{font-size:10px;color:#778da5;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 #g88FinanceScreen .gf-mobile-recent strong{font-size:11px;white-space:nowrap}
 #g88FinanceScreen .gf-mobile-empty{font-size:12px;line-height:1.5;color:#7287a0;padding:10px}
 #g88FinanceScreen .gf-mobile-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #g88FinanceScreen .gf-mobile-tools button{appearance:none;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;min-height:76px;padding:10px 5px;background:#f7faff;border:1px solid #e1eaf5;border-radius:12px;font:750 11px Inter,'Segoe UI',sans-serif;color:#1d3f65;cursor:pointer}
 #g88FinanceScreen .gf-mobile-tools span{display:grid;place-items:center;width:32px;height:32px;background:#e6f0ff;color:#0f68d8;border-radius:9px}
 #g88FinanceScreen .gf-mobile-tools svg{width:18px;height:18px;stroke:currentColor;fill:none}
 /* Forms and secondary screens preserve their original validation. */
 #g88FinanceScreen .gf-kpis,#g88FinanceScreen .gf-accounts-stats,#g88FinanceScreen .gf-accounts-actions,#g88FinanceScreen .gf-two{grid-template-columns:minmax(0,1fr)}
 #g88FinanceScreen .gf-hgrid{grid-template-columns:minmax(0,1fr)}
 #g88FinanceScreen .gf-panel{min-width:0}
 #g88FinanceScreen .gf-launch-head{flex-direction:column;align-items:stretch}
 #g88FinanceScreen .gf-launch-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1}
 #g88FinanceScreen .gf-launch-action{min-height:64px;padding:7px 4px;flex-direction:column;gap:3px;text-align:center}
 #g88FinanceScreen .gf-launch-action-icon,#g88FinanceScreen .gf-launch-action-icon svg{width:22px;height:22px}
 #g88FinanceScreen .gf-launch-action-copy strong{font-size:11px;white-space:normal}
 #g88FinanceScreen .gf-launch-action-copy small{display:none}
 #g88FinanceScreen .gf-filters{flex-wrap:nowrap;overflow-x:auto}
 #g88FinanceScreen .gf-filters button{white-space:nowrap}
 #g88FinanceScreen .gf-month-toolbar{flex-direction:column;align-items:stretch}
 #g88FinanceScreen .gf-listscroll{overflow:auto;-webkit-overflow-scrolling:touch}
 #g88FinanceScreen .gf-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
 #g88FinanceScreen .gf-modal-compact-entry .gf-entry-top,#g88FinanceScreen .gf-modal-compact-entry .gf-entry-main,#g88FinanceScreen .gf-modal-compact-expense .gf-expense-top,#g88FinanceScreen .gf-modal-compact-expense .gf-compact-main{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}
 #g88FinanceScreen .gf-modal-compact-entry .gf-entry-top>*,#g88FinanceScreen .gf-modal-compact-entry .gf-entry-main>*,#g88FinanceScreen .gf-modal-compact-expense .gf-expense-top>*,#g88FinanceScreen .gf-modal-compact-expense .gf-compact-main>*{width:100%;min-width:0;max-width:100%}
 #g88FinanceScreen .gf-modal-compact-entry .gf-form,#g88FinanceScreen .gf-modal-compact-expense .gf-form{display:flex;flex-direction:column;align-items:stretch;gap:11px;overflow:auto;min-height:0;scroll-padding-bottom:84px;padding:12px}
 #g88FinanceScreen .gf-modal-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f4f8fd;padding:10px 0 3px;z-index:15}
 #g88FinanceScreen .gf-modal-actions .gf-btn{min-height:43px}
 /* Reports: stacked filters and ledger cards on phone screens. */
 #g88FinanceScreen .gf-report-v876{overflow-x:hidden;min-width:0}
 #g88FinanceScreen .gf-report-body{grid-template-columns:minmax(0,1fr);overflow:visible}
 #g88FinanceScreen .gf-report-ledger{min-width:0;padding:11px}
 #g88FinanceScreen .gf-report-ledger-top{flex-direction:column;align-items:stretch}
 #g88FinanceScreen .gf-report-ledger .gf-report-example-scroll{overflow:visible;max-height:none}
 #g88FinanceScreen .gf-report-ledger table{display:block;width:100%;min-width:0;table-layout:auto}
 #g88FinanceScreen .gf-report-ledger thead{display:block;width:100%;border-radius:12px;background:#eff5fc}
 #g88FinanceScreen .gf-report-ledger thead tr{display:grid;grid-template-columns:1fr;gap:9px;padding:10px}
 #g88FinanceScreen .gf-report-ledger thead th{display:block;width:100%;min-width:0;position:static;border:0;background:transparent;padding:0;text-align:left}
 #g88FinanceScreen .gf-report-ledger thead th input,#g88FinanceScreen .gf-report-ledger thead th select{width:100%;min-width:0;height:40px;font-size:13px}
 #g88FinanceScreen .gf-report-ledger tbody{display:grid;gap:9px;width:100%;margin-top:9px}
 #g88FinanceScreen .gf-report-ledger tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;min-width:0;padding:11px;border:1px solid #dce8f4;background:#fff;border-radius:12px}
 #g88FinanceScreen .gf-report-ledger tbody td{display:block;min-width:0;width:auto;border:0;background:transparent;padding:0!important;font-size:12px;overflow-wrap:anywhere;text-align:left}
 #g88FinanceScreen .gf-report-ledger tbody td:first-child{grid-column:1;color:#697f99}
 #g88FinanceScreen .gf-report-ledger tbody td:nth-child(2){grid-column:1/-1;font-weight:750}
 #g88FinanceScreen .gf-report-ledger tbody td:nth-child(3){grid-column:1;grid-row:3}
 #g88FinanceScreen .gf-report-ledger tbody td:nth-child(4){grid-column:1/-1;grid-row:4}
 #g88FinanceScreen .gf-report-ledger tbody td:nth-child(5){grid-column:2;grid-row:1;text-align:right;font-weight:800}
 #g88FinanceScreen .gf-report-ledger tbody td[colspan]{grid-column:1/-1;grid-row:auto}
 #g88FinanceScreen .gf-report-ledger-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch}
}
@media(max-width:370px){
 #g88FinanceScreen .gf-mobile-balance-card strong{font-size:21px}
 #g88FinanceScreen .gf-mobile-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 #g88FinanceScreen .gf-mobile-recent strong{font-size:10px}
}

/* GARAGEM88 — painel financeiro aprovado: branco e azul da marca, sem bloco azul gigante.
   Somente a Visão Geral mobile: submódulos e financeiro desktop mantidos. */
@media(max-width:600px){
 #g88FinanceScreen .gf-mobile-home{
   display:grid;gap:12px;width:100%;min-width:0;
   color:#112b4c;
 }
 #g88FinanceScreen .gf-mobile-overview{
   display:flex;flex-direction:column;gap:12px;
   box-sizing:border-box;width:100%;min-width:0;
   padding:12px;border:1px solid #e4ebf5;border-radius:18px;
   background:#fff;box-shadow:0 5px 22px #15395f0b;
 }
 #g88FinanceScreen .gf-mobile-overview svg{
   display:block;width:18px;height:18px;flex:none;
   stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
 }
 #g88FinanceScreen .gf-mobile-hero-top{
   display:flex;align-items:center;justify-content:space-between;gap:8px;
   min-width:0;color:#0e2f54;
 }
 #g88FinanceScreen .gf-mobile-period-picker{
   display:inline-flex;position:relative;align-items:center;justify-content:center;
   flex:0 0 auto;gap:6px;min-height:40px;padding:0 9px;
   border-radius:11px;background:#eff5fd;color:#15395e;
   cursor:pointer;font:750 11px/1.2 Inter,'Segoe UI',Arial,sans-serif;
 }
 #g88FinanceScreen .gf-mobile-period-picker>svg{color:#0968e8;width:16px;height:16px}
 #g88FinanceScreen .gf-mobile-period-chevron{font-size:17px;color:#0669e7;margin-left:1px;line-height:1}
 #g88FinanceScreen .gf-mobile-period-picker input[type="month"]{
   display:block;position:absolute;inset:0;width:100%;height:100%;
   opacity:0;cursor:pointer;z-index:1;border:0;
 }
 #g88FinanceScreen .gf-mobile-hero-top>b{
   text-align:right;min-width:0;font-size:12px;line-height:1.2;
   font-weight:750;color:#657990;text-transform:capitalize;
 }
 #g88FinanceScreen .gf-mobile-balance-card{
   appearance:none;box-sizing:border-box;display:flex;
   align-items:center;justify-content:space-between;gap:10px;
   width:100%;min-height:101px;text-align:left;
   padding:12px 13px;border:1px solid #e6edf7;border-radius:17px;
   color:#112b4c;background:#fff;box-shadow:0 4px 18px #0b306219;cursor:pointer;
 }
 #g88FinanceScreen .gf-mobile-balance-card>span:first-child{
   display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;
 }
 #g88FinanceScreen .gf-mobile-balance-card small{
   font-size:12px;font-weight:750;color:#667893;
 }
 #g88FinanceScreen .gf-mobile-balance-card .gf-mobile-info{
   color:#096bea;margin-left:3px;font-size:15px;
 }
 #g88FinanceScreen .gf-mobile-balance-card strong{
   font-size:23px;letter-spacing:-.55px;line-height:1.08;
   font-weight:850;color:#0b294b;white-space:nowrap;
 }
 #g88FinanceScreen .gf-mobile-balance-card em{
   color:#71839b;font-style:normal;font-size:11px;line-height:1.3;
 }
 #g88FinanceScreen .gf-mobile-balance-symbol{
   display:grid;place-items:center;flex:0 0 48px;
   width:48px;height:48px;border-radius:50%;background:#eaf3ff;color:#0768e7;
 }
 #g88FinanceScreen .gf-mobile-balance-symbol svg{
   width:24px;height:24px;stroke-width:2.4;
 }
 #g88FinanceScreen .gf-mobile-overview-grid{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 }
 #g88FinanceScreen .gf-mobile-overview-grid :is(.gf-mobile-mini,.gf-mobile-due){
   appearance:none;box-sizing:border-box;display:flex;flex-direction:row;
   align-items:center;gap:8px;min-width:0;min-height:96px;
   padding:12px 9px;text-align:left;border-radius:14px;
   border:1px solid transparent;box-shadow:none;
   cursor:pointer;font-family:Inter,'Segoe UI',Arial,sans-serif;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-mini-in{
   background:#eaf8f0!important;border-color:#e0f2e9!important;
   color:#068853!important;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-mini-out{
   background:#fff0f2!important;border-color:#ffebef!important;
   color:#c72345!important;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-recv{
   background:#eef5ff!important;border-color:#dfecff!important;
   color:#0768e7!important;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-pay{
   background:#fff0f2!important;border-color:#ffebef!important;
   color:#c72345!important;
 }
 #g88FinanceScreen .gf-mobile-stat-icon{
   display:grid;place-items:center;flex:0 0 33px;
   width:33px;height:33px;border-radius:50%;background:#ffffff88;
 }
 #g88FinanceScreen .gf-mobile-stat-icon svg{width:19px;height:19px;stroke-width:2.6}
 #g88FinanceScreen .gf-mobile-stat-copy{
   display:flex;flex-direction:column;gap:5px;min-width:0;
   line-height:1.18;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-stat-copy small{
   color:#60738e!important;font-size:10px;font-weight:750;line-height:1.24;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-stat-copy strong{
   font-size:15px;font-weight:850;letter-spacing:-.25px;
   white-space:nowrap;color:inherit;
 }
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-stat-copy em{
   font-size:9px;line-height:1.25;font-style:normal;color:#7f8ca2;
 }
 #g88FinanceScreen .gf-mobile-main-actions{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 }
 #g88FinanceScreen .gf-mobile-main-actions :is(.gf-mobile-primary,.gf-mobile-secondary){
   appearance:none;min-height:47px;padding:10px 6px;
   border-radius:12px;font:750 11px/1.2 Inter,'Segoe UI',Arial,sans-serif;
   display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;
 }
 #g88FinanceScreen .gf-mobile-primary{
   background:#0768f3!important;color:#fff!important;
   border:1px solid #0768f3!important;
   box-shadow:0 3px 10px #0768f320;
 }
 #g88FinanceScreen .gf-mobile-secondary{
   color:#066be6!important;background:#fff!important;
   border:1.5px solid #0768f3!important;
 }
 #g88FinanceScreen .gf-mobile-main-actions svg{width:17px;height:17px}
 #g88FinanceScreen .gf-mobile-card{
   padding:14px 12px;background:#fff;border-radius:17px;
   border:1px solid #e4ebf5;box-shadow:0 4px 18px #112e4908;
 }
 #g88FinanceScreen .gf-mobile-section-head{margin-bottom:9px}
 #g88FinanceScreen .gf-mobile-section-head h2{
   color:#0b294b;font-size:16px;font-weight:800;letter-spacing:-.3px;
 }
 #g88FinanceScreen .gf-mobile-section-head button{color:#0567de;font-size:11px}
 #g88FinanceScreen .gf-mobile-recent-list{gap:0}
 #g88FinanceScreen .gf-mobile-recent{
   display:grid;grid-template-columns:34px minmax(0,1fr) auto 10px;
   gap:8px;align-items:center;min-height:62px;
   border-bottom:1px solid #e8eff7;padding:10px 2px;background:transparent;
   border-radius:0;
 }
 #g88FinanceScreen .gf-mobile-recent-icon{
   display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
 }
 #g88FinanceScreen .gf-mobile-recent-icon.gf-pos{background:#e4f7ec;color:#098755}
 #g88FinanceScreen .gf-mobile-recent-icon.gf-neg{background:#ffeaed;color:#cb2549}
 #g88FinanceScreen .gf-mobile-recent-copy b{
   font-size:11px;color:#143154;font-weight:750;
 }
 #g88FinanceScreen .gf-mobile-recent-copy small{font-size:9px;color:#7b899e}
 #g88FinanceScreen .gf-mobile-recent-value{font-size:11px;font-weight:800;white-space:nowrap}
 #g88FinanceScreen .gf-mobile-recent-chevron{color:#8395ad;font-size:20px;line-height:1}
 #g88FinanceScreen .gf-mobile-tools button{min-height:73px}
 #g88FinanceScreen .gf-mobile-balance-card:focus-visible,
 #g88FinanceScreen .gf-mobile-overview-grid button:focus-visible,
 #g88FinanceScreen .gf-mobile-main-actions button:focus-visible,
 #g88FinanceScreen .gf-mobile-period-picker:focus-within {
   outline:3px solid #82bbff;outline-offset:2px;
 }
}
@media(max-width:370px){
 #g88FinanceScreen .gf-mobile-overview{padding:10px}
 #g88FinanceScreen .gf-mobile-overview-grid :is(.gf-mobile-mini,.gf-mobile-due){gap:5px;padding:10px 6px}
 #g88FinanceScreen .gf-mobile-stat-icon{flex-basis:29px;width:29px;height:29px}
 #g88FinanceScreen .gf-mobile-overview-grid .gf-mobile-stat-copy strong{font-size:13px}
 #g88FinanceScreen .gf-mobile-balance-card strong{font-size:22px}
}


/* Seletor visual de mês GARAGEM88: 12 meses, navegação por ano, sem popup nativo. */
@media(max-width:600px){
 #g88FinanceScreen .gf-mobile-overview{overflow:visible}
 #g88FinanceScreen .gf-mobile-hero-top{position:relative;z-index:3}
 #g88FinanceScreen .gf-mobile-period-picker{
   box-sizing:border-box;position:relative;display:block;
   min-height:0;margin:0;padding:0;flex:0 0 auto;
   background:transparent;border:0;border-radius:0;
 }
 #g88FinanceScreen .gf-mobile-period-trigger{
   appearance:none;display:inline-flex;align-items:center;justify-content:center;
   gap:7px;min-height:38px;box-sizing:border-box;padding:7px 10px;
   border:1px solid #dce8f4;border-radius:11px;
   background:#f1f6fc;color:#24405f;
   font:750 11.5px/1 Inter,'Segoe UI',Arial,sans-serif;
   cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #1c41610a;
 }
 #g88FinanceScreen .gf-mobile-period-trigger>svg:first-child{
   color:#0870e8;width:17px;height:17px;
 }
 #g88FinanceScreen .gf-mobile-period-trigger .gf-mobile-period-chevron{
   display:block;width:15px;height:15px;color:#637d99;
   stroke:currentColor;fill:none;stroke-width:2;
   stroke-linecap:round;stroke-linejoin:round;
   transition:transform .17s ease;
 }
 #g88FinanceScreen .gf-mobile-period-trigger[aria-expanded="true"] .gf-mobile-period-chevron{
   transform:rotate(180deg);
 }
 #g88FinanceScreen .gf-mobile-period-trigger:hover{border-color:#a8cbee;background:#eaf3fe}
 #g88FinanceScreen .gf-mobile-period-trigger:focus-visible,
 #g88FinanceScreen .gf-mobile-month-panel button:focus-visible{
   outline:3px solid #8cbcff;outline-offset:2px;
 }
 #g88FinanceScreen .gf-mobile-month-panel{
   box-sizing:border-box;position:absolute;top:calc(100% + 7px);left:0;
   width:min(292px,calc(100vw - 48px));max-width:calc(100vw - 48px);
   padding:12px;z-index:40;border:1px solid #d8e5f3;border-radius:15px;
   background:#fff;color:#173754;box-shadow:0 14px 40px #092c4c35;
 }
 #g88FinanceScreen .gf-mobile-month-year{
   display:flex;align-items:center;justify-content:space-between;
   padding:0 1px 9px;border-bottom:1px solid #ebf1f8;
 }
 #g88FinanceScreen .gf-mobile-month-year strong{
   font:800 15px/1.2 Inter,'Segoe UI',Arial,sans-serif;
   color:#193b5e;letter-spacing:.1px;
 }
 #g88FinanceScreen .gf-mobile-month-year button{
   appearance:none;display:grid;place-items:center;
   width:34px;height:34px;padding:0;border:1px solid #d9e5f2;
   border-radius:9px;background:#f6f9fd;color:#235783;
   font:700 22px/1 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer;
 }
 #g88FinanceScreen .gf-mobile-month-year button:hover{background:#eaf3ff}
 #g88FinanceScreen .gf-mobile-month-grid{
   display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
   margin-top:10px;
 }
 #g88FinanceScreen .gf-mobile-month-grid button{
   appearance:none;min-height:40px;padding:7px 1px;
   border:1px solid transparent;border-radius:9px;
   background:#f4f8fd;color:#375473;
   font:700 12px/1 Inter,'Segoe UI',Arial,sans-serif;
   cursor:pointer;
 }
 #g88FinanceScreen .gf-mobile-month-grid button:hover{
   background:#e5f1ff;color:#0569df;border-color:#c2dcfc;
 }
 #g88FinanceScreen .gf-mobile-month-grid button.selected{
   background:#0768ee;color:white;border-color:#0768ee;
   box-shadow:0 2px 7px #0865ea21;
 }
 #g88FinanceScreen .gf-mobile-month-actions{
   display:flex;align-items:center;justify-content:space-between;
   gap:7px;margin-top:11px;padding-top:9px;border-top:1px solid #ebf1f8;
 }
 #g88FinanceScreen .gf-mobile-month-actions button{
   appearance:none;min-height:35px;border:0;border-radius:9px;
   background:transparent;color:#1164c9;padding:6px 9px;
   font:750 11px/1 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer;
 }
 #g88FinanceScreen .gf-mobile-month-actions button:first-child{background:#edf5ff}
 #g88FinanceScreen .gf-mobile-month-actions button:hover{background:#e5f1ff}
}


/* GARAGEM88 mobile — ações de Lançamentos no padrão suave da marca (2026-10-26) */
@media (max-width:600px) {
  /* Mesmas ações e handlers; apenas visual e distribuição mobile. */
  #g88FinanceScreen .gf-launch-actions {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;
    flex:1 1 auto!important;
  }
  #g88FinanceScreen .gf-launch-action {
    box-sizing:border-box!important;
    display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:center!important;
    gap:8px!important;
    width:100%!important;min-width:0!important;
    min-height:53px!important;height:auto!important;
    padding:9px 8px!important;
    border-radius:12px!important;
    text-align:center!important;
    box-shadow:0 2px 8px rgba(17,50,81,.06)!important;
    transform:none!important;
  }
  #g88FinanceScreen .gf-launch-action .gf-launch-action-icon {
    display:grid!important;place-items:center!important;
    flex:0 0 25px!important;
    width:25px!important;height:25px!important;
    min-width:25px!important;
    margin:0!important;
  }
  #g88FinanceScreen .gf-launch-action .gf-launch-action-icon svg {
    display:block!important;
    width:24px!important;height:24px!important;
    stroke:currentColor!important;stroke-width:2!important;fill:none!important;
  }
  #g88FinanceScreen .gf-launch-action .gf-launch-action-copy {
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:center!important;
    gap:0!important;min-width:0!important;
  }
  #g88FinanceScreen .gf-launch-action .gf-launch-action-copy strong {
    font:700 12.5px/1.3 Inter,'Segoe UI',Arial,sans-serif!important;
    letter-spacing:-.16px!important;
    white-space:nowrap!important;
  }
  #g88FinanceScreen .gf-launch-action .gf-launch-action-copy small {
    display:none!important;
  }
  #g88FinanceScreen .gf-launch-action-in {
    background:#edf9f2!important;
    color:#08794f!important;
    border:1px solid #c6ead6!important;
  }
  #g88FinanceScreen .gf-launch-action-out {
    background:#fff0f2!important;
    color:#b72c45!important;
    border:1px solid #f3d0d8!important;
  }
  #g88FinanceScreen .gf-launch-action-transfer {
    grid-column:1/-1!important;
    min-height:51px!important;
    background:#f7fbff!important;
    color:#145da9!important;
    border:1px solid #c9ddf3!important;
  }
  #g88FinanceScreen .gf-launch-action-transfer .gf-launch-action-icon {
    color:#1469bb!important;
  }
  #g88FinanceScreen .gf-launch-action:active {
    filter:brightness(.97)!important;
  }
  #g88FinanceScreen .gf-launch-action:focus-visible {
    outline:3px solid #8ac1ff!important;outline-offset:2px!important;
  }
}
@media(max-width:360px){
  #g88FinanceScreen .gf-launch-action {gap:5px!important;padding-inline:5px!important}
  #g88FinanceScreen .gf-launch-action .gf-launch-action-copy strong {font-size:11.25px!important}
  #g88FinanceScreen .gf-launch-action .gf-launch-action-icon {flex-basis:22px!important;width:22px!important;height:22px!important}
  #g88FinanceScreen .gf-launch-action .gf-launch-action-icon svg {width:21px!important;height:21px!important}
}


/* GARAGEM88 Mobile — Contas e cartões: quatro ações compactas em duas colunas */
@media (max-width:600px) {
  #g88FinanceScreen .gf-accounts-actions {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;min-width:0!important;
    margin:0!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-btn.gf-accounts-action {
    box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-direction:row!important;gap:6px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    min-height:47px!important;height:auto!important;
    margin:0!important;padding:9px 6px!important;
    border-radius:11px!important;
    font:750 11.5px/1.25 Inter,'Segoe UI',Arial,sans-serif!important;
    text-align:center!important;
    white-space:normal!important;
    transform:none!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-btn.gf-accounts-action > svg {
    flex:0 0 17px!important;width:17px!important;height:17px!important;
    display:block!important;stroke-width:2.1!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-btn.gf-accounts-action > span {
    display:block!important;min-width:0!important;white-space:normal!important;
    overflow-wrap:normal!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-accounts-action-primary {
    background:#1974d2!important;border-color:#1974d2!important;color:#fff!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-accounts-action:not(.gf-accounts-action-primary) {
    background:#fff!important;border-color:#d3e3f4!important;color:#164f8d!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-accounts-action:focus-visible {
    outline:3px solid #8cbfff!important;outline-offset:2px!important;
  }
}
@media (max-width:350px) {
  #g88FinanceScreen .gf-accounts-actions{gap:7px!important}
  #g88FinanceScreen .gf-accounts-actions > .gf-btn.gf-accounts-action{
    padding:9px 4px!important;gap:4px!important;font-size:10.5px!important;
  }
  #g88FinanceScreen .gf-accounts-actions > .gf-btn.gf-accounts-action > svg{
    flex-basis:16px!important;width:16px!important;height:16px!important;
  }
}

/* GARAGEM88 mobile — lista de lançamentos em cartões, sem rolagem lateral. */
@media(max-width:600px){
 #g88FinanceScreen .gf-launch-panel{box-sizing:border-box;max-width:100%;min-width:0;width:100%;overflow:hidden}
 #g88FinanceScreen .gf-launch-list{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:hidden}
 #g88FinanceScreen .gf-mobile-launch-record{
   box-sizing:border-box;display:grid;grid-template-columns:39px 29px minmax(0,1fr) minmax(80px,auto) 24px;
   gap:6px;align-items:center;width:100%;min-width:0;padding:12px 7px;
   border-bottom:1px solid #e7edf5;background:#fff;color:#193a5c;
   font-family:Inter,'Segoe UI',Arial,sans-serif;
 }
 #g88FinanceScreen .gf-mobile-launch-record:last-child{border-bottom:0}
 #g88FinanceScreen .gf-mobile-launch-date{display:flex;flex-direction:column;align-items:center;gap:2px;color:#43627f;font-size:11px;font-weight:800;white-space:nowrap}
 #g88FinanceScreen .gf-mobile-launch-date small{font-size:9px;font-weight:500;color:#9aacbf}
 #g88FinanceScreen .gf-mobile-launch-record>.gf-dot{width:27px;height:27px;min-width:27px;display:grid;place-items:center}
 #g88FinanceScreen .gf-mobile-launch-record>.gf-dot svg{width:15px;height:15px}
 #g88FinanceScreen .gf-mobile-launch-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
 #g88FinanceScreen .gf-mobile-launch-copy b{font-size:11px;font-weight:750;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #g88FinanceScreen .gf-mobile-launch-copy small{font-size:9px;color:#758ca4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #g88FinanceScreen .gf-mobile-launch-meta{display:flex;flex-direction:column;min-width:0;gap:5px;align-items:flex-end}
 #g88FinanceScreen .gf-mobile-launch-meta small{font-size:9px;color:#8295ab;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #g88FinanceScreen .gf-mobile-launch-meta strong{font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:-.15px}
 #g88FinanceScreen .gf-mobile-launch-detail{display:grid;place-items:center;width:24px;height:33px;border:0;border-radius:8px;background:#edf5ff;color:#1469b7;font:800 22px/1 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer}
 #g88FinanceScreen .gf-mobile-launch-detail:focus-visible{outline:2px solid #1e7dd2;outline-offset:2px}
 #g88FinanceScreen .gf-month-toolbar{box-sizing:border-box;max-width:100%;min-width:0}
 #g88FinanceScreen .gf-month-stats{box-sizing:border-box;max-width:100%;min-width:0;flex-wrap:wrap}
 #g88FinanceScreen .gf-launch-panel .gf-filters{max-width:100%;overflow-x:auto}
 #g88FinanceScreen .gf-mobile-detail-modal{box-sizing:border-box;width:min(430px,calc(100vw - 26px));max-height:calc(100dvh - 30px);background:#fff;overflow:hidden}
 #g88FinanceScreen .gf-mobile-detail-head{display:flex;gap:10px;align-items:center;padding:16px;border-bottom:1px solid #e2ebf5}
 #g88FinanceScreen .gf-mobile-detail-head>.gf-dot{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center}
 #g88FinanceScreen .gf-mobile-detail-head>div{flex:1;min-width:0}
 #g88FinanceScreen .gf-mobile-detail-head h2{margin:0;color:#163858;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
 #g88FinanceScreen .gf-mobile-detail-head small{display:block;margin-top:4px;font-size:11px;color:#748da6}
 #g88FinanceScreen .gf-mobile-detail-head button{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:9px;background:#eef4fb;color:#3c5874;font-size:23px;cursor:pointer}
 #g88FinanceScreen .gf-mobile-detail-content{padding:15px 16px;overflow:auto;min-height:0}
 #g88FinanceScreen .gf-mobile-detail-value{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px;background:#f3f8fe;border:1px solid #e1ecf7;border-radius:13px}
 #g88FinanceScreen .gf-mobile-detail-value small{font-size:11px;color:#657e97}
 #g88FinanceScreen .gf-mobile-detail-value strong{font-size:25px;font-weight:850}
 #g88FinanceScreen .gf-mobile-detail-value span{font-size:11px;color:#657e97}
 #g88FinanceScreen .gf-mobile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0}
 #g88FinanceScreen .gf-mobile-detail-field{display:flex;flex-direction:column;gap:5px;min-width:0;padding:10px 11px;border:1px solid #e7eef6;border-radius:10px}
 #g88FinanceScreen .gf-mobile-detail-field small{font-size:10px;color:#7a91a9}
 #g88FinanceScreen .gf-mobile-detail-field b{font-size:12px;color:#1c3b5b;overflow-wrap:anywhere}
 #g88FinanceScreen .gf-mobile-detail-lock{font-size:11px;color:#7b6880;line-height:1.45}
 #g88FinanceScreen .gf-mobile-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px;border-top:1px solid #e7eef7}
 #g88FinanceScreen .gf-mobile-detail-actions button{flex:1 1 auto;min-height:41px;padding:9px 11px;border-radius:10px;font:750 12px Inter,'Segoe UI',Arial,sans-serif;cursor:pointer}
 #g88FinanceScreen .gf-mobile-detail-edit{background:#edf5ff;color:#1267bb;border:1px solid #c7dff9}
 #g88FinanceScreen .gf-mobile-detail-delete{background:#fff2f3;color:#ba3548;border:1px solid #f3d5db}
 #g88FinanceScreen .gf-mobile-detail-close{background:#166ec7;color:#fff;border:1px solid #166ec7}
}
@media(max-width:365px){
 #g88FinanceScreen .gf-mobile-launch-record{grid-template-columns:33px 23px minmax(0,1fr) minmax(68px,auto) 22px;gap:4px;padding-inline:4px}
 #g88FinanceScreen .gf-mobile-launch-record>.gf-dot{width:23px;height:23px;min-width:23px}
 #g88FinanceScreen .gf-mobile-launch-meta strong{font-size:10px}
 #g88FinanceScreen .gf-mobile-launch-copy b{font-size:10px}
 #g88FinanceScreen .gf-mobile-launch-detail{width:22px}
}
