/* Mobile home only. Native UniGUI buttons keep their Delphi events. */
.gw-mobile-home { font-family: 'Segoe UI', Roboto, Arial, sans-serif; color:#10285b; background:linear-gradient(145deg,#f8fbff,#eff8fd); }
.x-formpanel:has(.gw-mobile-home) .x-formpanel-body-el { padding:0 !important; }
.x-fullscreen:has(.gw-mobile-home) > .x-dock > .x-toolbar { background:#0c478f; border:0; }
.x-fullscreen:has(.gw-mobile-home) > .x-dock > .x-toolbar .x-title { color:white; font-family:'Segoe UI',Roboto,Arial,sans-serif; font-weight:600; }
.x-fullscreen:has(.gw-mobile-home) > .x-dock > .x-toolbar .x-button { background:rgba(255,255,255,.92); border:0; border-radius:8px; }
.gw-mobile-home .gw-home-company { background:white; border-radius:16px; box-shadow:0 4px 18px rgba(24,68,112,.05); margin-bottom:16px; height:auto !important; }
.gw-home-company::before { content:'\f0f7'; font-family:FontAwesome; position:absolute; left:14px; top:14px; width:42px; height:42px; border-radius:12px; background:#e3f3ff; color:#0c478f; font-size:25px; display:flex; align-items:center; justify-content:center; }
.gw-mobile-home .gw-home-company-name { font-size:15px; font-weight:700; line-height:20px; white-space:normal; overflow-wrap:anywhere; height:auto !important; }
.gw-mobile-home .gw-home-company-doc { font-size:13px; color:#5c7191; line-height:20px; }
.gw-mobile-home .gw-home-grid,.gw-mobile-home .gw-home-stats { height:auto !important; }
.gw-mobile-home .gw-home-grid > .x-body-el,.gw-mobile-home .gw-home-stats > .x-body-el { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; height:auto !important; width:100%; position:relative; }
.gw-mobile-home .gw-home-stats { margin-bottom:16px; }
.gw-mobile-home .gw-home-card { position:relative !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:16px 14px; height:172px !important; border:1px solid #edf3f9; border-radius:16px; background:white; box-shadow:0 4px 18px rgba(24,68,112,.045); }
.gw-mobile-home .gw-home-card .x-inner-el { height:100%; padding:0; background:transparent; border:0; }
.gw-mobile-home .gw-home-card .x-body-el { flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:0; }
.gw-mobile-home .gw-home-card .x-icon-el { position:relative; flex:none; width:54px; height:54px; margin:0 0 12px; border-radius:13px; font-size:27px; color:white; background:linear-gradient(145deg,#4c92ff,#1463ee); box-shadow:0 5px 10px rgba(32,100,190,.13); }
.gw-mobile-home .gw-home-card .x-icon-el::before { display:flex; align-items:center; justify-content:center; height:100%; }
.gw-mobile-home .gw-home-card .x-text-el { color:#10285b; text-align:left; font:700 15px/20px 'Segoe UI',Roboto,Arial,sans-serif; white-space:normal; overflow:visible; text-overflow:clip; }
.gw-mobile-home .gw-home-card .x-text-el::after { display:block; margin-top:5px; color:#5c7191; font-size:12px; font-weight:400; line-height:17px; white-space:normal; }
.gw-mobile-home .gw-home-card::after { content:'\203a'; position:absolute; top:25px; right:15px; font-size:27px; color:#0c478f; pointer-events:none; }
.gw-mobile-home .gw-card-people .x-text-el::after { content:'Clientes, fornecedores e contatos'; }
.gw-mobile-home .gw-card-items .x-text-el::after { content:'Produtos e serviços'; }
.gw-mobile-home .gw-card-quotes .x-text-el::after { content:'Emissão de orçamentos'; }
.gw-mobile-home .gw-card-nfe .x-text-el::after { content:'Notas fiscais eletrônicas'; }
.gw-mobile-home .gw-card-sales .x-text-el::after { content:'Vendas e documentos fiscais'; }
.gw-mobile-home .gw-card-cte .x-text-el::after { content:'Conhecimento de transporte'; }
.gw-mobile-home .gw-card-mdfe .x-text-el::after { content:'Manifesto de documentos fiscais'; }
.gw-mobile-home .gw-card-items .x-icon-el { background:linear-gradient(145deg,#ffb65d,#ff922c); }
.gw-mobile-home .gw-card-quotes .x-icon-el { background:linear-gradient(145deg,#16ce96,#00a16b); }
.gw-mobile-home .gw-card-nfe .x-icon-el { background:linear-gradient(145deg,#9784ff,#6553ed); }
.gw-mobile-home .gw-card-sales .x-icon-el { background:linear-gradient(145deg,#ff6582,#f22d48); }
.gw-mobile-home .gw-card-cte .x-icon-el { background:linear-gradient(145deg,#06cbd7,#00a9bf); }
.gw-mobile-home .gw-card-mdfe .x-icon-el { background:linear-gradient(145deg,#44aab6,#237891); }
.gw-mobile-home .gw-home-card.x-button-pressing { background:#eaf4ff; border-color:#a8cdee; }
.gw-mobile-home .gw-home-card:focus-within { outline:3px solid #86c8ff; outline-offset:-3px; }
.gw-mobile-home .gw-home-stat { position:relative !important; height:auto !important; min-width:0; padding:15px 12px; border-radius:14px; border:1px solid #dbeaf7; background:#fff; }
.gw-mobile-home .gw-stat-sales { background:linear-gradient(135deg,#e1f1ff,#fff); }
.gw-mobile-home .gw-stat-quotes { background:linear-gradient(135deg,#e0f8ef,#fff); }
.gw-mobile-home .gw-stat-heading { font-size:12px; font-weight:600; line-height:18px; color:#31577d; }
.gw-mobile-home .gw-stat-value { font-size:clamp(17px,4.4vw,23px); font-weight:700; line-height:1.4; color:#103669; overflow-wrap:anywhere; }
.gw-mobile-home .gw-stat-note { font-size:11px; line-height:16px; color:#58738c; }
.gw-mobile-home .gw-stat-scope { font-size:10px; line-height:16px; margin-top:5px; color:#607c91; }
@media(min-width:700px) { .gw-mobile-home .gw-home-grid > .x-body-el { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:350px) { .gw-mobile-home .gw-home-grid > .x-body-el,.gw-mobile-home .gw-home-stats > .x-body-el { gap:10px; } .gw-mobile-home .gw-home-card { padding:14px 10px; height:185px !important; } .gw-mobile-home .gw-home-card .x-text-el { font-size:13px; } }

.gw-mobile-home .gw-home-company::before { z-index:2; }
.gw-mobile-home .gw-home-card .x-text-el { text-transform:none; }
.gw-mobile-home .gw-home-card .x-text-el::after { text-transform:none; }

.gw-mobile-home .gw-home-company-name .x-innerhtml,.gw-mobile-home .gw-home-company-doc .x-innerhtml { white-space:normal; overflow-wrap:anywhere; }
.gw-mobile-home .gw-home-stat { width:auto !important; }
.gw-mobile-home .gw-home-stat .x-innerhtml { white-space:normal; overflow-wrap:anywhere; }
/* Fill the button content width so icon/title positions do not depend on caption length. */
.gw-mobile-home .gw-home-card > .x-inner-el { width:100%; align-items:stretch; justify-content:flex-start; }
.gw-mobile-home .gw-home-card > .x-inner-el > .x-body-el { width:100%; min-width:0; flex:1 1 auto; align-self:stretch; align-items:flex-start; justify-content:flex-start; }
.gw-mobile-home .gw-home-card .x-text-el { width:100%; min-width:0; }