/* AgroTrag mobile UX refresh: deliberately no rotating/translating layouts. */
:root { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html { min-width:320px; overflow-x:clip; scroll-behavior:auto; }
body { min-width:320px; max-width:100%; overflow-x:clip; }
.layout,.main,.content,.card,.tablewrap,.grid2,.itemgrid,.detailgrid { min-width:0; max-width:100%; }
button,select,input,textarea { touch-action:manipulation; }
.card strong,.card td,.card p,.item,.detailfact strong,.tablewrap { overflow-wrap:anywhere; }
button { -webkit-tap-highlight-color:transparent; }
.mobile-menu,.mobile-menu-backdrop { display:none; }
.quick-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.quick-action { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:9px; padding:18px; border-radius:17px; border:1px solid #dce8d9; background:#fff; color:#234d34; font-weight:800; text-align:left; min-height:112px; }
.quick-action:hover { background:#eff8ed; border-color:#bed9bc; }
.quick-action .quick-icon { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; font-size:24px; background:#e8f2e5; }
.quick-action .quick-desc { font-size:12px; font-weight:500; color:#718878; line-height:1.3; }
.mobile-help { padding:20px; border:1px solid #d5e6d3; border-radius:17px; background:#f1f8ed; margin-bottom:24px; }
.mobile-help h2 { font-size:19px; margin-bottom:12px; }
.help-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.help-step { display:flex; gap:11px; align-items:flex-start; }
.help-step .step-n { flex:0 0 28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#176e43; color:#fff; font-weight:800; }
.help-step strong { display:block; font-size:14px; margin-bottom:4px; }
.help-step small { display:block; color:#617967; line-height:1.45; font-size:12px; }
.more-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.more-link { display:flex; align-items:center; gap:13px; min-height:70px; width:100%; padding:15px; text-align:left; background:#fff; border:1px solid #e2ebe1; border-radius:14px; color:#214532; font-weight:750; }
.more-link .more-symbol { font-size:25px; width:33px; text-align:center; flex-shrink:0; }
.more-link small { display:block; color:#738b78; margin-top:3px; font-weight:400; line-height:1.35; }
.advanced-fields { border:1px solid #dce8da; border-radius:13px; background:#fafcf8; margin:0 0 15px; overflow:hidden; }
.advanced-fields summary { cursor:pointer; padding:15px 14px; font-size:14px; font-weight:800; color:#326445; list-style:none; display:flex; justify-content:space-between; gap:10px; }
.advanced-fields summary::-webkit-details-marker { display:none; }
.advanced-fields summary::after { content:'⌄'; font-size:18px; line-height:1; }
.advanced-fields[open] summary::after { content:'⌃'; }
.advanced-fields .formgrid { padding:4px 14px 12px; }
.advanced-fields .field:last-child { margin-bottom:5px; }
.form-hint { display:block; color:#708574; font-size:12px; line-height:1.45; margin:-4px 0 15px; }
.mobilebar button { transition:none; }
@media (max-width:1024px) {
 .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .help-steps { grid-template-columns:1fr; }
}
@media (max-width:760px) {
 body { overscroll-behavior-x:none; }
 .layout { width:100%; display:block; }
 .main { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
 .topbar { position:sticky; top:0; z-index:11; height:60px; padding:0 14px; gap:10px; box-shadow:0 2px 16px #1a43230b; }
 .farm-switch { min-width:0; flex:1; gap:7px; }
 .farm-switch>strong { font-size:19px; }
 .farm-switch select { min-width:0; flex:1; width:100%; max-width:unset; padding:9px 28px 9px 9px; font-size:14px; font-weight:750; background-color:#f4f8f3; }
 .farm-switch .button { width:35px; min-width:35px; height:36px; padding:4px; }
 .userchip { flex-shrink:0; }
 .userchip .avatar { width:34px; height:34px; }
 .content { padding:19px 14px 25px; }
 .pagehead { flex-direction:column; align-items:stretch; gap:12px; margin-bottom:19px; }
 .pagehead h1 { font-size:clamp(24px,6vw,31px); line-height:1.1; letter-spacing:-.9px; }
 .pagehead .subtitle { font-size:13px; line-height:1.5; }
 .pagehead .button { width:100%; min-height:45px; font-size:14px; }
 .eyebrow { font-size:10px; letter-spacing:.8px; }
 .banner { margin-bottom:17px; padding:17px; gap:14px; display:block; }
 .banner h2 { font-size:20px; line-height:1.2; }
 .banner .button { width:100%; margin-top:14px; }
 .cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:17px; }
 .card { border-radius:15px; padding:16px; }
 .stat { min-height:100px; padding:15px; gap:5px; }
 .stat .icon { font-size:20px; width:34px; height:34px; }
 .stat strong { font-size:25px; line-height:1.2; }
 .stat small { font-size:11px; line-height:1.4; display:block; }
 .grid2,.detailgrid { grid-template-columns:minmax(0,1fr); gap:15px; }
 .grid2 .card,.detailgrid .card { width:100%; }
 .itemgrid { grid-template-columns:minmax(0,1fr); gap:11px; }
 .item { min-height:90px; padding:14px; display:grid; grid-template-columns:43px minmax(0,1fr); align-items:center; gap:4px 12px; }
 .item .itemicon { grid-row:1 / 3; width:43px; height:43px; border-radius:12px; margin:0; font-size:22px; }
 .item strong { font-size:15px; white-space:normal; }
 .item .itemmeta { margin:0; flex-wrap:wrap; gap:5px; justify-content:flex-start; font-size:12px; }
 .item .itemmeta span { min-width:0; }
 .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:18px; }
 .quick-action { padding:14px; min-height:100px; gap:6px; border-radius:14px; }
 .quick-action .quick-icon { width:36px; height:36px; font-size:21px; }
 .quick-action .quick-desc { font-size:11px; }
 .help-steps { gap:13px; }
 .mobile-help { padding:17px; margin-bottom:19px; }
 .more-grid { grid-template-columns:1fr; gap:10px; }
 .more-link { min-height:65px; }
 .actions { gap:8px; }
 .actions .button { flex:1 1 auto; min-width:0; font-size:13px; }
 .cardhead { align-items:center; }
 .cardhead h2 { font-size:18px; }
 .cardhead .link { font-size:12px; }
 .detailfact { display:grid; grid-template-columns:minmax(95px,36%) minmax(0,1fr); gap:10px; white-space:normal; padding:12px 0; }
 .detailfact strong { font-size:13px; min-width:0; }
 .qrpanel { padding:13px; gap:14px; }
 .qrpanel img { flex-shrink:0; max-width:100%; }
 .tablewrap { overflow-x:visible; width:100%; }
 .tablewrap table,.tablewrap tbody { display:block; width:100%; }
 .tablewrap thead { display:none; }
 .tablewrap tbody { display:grid; gap:10px; }
 .tablewrap tr { display:block; width:100%; background:#fbfcf9; border:1px solid #e1e9de; border-radius:12px; padding:9px 12px; }
 .tablewrap td { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; width:100%; min-width:0; white-space:normal; padding:8px 0; border-bottom:1px solid #ecf1e9; text-align:right; font-size:13px; }
 .tablewrap td:last-child { border-bottom:0; }
 .tablewrap td::before { content:attr(data-label); display:block; flex:0 0 36%; color:#68816e; font-size:11px; font-weight:750; text-align:left; line-height:1.4; }
 .tablewrap td:first-child { font-weight:750; }
 .tablewrap td > strong { flex:1; min-width:0; }
 .tablewrap td .button { white-space:normal; font-size:12px; min-height:36px; }
 .tablewrap td .muted { font-size:11px; }
 .modalback { align-items:flex-end; padding:0; background:#0b281a91; }
 .modal { border-radius:19px 19px 0 0; width:100%; max-width:100%; max-height:94dvh; height:auto; overflow-y:auto; overscroll-behavior:contain; padding:0 16px env(safe-area-inset-bottom); -webkit-overflow-scrolling:touch; }
 .modal .modalhead { position:sticky; top:0; z-index:2; background:#fff; padding:17px 1px 12px; margin:0 0 15px; border-bottom:1px solid #e6eee3; }
 .modal .modalhead h2 { font-size:20px; margin:0; }
 .modal #entityForm { min-width:0; }
 .modal #entityForm > .actions { position:sticky; bottom:0; z-index:2; background:#fff; margin:10px -16px 0; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid #e3eee1; }
 .modal #entityForm > .actions .button:first-child { flex:2; }
 .modal #entityForm > .actions .button { min-height:46px; }
 .formgrid { grid-template-columns:minmax(0,1fr); gap:0; }
 .formgrid .wide { grid-column:auto; }
 .field { margin-bottom:13px; }
 .field input,.field select,.field textarea { width:100%; min-width:0; font-size:16px; line-height:1.35; padding:12px; border-radius:11px; }
 .field label { font-size:13px; }
 .advanced-fields .formgrid { padding:0 12px 9px; }
 .mobilebar { height:calc(65px + env(safe-area-inset-bottom)); align-items:flex-start; padding:6px 5px env(safe-area-inset-bottom); box-shadow:0 -5px 20px #123b2214; }
 .mobilebar button { min-height:52px; min-width:0; flex:1; color:#728579; font-size:10px; gap:1px; border-radius:10px; font-weight:750; }
 .mobilebar button span { font-size:23px; line-height:1.25; }
 .mobilebar button.active { color:#116c3d; }
 .mobilebar button[data-nav="scan"] { color:#16683c; }
 .mobilebar button[data-nav="scan"] span { background:#156c41; border-radius:12px; color:#fff; display:grid; place-items:center; height:34px; width:38px; margin-top:-6px; font-size:22px; box-shadow:0 3px 9px #13673b30; }
 .auth { min-height:100dvh; display:block; background:#f6f8f3; }
 .authhero { display:none; }
 .authpanel { min-height:100dvh; padding:30px 20px max(40px,env(safe-area-inset-bottom)); display:flex; flex-direction:column; justify-content:center; }
 .authpanel::before { content:'🌱 AgroTrag'; display:block; color:#154a2d; font-size:24px; font-weight:850; padding-bottom:24px; letter-spacing:-1px; }
 .authbox { width:100%; max-width:420px; margin:0 auto; }
 .authbox h2 { font-size:29px; }
 .authbox .button { min-height:50px; }
 .authbox > div:last-child { line-height:1.8; }
 .authbox input { font-size:16px; }
 #toast { left:12px; right:12px; bottom:calc(80px + env(safe-area-inset-bottom)); max-width:unset; font-size:13px; }
 body:has(.modalback) { overflow:hidden; }
}
@media(max-width:360px) {
 .topbar { padding:0 7px; gap:4px; }
 .content { padding-left:10px; padding-right:10px; }
 .stat .icon { display:none; }
 .quick-action { padding:12px; }
 .mobilebar button { font-size:9px; }
}
@media(min-width:761px) {
 .mobilebar { display:none; }
 .more-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation-duration:0.01ms!important; transition-duration:0.01ms!important; scroll-behavior:auto!important; }
}

/* Mobile-friendly multi-selection and simple advanced fields */
.picklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:228px; overflow-y:auto; padding:4px; overscroll-behavior:contain; }
.pick-option { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid #d9e8d7; background:#fff; border-radius:10px; color:#254934; cursor:pointer; font-size:13px; font-weight:650; line-height:1.35; }
.pick-option input { flex:0 0 18px; width:18px; height:18px; margin:0; accent-color:#176e43; }
.pick-option:has(input:checked) { border-color:#4a9563; background:#eaf6e9; }
@media(max-width:760px) {
 .picklist { grid-template-columns:minmax(0,1fr); max-height:250px; }
 .pick-option { min-height:46px; }
 .pick-option input { width:20px!important; min-width:20px!important; flex:0 0 20px!important; padding:0!important; }
}

/* QR scanner prioritizes a single obvious action. */
.scan-card { max-width:640px; margin:0 auto; text-align:center; }
.scan-emblem { display:inline-grid; place-items:center; width:62px; height:62px; border-radius:18px; background:#e8f4e8; color:#1b7243; font-size:34px; margin-bottom:14px; }
.scan-card h2 { font-size:22px; margin-bottom:8px; }
.scan-card>.subtitle { max-width:390px; margin:0 auto 16px; line-height:1.55; }
.scan-actions { display:flex; justify-content:center; gap:10px; margin:14px 0; }
.scan-actions .button { min-height:49px; }
.scan-upload { max-width:360px; margin:20px auto 12px; text-align:left; }
.scan-upload input { background:#f9fcf7; }
.scan-manual { max-width:420px; margin:0 auto; text-align:left; }
.scan-manual form { padding:4px 15px 16px; }
.scan-manual .button { width:100%; }
@media(max-width:760px) {
 .scan-card { padding:20px 15px; }
 .scan-card h2 { font-size:20px; }
 .scan-actions { display:grid; grid-template-columns:minmax(0,1fr); }
 .scan-actions .button { width:100%; }
 #reader { max-width:100%; }
 #reader video { width:100%; object-fit:cover; }
}


/* AgroTrag PRO — field-first UX additions */
.global-add { position:fixed; z-index:28; right:23px; bottom:25px; display:flex; align-items:center; justify-content:center; gap:8px; min-width:112px; min-height:54px; padding:8px 17px; border:0; border-radius:18px; background:#146b42; color:white; font-size:27px; line-height:1; font-weight:800; box-shadow:0 8px 25px #0e4d2e40; cursor:pointer; }
.global-add span { font-size:14px; letter-spacing:.1px; }
.global-add:active { transform:scale(.97); }
.quick-backdrop { position:fixed; inset:0; z-index:35; background:#07190da3; backdrop-filter:blur(3px); }
.quick-sheet { position:fixed; z-index:36; right:20px; bottom:90px; width:min(440px,calc(100vw - 40px)); border:1px solid #d7e8d4; background:#fff; border-radius:23px; padding:20px; box-shadow:0 14px 45px #0b351d36; }
.quick-sheet-handle { display:none; }
.quick-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; }
.quick-head h2 { font-size:20px; margin:0; color:#164f31; }
.quick-x { border:0; border-radius:50%; background:#edf5eb; color:#365844; font-size:23px; width:41px; height:41px; cursor:pointer; }
.quick-sheet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sheet-button { display:flex; flex-direction:column; gap:10px; align-items:flex-start; justify-content:center; background:#f8fbf6; border:1px solid #e0ebdc; border-radius:14px; min-height:98px; padding:13px; color:#225738; text-align:left; font-size:13px; font-weight:750; cursor:pointer; }
.sheet-button span { font-size:23px; }
.sheet-button:hover,.sheet-button:focus-visible { background:#eaf5e9; border-color:#99c59e; }
.recent-section { margin:0 0 21px; }
.recent-section>.cardhead { margin:0 0 12px; }
.recent-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.recent-chip { display:flex; align-items:center; gap:12px; min-width:0; min-height:66px; border:1px solid #dce9db; border-radius:14px; background:#fff; padding:11px 13px; color:#214b31; text-align:left; cursor:pointer; }
.recent-chip>span:first-child { width:38px; height:38px; display:grid; place-items:center; flex-shrink:0; background:#eaf5e8; border-radius:11px; font-size:21px; }
.recent-chip>span:nth-child(2) { flex:1; min-width:0; }
.recent-chip strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }
.recent-chip small { display:block; color:#718477; font-size:11px; overflow:hidden; text-overflow:ellipsis; }
.recent-chip b { font-size:21px; color:#779a83; }
.filtertools { display:flex; align-items:center; gap:9px; border:1px solid #d7e6d5; background:white; border-radius:13px; padding:0 11px; height:52px; margin-bottom:11px; }
.filtertools>span { font-size:24px; color:#4d8663; line-height:1; }
.filtertools input { flex:1; min-width:0; border:0; background:transparent; outline:none; box-shadow:none; padding:13px 0; font-size:16px; color:#254834; }
.filtertools:focus-within { border-color:#4d9b6d; outline:2px solid #4d9b6d22; }
.clear-search { border:0; background:#eef5ea; border-radius:50%; width:32px; height:32px; font-size:22px; color:#46624d; cursor:pointer; }
.filterchips { display:flex; align-items:center; gap:7px; overflow-x:auto; padding:2px 0 8px; scrollbar-width:thin; }
.filterchip { flex-shrink:0; border:1px solid #d8e7d6; background:white; color:#55735e; border-radius:99px; padding:9px 14px; min-height:40px; font-size:12px; font-weight:750; cursor:pointer; }
.filterchip.selected { background:#176a42; color:white; border-color:#176a42; }
.filter-summary { color:#708976; font-size:12px; min-height:18px; margin:1px 0 12px; }
.filter-no-results { padding:22px 8px; text-align:center; color:#758775; font-size:14px; grid-column:1/-1; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
:where(.global-add,.quick-x,.sheet-button,.recent-chip,.filterchip,.mobilebar button):focus-visible { outline:3px solid #61ad7b; outline-offset:3px; }
@media(max-width:760px){
 .global-add { z-index:27; right:14px; bottom:calc(83px + env(safe-area-inset-bottom)); min-width:55px; min-height:55px; width:55px; border-radius:19px; padding:4px; font-size:34px; box-shadow:0 7px 20px #0d4f2c46; }
 .global-add span { display:none; }
 .main { padding-bottom:calc(145px + env(safe-area-inset-bottom)); }
 .quick-sheet { left:0; right:0; bottom:0; width:100%; max-width:unset; max-height:85dvh; overflow-y:auto; padding:9px 17px calc(22px + env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; border-bottom:0; }
 .quick-sheet-handle { display:block; width:42px; height:5px; background:#ccd9cd; border-radius:9px; margin:2px auto 15px; }
 .quick-sheet-grid { gap:9px; }
 .sheet-button { min-height:89px; }
 .recent-list { grid-template-columns:minmax(0,1fr); gap:8px; }
 .recent-section .cardhead h2 { font-size:17px; }
 .filtertools { margin-bottom:9px; }
 .filterchips { margin-right:-14px; padding-right:14px; }
 .filterchip { min-height:44px; }
}
@media print { .global-add,.quick-sheet,.quick-backdrop { display:none!important; } }

/* Searchable multi-row recording */
.pick-control { border:1px solid #dce8db; border-radius:14px; padding:9px; background:#f9fcf8; }
.pick-toolbar { display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.pick-toolbar>input { width:100%; min-height:46px; font-size:16px; border:1px solid #d4e4d2; background:white; border-radius:10px; padding:10px 12px; }
.pick-buttons { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.pick-buttons button { background:#eaf4e9; border:1px solid #c7dfc5; border-radius:9px; padding:9px 10px; min-height:41px; color:#23633e; font-weight:750; cursor:pointer; }
.pick-buttons button:active { background:#d5ead5; }
.pick-control .picklist { max-height:245px; overflow-y:auto; }
.pick-count { color:#426b4e; font-size:12px; font-weight:800; text-align:right; margin:11px 4px 2px; }
.repeat-last { display:flex; align-items:center; width:100%; gap:12px; padding:14px 16px; margin:0 0 17px; text-align:left; background:#e9f6e8; border:1px solid #b8dfb8; border-radius:15px; color:#1b6139; cursor:pointer; }
.repeat-last>span:first-child { background:#166c41; color:white; width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border-radius:12px; font-size:25px; }
.repeat-last>span:nth-child(2) { display:block; min-width:0; flex:1; }
.repeat-last strong { display:block; font-size:14px; }
.repeat-last small { display:block; color:#5d8066; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; }
.repeat-last b { font-size:24px; }
:where(.repeat-last,.pick-buttons button):focus-visible { outline:3px solid #61ad7b; outline-offset:3px; }
@media(max-width:760px) {
 .repeat-last { min-height:72px; padding:12px; }
 .pick-control .picklist { max-height:38dvh; }
}

/* Premium quiet agricultural visual language — no gratuitous motion. */
body { background:#f6f8f3; }
.home-hero { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(115deg,#133e2c,#176d42 64%,#238451); border:1px solid #1c6b46; color:#fff; box-shadow:0 12px 35px #175d3924; min-height:156px; }
.home-hero::before { content:''; position:absolute; width:300px; height:300px; right:-110px; top:-180px; border:1px solid #ffffff24; border-radius:50%; box-shadow:0 0 0 42px #ffffff08,0 0 0 90px #ffffff05; pointer-events:none; z-index:-1; }
.home-hero .eyebrow { color:#b1dec0; letter-spacing:1.5px; font-size:10px; margin-bottom:7px; }
.home-hero h2 { color:white; font-size:clamp(24px,2.8vw,32px); font-weight:850; line-height:1.15; letter-spacing:-1px; margin:0 0 9px; }
.home-hero p { color:#d1e8d7; font-size:14px; }
.home-hero .hero-date { display:inline-block; margin-top:15px; text-transform:capitalize; color:#c4e8cd; font-size:12px; font-weight:650; }
.home-hero .hero-leaf { display:grid; place-items:center; flex:0 0 74px; width:74px; height:74px; font-size:43px; transform:rotate(-13deg); border-radius:25px; background:#ffffff17; border:1px solid #ffffff1c; }
.quick-action { box-shadow:0 5px 18px #204c2810; border-color:#dbe9d8; }
.quick-action .quick-icon { background:#e3f3e4; }
.quick-action:nth-child(2) .quick-icon { background:#fff0d6; }
.quick-action:nth-child(3) .quick-icon { background:#e2f0f8; }
.quick-action:nth-child(4) .quick-icon { background:#f0eaf7; }
.quick-action:focus-visible { outline:3px solid #60aa7d; outline-offset:2px; }
.stat { background:#fff; border-color:#e4ebdf; }
.cardhead .link { text-decoration:none; border-bottom:1px solid currentColor; }
body.quick-open { overflow:hidden; }
@media(min-width:761px) {
 .quick-action:hover,.recent-chip:hover,.repeat-last:hover,.more-link:hover { border-color:#8fc4a1; box-shadow:0 12px 32px #0e4a2517; }
 .sidebar { background:linear-gradient(175deg,#103b29,#143e2e 70%,#1d4a35); }
 .nav button.active { background:#2c6848; box-shadow:inset 3px 0 0 #9bcd9b; }
}
@media(max-width:760px){
 .home-hero { padding:22px 20px; min-height:150px; border-radius:20px; margin-bottom:16px; }
 .home-hero h2 { max-width:240px; }
 .home-hero .hero-leaf { position:absolute; right:-6px; bottom:4px; width:69px; height:69px; opacity:.74; }
 .home-hero .hero-date { max-width:240px; }
 .quick-action { min-height:110px; padding:14px 15px; border-radius:16px; }
 .quick-action .quick-icon { border-radius:11px; }
 .stat { border-radius:15px; }
 .mobilebar { border-top-color:#dcebdc; }
 .mobilebar button.active { background:#ebf5e9; }
 .quick-sheet .quick-x,.modal .close { min-width:44px; min-height:44px; }
 .clear-search { width:40px; height:40px; min-width:40px; }
}