/* Tolips Mobilgalleri — app-web-4-user-panel.css
   7.10.18: den tidigare app-web.css är uppdelad i åtta filer. De läses in
   i nummerordning och innehåller exakt samma regler i samma ordning som
   förut, så ingenting i utseendet ändras.
   Innehåll: Användarpanelen för Mobilwebb user, inklusive mörkt tema. */

/* 7.41.90: Safari måste få dokumentets riktiga y-skroll för att kunna fälla
   ihop sitt nederfält. Begränsa bara sidled och låt innehållet bestämma
   dokumenthöjden; mediabakgrunden är fixerad separat i del 1. */
body.app-mobilwebb-page{
	overflow-x:hidden!important;
	overflow-y:auto!important;
	overscroll-behavior-x:none;
	-webkit-tap-highlight-color:transparent;
}
body.app-mobilwebb-page .app-mobilwebb{
	position:relative!important;
	display:flex!important;
	flex-direction:column;
	width:100%!important;
	height:auto!important;
	min-height:100vh!important;
	min-height:100svh!important;
	overflow:visible!important;
	overscroll-behavior-x:none;
}
body.app-mobilwebb-page .app-mobilwebb-panels{
	min-width:0;
	overflow-x:hidden;
	overflow-y:visible;
	/* 7.20.0: menyn svävar ovanför innehållet, så sista raden behöver luft
	   under sig för att inte hamna bakom den. */
	padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));
}
body.app-mobilwebb-page .app-mobilwebb-header{
	position:relative!important;
	top:auto!important;
	z-index:10!important;
	flex:0 0 auto;
}
body.app-mobilwebb-page .app-mobilwebb-header.is-fixed{
	position:fixed!important;
	top:0!important;
	left:0!important;
	right:0!important;
	width:auto!important;
	z-index:1000!important;
}
@supports (min-height:100dvh){
	body.app-mobilwebb-page .app-mobilwebb{
		min-height:100dvh!important;
	}
}

/* 7.4.86: keep Test's save action available without forcing a long scroll. */
.tmg-app-web-admin .tmg-app-web-save{
	position:fixed!important;
	left:160px;
	right:24px;
	bottom:0;
	z-index:100;
	box-sizing:border-box;
	width:auto!important;
	max-width:none!important;
	margin:0!important;
	border-radius:18px 18px 0 0;
	box-shadow:0 -4px 18px rgb(0 0 0 / .12);
}
body.folded .tmg-app-web-admin .tmg-app-web-save{left:36px}
@media(max-width:782px){
	.tmg-app-web-admin .tmg-app-web-save{
		left:0;
		right:0;
		padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));
		border-radius:14px 14px 0 0;
	}
}

