/* Tolips Mobilgalleri — app-web-6-effects.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: Bakgrundseffekter, nyhetssida och panelens övriga inställningar. */

/* ============================================================
   7.5.74: kamerablixt. Kort, hård och nästan vit, med brant
   attack och snabb utklingning — till skillnad från Ljusblänk
   som är ett mjukt sken. Ungefär var tredje smäller två gånger.
   ============================================================ */
.tmg-bg-spark.is-camera{
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	border-radius:0;
	/* 7.5.77: nästan helt vit yta i stället för ett sken som tonade ut redan
	   vid 82 %. Blixten ska lysa upp hela bilden, inte bara mitten. */
	background:
		radial-gradient(ellipse at 50% 40%,#fff 0 46%,rgba(255,255,255,.94) 70%,rgba(232,241,255,.82) 88%,rgba(214,229,255,.66) 100%);
	animation-name:tmg-camera-flash;
	animation-timing-function:cubic-bezier(.1,.75,.2,1);
}
/* Blixten läggs ovanför det mörka lagret. Låg den under åt det mörka lagret
   upp merparten av ljuset, och full styrka motsvarade bara en bråkdel. */
.app-mobilwebb.has-effect-camera .app-mobilwebb-bg-effect{z-index:1}
.tmg-bg-spark.is-camera.is-double{animation-name:tmg-camera-flash-double}
@keyframes tmg-camera-flash{
	0%{opacity:0}
	4%{opacity:var(--tmg-spark-fade,.9)}
	16%{opacity:calc(var(--tmg-spark-fade,.9) * .55)}
	46%{opacity:calc(var(--tmg-spark-fade,.9) * .12)}
	100%{opacity:0}
}
@keyframes tmg-camera-flash-double{
	0%{opacity:0}
	3%{opacity:var(--tmg-spark-fade,.9)}
	13%{opacity:calc(var(--tmg-spark-fade,.9) * .1)}
	20%{opacity:0}
	26%{opacity:calc(var(--tmg-spark-fade,.9) * .95)}
	40%{opacity:calc(var(--tmg-spark-fade,.9) * .4)}
	70%{opacity:calc(var(--tmg-spark-fade,.9) * .1)}
	100%{opacity:0}
}

/* ============================================================
   7.5.75: mer bredd i panelen. De två yttersta ramarna — sidans
   indrag och kortets egen kant — fyllde ingen funktion inuti
   panelen, där varje block redan har sin egen ram. Borta blir
   det knappt 90 px extra bredd på en telefon.
   ============================================================ */
.app-mobilwebb-user-panel-content .tmg-app-web-admin{
	margin:0!important;
	/* 7.5.76: 8 px räckte inte — text och reglage låg tätt inpå skärmkanten. */
	padding:12px 14px 28px!important;
	min-height:0!important;
}
.app-mobilwebb-user-panel-content .tmg-app-web-admin>.tmg-app-web-card{
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
/* 7.22.1: ett kort som ligger inuti ett hopfällbart block ska inte ha egen ram.
   Blockets ram är den yttersta linjen, kortets blev en andra linje precis
   innanför. Gäller båda ytorna och även mörkt tema, som annars målar tillbaka
   kant och bakgrund med högre specificitet. */
.tmg-app-fold-body>.tmg-app-web-card,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-fold-body>.tmg-app-web-card{
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

/* Formuläret för rullande text. */
.tmg-app-scroll-form{display:grid;gap:10px}
.tmg-app-scroll-toggle{display:flex!important;align-items:center;gap:8px;cursor:pointer}
.tmg-app-scroll-toggle input{margin:0;flex:0 0 auto}
/* 7.5.76: bara textfältets etikett är ett rutnät. På reglagens etiketter gjorde
   det att varje textbit — namnet, värdet och enheten — hamnade på egen rad. */
.tmg-app-scroll-form>label{display:block;font-weight:600}
.tmg-app-scroll-form>label.tmg-app-scroll-text{display:grid;gap:5px}
.tmg-app-scroll-form textarea{
	width:100%;
	min-height:130px;
	padding:10px 12px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:12px;
	background:#fff;
	font:inherit;
}
.tmg-app-scroll-form .description{opacity:.72}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-scroll-form textarea{
	border-color:rgba(243,245,251,.6)!important;
	background:#282828!important;
	color:#f3f5fb!important;
}

/* 7.5.77: sista ramen i ytterkant. Profilformuläret har egen kant och egen
   bakgrund, vilket blev en tredje linje längs skärmkanten inuti panelen där
   varje block redan är inramat. */
.app-mobilwebb-user-panel-content .tmg-test-profile-form{
	margin-top:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	max-width:none!important;
}

/* ============================================================
   7.5.78: kompaktare lista. Varje rad tog drygt 120 px i höjd,
   vilket blev nästan tre skärmhöjder rullning per sida. Nu ligger
   titel och brickor på samma rad som miniatyren, och på lite
   bredare skärmar står raderna i två spalter. Utfälld rad tar
   alltid hela bredden.
   ============================================================ */
.tmg-app-test-list{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	gap:6px;
	margin:12px 0;
}
@media(min-width:480px){
	.tmg-app-test-list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.tmg-app-test-row[open]{grid-column:1/-1}
}
.tmg-app-test-row{border-radius:12px}
.tmg-app-test-row-head{
	gap:10px;
	padding:6px 8px 6px 6px;
	min-height:56px;
}
.tmg-app-test-row-thumb{
	flex:0 0 44px;
	width:44px;
	height:44px;
	border-radius:8px;
}
/* Titel och brickor på en rad, med titeln avkortad om det behövs. */
.tmg-app-test-row-copy{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
}
.tmg-app-test-row-copy>strong{
	flex:0 1 auto;
	min-width:0;
	font-size:14px;
}
.tmg-app-test-row .tmg-app-test-badges{
	flex:0 0 auto;
	flex-wrap:nowrap;
	gap:3px;
}
.tmg-app-test-row .tmg-app-test-badges b{
	padding:2px 6px;
	font-size:9px;
	line-height:1.7;
}
/* Kategoribrickan är den som oftast är lång — den får krympa först. */
.tmg-app-test-row .tmg-app-test-badges b.is-meta{
	max-width:9ch;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.tmg-app-test-row-open{font-size:14px}
.tmg-app-test-row-body{padding:4px 12px 14px}

/* Verktygsraden tar mindre plats. */
.tmg-app-test-toolbar{gap:8px;padding:10px}
.tmg-app-test-search input[type="search"]{min-height:40px}
.tmg-app-test-filters a{min-height:34px;padding:0 11px;font-size:13px}
.tmg-app-test-search .button{min-height:40px}
.tmg-app-test-count{font-size:12px}

/* ============================================================
   7.5.79: panelen ska alltid täcka skärmen. När innehållet var
   kort — en enda rad i listan — slutade panelen mitt på skärmen
   och appen bakom syntes under foten. Ytan får därför egen
   bakgrund, och innehållet fyller alltid höjden.
   ============================================================ */
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu{background:var(--app-admin-bg,#fff)}
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu.app-mobilwebb-admin-theme-dark{background:var(--app-admin-bg,#282828)}
.app-mobilwebb-user-panel-content .tmg-app-web-admin{min-height:100%!important}

/* ============================================================
   7.5.80: rutnät med miniatyrer, fyra i bredd. Bockrutan ligger
   utanför utfällningen så ett tryck på den markerar filen i
   stället för att öppna den. Utfälld fil tar hela bredden.
   ============================================================ */
.tmg-app-test-list{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:6px;
	margin:12px 0;
}
@media(min-width:520px){
	.tmg-app-test-list{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.tmg-app-test-cell{position:relative;min-width:0}
.tmg-app-test-cell.is-open{grid-column:1/-1}

/* 7.41.115: opublicerade filer behåller samma kompakta bildkort. Frågan
   ligger under bilden och bockrutan hör till masspubliceringsformuläret. */
.tmg-app-publish-select{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:5px;
	min-height:30px;
	margin-top:4px;
	padding:4px 7px;
	border:1px solid var(--tmg-test-border,#e1e0ed);
	border-radius:9px;
	background:rgba(255,255,255,.08);
	font-size:10px;
	font-weight:700;
	line-height:1.2;
	cursor:pointer;
	box-sizing:border-box;
}
.tmg-app-publish-select input{margin:0!important;flex:0 0 auto}
.tmg-app-review-publish{position:sticky;bottom:8px;z-index:5;margin:12px 0 4px!important}
.tmg-app-review-publish .button{width:100%;min-height:44px;font-weight:700}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-publish-select{
	border-color:rgba(243,245,251,.36);
	background:rgba(255,255,255,.08);
	color:#f3f5fb;
}
.tmg-app-pending-upload-note{padding:9px 11px;border-radius:10px;background:rgba(113,136,255,.08)}
.tmg-app-test-row{border-radius:10px;overflow:hidden}
.tmg-app-test-row-head{
	display:block;
	position:relative;
	padding:0;
	min-height:0;
	cursor:pointer;
}
.tmg-app-test-tile-media{
	display:block;
	width:100%;
	aspect-ratio:1/1;
	background:#111;
	overflow:hidden;
}
.tmg-app-test-tile-media img{width:100%;height:100%;object-fit:cover;display:block}
.tmg-app-test-cell.is-open .tmg-app-test-tile-media{aspect-ratio:16/7}
.tmg-app-test-row-copy{
	position:absolute;
	left:3px;
	right:3px;
	bottom:3px;
	display:block;
	pointer-events:none;
}
.tmg-app-test-row .tmg-app-test-badges{
	display:flex;
	flex-wrap:wrap;
	gap:2px;
}
.tmg-app-test-row .tmg-app-test-badges b{
	padding:1px 5px;
	font-size:8px;
	line-height:1.7;
}
.tmg-app-test-row .tmg-app-test-badges b.is-meta{max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Bockrutan i hörnet. */
.tmg-app-test-pick{
	position:absolute;
	top:3px;
	right:3px;
	z-index:2;
	display:grid;
	place-items:center;
	width:28px;
	height:28px;
	cursor:pointer;
}
.tmg-app-test-pick input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.tmg-app-test-pick>span{
	display:block;
	width:20px;
	height:20px;
	border:2px solid rgba(255,255,255,.85);
	border-radius:6px;
	background:rgba(17,20,29,.5);
	box-shadow:0 1px 6px rgba(0,0,0,.35);
}
.tmg-app-test-pick input:checked+span{
	border-color:#fff;
	background:var(--tmg-test-primary,#415fe7)
		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.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;
}
.tmg-app-test-pick input:focus-visible+span{box-shadow:0 0 0 3px rgba(113,136,255,.5)}
.tmg-app-test-row-body{padding:10px 12px 14px}

/* ============================================================
   7.5.81: utfälld fil. Miniatyren växte till full bredd när
   cellen fälldes ut, och förhandsbilden under den gjorde att
   fälten hamnade långt utanför skärmen. Miniatyren blir i
   stället en smal list som man trycker på för att stänga.
   ============================================================ */
.tmg-app-test-cell.is-open .tmg-app-test-tile-media{
	aspect-ratio:auto;
	height:52px;
}
.tmg-app-test-cell.is-open .tmg-app-test-tile-media img{object-position:center 30%}
.tmg-app-test-cell.is-open .tmg-app-test-row-head::after{
	content:"Tryck för att stänga";
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	padding:3px 9px;
	border-radius:999px;
	background:rgba(17,20,29,.62);
	color:#fff;
	font-size:11px;
	font-weight:700;
}
.tmg-app-test-row-preview{
	width:100%;
	max-height:34vh;
	object-fit:contain;
}

/* Panelens innehåll ska aldrig ligga kant i kant. */
.app-mobilwebb-user-panel-content .tmg-app-web-admin{
	padding-left:14px!important;
	padding-right:14px!important;
}

/* ============================================================
   7.5.81: Rullande text fick luft. Fälten låg tätt ihoptryckta
   och textrutan klippte mitt i en mening.
   ============================================================ */
.tmg-app-scroll-form{gap:18px}
.tmg-app-scroll-form textarea{min-height:210px;line-height:1.5}
.tmg-app-scroll-form>label{
	margin:0;
	font-size:15px;
}
.tmg-app-scroll-form>label.tmg-app-scroll-text>span{
	display:block;
	margin-bottom:2px;
	font-size:13px;
	letter-spacing:.02em;
	text-transform:uppercase;
	opacity:.7;
}
.tmg-app-scroll-form input[type="range"]{
	width:100%;
	margin:8px 0 0;
}
.tmg-app-scroll-form .description{
	margin-top:4px;
	padding-top:14px;
	border-top:1px solid var(--tmg-test-border,#e3e5f0);
	font-size:13px;
	line-height:1.6;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-scroll-form .description{
	border-top-color:#4a4a4a!important;
}
#tmg-app-rullande-user h2{margin-bottom:16px}

/* ============================================================
   7.5.82: Rullande text får samma inramning som Ändra flera
   samtidigt — kort med kant, egen bakgrund och etiketter i
   samma vikt som resten av panelen.
   ============================================================ */
.tmg-app-scroll-form{
	gap:14px;
	padding:14px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:14px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-scroll-form>label{font-size:14px;font-weight:700}
.tmg-app-scroll-form>label.tmg-app-scroll-text>span{
	text-transform:none;
	letter-spacing:0;
	font-size:14px;
	font-weight:700;
	opacity:1;
}
/* 7.5.82: textrutan ärvde fet stil från etiketten och lyste starkare än all
   annan text i panelen. Den skriver nu med vanlig vikt och vanlig färg. */
.tmg-app-scroll-form textarea{
	font-weight:400;
	font-size:15px;
	color:var(--tmg-test-ink,#252536);
	opacity:1;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-scroll-form{
	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-scroll-form textarea{
	color:#dfe4f3!important;
}
.tmg-app-scroll-form .description{border-top:0;padding-top:0}

/* 7.5.88: abc/Mobilwebb user får samma Nyhetssida-inställningar som admin. */
.tmg-app-news-user-form{
	display:grid;
	gap:14px;
	padding:14px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:14px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-news-user-form>label{display:grid;gap:6px;font-size:14px;font-weight:700}
.tmg-app-news-user-form>label input[type=text],
.tmg-app-news-user-form>label textarea,
.tmg-app-news-user-form>label select{width:100%;box-sizing:border-box;font:inherit;font-weight:400}
.tmg-app-news-user-form>label textarea{min-height:130px;resize:vertical}
.tmg-app-news-user-form>label small{font-size:12px;line-height:1.4;font-weight:400;opacity:.72}
.tmg-app-news-user-toggle{display:flex!important;align-items:center;gap:8px;cursor:pointer}
.tmg-app-news-user-toggle input{width:auto!important;margin:0;flex:0 0 auto}
.tmg-app-news-user-checks{display:grid;gap:9px;padding:12px;border:1px solid var(--tmg-test-border,#e3e5f0);border-radius:12px;background:color-mix(in srgb,var(--tmg-test-field,#fbfbff) 78%,#fff)}
.tmg-app-news-user-checks strong{font-size:14px}
.tmg-app-news-user-checks label{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;line-height:1.35}
.tmg-app-news-user-checks input{margin-top:2px;flex:0 0 auto}
/* 7.10.5: gemensamma bildkortsinställningar med liten livevisning. */
.tmg-app-news-image-settings{display:grid;gap:12px;max-width:480px;padding:12px;border:1px solid var(--tmg-test-border,#e3e5f0);border-radius:12px;background:color-mix(in srgb,var(--tmg-test-field,#fbfbff) 78%,#fff)}
.tmg-app-news-image-settings>label{display:grid;gap:6px;margin:0;font-size:14px;font-weight:700}
.tmg-app-news-image-settings>label select{width:100%;max-width:none;box-sizing:border-box;font:inherit;font-weight:400}
.tmg-app-news-card-pitch>span{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tmg-app-news-card-pitch output{font-variant-numeric:tabular-nums;font-weight:800}
.tmg-app-news-card-pitch input[type=range]{width:100%;margin:0}
.tmg-app-news-card-pitch-ends{display:flex;justify-content:space-between;gap:12px;font-size:11px!important;font-weight:600!important;opacity:.68}
.tmg-app-news-image-settings>small{font-size:12px;line-height:1.4;font-weight:400;opacity:.72}
.tmg-app-news-card-preview{display:grid;gap:7px;width:min(100%,360px);box-sizing:border-box;padding:10px;border:1px solid var(--tmg-test-border,#e3e5f0);border-radius:12px;background:var(--tmg-test-field,#fff);overflow:hidden}
.tmg-app-news-card-preview>strong{font-size:10px;letter-spacing:.16em;opacity:.68}
.tmg-app-news-card-preview-viewport{height:158px;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#252c3d,#0d1019)}
.tmg-app-news-card-preview-stage{position:relative;width:100%;height:100%;transform:perspective(650px) rotateX(var(--tmg-news-preview-pitch,0deg)) scale(var(--tmg-news-preview-scale,1));transform-origin:50% 62%;transform-style:preserve-3d;transition:transform .18s ease}
.tmg-app-news-card-preview-card{--tmg-preview-x:0px;--tmg-preview-y:0px;--tmg-preview-rotate:0deg;position:absolute;left:50%;bottom:25px;z-index:3;box-sizing:border-box;width:76px;aspect-ratio:3/4;padding:3px;overflow:hidden;border:1px solid rgba(20,20,24,.18);border-radius:8px;background:#fff;box-shadow:0 7px 13px rgba(0,0,0,.34);transform:translateX(calc(-50% + var(--tmg-preview-x))) translateY(var(--tmg-preview-y)) rotate(var(--tmg-preview-rotate));transform-origin:50% 94%}
.tmg-app-news-card-preview-card:nth-child(1){--tmg-preview-x:44px;--tmg-preview-y:8px;--tmg-preview-rotate:14deg;z-index:5}
.tmg-app-news-card-preview-card:nth-child(2){--tmg-preview-x:22px;--tmg-preview-y:3px;--tmg-preview-rotate:7deg;z-index:4}
.tmg-app-news-card-preview-card:nth-child(3){z-index:3}
.tmg-app-news-card-preview-card:nth-child(4){--tmg-preview-x:-22px;--tmg-preview-y:3px;--tmg-preview-rotate:-7deg;z-index:2}
.tmg-app-news-card-preview-card:nth-child(5){--tmg-preview-x:-44px;--tmg-preview-y:8px;--tmg-preview-rotate:-14deg;z-index:1}
.tmg-app-news-card-preview-card :is(img,i){display:block;width:100%;height:100%;border-radius:5px;object-fit:cover}
.tmg-app-news-card-preview-card i{background:linear-gradient(145deg,#7d879f,#30384b)}
.tmg-app-news-card-preview.is-grid3 .tmg-app-news-card-preview-viewport{height:104px}
.tmg-app-news-card-preview.is-grid3 .tmg-app-news-card-preview-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:100%;box-sizing:border-box;padding:10px;transform:none}
.tmg-app-news-card-preview.is-grid3 .tmg-app-news-card-preview-card{position:relative;inset:auto;display:block;width:100%;aspect-ratio:1/1;padding:0;border-color:rgba(255,255,255,.34);border-radius:7px;background:#111;box-shadow:none;transform:none}
.tmg-app-news-card-preview.is-grid3 .tmg-app-news-card-preview-card:nth-child(n+4){display:none}
.tmg-app-news-order{display:grid;gap:9px;padding:12px;border:1px solid var(--tmg-test-border,#e3e5f0);border-radius:12px;background:color-mix(in srgb,var(--tmg-test-field,#fbfbff) 78%,#fff)}
.tmg-app-news-order>strong{font-size:14px}
.tmg-app-news-order>p{margin:0!important;color:var(--tmg-test-muted,#77768a);font-size:12px;line-height:1.4}
.tmg-app-news-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tmg-app-news-order-grid label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--tmg-test-border,#e3e5f0);border-radius:10px;background:var(--tmg-test-field,#fff);font-size:13px;font-weight:600}
.tmg-app-news-order-grid label span{min-width:0;overflow-wrap:anywhere}
.tmg-app-news-order-grid select{width:auto!important;min-width:94px;max-width:120px;margin:0!important}
@media (max-width:600px){.tmg-app-news-order-grid{grid-template-columns:1fr}}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-user-form,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-user-checks,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-image-settings,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-card-preview,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-order{border-color:#4a4a4a!important;background:#282828!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-order-grid label{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-content .tmg-app-news-order-grid select{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-content .tmg-app-news-user-form input[type=text],
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-user-form textarea,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-user-form select,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-news-image-settings select{border-color:rgba(243,245,251,.6)!important;background:#282828!important;color:#f3f5fb!important}
@media(prefers-reduced-motion:reduce){.tmg-app-news-card-preview-stage{transition:none}}

/* 7.5.94: abc får styra tidsstatusen som visas på Hem. */
.tmg-app-timed-user-form{
	display:grid;
	gap:14px;
	padding:14px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:14px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-timed-user-form>label{display:grid;gap:6px;font-size:14px;font-weight:700}
.tmg-app-timed-user-form>label input[type=text],
.tmg-app-timed-user-form>label textarea,
.tmg-app-timed-user-form select,
.tmg-app-timed-user-form input[type=date],
.tmg-app-timed-user-form input[type=time]{width:100%;box-sizing:border-box;font:inherit;font-weight:400}
.tmg-app-timed-user-form textarea{min-height:100px;resize:vertical}
.tmg-app-timed-user-form>label small{font-size:12px;line-height:1.4;font-weight:400;opacity:.72}
.tmg-app-timed-user-form .tmg-app-news-user-toggle{display:flex!important;align-items:center;gap:8px;cursor:pointer}
.tmg-app-timed-user-form .tmg-app-news-user-toggle input{width:auto!important;margin:0;flex:0 0 auto}
.tmg-app-timed-user-schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tmg-app-timed-user-schedule label,.tmg-app-timed-user-clocks label{display:grid;gap:5px;font-size:13px;font-weight:700}
.tmg-app-timed-user-schedule label small{font-weight:400;opacity:.72}
.tmg-app-timed-user-clocks{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px}
.tmg-app-timed-user-clocks>small{grid-column:1/-1;font-size:12px;line-height:1.4;opacity:.72}
.tmg-app-timed-user-days{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tmg-app-timed-user-days>strong{width:100%;font-size:13px}
.tmg-app-timed-user-days label{padding:7px 10px;border:1px solid var(--tmg-test-border,#e3e5f0);border-radius:999px;background:var(--tmg-test-field,#fbfbff);font-size:12px;cursor:pointer}
.tmg-app-timed-user-days input{margin:0 4px 0 0}
.tmg-app-timed-user-note{font-size:12px;line-height:1.5;opacity:.72}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-timed-user-form{border-color:#4a4a4a!important;background:#282828!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-timed-user-form input[type=text],
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-timed-user-form textarea,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-timed-user-form select,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-timed-user-form input[type=date],
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-timed-user-form input[type=time]{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-content .tmg-app-timed-user-days label{border-color:rgba(243,245,251,.6)!important;background:#3a3a3a!important}
@media(max-width:620px){
	.tmg-app-timed-user-schedule,.tmg-app-timed-user-clocks{grid-template-columns:1fr}
}

/* ============================================================
   7.5.82: utfälld fil visar bara en bild. Miniatyren döljs och
   huvudet blir en smal rad med brickor och stängningstext.
   ============================================================ */
.tmg-app-test-cell.is-open .tmg-app-test-tile-media{display:none}
.tmg-app-test-cell.is-open .tmg-app-test-row-head{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:44px;
	padding:0 12px;
	background:rgba(120,110,160,.1);
}
.tmg-app-test-cell.is-open .tmg-app-test-row-copy{position:static;flex:1 1 auto}
.tmg-app-test-cell.is-open .tmg-app-test-row-head::after{
	position:static;
	transform:none;
	flex:0 0 auto;
	margin-right:32px;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-cell.is-open .tmg-app-test-row-head{
	background:rgba(255,255,255,.06);
}
.tmg-app-test-row-preview{max-height:42vh}

/* ============================================================
   7.5.83: etiketter i dämpad ton i stället för helvit fetstil.
   Rubriker och fältnamn behöver inte lysa lika starkt som
   innehållet — det är värdena man ska läsa.
   ============================================================ */
.app-mobilwebb-user-panel-content .tmg-app-web-admin :is(
	h2,h3,
	label,
	label>span,
	.tmg-app-test-editor-placement-title,
	.tmg-app-portfolio-tab-row>span,
	.tmg-app-portfolio-home>label,
	.tmg-app-portfolio-effect>label,
	.tmg-app-test-bulk h3
){
	color:#5b6076;
	font-weight:600;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(
	h2,h3,
	label,
	label>span,
	.tmg-app-test-editor-placement-title,
	.tmg-app-portfolio-tab-row>span,
	.tmg-app-portfolio-home>label,
	.tmg-app-portfolio-effect>label,
	.tmg-app-test-bulk h3
){
	color:#98a2bb!important;
	font-weight:600!important;
}
/* Värdena i fälten ska däremot vara fullt läsbara. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(input,textarea,select){
	color:#f3f5fb!important;
	font-weight:400!important;
}
.app-mobilwebb-user-panel-content .tmg-app-web-admin :is(input,textarea,select){font-weight:400}
/* Placeringsknapparna behåller sin tydlighet, de är ett val och inte en etikett. */
.app-mobilwebb-user-panel-content .tmg-app-test-editor-placement label,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-editor-placement label{
	font-weight:700!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-editor-placement label{
	color:#dfe4f3!important;
}

/* ============================================================
   7.5.84: en enda textfärg i användarytan. Allt som var vitt —
   rubriker, fältnamn, värden, hjälptexter och reglage — får den
   dämpade tonen. Undantagen är sådant som ligger på en färgad
   yta och måste behålla kontrasten: knappar, brickor och den
   aktiva fliken.
   ============================================================ */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(
	h1,h2,h3,h4,p,span,small,strong,em,li,dt,dd,output,legend,
	label,label>span,
	input,textarea,select,
	.description
):not(.button):not(.button-primary):not(.button-link-delete){
	color:rgba(235,235,245,.62)!important;
	font-weight:600;
}
/* Fältens innehåll skrivs i vanlig vikt, samma ton. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(input,textarea,select){
	font-weight:400!important;
}
/* Reglagen ska inte lysa vitt. */
.app-mobilwebb-user-panel-content .tmg-app-web-admin input[type="range"]{
	accent-color:rgba(235,235,245,.62);
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin input[type="range"]{
	accent-color:rgba(235,235,245,.62)!important;
}
/* Undantagen: text på färgad botten behåller sin kontrast. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(
	.tmg-app-test-badges b,
	.button,
	.button-primary,
	.notice,
	.notice p,
	.tmg-app-test-filters a.is-active,
	.tmg-app-test-pick
),
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-test-filters a.is-active span{
	color:#fff!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .notice.notice-success,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .notice.notice-success p{
	color:#bde9d1!important;
}
/* Panelens egen header och fot följer samma ton. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-title strong{color:rgba(255,255,255,.92)!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-title small{color:rgba(235,235,245,.62)!important}

/* ============================================================
   7.5.85: knapparna i användarytan följer temat. Det klarblå
   kom från WordPress egen accentfärg och stack ut mot den mörka
   panelen. Nu är de neutralt grå med lätt genomskinlighet,
   som reglagen och rutorna i systemets egna paneler.
   ============================================================ */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin{
	--tmg-test-primary:rgba(235,235,245,.28);
	--tmg-test-primary-dark:rgba(235,235,245,.36);
}
/* Spara och andra huvudknappar. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .button-primary,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-footer-save{
	border-color:rgba(235,235,245,.24)!important;
	background:rgba(235,235,245,.16)!important;
	color:rgba(255,255,255,.92)!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:active,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-footer-save:active{
	background:rgba(235,235,245,.24)!important;
}
/* Aktivt filter. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-filters a.is-active{
	border-color:rgba(235,235,245,.26)!important;
	background:rgba(235,235,245,.20)!important;
	color:rgba(255,255,255,.92)!important;
}
/* Aktiv flik och temaknappen. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-tabs a.is-active,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-theme-options button.is-active{
	border-color:rgba(235,235,245,.24)!important;
	background:rgba(235,235,245,.18)!important;
	color:rgba(255,255,255,.92)!important;
}
/* Kryssrutor och bockrutan på miniatyrerna. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="checkbox"]:checked{
	border-color:rgba(235,235,245,.4)!important;
	background-color:rgba(235,235,245,.26)!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-pick input:checked+span{
	border-color:rgba(255,255,255,.85);
	background-color:rgba(235,235,245,.32);
}
/* Valt alternativ för placering. */
.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:rgba(235,235,245,.36)!important;
	background:rgba(235,235,245,.14)!important;
	box-shadow:none!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content input[type="radio"]:checked{
	border-color:rgba(235,235,245,.5)!important;
	background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 42%,transparent 46%)!important;
}
/* Statistikstaplarna följer också temat. */
/* 7.15.1: staplarna behöll sin dagsfärg i ljust läge men tvingades grå här.
   Överskrivningen är borttagen, så varje dag har sin färg och dagens stapel
   är röd även i mörkt administrationsläge. */
/* Brickan Galleri var samma blå — den blir neutral, medan Privat, Gratis och
   Dold behåller sina färger som statusmarkering. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-badges b.is-public{
	background:rgba(235,235,245,.28)!important;
}

/* ============================================================
   7.5.92: portalens topp- och bottenrad ligger direkt under body
   på iOS/Safari. Webbplatsens generella regel för att dölja externa
   header/footer-element träffar då även panelens egna knappar.
   Återställ panelraderna med högre specificitet.
   ============================================================ */
body.app-mobilwebb-page > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel > .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-header,
body.app-mobilwebb-page > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel > .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-footer{
	display:flex!important;
	visibility:visible!important;
	opacity:1!important;
}

/* ============================================================
   7.5.93: topp- och bottenraden är panelcontainrar, inte dokumentets
   semantiska header/footer. Det hindrar webbplatsens globala regler för
   sidans header och footer från att dölja panelens egna knappar efter att
   menyn portalerats direkt under body på mobil.
   ============================================================ */
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-header,
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-footer{
	display:flex!important;
	visibility:visible!important;
	opacity:1!important;
	position:relative!important;
	z-index:2!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-header > *,
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-footer > *{
	visibility:visible!important;
	opacity:1!important;
}

/* ============================================================
   Slutliga iPhone/Safari-regler: ingen fokuszoom och ingen förskjuten panel.

   Reglerna nedan gäller hela panelen, inte bara innehållsytan. Fält i
   toppfältet, flikraden, bottenraden och Konto-vyn räknas därför också.
   16 px är Safaris gräns för att inte zooma in vid fokus. Skalan låses
   dessutom tillfälligt i JavaScript, eftersom en nedskalad sida gör 16 px
   CSS mindre än 16 px på skärmen. Manuell nypzoom påverkas inte.
   ============================================================ */
.app-mobilwebb-user-panel :is(
	input:not([type]),
	input[type="text"],
	input[type="search"],
	input[type="email"],
	input[type="url"],
	input[type="tel"],
	input[type="password"],
	input[type="number"],
	input[type="date"],
	input[type="time"],
	input[type="week"],
	input[type="month"],
	input[type="datetime-local"],
	textarea,
	select,
	[contenteditable="true"]
){
	font-size:16px!important;
	line-height:1.35!important;
	max-width:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}
/* Fälten ligger ofta i smala rutnät. 16 px text får inte spränga kolumnen. */
.app-mobilwebb-user-panel :is(input,select,textarea){min-width:0}
@media(max-width:700px){
	.app-mobilwebb-user-panel-content .tmg-app-timed-user-schedule,
	.app-mobilwebb-user-panel-content .tmg-timed-page-grid{grid-template-columns:1fr}
	.app-mobilwebb-user-panel-content .tmg-app-timed-user-clocks,
	.app-mobilwebb-user-panel-content .tmg-timed-page-clock-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Ingen skalning eller filtrering på portalen eller skalet: transform på ett
   överordnat element gör både att Safari räknar om textstorleken och att
   fixed-positionering får ett nytt referenselement. */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu,
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel,
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-shell{
	transform:none!important;
	zoom:1!important;
	filter:none!important;
	-webkit-text-size-adjust:100%!important;
	text-size-adjust:100%!important;
}

/* ------------------------------------------------------------
   Täcklagret är större än skärmen så den publika sidan aldrig kan skymta.
   Orsaken är att själva täcklagret hade exakt den synliga höjden. Blev
   måttet en aning för litet — Safaris verktygsfält som glider undan, ett
   tangentbord som stängs innan mätningen hinner om, eller iOS-buggen där
   position:fixed räknas mot den synliga i stället för mot layout-viewporten
   — uppstod en remsa där sidan under syntes.

   Nu är ansvaret delat: täcklagret är medvetet större än skärmen och helt
   ogenomskinligt, så ingen remsa kan uppstå någonstans. Panelens skal —
   toppfältet, flikraden, innehållet och bottenraden — får i stället exakt
   den synliga höjden och förskjutningen från visualViewport. Överskottet
   ligger utanför skärmen och syns aldrig.
   ------------------------------------------------------------ */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu{
	top:0!important;
	left:0!important;
	right:auto!important;
	bottom:auto!important;
	width:100vw!important;
	min-width:100vw!important;
	height:calc(100vh + 260px)!important;
	min-height:calc(100vh + 260px)!important;
	max-height:none!important;
	overscroll-behavior:none!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel{
	align-items:flex-start!important;
	justify-content:center!important;
	height:100%!important;
	overflow:hidden!important;
}
/* Skalet är det som ska ligga inom den synliga ytan. Höjden och den övre
   förskjutningen kommer från visualViewport via JavaScript. */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel-shell{
	height:var(--tmg-user-panel-height,100dvh)!important;
	min-height:0!important;
	max-height:var(--tmg-user-panel-height,100dvh)!important;
	width:var(--tmg-user-panel-width,100%)!important;
	margin:var(--tmg-user-panel-top,0px) auto 0!important;
}
/* Ytan under skalet ska ha samma färg som bottenraden, inte panelens ljusa
   grundfärg. Den mörka temafärgen behövde dessutom !important: grundregeln
   för portalen är !important och tog annars över i mörkt läge. */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu{
	background:var(--app-admin-bg,#fff)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu.app-mobilwebb-admin-theme-dark{
	background:var(--app-admin-bg,#282828)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel{
	background:transparent!important;
}

/* Innehållet är det enda som rullar. */
.app-mobilwebb-user-panel-content{
	scroll-padding-block-end:30px;
	overscroll-behavior:contain!important;
	-webkit-overflow-scrolling:touch;
}
.app-mobilwebb-user-panel-shell>.app-mobilwebb-user-panel-header,
.app-mobilwebb-user-panel-shell>.app-mobilwebb-user-panel-tabbar,
.app-mobilwebb-user-panel-shell>.app-mobilwebb-user-panel-footer{
	flex:0 0 auto;
	position:relative;
	z-index:2;
}

/* Med tangentbordet uppe finns bara ett par hundra pixlar kvar. Topp- och
   bottenraden komprimeras i stället för att tryckas utanför skärmen. */
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-header{
	min-height:52px;
	padding-top:calc(6px + env(safe-area-inset-top,0px));
	padding-bottom:6px;
}
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-title strong{font-size:17px}
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-title small{display:none}
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-close{width:38px;height:38px;flex:0 0 38px;font-size:25px}
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-tabbar{padding-top:6px;padding-bottom:6px}
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-footer{
	min-height:54px;
	padding-top:7px;
	padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));
}
html.app-mobilwebb-user-panel-keyboard .app-mobilwebb-user-panel-content{padding-top:12px}

/* 7.23.0: inne i ett hopfällbart block är blockets ram den enda linjen. De
   inre rutorna tappar ram, bakgrund och innerkant, och skiljs i stället med
   ett kort streck som inte går ända ut. Det sparar både linjer och höjd. */
.tmg-app-fold-body :is(.tmg-app-news-user-checks,.tmg-app-news-image-settings,.tmg-app-news-order,.tmg-app-portfolio-dim,.tmg-app-portfolio-effect,.tmg-app-portfolio-home,.tmg-app-portfolio-tabs,.tmg-app-test-checks,.tmg-test-profile-card,.tmg-app-news-user-form,.tmg-app-timed-user-form,.tmg-test-profile-form,.tmg-app-test-content,.tmg-app-test-editor-card),
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-fold-body :is(.tmg-app-news-user-checks,.tmg-app-news-image-settings,.tmg-app-news-order,.tmg-app-portfolio-dim,.tmg-app-portfolio-effect,.tmg-app-portfolio-home,.tmg-app-portfolio-tabs,.tmg-app-test-checks,.tmg-test-profile-card,.tmg-app-news-user-form,.tmg-app-timed-user-form,.tmg-test-profile-form,.tmg-app-test-content,.tmg-app-test-editor-card){
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
.tmg-app-fold-body :is(.tmg-app-news-user-checks,.tmg-app-news-image-settings,.tmg-app-news-order,.tmg-app-portfolio-dim,.tmg-app-portfolio-effect,.tmg-app-portfolio-home,.tmg-app-portfolio-tabs,.tmg-app-test-checks,.tmg-test-profile-card,.tmg-app-news-user-form,.tmg-app-timed-user-form,.tmg-test-profile-form,.tmg-app-test-content,.tmg-app-test-editor-card)::before{
	content:"";
	display:block;
	width:auto;
	height:1px;
	margin:2px 14px 8px;
	background:var(--tmg-test-border,#e3e5f0);
	opacity:.8;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-fold-body :is(.tmg-app-news-user-checks,.tmg-app-news-image-settings,.tmg-app-news-order,.tmg-app-portfolio-dim,.tmg-app-portfolio-effect,.tmg-app-portfolio-home,.tmg-app-portfolio-tabs,.tmg-app-test-checks,.tmg-test-profile-card,.tmg-app-news-user-form,.tmg-app-timed-user-form,.tmg-test-profile-form,.tmg-app-test-content,.tmg-app-test-editor-card)::before{
	background:#4a4a4a;
}
/* Första rutan behöver inget streck — blockets huvud är avgränsningen. */
.tmg-app-fold-body>:first-child::before{display:none}

/* 7.23.1: strecket hör till sektionerna. En notruta eller en knapprad inuti en
   sektion får inget eget streck. */
.tmg-app-fold-body .tmg-app-web-pair-actions::before{display:none!important}
.tmg-app-fold-body :is(.tmg-app-news-user-form,.tmg-app-timed-user-form,.tmg-test-profile-form,.tmg-app-test-content)::before{display:none!important}
.tmg-app-fold-body :is(.tmg-app-news-user-form,.tmg-app-timed-user-form,.tmg-test-profile-form,.tmg-app-test-content){display:grid;gap:8px}

/* 7.23.2: panelens innehållsyta ska fylla hela utrymmet. Kortet bakom rubriken
   låg som en ruta med marginal och rundade hörn inuti en mörkare yta — nu tar
   ytan hela bredden och kortet slutar rita en egen bakgrund. */
.app-mobilwebb-user-panel-content{padding-left:0!important;padding-right:0!important;background:var(--app-admin-bg,#fff)!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content{background:var(--app-admin-bg,#282828)!important}
.app-mobilwebb-user-panel-content .tmg-app-web-card,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-web-card{
	width:auto!important;
	max-width:none!important;
	margin:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
.app-mobilwebb-user-panel-content>.tmg-app-web-admin{padding-left:12px!important;padding-right:12px!important}

/* 7.23.4: notrutan är ett rutnät med ikonen i första kolumnen och texten i den
   andra, och ikonen ritas med ::before. Den får därför inte behandlas som en
   sektion — bara ramen och bakgrunden tas bort. */
.tmg-app-fold-body .tmg-app-web-note,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-fold-body .tmg-app-web-note{
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

/* 7.23.5: färgparet är ett rutnät med färgruta, reglage, notruta och knappar i
   bestämda celler. Behandlas det som en sektion hamnar ett streck i första
   cellen och innehållet flyttas. Bara ramen och bakgrunden tas bort. */
.tmg-app-fold-body .tmg-app-web-pair,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-fold-body .tmg-app-web-pair{
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

/* 7.41.130: temakorten följer det mörka administrationsläget. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-color-theme,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-color-theme-empty{
	border-color:#4a4a4a!important;
	background:#282828!important;
	box-shadow:none!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-color-theme-swatches{border-color:#5a5a5a;background:#1f1f1f}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-color-theme-delete{border-color:#7b4750!important;background:#352126!important;color:#ffb6c0!important}

/* 7.23.5: mediafältet är ett rutnät med miniatyr och knappar i egna celler. */
.tmg-app-fold-body .tmg-app-web-media,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-fold-body .tmg-app-web-media{
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

/* 7.26.3: värdet i toningsreglagen låg som ljus text på en ljusblå bricka i
   mörkt läge, alltså oläsligt. Brickan får en mörk botten där. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.tmg-app-web-pair,.form-table) output{
	background:#454545!important;
	color:#f3f5fb!important;
	font-weight:700!important;
}

/* 7.36.3: uppladdningsrutan. Reglerna ovan tvingar fram panelens topp- och
   bottenrad med hög tyngd, så fokusläget behöver samma tyngd för att dölja
   dem. Här nollas också de inre ramarna, så bara knapparna och brickorna
   ritar linjer. */
body.app-mobilwebb-page > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel.is-upload-focus > .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-header,
body.app-mobilwebb-page > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel.is-upload-focus > .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-footer,
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-header,
.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-shell > .app-mobilwebb-user-panel-footer{
	display:none!important;
}
.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content :is(.tmg-app-web-admin,.tmg-app-web-card,.tmg-app-test-content,.tmg-app-test-upload-panel,.tmg-app-test-upload-form,.tmg-app-test-form-grid,.tmg-app-test-picker,.tmg-app-test-checks,.tmg-app-fold,.tmg-app-fold-body){
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content :is(.tmg-app-test-upload-form,.tmg-app-test-form-grid,.tmg-app-test-picker,.tmg-app-test-checks,.tmg-app-fold-body){
	display:grid!important;
	gap:12px!important;
}
.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-checks label:last-child{grid-column:1/-1}
.app-mobilwebb-user-panel.is-upload-focus .tmg-app-web-note{margin:0!important;padding:10px 12px 10px 44px!important;border:1px solid var(--app-line,#4a4a4a)!important;border-radius:14px!important}

/* 7.36.4: rutan centreras med absolut placering i stället för att förlita sig
   på panelens flödeslayout, som la den i underkant och lämnade en stor mörk
   yta ovanför. Panelen och skalet görs helt genomskinliga med samma tyngd som
   panelens egna färgregler. */
body.app-mobilwebb-page > .app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu > .app-mobilwebb-user-panel.is-upload-focus,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-shell{
	background:transparent!important;
	box-shadow:none!important;
	border:0!important;
}
.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-shell{
	position:fixed!important;
	inset:0!important;
	display:block!important;
	padding:0!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content,
.app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content{
	position:absolute!important;
	left:50%!important;
	top:50%!important;
	transform:translate(-50%,-50%)!important;
	width:min(92%,420px)!important;
	max-width:420px!important;
	max-height:82vh!important;
	margin:0!important;
	padding:16px!important;
	border:1px solid var(--app-line,#4a4a4a)!important;
	border-radius:18px!important;
	background:color-mix(in srgb,var(--app-surface,#282828) 94%,#000)!important;
	box-shadow:0 24px 60px rgb(0 0 0 / .45)!important;
	overflow:auto!important;
}

/* 7.36.5: menyn bakom uppladdningsrutan har en egen heltäckande färg, satt med
   body> och !important. I fokusläget ska sidan synas igenom, så samma selektor
   används med klassen för fokusläget. */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu.is-upload-focus-menu,
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu.app-mobilwebb-admin-theme-dark.is-upload-focus-menu{
	background:transparent!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
	border:0!important;
	box-shadow:none!important;
}
.app-mobilwebb-user-panel.is-upload-focus::before{background:rgb(4 6 12 / .45)!important}

/* 7.38.3: mörka temats regler för korten har fyra klasser och vann över
   nollningen, så den inre rutan behöll sin fasta färg. Samma prefix används
   här, med fokusklassen, så bara kortets egen yta syns. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content :is(.tmg-app-web-admin,.tmg-app-web-card,.tmg-app-test-content,.tmg-app-test-upload-panel,.tmg-app-test-upload-form,.tmg-app-test-form-grid,.tmg-app-test-picker,.tmg-app-test-checks,.tmg-app-fold,.tmg-app-fold-body,section){
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content :is(.tmg-app-test-picker-actions .button,.tmg-app-test-checks label,.tmg-app-web-note){
	border:1px solid var(--app-line,#4a4a4a)!important;
	background:color-mix(in srgb,var(--app-text,#fff) 6%,transparent)!important;
}

/* 7.38.4: hjälptexten under väljarna tas bort i den här vyn — den upprepas för
   varje väljare och rutan ska vara kort. Knapparna får sin färg från temat med
   samma tyngd som mörka temats egna knappregler. */
.app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-picker>small,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .tmg-app-test-picker>small{display:none!important}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content .tmg-app-test-picker-actions .button,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content .button,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content .tmg-app-test-checks label{
	border:1px solid var(--app-line,#4a4a4a)!important;
	background:color-mix(in srgb,var(--app-text,#fff) 8%,transparent)!important;
	color:var(--app-text,#f3f5fb)!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content .button-primary{
	border:0!important;
	background:var(--app-accent,#5b62e8)!important;
	color:#fff!important;
}

/* 7.38.5: mörka temats knappregel har ett halvdussin :not() och blir därmed
   mycket tung. Samma selektor används här, med fokusklassen tillagd, så
   knapparna kan följa Färger i appen. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .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:var(--app-line,#f3f5fb)!important;
	background:color-mix(in srgb,var(--app-text,#fff) 8%,transparent)!important;
	color:var(--app-text,#f3f5fb)!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .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.is-upload-focus .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:var(--app-accent,#7188ff)!important;
	background:color-mix(in srgb,var(--app-text,#fff) 14%,transparent)!important;
	color:var(--app-text,#fff)!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content .tmg-app-web-admin .button-primary{
	border-color:var(--app-accent,#526ee8)!important;
	background:var(--app-accent,#4057bd)!important;
	color:#fff!important;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel.is-upload-focus .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(p.description,.tmg-app-web-note){
	border-color:var(--app-line,#4a4a4a)!important;
	background:color-mix(in srgb,var(--app-text,#fff) 6%,transparent)!important;
	color:var(--app-text,#aeb6c9)!important;
}

/* 7.41.94: normalpanelen ska alltid äga hela den flexibla tredje gridraden.
   Safari kan efter ett DOM-byte behålla gammal geometri eller ett gammalt
   skrollankare och då ser formuläret ut att försvinna i en tunn remsa. Regeln
   gäller inte plusknappens avsiktliga uppladdningsfokus. */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel:not(.is-upload-focus)>.app-mobilwebb-user-panel-shell>.app-mobilwebb-user-panel-content{
	display:block!important;
	position:relative!important;
	inset:auto!important;
	align-self:stretch!important;
	box-sizing:border-box!important;
	width:100%!important;
	height:auto!important;
	min-height:0!important;
	max-height:none!important;
	transform:none!important;
	overflow-x:hidden!important;
	overflow-y:auto!important;
	overflow-anchor:none;
	visibility:visible!important;
	opacity:1!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu>.app-mobilwebb-user-panel:not(.is-upload-focus)>.app-mobilwebb-user-panel-shell>.app-mobilwebb-user-panel-content>.tmg-app-web-admin{
	position:relative!important;
	inset:auto!important;
	height:auto!important;
	min-height:100%!important;
	transform:none!important;
	visibility:visible!important;
	opacity:1!important;
}

/* Håll Radera röd även efter de generella mörka knappreglerna ovan. */
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-web-admin .tmg-app-color-theme-delete{
	border-color:#7b4750!important;
	background:#352126!important;
	color:#ffb6c0!important;
}

/* 7.41.143: varm palett enbart för administrationens val "Ljust".
   Reglerna är avsiktligt bundna till den portalledda kugghjulspanelen och
   påverkar därför varken den publika appen eller dess media/färginställningar. */
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark){
	--mw2-admin-page:#260711;
	--mw2-admin-surface:#360A18;
	--mw2-admin-chrome:#2D0814;
	--mw2-admin-soft:#56142A;
	--mw2-admin-line:#895066;
	--mw2-admin-text:#FFF1F4;
	--mw2-admin-button:#170109;
	--mw2-admin-accent:#F2A9B7;
	--mw2-admin-tint:#C96F89;
	background:radial-gradient(circle at 12% 15%,rgb(201 111 137 / .2),transparent 34%),linear-gradient(155deg,#310916 0%,var(--mw2-admin-page) 48%,#1A030A 100%)!important;
	color:var(--mw2-admin-text)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel,.app-mobilwebb-user-panel-shell,.app-mobilwebb-user-panel-content){
	background:radial-gradient(circle at 14% 12%,rgb(201 111 137 / .18),transparent 36%),linear-gradient(160deg,#310916 0%,var(--mw2-admin-page) 52%,#1A030A 100%)!important;
	color:var(--mw2-admin-text)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel-header,.app-mobilwebb-user-panel-tabbar,.app-mobilwebb-user-panel-footer,.app-mobilwebb-user-panel-theme){
	background:var(--mw2-admin-chrome)!important;
	border-color:var(--mw2-admin-line)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel-title strong,.app-mobilwebb-user-panel-theme-label,.app-mobilwebb-user-panel-content h1,.app-mobilwebb-user-panel-content h2,.app-mobilwebb-user-panel-content h3,.app-mobilwebb-user-panel-content h4,.app-mobilwebb-user-panel-content h5,.app-mobilwebb-user-panel-content h6,.app-mobilwebb-user-panel-content strong,.app-mobilwebb-user-panel-content label,.app-mobilwebb-user-panel-content th,.app-mobilwebb-user-panel-content td){
	color:var(--mw2-admin-text)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel-title small,.app-mobilwebb-user-panel-content p,.app-mobilwebb-user-panel-content small,.app-mobilwebb-user-panel-content .description){
	color:rgb(255 225 232 / .7)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel-close,.app-mobilwebb-user-panel-nav-toggle){color:var(--mw2-admin-text)!important}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-account{
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-surface)!important;color:var(--mw2-admin-accent)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-theme-options{
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-soft)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-theme-options button{color:var(--mw2-admin-button)!important}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-theme-options button.is-active{
	background:var(--mw2-admin-accent)!important;color:#fff!important;box-shadow:none!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a{color:var(--mw2-admin-button)!important}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a:is(:hover,:focus-visible){background:var(--mw2-admin-soft)!important;color:var(--mw2-admin-text)!important}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-tabs>.tmg-app-web-nav a.is-active{
	background:var(--mw2-admin-soft)!important;color:#fff!important;box-shadow:0 7px 18px rgb(0 0 0 / .24)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.tmg-app-web-card,.tmg-app-fold,.tmg-test-profile-form,.tmg-test-profile-card,.tmg-app-test-upload-form,.tmg-app-test-checks,.tmg-app-test-editor-card,.tmg-app-test-content-button,.tmg-app-web-media,.tmg-app-news-user-form,.tmg-app-news-user-checks,.tmg-app-news-image-settings,.tmg-app-news-order,.tmg-app-timed-user-form,.tmg-app-portfolio-tabs,.app-mobilwebb-account-preview){
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-surface)!important;color:var(--mw2-admin-text)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content .tmg-app-fold[open]>.tmg-app-fold-head{border-bottom-color:var(--mw2-admin-line)!important}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content .tmg-app-fold-icon,
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(p.description,.tmg-app-web-note){
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-soft)!important;color:var(--mw2-admin-button)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content :is(input:not([type="color"]),select,textarea){
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-surface)!important;color:var(--mw2-admin-text)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content :is(input,select,textarea):focus{
	border-color:var(--mw2-admin-accent)!important;box-shadow:0 0 0 2px rgb(242 169 183 / .2)!important;outline:0!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--mw2-admin-accent)!important}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.button,button[type="submit"],button[type="button"]):not(.button-primary):not(.button-link-delete):not(.tmg-app-test-editor-delete){
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-surface)!important;color:var(--mw2-admin-button)!important;box-shadow:none!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-content .tmg-app-web-admin :is(.button,button[type="submit"],button[type="button"]):not(.button-primary):not(.button-link-delete):not(.tmg-app-test-editor-delete):is(:hover,:focus){
	border-color:var(--mw2-admin-accent)!important;background:var(--mw2-admin-soft)!important;color:var(--mw2-admin-text)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel-footer-save,.app-mobilwebb-user-panel-content .button-primary){
	border-color:var(--mw2-admin-accent)!important;background:var(--mw2-admin-button)!important;color:#fff!important;box-shadow:0 5px 14px rgb(0 0 0 / .28)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .app-mobilwebb-user-panel-footer-close{
	border-color:var(--mw2-admin-tint)!important;background:var(--mw2-admin-surface)!important;color:var(--mw2-admin-button)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) :is(.app-mobilwebb-user-panel-account,.app-mobilwebb-user-panel-nav-toggle,.app-mobilwebb-user-panel-footer-close):is(:hover,:focus-visible){
	background:var(--mw2-admin-soft)!important;color:var(--mw2-admin-accent)!important;outline-color:var(--mw2-admin-accent)!important;
}
body>.app-mobilwebb-settings-menu.app-mobilwebb-user-panel-menu:not(.app-mobilwebb-admin-theme-dark) .tmg-app-web-search input[type="search"]{
	border-color:var(--mw2-admin-line)!important;background:var(--mw2-admin-surface)!important;color:var(--mw2-admin-text)!important;
}