/* Shared by the packaged Android demo and its clearly labelled browser preview. */
.android-app body{font-family:Roboto,system-ui,sans-serif;font-size:16px;background:#f7f7f0}
.android-app .sidebar{position:fixed;top:auto;bottom:0;width:100%;height:80px;padding:0 8px env(safe-area-inset-bottom);z-index:20;border:0;border-top:1px solid #dce4d4;background:#fcfcf7}
.android-app .sidebar .brand,.android-app .business,.android-app .side-note{display:none}
.android-app nav{display:flex;justify-content:space-around;gap:0;height:76px}
.android-app nav a{flex:1;padding:8px 2px;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:11px;border-radius:0;min-width:48px;min-height:48px}
.android-app nav a.active{color:#174d3c;background:transparent}
.android-app nav a.active svg{background:#dce9d2;border-radius:20px;box-sizing:content-box;padding:4px 15px;margin:-4px -15px 0}
.android-app nav a[href="#settings"]{display:none}
.android-app nav svg{width:22px;height:22px}
.android-app .shell{margin-left:0}
.android-app header{height:64px;padding:0 18px;position:sticky;top:0;z-index:15;background:#fcfcf7}
.android-app .header-label{display:none}
.android-app .mobile-brand{display:flex;align-items:center;gap:8px;color:#174d3c;font:700 28px Georgia,serif}
.android-app .mobile-brand strong{font:700 19px system-ui}
.android-app .header-right{gap:2px}
.android-app .demo-tag{display:none}
.android-app .language,.android-app .app-settings{width:48px;height:48px;padding:12px;display:grid;place-items:center;border:0;background:transparent;color:#174d3c}
.android-app .app-settings svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.android-app .demo-note{padding:8px 18px;font-size:11px;background:#eef2e6;color:#52664a;gap:5px}
.android-app .app-local:before{content:'';display:inline-block;width:6px;height:6px;background:#53804c;border-radius:50%;margin-right:5px}
.android-app main{padding:22px 18px 100px;max-width:760px;min-height:80vh}
.android-app .page-head{display:block;margin-bottom:22px}
.android-app .eyebrow{display:none}
.android-app h1{font:650 28px/1.2 system-ui;letter-spacing:-.9px;margin-bottom:7px}
.android-app p.sub{font-size:14px;color:#5e6b5d}
.android-app .page-head .actions{display:flex;gap:10px;margin-top:21px}
.android-app .page-head .actions .btn{flex:1}
.android-app .btn{min-height:48px;border-radius:14px;font-size:14px;padding:11px 14px}
.android-app .welcome{display:none}
.android-app .app-period{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#65765c;margin-bottom:12px}
.android-app .stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.android-app .stat{padding:17px 14px;border-radius:17px}
.android-app .stat-label{font-size:12px;margin-bottom:10px;color:#53634e}
.android-app .stat-value{font-size:25px;letter-spacing:-.8px}
.android-app .stat-foot{font-size:10px;line-height:1.4;color:#65715c}
.android-app .stat.highlight .stat-label,.android-app .stat.highlight .stat-foot{color:#d5e5ce}
.android-app .columns,.android-app .settings-grid{display:block}
.android-app .panel{padding:18px;border-radius:18px;margin-bottom:18px}
.android-app .panel h2{font-size:16px}
.android-app .panel p.caption,.android-app .caption,.android-app .muted{font-size:12px;color:#5f6e58}
.android-app .text-btn{font-size:12px;min-height:48px;min-width:48px;display:inline-flex;align-items:center}
.android-app .panel-head{margin-bottom:8px}
.android-app .badge{font-size:11px}
.android-app table{font-size:13px}
.android-app th{font-size:10px;color:#62725b}
.android-app footer{display:none}
.android-app dialog{width:100%;max-width:760px;max-height:96dvh;margin:auto auto 0;border-radius:24px 24px 0 0}
.android-app .modal-head{position:sticky;top:0;background:#fffefa;z-index:1;padding:15px 18px}
.android-app .modal-head h2{font:650 21px/1.3 system-ui}
.android-app .modal-content{padding:18px 18px max(22px,env(safe-area-inset-bottom))}
.android-app .close{min-height:48px;min-width:48px}
.android-app .form-grid{grid-template-columns:1fr;gap:0}
.android-app .field label{font-size:14px}
.android-app .field small,.android-app .check{font-size:12px}
.android-app input,.android-app select,.android-app textarea{min-height:48px;font-size:16px;border-radius:12px}
.android-app .check input{min-height:22px;width:22px}
.android-app .line{grid-template-columns:minmax(0,1fr) 62px 65px 48px;gap:4px}
.android-app .line select{font-size:12px;padding:8px 3px}
.android-app .line button{height:48px;min-width:48px}
.android-app .form-footer{position:sticky;bottom:0;background:#fffefa;padding:12px 0 0}
.android-app .form-footer .btn{flex:1}
.android-app #toast{bottom:90px;font-size:14px}
@media(max-width:370px){.android-app main{padding-left:12px;padding-right:12px}.android-app .stat{padding:14px 11px}.android-app .stat-value{font-size:22px}.android-app .line{grid-template-columns:minmax(0,1fr) 48px 48px}.android-app .line-total{grid-column:1/-1;text-align:left}.android-app .line button{grid-column:3;grid-row:1}.android-app .stat-label{font-size:11px}}