/* FINANÇA PLUS | Dashboard mobile inspirado diretamente na referência escolhida.
   Escopo em .reference-mobile; não altera cálculos nem componentes internos. */
@media(max-width:720px){
 .layout.exec-shell.is-dashboard-page .topbar{display:none!important}
 .layout.exec-shell.is-dashboard-page .content{
   padding:0 0 calc(114px + env(safe-area-inset-bottom,0px))!important;
   max-width:100%!important;
 }
 .layout.exec-shell.is-dashboard-page .executive-dashboard{display:none}
 .layout.exec-shell.is-dashboard-page .bottom-nav{
   background:#fff!important;border-top:1px solid #e8eeeb!important;
   box-shadow:0 -5px 19px #133f2710!important;
 }
 .layout.exec-shell.is-dashboard-page .bottom-nav .f5-bottom-add{
   background:linear-gradient(145deg,#02d47c,#00a863)!important;
 }
 /* O botão de voz continua disponível pelo Guardião, mas não cobre o gráfico. */
 body:has(.reference-mobile) #gv-dock:not(:has(.gv-panel:not([hidden]))){display:none!important}
 .layout.exec-shell.is-dashboard-page .reference-mobile{
   display:block;min-width:0;width:100%;max-width:580px;margin:0 auto;
   padding:17px 16px 26px;
   background:#fff;color:#1a3227;
   font-family:'DM Sans',system-ui,sans-serif;
   --ref-line:#e9f0ea;--ref-gray:#7d8c84;--ref-green:#00b76b;
 }
 .reference-mobile *{box-sizing:border-box}
 .reference-mobile button{font-family:inherit;touch-action:manipulation;cursor:pointer}
 .reference-mobile button:focus-visible{outline:3px solid #62dab0!important;outline-offset:2px}
 .reference-mobile .ref-header{
   display:flex;align-items:center;justify-content:space-between;gap:10px;
   padding:4px 0 17px;min-width:0
 }
 .reference-mobile .ref-brand{display:flex;align-items:center;gap:10px;min-width:0}
 .reference-mobile .ref-logo{
   width:43px;height:43px;flex:0 0 43px;border-radius:12px;
   display:grid;place-items:center;color:#20f49b;
   background:linear-gradient(145deg,#003b29,#008d51);box-shadow:0 3px 12px #07653b1b
 }
 .reference-mobile .ref-brand>div{min-width:0}
 .reference-mobile .ref-brand strong{
   display:block;font:850 clamp(19px,5.3vw,24px)/1.13 'Plus Jakarta Sans',sans-serif;
   letter-spacing:-.85px;color:#0b1820;white-space:nowrap
 }
 .reference-mobile .ref-brand em{font-style:normal;color:#00bf70}
 .reference-mobile .ref-brand small{
   display:block;font-size:8px;font-weight:750;color:#87988e;letter-spacing:1px;
   white-space:nowrap;margin-top:5px
 }
 .reference-mobile .ref-head-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}
 .reference-mobile .ref-top-icon{
   width:36px;height:36px;border:0;border-radius:10px;background:#f6f9f7;
   display:grid;place-items:center;color:#183c2c
 }
 .reference-mobile .ref-user-icon{
   width:34px;height:34px;border:2px solid #fff;border-radius:50%;
   background:#ddf4e5;color:#137548;font-weight:900;
   box-shadow:0 0 0 1px #dcece3
 }
 .reference-mobile .ref-period{margin:0 0 14px;display:grid;gap:9px}
 .reference-mobile .ref-time-tabs{
   display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;
   padding:4px;border-radius:13px;background:#f1f5f2
 }
 .reference-mobile .ref-time-tabs button{
   min-width:0;min-height:36px;display:grid;place-items:center;padding:5px 1px;
   font-size:11px;font-weight:800;color:#72867a;border:0;border-radius:10px;
   background:transparent;white-space:nowrap
 }
 .reference-mobile .ref-time-tabs button.selected{
   color:#008f51;background:#fff;box-shadow:0 2px 8px #153f2716
 }
 .reference-mobile .ref-date-picker{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:35px}
 .reference-mobile .ref-date-picker>span{color:#079c60}
 .reference-mobile .ref-date-picker .dashboard-calendar{
   display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;
   width:100%;font-size:11px;color:#557261;font-weight:700
 }
 .reference-mobile .ref-date-picker .dashboard-calendar input{
   margin:0!important;width:min(178px,54vw);max-width:100%!important;min-height:34px!important;
   height:34px!important;padding:5px 9px!important;border-radius:10px!important;
   font-size:12px!important;font-weight:700;background:#fff!important;
   border:1px solid #e1eae4!important;color:#16442f!important
 }
 .reference-mobile .ref-date-picker .dashboard-range{display:none}
 .reference-mobile .ref-date-picker:has(input[data-range]){flex-wrap:wrap}
 .reference-mobile .ref-date-picker:has(input[data-range]) .dashboard-calendar{width:calc(50% - 13px)}
 .reference-mobile .ref-date-picker:has(input[data-range]) input{width:100%}
 .reference-mobile .ref-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px}
 .reference-mobile .ref-stat{
   display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;
   gap:5px 10px;min-height:114px;min-width:0;
   padding:13px 11px;text-align:left;background:#fff;
   border:1px solid #e7eee9;border-radius:16px;box-shadow:0 4px 14px #0e573b09
 }
 .reference-mobile .ref-stat-icon{
   grid-row:1/span 2;display:grid;place-items:center;
   height:36px;width:36px;border-radius:10px;color:#fff;background:#00ba70
 }
 .reference-mobile .ref-stat-out .ref-stat-icon{background:#f43a50}
 .reference-mobile .ref-stat-label{align-self:end;font-size:12px;font-weight:800;color:#54665b}
 .reference-mobile .ref-stat>strong{
   grid-column:2;display:block;max-width:100%;
   font:850 clamp(16px,4.5vw,22px)/1.2 'Plus Jakarta Sans',sans-serif;
   color:#172e22;letter-spacing:-.7px;overflow-wrap:anywhere
 }
 .reference-mobile .ref-stat small{
   grid-column:1/-1;color:#87968c;font-size:10px;font-weight:600;margin-top:2px
 }
 .reference-mobile .ref-result{
   display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:center;
   border:1px solid #e5eee8;border-radius:16px;padding:15px 13px;min-height:134px;
   background:#fff;box-shadow:0 4px 16px #12442b0a;margin-bottom:19px
 }
 .reference-mobile .ref-result-copy{display:grid;gap:6px;min-width:0}
 .reference-mobile .ref-result-copy>span{font-size:12px;color:#475c4e;font-weight:750}
 .reference-mobile .ref-result-copy>strong{
   font:850 clamp(23px,6.5vw,30px)/1.18 'Plus Jakarta Sans',sans-serif;
   letter-spacing:-1px;color:#173b2a;overflow-wrap:anywhere
 }
 .reference-mobile .ref-result-copy>strong.is-negative{color:#e64a58}
 .reference-mobile .ref-result-copy small{font-size:10px;color:#91a399}
 .reference-mobile .ref-gauge{
   --ref-progress:0%;display:grid;place-items:center;position:relative;
   height:104px;width:104px;border-radius:50%;
   background:conic-gradient(#00ca75 0% var(--ref-progress),#e8f1eb var(--ref-progress) 100%);
   border:0;cursor:pointer
 }
 .reference-mobile .ref-gauge:after{
   content:'';position:absolute;inset:12px;border-radius:50%;background:#fff
 }
 .reference-mobile .ref-gauge>span{position:relative;z-index:2;display:grid;place-items:center;gap:3px;text-align:center}
 .reference-mobile .ref-gauge b{font-size:20px;color:#19382b}
 .reference-mobile .ref-gauge small{font-size:8px;color:#657c6e;max-width:66px;line-height:1.3}
 .reference-mobile .ref-section{margin-bottom:16px;min-width:0}
 .reference-mobile .ref-section-head{
   display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px
 }
 .reference-mobile .ref-section-head h2{
   margin:0;font:850 clamp(15px,4vw,18px)/1.3 'Plus Jakarta Sans',sans-serif;
   letter-spacing:-.35px;color:#213329
 }
 .reference-mobile .ref-section-head>button{
   flex-shrink:0;font-size:11px;font-weight:800;color:#007e4a;background:transparent;border:0;padding:6px 0
 }
 .reference-mobile .ref-bank-grid{
   display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%
 }
 .reference-mobile .ref-bank{
   --bank-a:#0fa978;--bank-b:#006c49;
   min-width:0;min-height:101px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;
   border:0;border-radius:12px;background:linear-gradient(138deg,var(--bank-a),var(--bank-b));
   box-shadow:0 5px 13px #173f3110;color:#fff;
   padding:10px 8px;text-align:left;overflow:hidden
 }
 .reference-mobile .ref-bank-nu{--bank-a:#9b2ffc;--bank-b:#6403cd}
 .reference-mobile .ref-bank-mp{--bank-a:#28b5fe;--bank-b:#0571d3}
 .reference-mobile .ref-bank-inter{--bank-a:#ffb532;--bank-b:#ed7913}
 .reference-mobile .ref-bank-cash{--bank-a:#00d67d;--bank-b:#009653}
 .reference-mobile .ref-bank-picpay{--bank-a:#21c98a;--bank-b:#059b6e}
 .reference-mobile .ref-bank-mark{height:21px;display:grid;place-items:center;color:#fff}
 .reference-mobile .ref-bank-name{
   font-weight:750;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
   width:100%;color:#fff
 }
 .reference-mobile .ref-bank strong{
   color:#fff!important;margin-top:auto;font:850 clamp(10px,2.8vw,13px)/1.19 'Plus Jakarta Sans',sans-serif;
   letter-spacing:-.55px;overflow-wrap:anywhere;width:100%;max-width:100%
 }
 .reference-mobile .ref-category-section{
   border-top:1px solid #edf1ed;padding-top:14px
 }
 .reference-mobile .ref-category-body{display:grid;grid-template-columns:137px minmax(0,1fr);align-items:center;gap:15px}
 .reference-mobile .ref-donut{height:133px;width:133px;border-radius:50%;display:grid;place-items:center}
 .reference-mobile .ref-donut-hole{
   background:#fff;height:89px;width:89px;border-radius:50%;
   display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center
 }
 .reference-mobile .ref-donut-hole strong{
   font:850 clamp(10px,2.9vw,14px)/1.2 'Plus Jakarta Sans',sans-serif;
   color:#17382a;letter-spacing:-.45px
 }
 .reference-mobile .ref-donut-hole small{font-size:9px;color:#78877e;font-weight:750}
 .reference-mobile .ref-category-list{display:grid;gap:9px;min-width:0}
 .reference-mobile .ref-category-line{
   display:grid;grid-template-columns:8px minmax(0,1fr);gap:7px;align-items:center;
   background:transparent;border:0;text-align:left;padding:0;min-height:31px;min-width:0
 }
 .reference-mobile .ref-cat-color{height:8px;width:8px;border-radius:50%}
 .reference-mobile .ref-cat-detail{display:grid;gap:3px;min-width:0;width:100%}
 .reference-mobile .ref-cat-name{font-size:11px;font-weight:750;min-width:0;color:#496051;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .reference-mobile .ref-cat-numbers{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
 .reference-mobile .ref-cat-amount{font-size:11px;font-weight:850;color:#203e2c;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.2px}
 .reference-mobile .ref-cat-share{font-size:10px;font-weight:750;color:#758b7b;white-space:nowrap}
 .reference-mobile .ref-empty{margin:5px 0 13px;padding:14px;background:#f6faf7;color:#6d8071;font-size:12px;border-radius:12px;line-height:1.5}
 .reference-mobile .ref-empty button{border:0;background:transparent;color:#008c50;font-weight:850}
 .reference-mobile .ref-shortcuts,.reference-mobile .ref-recent{border-top:1px solid #edf1ed;padding-top:17px}
 .reference-mobile .ref-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .reference-mobile .ref-shortcut-grid button{
   display:flex;align-items:center;gap:9px;padding:11px 10px;min-height:49px;
   background:#fff;border:1px solid #e2eee5;border-radius:12px;color:#24523b;
   text-align:left;font-size:11px;font-weight:750;min-width:0
 }
 .reference-mobile .ref-shortcut-grid button span{flex:1;min-width:0}
 .reference-mobile .ref-shortcut-grid button svg:last-child{color:#8ba79a}
 .reference-mobile .ref-minor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:7px;margin-top:9px}
 .reference-mobile .ref-minor-actions button{
   flex:1;border:0;border-radius:10px;background:#effaf3;color:#008b4e;
   padding:10px 5px;font-weight:800;font-size:11px
 }
 .reference-mobile .ref-tx{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1ed;min-width:0}
 .reference-mobile .ref-tx:last-child{border:0}
 .reference-mobile .ref-tx-icon{height:34px;width:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#e8f8ed;color:#0ca063}
 .reference-mobile .ref-tx-icon.out{background:#fff0f2;color:#e6505a}
 .reference-mobile .ref-tx>div{flex:1;min-width:0;display:grid;gap:3px}
 .reference-mobile .ref-tx>div strong{font-size:12px;color:#203e2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .reference-mobile .ref-tx>div small{font-size:10px;color:#93a095}
 .reference-mobile .ref-tx>b{font-size:12px;white-space:nowrap}
 .reference-mobile .ref-tx>b.in{color:#009c56}
 .reference-mobile .ref-tx>b.out{color:#d64c58}
 .layout.exec-shell.is-dashboard-page{background:#fff!important}
 .layout.exec-shell.is-dashboard-page .page{background:#fff!important}
 .layout.exec-shell.is-dashboard-page .bottom-nav .bottom-tab.active{
   color:#00a768!important;background:#e9f9ef!important
 }
}
@media(max-width:380px){
 .layout.exec-shell.is-dashboard-page .reference-mobile{padding-left:12px;padding-right:12px}
 .reference-mobile .ref-brand small{font-size:7px;letter-spacing:.65px}
 .reference-mobile .ref-brand strong{font-size:18px}
 .reference-mobile .ref-logo{height:38px;width:38px;flex-basis:38px}
 .reference-mobile .ref-stat{grid-template-columns:29px minmax(0,1fr);padding:12px 8px;gap:4px 6px}
 .reference-mobile .ref-stat-icon{width:29px;height:29px}
 .reference-mobile .ref-stat strong{font-size:16px}
 .reference-mobile .ref-gauge{height:88px;width:88px}
 .reference-mobile .ref-result{grid-template-columns:minmax(0,1fr) 91px}
 .reference-mobile .ref-bank-grid{gap:5px}
 .reference-mobile .ref-bank{padding:9px 6px}
 .reference-mobile .ref-bank-name{font-size:9px}
 .reference-mobile .ref-bank strong{font-size:10px}
 .reference-mobile .ref-category-body{grid-template-columns:111px minmax(0,1fr);gap:10px}
 .reference-mobile .ref-donut{height:110px;width:110px}
 .reference-mobile .ref-donut-hole{height:75px;width:75px}
 .reference-mobile .ref-cat-name,.reference-mobile .ref-cat-amount{font-size:10px}
 .reference-mobile .ref-cat-share{font-size:9px}
}
/* Indicador de sincronização não deve encobrir os cards e gráficos da home. */
@media(max-width:720px){
 body:has(.reference-mobile) #cloud-chip:not(.err){display:none!important}
 body:has(.reference-mobile) #cloud-chip.err{
  display:block!important;position:fixed;top:auto!important;
  bottom:calc(87px + env(safe-area-inset-bottom,0px))!important;
  right:11px!important;left:auto!important;z-index:80!important;
  color:#b13243!important;background:#fff3f4!important;border:1px solid #e7abb5!important;
  padding:8px 12px!important;font-size:11px!important
 }
}

/* FINANÇA PLUS: gastos por categoria legíveis, com prioridade à quantia em reais.
   O resumo ocupa largura integral; cada categoria tem seu próprio cartão. */
@media(max-width:720px){
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-section{
   margin:18px 0 22px!important;
   padding-top:19px!important;
   border-top:1px solid #e4ece6!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-section .ref-section-head{
   margin-bottom:15px!important;
   align-items:baseline;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-section .ref-section-head h2{
   font-size:clamp(19px,5vw,22px)!important;
   letter-spacing:-.6px!important;
   font-weight:850!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-body{
   display:flex!important;
   flex-direction:column!important;
   align-items:stretch!important;
   width:100%!important;
   gap:15px!important;
   min-width:0!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-overview{
   display:grid!important;
   grid-template-columns:146px minmax(0,1fr)!important;
   gap:16px!important;
   align-items:center!important;
   width:100%!important;
   padding:17px 15px!important;
   border:1px solid #e1ece5!important;
   border-radius:19px!important;
   background:linear-gradient(128deg,#f7fcf9 0%,#f0faf4 100%)!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut{
   width:142px!important;
   height:142px!important;
   min-width:142px!important;
   max-width:142px!important;
   margin:0!important;
   flex:0 0 142px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut-hole{
   width:94px!important;
   height:94px!important;
   min-width:94px!important;
   border-radius:50%!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut-hole strong{
   font-size:clamp(14px,3.9vw,18px)!important;
   line-height:1.15!important;
   letter-spacing:-.5px!important;
   font-weight:850!important;
   color:#173b2b!important;
   white-space:nowrap;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut-hole small{
   font-size:10px!important;
   color:#6a8272!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-overview-copy{
   display:flex!important;
   flex-direction:column!important;
   align-items:flex-start!important;
   gap:7px!important;
   min-width:0!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-overview-kicker{
   font-size:10px!important;
   line-height:1.3!important;
   letter-spacing:.6px!important;
   font-weight:800!important;
   color:#168f5c!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-overview-copy>strong{
   font-size:clamp(18px,5.2vw,23px)!important;
   line-height:1.24!important;
   font-weight:850!important;
   color:#193b2a!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-overview-copy>small{
   font-size:12px!important;
   line-height:1.5!important;
   font-weight:550!important;
   color:#677d6e!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-list{
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;
   gap:10px!important;
   min-width:0!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-line{
   display:flex!important;
   flex-direction:column!important;
   align-items:stretch!important;
   gap:13px!important;
   width:100%!important;
   min-height:104px!important;
   min-width:0!important;
   padding:16px 16px 13px!important;
   border:1px solid #e4ece6!important;
   border-left:4px solid var(--ref-cat-accent,#00b872)!important;
   border-radius:15px!important;
   background:#fff!important;
   box-shadow:0 4px 15px rgba(24,64,41,.045)!important;
   text-align:left!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-heading{
   display:flex!important;
   align-items:center!important;
   justify-content:space-between!important;
   gap:12px!important;
   min-width:0!important;
   width:100%!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-ident{
   min-width:0!important;
   flex:1 1 auto!important;
   display:flex!important;
   align-items:center!important;
   gap:10px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-color{
   display:block!important;
   width:12px!important;height:12px!important;
   min-width:12px!important;
   background:var(--ref-cat-accent,#00b872)!important;
   border-radius:50%!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-name{
   display:block!important;
   overflow:visible!important;
   text-overflow:clip!important;
   white-space:normal!important;
   overflow-wrap:anywhere!important;
   font-size:clamp(14px,3.8vw,17px)!important;
   line-height:1.3!important;
   font-weight:800!important;
   color:#294332!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-amount{
   flex:0 0 auto!important;
   font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
   font-size:clamp(17px,4.8vw,22px)!important;
   line-height:1.25!important;
   font-weight:850!important;
   letter-spacing:-.5px!important;
   font-variant-numeric:tabular-nums!important;
   white-space:nowrap!important;
   color:#183d2a!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-progress{
   display:block!important;
   height:10px!important;
   flex:0 0 10px!important;
   width:100%!important;
   overflow:hidden!important;
   border-radius:20px!important;
   background:#e9f0ea!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-progress>span{
   display:block!important;
   height:100%!important;
   border-radius:20px!important;
   background:var(--ref-cat-accent,#00b872)!important;
   min-width:0!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-footer{
   display:flex!important;
   justify-content:space-between!important;
   align-items:center!important;
   gap:8px!important;
   width:100%!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-footer>span{
   font-size:12px!important;
   font-weight:600!important;
   color:#738479!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-share{
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   min-width:48px!important;
   border-radius:999px!important;
   padding:5px 10px!important;
   background:#f1f6f2!important;
   color:#305c43!important;
   font-size:13px!important;
   font-weight:850!important;
   line-height:1!important;
 }
}
@media(max-width:390px){
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-overview{
   grid-template-columns:120px minmax(0,1fr)!important;
   gap:11px!important;
   padding:14px 11px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut{
   width:116px!important;height:116px!important;min-width:116px!important;max-width:116px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut-hole{
   width:78px!important;height:78px!important;min-width:78px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-donut-hole strong{
   font-size:13px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-overview-copy>strong{
   font-size:18px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-category-line{
   padding:15px 12px 13px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-heading{
   gap:9px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-name{
   font-size:14px!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-amount{
   font-size:17px!important;
 }
}
@media(max-width:345px){
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-heading{
   flex-wrap:wrap!important;
 }
 .layout.exec-shell.is-dashboard-page .reference-mobile .ref-cat-amount{
   margin-left:22px!important;
 }
}