/* 7.5.13 — polished personal gear menu for Mobilwebb users. */
.app-mobilwebb-settings-user{display:flex;align-items:center;gap:11px;padding:8px 9px 11px;margin-bottom:4px;border-bottom:1px solid color-mix(in srgb,var(--app-line,#3a4260) 55%,transparent)}
.app-mobilwebb-settings-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 42px;box-shadow:0 0 0 2px color-mix(in srgb,var(--app-accent,#6b7cff) 55%,transparent)}
.app-mobilwebb-settings-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.app-mobilwebb-settings-user>span:last-child{display:grid;min-width:0}.app-mobilwebb-settings-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-mobilwebb-settings-user small{opacity:.62;font-size:11px;margin-top:2px}
.app-mobilwebb-settings-menu:not(.app-mobilwebb-user-panel-menu) a{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;padding:8px 12px}
.app-mobilwebb-settings-menu:not(.app-mobilwebb-user-panel-menu) a>span{grid-row:1/3;align-self:center}.app-mobilwebb-settings-menu:not(.app-mobilwebb-user-panel-menu) a>strong{grid-column:2}.app-mobilwebb-settings-menu:not(.app-mobilwebb-user-panel-menu) a>small{grid-column:2;opacity:.58;font-size:10px;line-height:1.2}
.app-mobilwebb-settings-separator{height:1px;background:color-mix(in srgb,var(--app-line,#3a4260) 55%,transparent);margin:5px 7px}
.app-mobilwebb-settings-menu:not(.app-mobilwebb-user-panel-menu) a.is-logout{color:#ffb6b6}
.app-mobilwebb-settings-menu:not(.app-mobilwebb-user-panel-menu) .app-mobilwebb-admin-menu-primary{background:color-mix(in srgb,var(--app-accent,#6b7cff) 16%,transparent)}

/* 7.5.14: robust iOS-safe gear menu toggle; no native <details> dependency. */
.app-mobilwebb-settings-toggle{font:inherit;-webkit-appearance:none;appearance:none;}
.app-mobilwebb-settings-menu[hidden]{display:none!important;}
.app-mobilwebb-settings.is-open .app-mobilwebb-settings-menu{display:grid;}

/* 7.5.15 — keep the personal gear menu above the app content. A header image
   previously set overflow:hidden, which clipped the menu as soon as it opened. */
.app-mobilwebb-header.has-header-image{overflow:visible}
.app-mobilwebb-settings{z-index:40}
.app-mobilwebb-settings-menu{pointer-events:auto;max-height:calc(100dvh - 82px);overflow:auto}

/* 7.5.28 — keep the new user workspace and remove the legacy admin list. The
   light/dark choice below belongs only to this administration surface. */
.app-mobilwebb-user-panel-theme{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:8px 12px;
	background:#fbfbff;
	border-bottom:1px solid #e1e0ed;
}
.app-mobilwebb-user-panel-theme-label{display:grid;gap:2px;min-width:0;color:#252536}
.app-mobilwebb-user-panel-theme-label strong{font-size:13px;line-height:1.2}
.app-mobilwebb-user-panel-theme-label small{color:#77768a;font-size:10px;line-height:1.25}
.app-mobilwebb-user-panel-theme-options{display:flex;gap:5px;flex:0 0 auto;padding:3px;border:1px solid #dfe2f0;border-radius:11px;background:#f1f2fa}
.app-mobilwebb-user-panel-theme-options button{min-width:57px;padding:6px 9px;border:0;border-radius:8px;background:transparent;color:#77768a;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;cursor:pointer}
.app-mobilwebb-user-panel-theme-options button.is-active{background:#fff;color:#38548e;box-shadow:0 2px 7px rgba(65,95,231,.15)}

/* 7.5.27 — Mobilwebb users get a real in-page workspace instead of a small
   dropdown that sends them into WordPress admin. The HTML is fetched from the
   existing Test surface and only its user content is mounted in this panel. */
html.app-mobilwebb-user-panel-open,
body.app-mobilwebb-user-panel-open{overflow:hidden!important}
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu{
	position:fixed!important;
	inset:0!important;
	z-index:100000!important;
	display:none!important;
	width:100vw!important;
	max-width:none!important;
	height:100vh!important;
	max-height:100vh!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:#f7f6ff!important;
	box-shadow:none!important;
	overflow:hidden!important;
}
.app-mobilwebb-settings.is-open>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu{display:flex!important}
/* 7.5.90: the abc user panel is portalled directly under <body>. Once it is
   moved out of the settings wrapper, the wrapper-based selector above no
   longer applies; keep the portal visible only while it is open. */
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu.is-open{display:flex!important}
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel{
	position:static!important;
	inset:auto!important;
	display:flex!important;
	width:100%!important;
	max-width:none!important;
	height:100%!important;
	max-height:none!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	overflow:hidden!important;
}
.app-mobilwebb-user-panel{
	position:fixed!important;
	inset:0!important;
	z-index:100000!important;
	display:none!important;
	width:100vw!important;
	max-width:none!important;
	height:100vh!important;
	max-height:100vh!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:#f7f6ff!important;
	color:#252536!important;
	box-shadow:none!important;
	overflow:hidden!important;
	overscroll-behavior:contain;
}
.app-mobilwebb-settings.is-open>.app-mobilwebb-user-panel{display:flex!important}
.app-mobilwebb-user-panel[hidden]{display:none!important}
.app-mobilwebb-user-panel-shell{
	display:grid;
	/* 7.5.60: fyra rader, inte fem. Temaraden är borttagen, och den femte
	   raddefinitionen låg kvar — då hamnade innehållet på raden som skulle vara
	   fast och foten på den som skulle vara flexibel, så Spara och Logga ut
	   trycktes utanför skärmen. */
	grid-template-rows:auto auto minmax(0,1fr) auto;
	width:100%;
	max-width:1180px;
	height:100%;
	min-height:0;
	margin:0 auto;
	overflow:hidden;
	background:#f7f6ff;
	color:#252536;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.app-mobilwebb-user-panel-shell :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,strong,small,span,li,th,td){font-family:inherit!important}
.app-mobilwebb-user-panel-shell .dashicons{font-family:dashicons!important}
.app-mobilwebb-user-panel-header{
	display:flex;
	align-items:center;
	gap:12px;
	min-height:64px;
	box-sizing:border-box;
	padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;
	background:var(--app-admin-bg,#fff);
	border-bottom:1px solid #e1e0ed;
	box-shadow:0 4px 14px rgba(45,44,72,.06);
}
.app-mobilwebb-user-panel-close{
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	flex:0 0 42px;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	color:#5f6070;
	font:inherit;
	-webkit-appearance:none;
	appearance:none;
	cursor:pointer;
}
.app-mobilwebb-user-panel-close svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}
.app-mobilwebb-user-panel-close:hover,
.app-mobilwebb-user-panel-close:focus-visible{background:transparent;color:#252536;outline:0}
.app-mobilwebb-user-panel-title{display:grid;gap:2px;min-width:0}
.app-mobilwebb-user-panel-title strong{overflow:hidden;color:#252536;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.app-mobilwebb-user-panel-title small{color:#77768a;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.app-mobilwebb-user-panel-tabbar{
	display:flex;
	align-items:stretch;
	gap:8px;
	min-width:0;
	padding:10px 12px;
	background:var(--app-admin-bg,#fff);
	border-bottom:1px solid #e1e0ed;
	box-shadow:0 6px 16px rgba(45,44,72,.08);
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}
.app-mobilwebb-user-panel-tabbar::-webkit-scrollbar{display:none}
.app-mobilwebb-user-panel-tabs{min-width:0;flex:1 1 auto}
.app-mobilwebb-user-panel-nav-toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #e1e0ed;border-radius:999px;background:transparent;color:#77768a;cursor:pointer;align-self:center}
.app-mobilwebb-user-panel-nav-toggle:hover,
.app-mobilwebb-user-panel-nav-toggle:focus-visible{background:#f0f2ff;color:#304bc4;outline:0}
.app-mobilwebb-user-panel-nav-toggle svg{transition:transform .2s ease;transform:rotate(180deg)}
.app-mobilwebb-user-panel-tabbar.is-nav-collapsed .app-mobilwebb-user-panel-tabs{display:none!important}
.app-mobilwebb-user-panel-tabbar.is-nav-collapsed .app-mobilwebb-user-panel-nav-toggle svg{transform:rotate(0deg)}
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav{
	position:static!important;
	display:flex!important;
	align-items:stretch;
	gap:6px;
	width:max-content;
	min-width:100%;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	overflow:visible;
}
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav{flex-wrap:wrap!important;flex-direction:row!important}
/* 7.16.5: knappraden är en egen behållare i wp-admin. I panelen ska knapparna
   ligga direkt i flikrutnätet, så behållaren löses upp. */
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav>.tmg-app-web-nav-scroll{display:contents!important}
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav>.tmg-app-web-search{order:-1;flex:0 0 100%!important;width:100%!important;margin:0 0 6px!important}
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:100px;
	min-height:48px;
	padding:8px 13px;
	border:0;
	border-radius:15px;
	background:transparent;
	color:#77768a;
	font-size:13px;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a:hover,
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a:focus-visible{background:#f0f2ff;color:#304bc4;outline:0}
.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a.is-active{background:#e9efff;color:#38548e;box-shadow:0 7px 18px rgba(65,95,231,.12)}
/* 7.17.0: kontogenvägen sitter i headern bredvid Ljust/Mörkt och visar bara
   hänglåset. Namnet finns kvar i aria-label och title. */
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-account{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0;
	min-width:40px;
	min-height:40px;
	flex:0 0 auto;
	margin-left:auto;
	padding:0 8px;
	box-sizing:border-box;
	border:1px solid #dfe2f0;
	border-radius:15px;
	background:#fbfbff;
	color:#374477;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	white-space:nowrap;
}
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-account:hover,
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-account:focus-visible{background:#eef1ff;color:#304bc4;outline:2px solid #415fe7;outline-offset:2px}
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-account.is-active{background:#e9efff;color:#38548e;box-shadow:0 7px 18px rgba(65,95,231,.12);outline:2px solid #415fe7;outline-offset:2px}
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-account>span{width:auto;grid-row:auto;font-size:18px;line-height:1}
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-account>strong{font-weight:700}
.app-mobilwebb-user-panel-content{
	min-width:0;
	min-height:0;
	overflow-y:auto;
	/* 7.41.30: panelen kunde dras i sidled om något inuti råkade bli någon
	   pixel bredare än rutan (t.ex. en rad med två knappar bredvid
	   varandra). overflow:auto tillät det i båda led — nu är sidled låst
	   helt, vertikal skrollning är opåverkad. */
	overflow-x:hidden;
	padding:18px 14px calc(24px + env(safe-area-inset-bottom,0px));
	background:#f7f6ff;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior:contain;
}
.app-mobilwebb-user-panel-content>.tmg-app-web-admin{
	box-sizing:border-box;
	width:100%;
	max-width:1180px;
	min-height:100%;
	margin:0 auto!important;
	padding:0!important;
	background:transparent!important;
	overflow:visible!important;
}
.app-mobilwebb-user-panel-content .tmg-app-web-admin-sticky-header{display:none!important}
.app-mobilwebb-user-panel-content .tmg-test-info-anchor{display:none!important}
.app-mobilwebb-user-panel-content .tmg-app-web-save{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:14px 0 0!important;border-radius:16px!important}
.app-mobilwebb-user-panel-content .tmg-app-web-card{max-width:100%;margin-left:0;margin-right:0}
.app-mobilwebb-user-panel-loading{display:grid;place-items:center;min-height:120px;padding:24px;color:#77768a;font-size:15px;text-align:center}
.app-mobilwebb-user-panel-error{display:grid;gap:8px;max-width:620px;margin:20px auto;padding:22px;border:1px solid #e3b7bd;border-radius:18px;background:#fff4f5;color:#8a2633;box-shadow:0 8px 26px rgba(68,61,112,.06)}
.app-mobilwebb-user-panel-error strong{font-size:17px}
.app-mobilwebb-user-panel-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	min-height:64px;
	box-sizing:border-box;
	padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
	background:var(--app-admin-bg,#fff);
	border-top:1px solid #e1e0ed;
	box-shadow:0 -5px 16px rgba(45,44,72,.07);
}
.app-mobilwebb-user-panel-footer-close,
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-logout{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:9px 17px;
	border-radius:13px;
	font-family:inherit;
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	text-decoration:none;
	cursor:pointer;
}
.app-mobilwebb-user-panel-footer-close{border:1px solid #d9d8e7;background:#fff;color:#374477}
/* 7.41.110: Logga ut har exakt samma geometri som Spara. En enda röd
   kantlinje, något ljusare grå yta och ljusare röd text ger bättre kontrast. */
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-logout{min-width:0;min-height:46px;padding:0 20px;border:1px solid #e26a78;border-radius:13px;background:#555556;color:#ffb6c1;box-shadow:none;outline:none}
.app-mobilwebb-user-panel-footer-close:hover,
.app-mobilwebb-user-panel-footer-close:focus-visible{background:#eef1ff;outline:2px solid #415fe7;outline-offset:2px}
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-logout:hover,
.app-mobilwebb-user-panel .app-mobilwebb-user-panel-logout:focus-visible{border-color:#ff8e9b;background:#5f5f60;color:#ffc4cc;box-shadow:none;outline:none}

/* Administration-only dark mode. The portfolio page keeps its own media and
   colors; these rules are scoped to the popup/workspace only. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark>.app-mobilwebb-user-panel,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-shell{background:var(--app-admin-bg,#282828)!important;color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-header,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-tabbar,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-footer,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme{background:var(--app-admin-bg,#282828);border-color:#4a4a4a;box-shadow:none}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-close{border-color:transparent;background:transparent;color:#d2d3da}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-title strong,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme-label{color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-title small,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme-label small{color:#aeb6c9}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a{color:#aeb6c9}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-nav-toggle{border-color:#4a4a4a;color:#aeb6c9}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-nav-toggle:hover,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-nav-toggle:focus-visible{background:#3a3a3a;color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a:hover,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a:focus-visible{background:#3a3a3a;color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a.is-active,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel .app-mobilwebb-user-panel-account.is-active{background:#454545;color:#f3f5fb;box-shadow:none}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel .app-mobilwebb-user-panel-account{border-color:rgba(243,245,251,.6);background:#3a3a3a;color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel .app-mobilwebb-user-panel-account:hover,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel .app-mobilwebb-user-panel-account:focus-visible{background:#454545;color:#fff;outline-color:#7188ff}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme-options{border-color:rgba(243,245,251,.6);background:#3a3a3a}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme-options button{color:#aeb6c9}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme-options button.is-active{background:#526ee8;color:#fff;box-shadow:none}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content{background:var(--app-admin-bg,#282828);color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin{
	--tmg-test-ink:#f3f5fb;
	--tmg-test-muted:#aeb6c9;
	--tmg-test-border:#4a4a4a;
	--tmg-test-field:#282828;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-card,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-test-profile-form,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-upload-form,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-thumb,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-content-button,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-test-profile-card,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-media,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-account-preview{border-color:#4a4a4a!important;background:#282828!important;color:#f3f5fb!important;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(p.description,.tmg-app-web-note){border-color:#4a4a4a!important;background:#282828!important;color:#aeb6c9!important;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(p.description,.tmg-app-web-note)::before{background:#454545;color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-checks,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-checks label,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-thumb-form .tmg-app-test-adult,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor-card{border-color:#4a4a4a!important;background:#282828!important;color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-content-button small,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-library-head,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-library-head h3{color:#aeb6c9!important;border-color:#4a4a4a!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-more{border-color:rgba(243,245,251,.6)!important;background:#454545!important;color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content :is(h1,h2,h3,h4,h5,h6,strong,label,th,td){color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content :is(p,.description,small,.description a){color:#aeb6c9!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content :is(input,select,textarea){border-color:rgba(243,245,251,.6)!important;background:#282828!important;color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-footer-close{border-color:rgba(243,245,251,.6);background:#3a3a3a;color:#f3f5fb}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-footer-close:hover,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-footer-close:focus-visible{background:#454545;outline-color:#7188ff}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-media-active b{color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-media-active input{border-color:#697896!important;background:#282828!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-media-active input:checked{border-color:#6b86ff!important;background-color:#526ee8!important;box-shadow:0 0 0 3px rgba(107,134,255,.2)!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor :is(input[type="checkbox"],input[type="radio"]){accent-color:#7188ff!important;outline-color:#7188ff!important;background:transparent!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-card,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-test-profile-form{background:#282828!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.tmg-app-test-upload-form,.tmg-app-test-checks,.tmg-app-test-editor-card,.tmg-app-test-content-button,.tmg-app-test-thumb,.tmg-app-web-media,.tmg-test-profile-card),
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(p.description,.tmg-app-web-note){background:#282828!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.tmg-app-test-checks label,.tmg-app-test-editor-adult,.tmg-app-test-editor-visible,.tmg-app-test-editor-free-video,.tmg-app-test-thumb-form .tmg-app-test-adult){border-color:rgba(243,245,251,.6)!important;background:#3a3a3a!important;color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.button,button[type="submit"],button[type="button"]):not(.tmg-app-test-compact-thumb):not(.tmg-app-test-more):not(.tmg-app-test-editor-close):not(.button-link-delete):not(.button-primary){border-color:rgba(243,245,251,.6)!important;background:#3a3a3a!important;color:#f3f5fb!important;box-shadow:none!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.button,button[type="submit"],button[type="button"]):not(.tmg-app-test-compact-thumb):not(.tmg-app-test-more):not(.tmg-app-test-editor-close):not(.button-link-delete):not(.button-primary):hover,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.button,button[type="submit"],button[type="button"]):not(.tmg-app-test-compact-thumb):not(.tmg-app-test-more):not(.tmg-app-test-editor-close):not(.button-link-delete):not(.button-primary):focus{border-color:#7188ff!important;background:#454545!important;color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor-close{border-color:rgba(243,245,251,.6)!important;background:#3a3a3a!important;color:#f3f5fb!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor-delete{border-color:#6a3d48!important;background:#291b25!important;color:#ffb6c0!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-media :is(.button,button){border-color:rgba(243,245,251,.6)!important;background:#3a3a3a!important;color:#f3f5fb!important;box-shadow:none!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .button-primary{border-color:#526ee8!important;background:#4057bd!important;color:#fff!important;box-shadow:0 4px 12px rgba(64,87,189,.28)!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .button-primary:hover,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .button-primary:focus{border-color:#7188ff!important;background:#526ee8!important;color:#fff!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .tmg-app-upload-status{border-color:rgba(243,245,251,.6)!important;background:#3a3a3a!important;color:#f3f5fb!important}
.tmg-app-upload-status{margin:0 0 14px;padding:12px 14px;border:1px solid #dce6fb;border-radius:13px;background:#eaf2ff;color:#385a95;font-weight:700;line-height:1.3}

/* The account card is extracted from the existing WordPress account page, so
   the real e-mail/password handler remains the single source of truth. */
.app-mobilwebb-account-view.tmg-user-portal{min-height:auto!important;margin:0!important;padding:0!important;background:transparent!important}
.app-mobilwebb-account-view .tmg-user-panel{width:100%!important;max-width:760px!important;margin:0 auto!important;border-radius:18px!important}
.app-mobilwebb-qr-panel{display:grid;justify-items:center;gap:14px;text-align:center}
.app-mobilwebb-qr-panel>h2,.app-mobilwebb-qr-panel>p{margin:0!important}
.app-mobilwebb-qr-code{width:min(280px,78vw);padding:14px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgb(0 0 0/.22)}
.app-mobilwebb-qr-code svg{display:block;width:100%;height:auto}
.app-mobilwebb-qr-url{max-width:100%;font-size:13px;overflow-wrap:anywhere}
.app-mobilwebb-qr-url a{color:inherit}
.app-mobilwebb-account-preview{display:grid;gap:10px;max-width:620px;margin:0 auto;padding:24px;border:1px solid #dfe2f0;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(68,61,112,.06)}
.app-mobilwebb-account-preview h2{margin:0;color:#252536;font-size:26px}
.app-mobilwebb-account-preview h3{margin:14px 0 0;color:#252536;font-size:20px}
.app-mobilwebb-account-preview p{margin:0;color:#77768a;line-height:1.55}
.app-mobilwebb-account-preview label{margin-top:4px;color:#252536;font-size:14px;font-weight:700}
.app-mobilwebb-account-preview input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 13px;border:1px solid #dfe2f0;border-radius:13px;background:#fbfbff;color:#252536;font:inherit;line-height:1.3}
.app-mobilwebb-account-preview input:disabled{opacity:1;color:#252536;-webkit-text-fill-color:#252536;cursor:default}
.app-mobilwebb-account-preview input::placeholder{color:#77768a;opacity:1}
.app-mobilwebb-account-preview button{justify-self:start;min-height:44px;margin-top:7px;padding:10px 17px;border:1px solid #385fe7;border-radius:13px;background:#385fe7;color:#fff;font:inherit;font-weight:700;line-height:1.2;cursor:default}
.app-mobilwebb-account-preview button:disabled{opacity:1}
.app-mobilwebb-account-preview-note{color:#77768a;line-height:1.45}

@media(max-width:620px){
	.app-mobilwebb-user-panel-header{min-height:60px}
	.app-mobilwebb-user-panel-title strong{font-size:18px}
	.app-mobilwebb-user-panel-tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px 12px;overflow:visible}
	.app-mobilwebb-user-panel-nav-toggle{grid-column:1/-1;justify-self:center;margin-top:2px}
	.app-mobilwebb-user-panel-tabbar.is-nav-collapsed{grid-template-columns:1fr}
	.app-mobilwebb-user-panel-theme{padding:8px 10px}
	.app-mobilwebb-user-panel-tabs{display:contents}
	.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav{display:contents!important;width:auto;min-width:0}
	.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a{min-width:0;width:100%;min-height:48px;padding:8px 5px;font-size:12px;white-space:normal}
	/* 7.16.3: nav har display:contents här, så sökfältet blev en cell i
	   trekolumnsrutnätet bredvid Min profil. Det ska ligga på egen rad överst. */
	.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav>.tmg-app-web-search{grid-column:1/-1;order:-1;width:100%;margin:0}
	.app-mobilwebb-user-panel-tabs>.tmg-app-web-nav>.tmg-app-web-search input[type="search"]{width:100%;height:30px;line-height:30px;font-size:13px}
	.app-mobilwebb-user-panel-content{padding:14px 10px calc(18px + env(safe-area-inset-bottom,0px))}
	.app-mobilwebb-user-panel-footer{min-height:60px}
}
@supports (height:100dvh){
	.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu,
	.app-mobilwebb-user-panel{height:100dvh!important;max-height:100dvh!important}
}

/* 7.5.89: use the measured visual viewport on iPhone/Safari. The fallback
   still covers browsers where visualViewport is unavailable. */
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu,
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel,
.app-mobilwebb-user-panel{
	height:var(--tmg-user-panel-height,100svh)!important;
	min-height:var(--tmg-user-panel-height,100svh)!important;
	max-height:var(--tmg-user-panel-height,100svh)!important;
}
.app-mobilwebb-user-panel-shell{height:100%!important;min-height:0!important}

/* 7.5.91: after the user workspace is moved directly under <body>, keep its
   four visible areas explicit. iOS/Safari may otherwise resolve the nested
   percentage heights against the old header layout and leave only the top
   row visible. */
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu{
	display:none!important;
	position:fixed!important;
	inset:0!important;
	width:100vw!important;
	height:var(--tmg-user-panel-height,100svh)!important;
	min-height:var(--tmg-user-panel-height,100svh)!important;
	max-height:var(--tmg-user-panel-height,100svh)!important;
	flex-direction:column!important;
	align-items:stretch!important;
	justify-content:flex-start!important;
	overflow:hidden!important;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu.is-open{display:flex!important}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel{
	display:flex!important;
	flex:1 1 auto!important;
	align-items:stretch!important;
	width:100%!important;
	height:100%!important;
	min-height:0!important;
	max-height:100%!important;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel > .app-mobilwebb-user-panel-shell{
	display:grid!important;
	grid-template-rows:minmax(60px,auto) minmax(0,auto) minmax(0,1fr) minmax(60px,auto)!important;
	width:100%!important;
	height:100%!important;
	min-height:0!important;
	overflow:hidden!important;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-header{
	grid-row:1;
	min-width:0;
	flex:none;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-title{
	flex:1 1 auto;
	min-width:0;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-theme{
	flex:0 1 auto;
	min-width:0;
	max-width:48%;
	overflow:hidden;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-theme-options{
	max-width:100%;
	overflow-x:auto;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-tabbar{
	grid-row:2;
	flex:none;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-content{
	grid-row:3;
	min-height:0!important;
	flex:1 1 auto;
}
body > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-footer{
	grid-row:4;
	flex:none;
	min-height:60px;
}

/* 7.5.35: kryssrutor i mörkt tema.
   Den generella regeln ovan sätter background med !important på alla input i
   panelen. Kortformen nollställde även background-image, som är själva bocken,
   så en ikryssad ruta såg exakt likadan ut som en tom. Rutorna fungerade alltså
   men syntes inte. Här ritas de om, efter den regeln och med minst lika hög
   specificitet, både i formulären och i bild-/videoredigeraren. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="checkbox"],
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor input[type="checkbox"]{
	appearance:none;
	-webkit-appearance:none;
	width:20px!important;
	height:20px!important;
	flex:0 0 20px;
	margin:0 8px 0 0!important;
	border:1px solid #6a7594!important;
	border-radius:6px!important;
	background-color:#282828!important;
	background-image:none!important;
	vertical-align:-.35em;
	cursor:pointer;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="checkbox"]:checked,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor input[type="checkbox"]:checked{
	border-color:#7188ff!important;
	background-color:#526ee8!important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.5 12 13 4.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
	background-position:center!important;
	background-repeat:no-repeat!important;
	background-size:13px!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="checkbox"]:focus-visible,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor input[type="checkbox"]:focus-visible{
	border-color:#7188ff!important;
	box-shadow:0 0 0 3px rgba(113,136,255,.28)!important;
	outline:none;
}
/* Radioknapparna träffas av samma kortform och blev mörka rutor utan prick. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="radio"],
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor input[type="radio"]{
	appearance:none;
	-webkit-appearance:none;
	width:20px!important;
	height:20px!important;
	flex:0 0 20px;
	margin:0 8px 0 0!important;
	border:1px solid #6a7594!important;
	border-radius:50%!important;
	background-color:#282828!important;
	background-image:none!important;
	vertical-align:-.35em;
	cursor:pointer;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="radio"]:checked,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-editor input[type="radio"]:checked{
	border-color:#7188ff!important;
	background-color:#282828!important;
	background-image:radial-gradient(circle,#7188ff 0 42%,transparent 46%)!important;
}

/* 7.5.36: Placering — det uttryckliga valet mellan Galleri/Video och Privat. */
.tmg-app-test-editor-placement{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	padding:12px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:14px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-test-editor-placement.is-video{grid-template-columns:repeat(3,minmax(0,1fr))}
.tmg-app-test-editor-placement-title{
	grid-column:1/-1;
	color:var(--tmg-test-muted,#77768a);
	font-size:13px;
	font-weight:700;
}
.tmg-app-test-editor-placement label{
	display:flex!important;
	align-items:center;
	gap:8px;
	min-height:46px;
	margin:0;
	padding:0 12px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:12px;
	background:#fff;
	font-weight:700;
	cursor:pointer;
}
.tmg-app-test-editor-placement label:has(input:checked){
	border-color:var(--tmg-test-primary,#385fe7);
	box-shadow:0 0 0 2px rgba(56,95,231,.14);
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-editor-placement{
	border-color:#4a4a4a!important;
	background:color-mix(in srgb,var(--app-surface,#282828) 94%,#000)!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-editor-placement label{
	border-color:rgba(243,245,251,.6)!important;
	background:#3a3a3a!important;
	color:#f3f5fb!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-editor-placement label:has(input:checked){
	border-color:#7188ff!important;
	box-shadow:0 0 0 2px rgba(113,136,255,.24)!important;
}
.tmg-app-test-store-fields[hidden]{display:none!important}
.tmg-app-test-store-fields{
	display:grid;
	gap:6px;
	padding:12px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:14px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-test-store-fields label{display:grid;gap:5px;margin:0;font-weight:600}
.tmg-app-test-store-fields small{font-size:12px;opacity:.68}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-store-fields{
	border-color:#4a4a4a!important;
	background:color-mix(in srgb,var(--app-surface,#282828) 94%,#000)!important;
}
@media(max-width:420px){
	.tmg-app-test-editor-placement.is-video label{gap:5px;padding:0 8px;font-size:13px}
}
/* 7.11.1: knapparna i panelen var för små att träffa säkert på mobil.
   Höjden går till 44 px medan bredden lämnas orörd, så raden fortsätter
   vara lika kompakt som förut. Gäller bara panelen, inte wp-admin. */
.app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.tmg-app-web-media-copy,.tmg-app-web-crop-actions,.tmg-app-web-pair-actions) :is(.button,button){
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding-top:0;
	padding-bottom:0;
	line-height:1.2;
}

/* 7.16.0: hopfällbara block i mörkt administrationsläge. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-fold{border-color:#4a4a4a!important;background:#282828!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-fold[open]>.tmg-app-fold-head{border-bottom-color:#4a4a4a!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-fold-icon{background:rgba(255,255,255,.08)!important;color:#f3f5fb!important}

/* 7.34.1: plusknappen visar bara uppladdningsformuläret. Panelen laddas som
   vanligt men allt utom formuläret döljs, så rutan liknar notisrutan i stället
   för hela administrationssidan. */
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-tabs,
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .tmg-app-web-search,
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content h2,
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .tmg-app-web-admin>p.description{display:none!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content section:not(#tmg-app-bilder):not(#tmg-app-video){display:none!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus :is(#tmg-app-bilder,#tmg-app-video)>*:not(.tmg-app-test-upload-panel){display:none!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-upload-panel>.tmg-app-fold-head{display:none!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-upload-panel{border:0!important;background:transparent!important}
/* 7.35.0: bara det som behövs för att lägga upp en fil. Namn, kategori,
   taggar och beskrivning fylls i efteråt i administrationen. */
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-form-grid>label{display:none!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-form-grid>.tmg-app-test-picker{display:grid!important}
/* Rutan läggs mitt på skärmen med toning bakom, som notisrutan. */
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus{background:transparent!important;display:grid!important;place-items:center!important;padding:16px!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus::before{content:"";position:fixed;inset:0;background:rgb(4 6 12 / .6);backdrop-filter:blur(3px);z-index:0}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-header{display:none!important}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content{
	position:relative;
	z-index:1;
	width:min(100%,420px);
	max-height:min(80vh,680px);
	padding:14px!important;
	border:1px solid var(--app-line,#3a4260)!important;
	border-radius:var(--app-radius,16px)!important;
	background:color-mix(in srgb,var(--app-surface,#282828) 94%,#000)!important;
	box-shadow:0 24px 60px rgb(0 0 0 / .45);
	overflow:auto;
}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-footer{display:none!important}

/* 7.36.0: uppladdningsrutans utseende — rubrik, breda val med ikon och pil,
   bockar som brickor och en tydlig knapp längst ned. */
.app-mobilwebb-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.app-mobilwebb-upload-head strong{font-size:20px;font-weight:700}
.app-mobilwebb-upload-close{width:34px;height:34px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer}
/* 7.38.0: rubriken över varje väljare får synas — den skiljer filmfilen från
   omslaget i videoformuläret. */
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-picker-head{display:block!important;margin:0 0 2px;font-size:13px;opacity:.7}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-picker-actions{display:grid!important;gap:10px}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-picker-actions .button{
	display:flex!important;
	align-items:center;
	gap:12px;
	width:100%;
	min-height:56px;
	padding:0 16px!important;
	border:1px solid var(--app-line,#4a4a4a)!important;
	border-radius:14px!important;
	background:transparent!important;
	color:#f3f5fb!important;
	font-size:16px!important;
	font-weight:600;
	text-align:left;
	justify-content:flex-start;
}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-picker-actions .button svg:last-child{margin-left:auto;opacity:.55}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-checks{display:flex!important;flex-wrap:wrap;gap:10px}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-checks label{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:52px;
	padding:0 16px;
	border:1px solid var(--app-line,#4a4a4a);
	border-radius:14px;
}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-upload-form>p.submit,
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-upload-form .submit{margin:14px 0 0!important}
html .app-mobilwebb-settings-menu .is-upload-focus .tmg-app-test-upload-form .button-primary{
	display:block;
	width:100%;
	min-height:56px;
	border:0!important;
	border-radius:999px!important;
	background:var(--app-accent,#5b62e8)!important;
	color:#fff!important;
	font-size:17px!important;
	font-weight:700;
}

/* 7.36.1: menyn bakom panelen har egen bakgrund och ram. I fokusläget ska bara
   kortet synas, så behållaren görs genomskinlig och panelen centreras. */
html .app-mobilwebb-settings-menu.is-upload-focus-menu,
html .app-mobilwebb-settings-menu:has(>.app-mobilwebb-user-panel.is-upload-focus){
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
	padding:0!important;
}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus{
	display:grid!important;
	place-items:center!important;
	background:transparent!important;
	box-shadow:none!important;
	border:0!important;
}
/* 7.36.2: panelen har ett skal mellan sig och innehållet. Att dölja panelens
   barn dolde alltså allt — nu döljs skalets barn utom innehållet, och skalet
   självt görs genomskinligt. */
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-shell{
	display:grid!important;
	place-items:center!important;
	width:100%!important;
	max-width:none!important;
	height:100%!important;
	max-height:none!important;
	margin:0!important;
	padding:16px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	overflow:visible!important;
}
html .app-mobilwebb-settings-menu>.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-shell>*:not(.app-mobilwebb-user-panel-content){display:none!important}


/* 7.41.4: Test-uppladdningens bockrutor följer Färger på knappar.
   Ligger sist eftersom äldre mörk-tema-regler använder !important. */
.app-mobilwebb-settings-menu .app-mobilwebb-user-panel-content .tmg-app-test-editor input[type="checkbox"],
.app-mobilwebb-settings-menu .app-mobilwebb-user-panel-content .app-mobilwebb-upload input[type="checkbox"]{
 appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;flex:0 0 20px!important;
 border:1px solid var(--app-button-line,rgba(255,255,255,.35))!important;border-radius:6px!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important;vertical-align:-.35em;cursor:pointer;
}
.app-mobilwebb-settings-menu .app-mobilwebb-user-panel-content .tmg-app-test-editor input[type="checkbox"]:checked,
.app-mobilwebb-settings-menu .app-mobilwebb-user-panel-content .app-mobilwebb-upload input[type="checkbox"]:checked{
 border-color:var(--app-button-line,transparent)!important;background-color:var(--app-button,var(--app-accent,#6b7cff))!important;
 background-image:none!important;position:relative;
}
.app-mobilwebb-settings-menu .app-mobilwebb-user-panel-content .tmg-app-test-editor input[type="checkbox"]:checked::after,
.app-mobilwebb-settings-menu .app-mobilwebb-user-panel-content .app-mobilwebb-upload input[type="checkbox"]:checked::after{
 content:"✓";display:block;color:var(--app-button-text,#fff)!important;font-size:15px;font-weight:800;line-height:18px;text-align:center;
}
.app-mobilwebb-library-error{grid-column:1/-1;margin:18px 8px;text-align:center;color:var(--app-text,#fff);}


/* 7.41.5: knappdesignen ska gälla de faktiska checkboxarna oavsett om
   uppladdningslagret ligger inne i eller utanför användarpanelen. */
.app-mobilwebb-upload input[type="checkbox"],
.tmg-app-test-editor input[type="checkbox"]{
 appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
 margin:0 8px 0 0!important;border:1px solid var(--app-button-line,rgba(255,255,255,.35))!important;border-radius:6px!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important;vertical-align:-.35em;cursor:pointer;
}
.app-mobilwebb-upload input[type="checkbox"]:checked,
.tmg-app-test-editor input[type="checkbox"]:checked{
 border-color:var(--app-button-line,transparent)!important;background:var(--app-button,var(--app-accent,#6b7cff))!important;background-image:none!important;
}
.app-mobilwebb-upload input[type="checkbox"]:checked::after,
.tmg-app-test-editor input[type="checkbox"]:checked::after{
 content:"✓"!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;color:var(--app-button-text,#fff)!important;
 font-size:15px!important;font-weight:800!important;line-height:18px!important;text-align:center!important;background:none!important;
}

/* 7.41.13: placeringsvalet (Video/Privat/Butik) i +-knappens uppladdning
   följde inte knappdesignen alls — bara webbläsarens standardradioknapp.
   Samma knappfärg/textfärg/linje som bockrutorna ovan, applicerat på
   själva radioknappen. */
.app-mobilwebb-upload-placement input[type="radio"]{
 appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
 margin:0 8px 0 0!important;border:var(--app-button-line-width,3px) solid var(--app-button-line,rgba(255,255,255,.35))!important;border-radius:50%!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important;vertical-align:-.35em;cursor:pointer;
}
.app-mobilwebb-upload-placement input[type="radio"]:checked{
 border-color:var(--app-button-line,transparent)!important;background:var(--app-button,var(--app-accent,#6b7cff))!important;background-image:none!important;
}
.app-mobilwebb-upload-placement input[type="radio"]:checked::after{
 content:"✓"!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;color:var(--app-button-text,#fff)!important;
 font-size:12px!important;font-weight:800!important;line-height:16px!important;text-align:center!important;background:none!important;
}
.app-mobilwebb-upload-placement label:has(input:checked){
 border-color:var(--app-button-line,var(--app-accent,#6b7cff))!important;
}

/* 7.41.6 central felrapport */