/* Admin V2 - mobiel/tablet (rc14 core). Ontwerp: Grafische Sjaak, /workspace/galaxy/mobile-admin.
   ALLES hieronder werkt alleen t/m 1180px breed; desktop (>1180px) blijft exact rc14.
   Merkkleur per winkel via --ma-accent / --ma-accent2 (zie _admin_v2_brand_custom.php). Vervangt admin_v2_invoer_mobile.css. */
@font-face{font-family:"MA Saira";src:url(assets/fonts/Saira-Italic.ttf) format("truetype");font-style:italic;font-weight:100 900;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:"MA Inter";src:url(assets/fonts/Inter.ttf) format("truetype");font-weight:100 900;font-display:swap}
.v2-ma-only[hidden]{display:none!important}

@media(max-width:1180px){
:root{
 --ma-accent:var(--ma-brand-accent,#3f86f7); --ma-accent-d:var(--ma-brand-accent-d,#2f6fd6); --ma-accent2:var(--ma-brand-accent2,#7fb2ff);
 --ma-bg:#080A12; --ma-bg2:#0E1320; --ma-card:#151C2B; --ma-card2:#1B2436; --ma-line:#2A3449; --ma-line2:#3A4660;
 --ma-txt:#E8ECF4; --ma-mut:#8C97AD; --ma-ok:#3DDC84; --ma-warn:#FF9F1C; --ma-info:#3D8BFF; --ma-err:#FF4D6A; --ma-tap:48px;
 --v2-bg:var(--ma-bg); --v2-sidebar:var(--ma-bg2); --v2-panel:var(--ma-card); --v2-panel-soft:var(--ma-card2);
 --v2-border:var(--ma-line); --v2-border-soft:var(--ma-line); --v2-text:var(--ma-txt); --v2-muted:var(--ma-mut);
 --v2-blue:var(--ma-accent); --v2-blue-hover:var(--ma-accent-d); --v2-green:var(--ma-ok); --v2-red:var(--ma-err);
}
body.v2-theme{font-family:"MA Inter",Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--ma-bg);-webkit-text-size-adjust:100%}
body.v2-theme *{border-radius:0!important}
body.v2-theme .v2-avatar,body.v2-theme .v2-system-status>span{border-radius:0!important}
body.v2-theme h1,body.v2-theme h2,body.v2-theme .v2-section-title h2,body.v2-theme .v2-mobile-header strong{font-family:"MA Saira",sans-serif;font-style:italic;font-weight:800;font-stretch:112%;letter-spacing:.2px}
body.v2-theme .v2-page-heading h1{font-size:26px}
body.v2-theme .v2-page-heading p,body.v2-theme .v2-section-title p{font-size:13px}
body.v2-theme .v2-breadcrumb{font-size:11px;letter-spacing:.9px;text-transform:uppercase}
/* knoppen + velden: touch 48px, 16px tekst (geen iOS-zoom) */
body.v2-theme .v2-button{min-height:var(--ma-tap);padding:0 18px;font-size:15px;font-weight:600;background:var(--ma-accent);border-color:var(--ma-accent)}
body.v2-theme .v2-button:active{background:var(--ma-accent-d);box-shadow:inset 0 0 0 2px #fff3}
body.v2-theme .v2-button svg{width:18px;height:18px}
body.v2-theme .v2-button-outline,body.v2-theme .v2-button-muted{background:transparent;border-color:var(--ma-line2);color:var(--ma-txt)}
body.v2-theme .v2-button.v2-button-danger{background:transparent;border-color:var(--ma-err);color:var(--ma-err)}
body.v2-theme .v2-icon-action{width:var(--ma-tap);height:var(--ma-tap);background:var(--ma-card);border-color:var(--ma-line2)}
body.v2-theme .v2-icon-action svg{width:20px;height:20px}
body.v2-theme input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=hidden]),body.v2-theme select,body.v2-theme textarea{font-size:16px!important;background:var(--ma-bg2);border-color:var(--ma-line2);color:var(--ma-txt)}
body.v2-theme input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.v2-theme select{min-height:var(--ma-tap)}
body.v2-theme input:focus,body.v2-theme select:focus,body.v2-theme textarea:focus{border-color:var(--ma-accent2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ma-accent2) 20%,transparent)!important;outline:none}
body.v2-theme .v2-search input,body.v2-theme .v2-filter select{height:var(--ma-tap)}
body.v2-theme .v2-toast{font-size:13px;background:var(--ma-card2);border:0;border-left:4px solid var(--ma-ok);color:var(--ma-txt);padding:12px 14px}
body.v2-theme .v2-toast-error{border-left-color:var(--ma-err)}
body.v2-theme label,body.v2-theme .v2-eyebrow{letter-spacing:.6px}
/* kaarten/panelen */
body.v2-theme .v2-input-stats article,body.v2-theme .v2-dashboard-stats>*,body.v2-theme .v2-screen-grid>*{background:var(--ma-card);border-color:var(--ma-line);position:relative}
body.v2-theme .v2-input-stats article::after,body.v2-theme .v2-dashboard-stats>*::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ma-accent)}
body.v2-theme .v2-input-stats article:nth-child(even)::after,body.v2-theme .v2-dashboard-stats>*:nth-child(even)::after{background:var(--ma-accent2)}
body.v2-theme .v2-input-stats strong,body.v2-theme .v2-dashboard-stats strong{font-family:"MA Saira",sans-serif;font-style:italic;font-weight:800;font-stretch:112%}
/* zijbalk + hamburger */
body.v2-theme .v2-sidebar{background:var(--ma-bg2);border-right-color:var(--ma-line)}
body.v2-theme .v2-brand{height:68px}
body.v2-theme .v2-brand .v2-ma-logo[hidden]{display:block!important;max-height:44px;max-width:170px;width:auto}
body.v2-theme .v2-brand:has(.v2-ma-logo)>span{display:none}
body.v2-theme .v2-brand:has(.v2-ma-logo){padding:0 18px}
body.v2-theme .v2-workspace{padding:12px 14px}
body.v2-theme .v2-workspace .v2-eyebrow{font-size:11px;letter-spacing:.9px}
body.v2-theme .v2-workspace select{height:var(--ma-tap);font-size:16px!important;font-weight:600;background:var(--ma-bg2)}
body.v2-theme .v2-nav{gap:0;padding:6px 0}
body.v2-theme .v2-nav a,body.v2-theme .v2-nav .v2-nav-locked{min-height:52px;padding:0 18px;font-size:15px;font-weight:600;color:#C3CBDA;gap:14px}
body.v2-theme .v2-nav a svg,body.v2-theme .v2-nav .v2-nav-locked svg{width:22px;height:22px}
body.v2-theme .v2-nav a.is-active{background:var(--ma-accent);box-shadow:none;color:#fff}
body.v2-theme .v2-nav .v2-nav-locked,body.v2-theme .v2-nav .v2-nav-lockhead{display:none!important}
body.v2-theme .v2-nav .v2-nav-locked svg{color:#4E5870}
body.v2-theme .v2-nav .v2-nav-lockhead[hidden]{display:block!important;padding:14px 18px 6px;font-size:11px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--ma-mut)}
body.v2-theme .v2-user{grid-template-columns:40px minmax(0,1fr) var(--ma-tap);padding:12px 18px;gap:12px}
body.v2-theme .v2-avatar{width:40px;height:40px;font-size:15px;background:var(--ma-accent)}
body.v2-theme .v2-user strong{font-size:15px}body.v2-theme .v2-user small{font-size:12px}
body.v2-theme .v2-user>a{width:var(--ma-tap);height:var(--ma-tap);border:1px solid var(--ma-line2);background:var(--ma-card);color:var(--ma-txt)}
body.v2-theme .v2-user>a svg{width:20px;height:20px}
body.v2-theme .v2-system-status{font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--ma-ok);text-transform:uppercase}
body.v2-theme .v2-content{padding:24px 24px 120px}
/* categorie-tabs */
body.v2-theme .v2-input-categories a{min-height:44px;padding:0 14px;font-size:13px;font-weight:600;color:var(--ma-mut);background:transparent;border-color:var(--ma-line2)}
body.v2-theme .v2-input-categories a.is-active{color:var(--ma-txt);border-color:var(--ma-accent2);background:color-mix(in srgb,var(--ma-accent2) 8%,transparent)}
body.v2-theme .v2-input-categories b{height:20px;font-size:11px;background:var(--ma-card2);color:var(--ma-txt)}
body.v2-theme .v2-input-categories .v2-input-promo-tab{border-left:3px solid var(--ma-accent2)}
/* categoriebalk (balk C) = sectietitel van de lijst */
body.v2-theme .v2-input-products>.v2-section-title{background:linear-gradient(90deg,var(--ma-accent),color-mix(in srgb,var(--ma-accent) 55%,#000));min-height:44px;padding:6px 14px;border-left:5px solid var(--ma-accent2);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);box-shadow:inset 0 -2px 0 var(--ma-accent2)}
body.v2-theme .v2-input-products>.v2-section-title h2{font-size:19px;color:#fff;text-transform:uppercase}
body.v2-theme .v2-input-products>.v2-section-title p{color:#fffc;font-size:12px}
/* productkaart */
body.v2-theme .v2-input-list{gap:10px}
body.v2-theme .v2-input-product{overflow:visible;background:var(--ma-card);border-color:var(--ma-line)}
body.v2-theme .v2-input-product[open]{border-color:var(--ma-accent2)}
body.v2-theme .v2-input-product>summary:hover{background:transparent}
body.v2-theme .v2-input-product-main strong{font-family:"MA Saira",sans-serif;font-style:italic;font-weight:800;font-stretch:112%;font-size:17px!important;text-transform:uppercase;line-height:1.1;white-space:normal}
body.v2-theme .v2-input-product-main small{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--ma-mut)}
body.v2-theme .v2-input-product-thumb{width:40px;height:40px;background:var(--ma-bg2)}
body.v2-theme .v2-input-row-status{font-size:10px;font-weight:800;letter-spacing:.8px;padding:4px 7px;text-transform:uppercase}
body.v2-theme .v2-input-row-status.is-on{color:#03130a;background:var(--ma-ok)}
body.v2-theme .v2-input-row-status.is-off{color:#fff;background:var(--ma-err)}
body.v2-theme .v2-input-product:has(.v2-input-row-status.is-off)>summary{opacity:.55}
body.v2-theme .v2-ma-flags[hidden]{display:flex!important;flex-wrap:wrap;gap:6px;grid-area:flags}
body.v2-theme .v2-ma-flag{height:24px;padding:0 8px;display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--ma-line2);color:var(--ma-mut)}
body.v2-theme .v2-ma-flag.is-act{border-color:var(--ma-accent);color:var(--ma-txt);background:color-mix(in srgb,var(--ma-accent) 18%,transparent)}
body.v2-theme .v2-ma-flag.is-pp{border-color:var(--ma-accent2);color:var(--ma-txt);background:color-mix(in srgb,var(--ma-accent2) 14%,transparent)}
body.v2-theme .v2-ma-flag.is-ev{border-color:var(--ma-warn);color:var(--ma-txt);background:color-mix(in srgb,var(--ma-warn) 14%,transparent)}
body.v2-theme .v2-ma-flag.is-thc{color:#FFD23F;border-color:transparent;padding-left:0}
/* snelle balk onder de kaart: voorraad-toggle + bewerken */
body.v2-theme .v2-ma-quick[hidden]{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:-11px 0 0;padding:6px 12px;background:var(--ma-card);border:1px solid var(--ma-line);border-top:1px dashed var(--ma-line)}
body.v2-theme .v2-input-product[open]+.v2-ma-quick{display:none!important}
body.v2-theme .v2-ma-tog{display:flex;align-items:center;gap:10px;min-height:var(--ma-tap);padding:0;background:none;border:0;color:var(--ma-txt);font:600 13px "MA Inter",sans-serif;cursor:pointer}
body.v2-theme .v2-ma-tog i{width:56px;height:32px;background:var(--ma-line2);position:relative;flex:none}
body.v2-theme .v2-ma-tog i::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--ma-mut)}
body.v2-theme .v2-ma-tog.is-on i{background:var(--ma-ok)}body.v2-theme .v2-ma-tog.is-on i::after{left:28px;background:#fff}
body.v2-theme .v2-ma-edit{min-height:var(--ma-tap);display:flex;align-items:center;padding:0 4px 0 12px;color:var(--ma-mut);font-size:13px;text-decoration:none}
/* open product: velden + vinkjes + sticky opslaanbalk */
body.v2-theme .v2-input-fields{gap:12px}
body.v2-theme .v2-input-fields label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--ma-mut)}
body.v2-theme .v2-input-fields input,body.v2-theme .v2-input-fields select{height:var(--ma-tap);font-weight:600}
body.v2-theme .v2-input-check{min-height:var(--ma-tap);padding:0 12px;background:transparent;border-color:var(--ma-line2);text-transform:none!important;letter-spacing:0!important}
body.v2-theme .v2-input-check span{font-size:13px;font-weight:600;white-space:normal}
body.v2-theme .v2-input-check i{width:22px;height:22px;flex:0 0 22px;background:transparent;border:2px solid var(--ma-line2)}
body.v2-theme .v2-input-check i::after{display:none}
body.v2-theme .v2-input-check input:checked+i{background:var(--ma-c,var(--ma-accent));border-color:var(--ma-c,var(--ma-accent))}
body.v2-theme .v2-input-check input:checked+i::before{content:"";position:absolute;left:5px;top:4px;width:9px;height:5px;border:solid var(--ma-bg);border-width:0 0 3px 3px;transform:rotate(-45deg)}
body.v2-theme .v2-input-check:has(input:checked){border-color:var(--ma-c,var(--ma-accent));color:var(--ma-txt)!important;background:color-mix(in srgb,var(--ma-c,var(--ma-accent)) 14%,transparent)}
body.v2-theme .v2-input-check:has(input[name=promo_pakker]){--ma-c:var(--ma-accent2)}
body.v2-theme .v2-input-check:has(input[name=promo_extra]){--ma-c:var(--ma-warn)}
body.v2-theme .v2-input-check:has(input[name=is_in_stock]){--ma-c:var(--ma-ok)}
body.v2-theme .v2-input-form-actions{position:sticky;bottom:0;z-index:12;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--ma-bg2);border-top:1px solid var(--ma-line);box-shadow:0 -12px 24px #0008}
body.v2-theme .v2-input-form-actions .v2-button[type=submit]:not([name]){min-height:56px;font-size:16px}
body.v2-theme .v2-input-form-actions .v2-button-outline{border-color:var(--ma-err);color:var(--ma-err)}
body.v2-theme .v2-input-create>summary,body.v2-theme .v2-input-toolbar{background:var(--ma-card);border-color:var(--ma-line)}
body.v2-theme .dm-cp-summary{min-height:var(--ma-tap)}
}

/* tablet liggend (901-1180): zijbalk blijft staan, iets breder */
@media(min-width:901px) and (max-width:1180px){
 :root{--v2-sidebar-width:236px}
 body.v2-theme .v2-input-product>summary{grid-template-columns:minmax(200px,1fr) repeat(3,92px) 96px 16px;min-height:64px}
 body.v2-theme .v2-input-price strong{font-size:16px}
 body.v2-theme .v2-input-price small{font-size:10px;letter-spacing:.8px}
 body.v2-theme .v2-input-list-head{font-size:11px}
 body.v2-theme .v2-ma-flags[hidden]{grid-column:1/-1}
}

/* telefoon + tablet staand (t/m 900): hamburger-menu, prijzen als vakjes in de kaart */
@media(max-width:900px){
 body.v2-theme .v2-mobile-header{height:60px;grid-template-columns:var(--ma-tap) 1fr auto;padding:0 16px;background:var(--ma-bg2);border-bottom-color:var(--ma-line)}
 body.v2-theme .v2-mobile-header strong{font-size:20px}
 body.v2-theme .v2-mobile-header .v2-ma-logo[hidden]{display:block!important;height:30px;width:auto}
 body.v2-theme .v2-mobile-header:has(.v2-ma-logo) strong{display:none}
 body.v2-theme .v2-icon-button{width:var(--ma-tap);height:var(--ma-tap);background:var(--ma-card);border-color:var(--ma-line2)}
 body.v2-theme .v2-icon-button svg{width:22px;height:22px}
 body.v2-theme .v2-mobile-shop{font-size:12px;color:var(--ma-mut);border:1px solid var(--ma-line);padding:6px 10px;max-width:150px}
 body.v2-theme .v2-sidebar{width:min(320px,84vw)}
 body.v2-theme .v2-content{padding:16px 16px 120px}
 .v2-input-page .v2-input-list-head{display:none}
 .v2-input-page .v2-input-product{scroll-margin-top:76px}
 .v2-input-page .v2-input-categories{position:sticky;top:60px;z-index:15;margin:0 -16px 12px;padding:8px 16px;background:var(--ma-bg)}
 .v2-input-page .v2-input-product>summary{grid-template-columns:repeat(3,minmax(0,1fr)) auto;grid-template-areas:"main main main status" "flags flags flags flags" "p1 p2 p3 p3";row-gap:10px;column-gap:8px;padding:12px}
 .v2-input-page .v2-input-product>summary>.v2-input-product-main{grid-area:main;min-width:0}
 .v2-input-page .v2-input-product>summary>.v2-input-price{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:6px 10px;min-height:var(--ma-tap);justify-content:center;text-align:left;background:var(--ma-bg2);border:1px solid var(--ma-line2)}
 .v2-input-page .v2-input-product>summary>.v2-input-price:nth-child(2){grid-area:p1}
 .v2-input-page .v2-input-product>summary>.v2-input-price:nth-child(3){grid-area:p2}
 .v2-input-page .v2-input-product>summary>.v2-input-price:nth-child(4){grid-area:p3}
 .v2-input-page .v2-input-price small{display:block;color:var(--ma-mut);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}
 .v2-input-page .v2-input-price strong{font-size:17px;font-weight:600}
 .v2-input-page .v2-input-product>summary>.v2-input-row-status{grid-area:status;grid-column:auto;align-self:start}
 .v2-input-page .v2-input-product>summary>.v2-input-chevron{display:none}
 .v2-input-page .v2-input-fields.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v2-input-page .v2-input-form-actions{flex-wrap:wrap;margin:0}
 .v2-input-page .v2-input-form-actions .v2-button{flex:1;justify-content:center}
}
@media(max-width:520px){
 .v2-input-page .v2-input-fields.is-three{grid-template-columns:1fr 1fr}
 .v2-input-page .v2-input-fields.is-three>label:not(.v2-input-check):has(textarea),.v2-input-page .v2-input-fields .dm-cp-field{grid-column:1/-1}
 .v2-input-page .v2-input-media-grid{grid-template-columns:1fr}
 .v2-input-page .v2-input-stats{grid-template-columns:1fr 1fr}
 .v2-input-page .v2-input-stats strong{font-size:22px}
 .v2-input-page .v2-input-product-main{grid-template-columns:40px minmax(0,1fr);gap:10px}
 .v2-input-page .v2-input-form-actions{flex-direction:row;align-items:center;flex-wrap:nowrap}
 .v2-input-page .v2-input-form-actions .v2-button{padding:0 12px}
 .v2-input-page .v2-input-form-actions .v2-icon-action{align-self:center}
}
/* login (login_dm.php) op telefoon/tablet */
@media(max-width:1180px){
 body.ma-login{background:var(--ma-bg,#080A12)!important;font-family:"MA Inter",Inter,sans-serif!important}
 body.ma-login .login-box{border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important;width:100%!important;max-width:420px!important;padding:24px!important}
 body.ma-login .login-box h1{font-family:"MA Saira",sans-serif;font-style:italic;font-weight:800;font-stretch:112%;font-size:26px!important}
 body.ma-login .login-box label{font-size:11px!important;letter-spacing:.9px;text-transform:uppercase;color:#8C97AD!important}
 body.ma-login .login-box input{height:48px!important;font-size:16px!important;border-radius:0!important;background:#0E1320!important;border:1px solid #3A4660!important;color:#E8ECF4!important}
 body.ma-login .login-box input:focus{border-color:var(--ma-brand-accent2,#7fb2ff)!important;box-shadow:0 0 0 3px #3FE0E833!important;outline:none}
 body.ma-login .login-box button{height:56px!important;font-size:16px!important;border-radius:0!important;background:var(--ma-brand-accent,#3f86f7)!important;border:0!important;color:#fff!important}
 body.ma-login .login-box .links a{display:inline-block;min-height:48px;line-height:48px}
 body.ma-login .ma-login-logo[hidden]{display:block!important;max-width:220px;height:auto;margin:0 auto 24px}
}
/* login desktop (core 20261021-login1): zelfde rc14-stijl, gecentreerde kaart */
body.ma-login{color:#E8ECF4!important}
body.ma-login .login-box h1{color:#fff!important}
body.ma-login .login-box .error{border-radius:0!important}
@media(min-width:1181px){
 body.ma-login{background:var(--ma-bg,#080A12)!important;font-family:"MA Inter",Inter,sans-serif!important}
 body.ma-login .login-box{border-radius:0!important;background:#0E1320!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important;border:1px solid #232C40!important;width:100%!important;max-width:440px!important;padding:40px!important}
 body.ma-login .login-box h1{font-family:"MA Saira",sans-serif;font-style:italic;font-weight:800;font-stretch:112%;font-size:28px!important}
 body.ma-login .login-box label{font-size:11px!important;letter-spacing:.9px;text-transform:uppercase;color:#8C97AD!important}
 body.ma-login .login-box input{height:48px!important;font-size:16px!important;border-radius:0!important;background:#080A12!important;border:1px solid #3A4660!important;color:#E8ECF4!important}
 body.ma-login .login-box input:focus{border-color:var(--ma-brand-accent2,#7fb2ff)!important;box-shadow:0 0 0 3px #3FE0E833!important;outline:none}
 body.ma-login .login-box button{height:52px!important;font-size:16px!important;border-radius:0!important;background:var(--ma-brand-accent,#3f86f7)!important;border:0!important;color:#fff!important}
 body.ma-login .ma-login-logo[hidden]{display:block!important;max-width:220px;height:auto;margin:0 auto 24px}
}
@media(max-width:1180px){
 body.v2-theme .v2-input-product>summary>.v2-input-row-status.is-on{visibility:hidden}
 .v2-input-page .v2-input-price small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 body.v2-theme .v2-ma-quick[hidden]{padding:0 12px}
}

/* ===== PWA / app-gevoel (core 20261021-pwa1) ===== */
@media(max-width:1180px){
 body.v2-theme{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 body.v2-theme .v2-sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}
}
@media(max-width:900px){
 body.v2-theme .v2-mobile-header{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 .v2-input-page .v2-input-categories{top:calc(60px + env(safe-area-inset-top))!important}
}
.v2-pwa-tabbar{display:none}
@media(max-width:600px){
 body.v2-theme .v2-pwa-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:22;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--ma-bg2);border-top:1px solid var(--ma-line)}
 body.v2-theme .v2-pwa-tabbar>a,body.v2-theme .v2-pwa-tabbar>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:6px 2px;border:0;border-top:3px solid transparent;background:transparent;color:var(--ma-mut);font:600 10.5px/1.1 "MA Inter",Inter,sans-serif;text-decoration:none;text-align:center;cursor:pointer}
 body.v2-theme .v2-pwa-tabbar svg{width:22px;height:22px}
 body.v2-theme .v2-pwa-tabbar>.is-active{color:var(--ma-txt);border-top-color:var(--ma-accent2);background:color-mix(in srgb,var(--ma-accent) 14%,transparent)}
 body.v2-theme .v2-pwa-tabbar>.is-active svg{color:var(--ma-accent2)}
 body.v2-theme .v2-content{padding-bottom:calc(140px + env(safe-area-inset-bottom))}
 body.v2-theme .v2-input-form-actions{bottom:calc(61px + env(safe-area-inset-bottom));padding-bottom:12px}
}