/* Tolips Mobilgalleri — app-web-7-media-frame.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: WordPress mediaruta, uppladdning från telefonen och filmkort på Hem. */
/* ============================================================
   Gemensam design för WordPress mediaruta och appens filväljare.

   Rutan ritas av WordPress direkt under body med sina egna admin-stilar, så
   den såg ut som wp-admin mitt i appen: annan typsnittsfamilj, raka hörn,
   blå WordPress-knappar och för liten text i sökfältet. Klassen sätts på
   dokumentet när rutan öppnas, så samma skal gäller oavsett varifrån den
   öppnades. Mörkt läge följer panelens temaval.

   Viktigt: WordPress bygger rutan med absolut placerade rader vars mått
   hänger ihop (rubrik, flikrad, innehåll, fotrad). Därför ändras bara färg,
   typsnitt, radie, ram och textstorlek — inte höjder och positioner. Enda
   undantaget är att rutan fyller hela skärmen på telefon.
   ============================================================ */
html.tmg-app-media-frame{
	--tmg-media-bg:#f7f6ff;
	--tmg-media-bar:#fff;
	--tmg-media-card:#fff;
	--tmg-media-ink:#252536;
	--tmg-media-muted:#77768a;
	--tmg-media-line:#e1e0ed;
	--tmg-media-accent:#415fe7;
	--tmg-media-soft:#eef1ff;
}
html.tmg-app-media-frame.tmg-app-media-frame-dark{
	--tmg-media-bg:#282828;
	--tmg-media-bar:#181c28;
	--tmg-media-card:#282828;
	--tmg-media-ink:#f3f5fb;
	--tmg-media-muted:#aeb6c9;
	--tmg-media-line:#4a4a4a;
	--tmg-media-accent:#526ee8;
	--tmg-media-soft:#454545;
}
html.tmg-app-media-frame .media-modal-backdrop{
	z-index:160000!important;
	background:rgb(6 8 16 / .72)!important;
}
html.tmg-app-media-frame .media-modal{
	position:fixed!important;
	inset:0!important;
	z-index:160010!important;
	width:auto!important;
	height:100dvh!important;
	max-height:100dvh!important;
	margin:0!important;
	border-radius:0!important;
	box-shadow:none!important;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
html.tmg-app-media-frame .media-modal-content{
	border-radius:0!important;
	background:var(--tmg-media-bg)!important;
	color:var(--tmg-media-ink)!important;
	box-shadow:none!important;
}
html.tmg-app-media-frame .media-frame{
	background:var(--tmg-media-bg)!important;
	color:var(--tmg-media-ink)!important;
}
html.tmg-app-media-frame .media-frame :is(h1,h2,h3,p,a,button,label,span,small,li,input,select,textarea){
	font-family:inherit!important;
}
/* Rubrikraden får panelens toppfältsfärger. Höjden är WordPress egen. */
html.tmg-app-media-frame .media-frame-title{
	background:var(--tmg-media-bar)!important;
	border-bottom:1px solid var(--tmg-media-line)!important;
}
html.tmg-app-media-frame .media-frame-title h1{
	padding-left:16px!important;
	padding-right:60px!important;
	color:var(--tmg-media-ink)!important;
	font-size:20px!important;
	font-weight:700!important;
	text-align:left!important;
}
html.tmg-app-media-frame .media-modal-close{
	border:1px solid var(--tmg-media-line)!important;
	border-radius:50%!important;
	background:var(--tmg-media-card)!important;
	color:var(--tmg-media-ink)!important;
	box-shadow:none!important;
}
html.tmg-app-media-frame .media-modal-close:hover,
html.tmg-app-media-frame .media-modal-close:focus{
	background:var(--tmg-media-soft)!important;
	color:var(--tmg-media-accent)!important;
	outline:2px solid var(--tmg-media-accent)!important;
	outline-offset:2px!important;
}
html.tmg-app-media-frame .media-modal-close .media-modal-icon::before{color:inherit!important}
/* Flikarna Upload files / Media Library ritas som panelens pillerflikar. */
html.tmg-app-media-frame .media-frame-router{
	background:var(--tmg-media-bar)!important;
	border-bottom:1px solid var(--tmg-media-line)!important;
}
html.tmg-app-media-frame .media-router{border:0!important;background:transparent!important}
html.tmg-app-media-frame .media-router .media-menu-item{
	margin:0 6px 0 0!important;
	border:1px solid var(--tmg-media-line)!important;
	border-radius:999px!important;
	background:var(--tmg-media-card)!important;
	color:var(--tmg-media-ink)!important;
	box-shadow:none!important;
	font-size:14px!important;
	font-weight:650!important;
	text-decoration:none!important;
}
html.tmg-app-media-frame .media-router .media-menu-item.active,
html.tmg-app-media-frame .media-router .media-menu-item:focus{
	border-color:var(--tmg-media-accent)!important;
	background:var(--tmg-media-soft)!important;
	color:var(--tmg-media-accent)!important;
	outline:0!important;
}
html.tmg-app-media-frame .media-router .media-menu-item::after{display:none!important}
html.tmg-app-media-frame :is(.media-frame-content,.attachments-browser,.attachments){
	background:var(--tmg-media-bg)!important;
	color:var(--tmg-media-ink)!important;
}
html.tmg-app-media-frame .attachments-browser .media-toolbar{
	background:var(--tmg-media-bg)!important;
	border-bottom:1px solid var(--tmg-media-line)!important;
	box-shadow:none!important;
}
/* 16 px text i sök och väljare — samma zoomskydd som i panelen. */
html.tmg-app-media-frame .media-frame :is(input[type="search"],input[type="text"],input[type="url"],input[type="email"],select,textarea){
	padding:6px 12px!important;
	border:1px solid var(--tmg-media-line)!important;
	border-radius:12px!important;
	background:var(--tmg-media-card)!important;
	color:var(--tmg-media-ink)!important;
	box-shadow:none!important;
	font-size:16px!important;
	line-height:1.35!important;
}
html.tmg-app-media-frame .media-frame :is(input[type="search"],select,textarea):focus{
	border-color:var(--tmg-media-accent)!important;
	outline:2px solid var(--tmg-media-accent)!important;
	outline-offset:1px!important;
}
html.tmg-app-media-frame .media-frame :is(label,.setting span,.max-upload-size,.attachment-date,.filename){
	color:var(--tmg-media-muted)!important;
}
html.tmg-app-media-frame .attachment .attachment-preview{
	border-radius:12px!important;
	background:var(--tmg-media-card)!important;
	box-shadow:none!important;
}
html.tmg-app-media-frame .attachment .thumbnail{border-radius:12px!important}
html.tmg-app-media-frame .attachment.selected .attachment-preview,
html.tmg-app-media-frame .attachment.details .attachment-preview{
	box-shadow:0 0 0 3px var(--tmg-media-accent)!important;
}
html.tmg-app-media-frame .attachment .check{
	border-radius:50%!important;
	background:var(--tmg-media-accent)!important;
	box-shadow:none!important;
}
html.tmg-app-media-frame .attachment .check .media-modal-icon{color:#fff!important}
html.tmg-app-media-frame :is(.media-sidebar,.attachment-details,.media-frame-toolbar){
	background:var(--tmg-media-bar)!important;
	color:var(--tmg-media-ink)!important;
}
html.tmg-app-media-frame .media-sidebar{border-left:1px solid var(--tmg-media-line)!important}
html.tmg-app-media-frame :is(.media-sidebar .attachment-info,.media-sidebar .setting,.media-sidebar h2,.media-sidebar .uploaded,.media-sidebar a){
	color:var(--tmg-media-ink)!important;
}
html.tmg-app-media-frame .media-frame-toolbar{
	border-top:1px solid var(--tmg-media-line)!important;
	box-shadow:0 -5px 16px rgb(45 44 72 / .07)!important;
}
html.tmg-app-media-frame .media-frame-toolbar .media-toolbar{
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
}
html.tmg-app-media-frame .media-frame .button{
	border-radius:999px!important;
	border:1px solid var(--tmg-media-line)!important;
	background:var(--tmg-media-card)!important;
	color:var(--tmg-media-ink)!important;
	box-shadow:none!important;
	font-size:15px!important;
	font-weight:700!important;
}
html.tmg-app-media-frame .media-frame .button:is(.button-primary,.media-button-select){
	border-color:var(--tmg-media-accent)!important;
	background:var(--tmg-media-accent)!important;
	color:#fff!important;
}
html.tmg-app-media-frame .media-frame .button:disabled{opacity:.5!important}
/* Uppladdningsfliken inuti rutan. */
html.tmg-app-media-frame :is(.uploader-inline,.uploader-window,.upload-ui,.media-frame .drag-drop-inside){
	background:transparent!important;
	color:var(--tmg-media-ink)!important;
}
html.tmg-app-media-frame .uploader-inline{
	border:1px dashed var(--tmg-media-line)!important;
	border-radius:18px!important;
	background:var(--tmg-media-card)!important;
}
html.tmg-app-media-frame :is(.uploader-inline h2,.upload-ui h2,.uploader-inline .upload-instructions,.uploader-inline p){
	color:var(--tmg-media-ink)!important;
}
@media(min-width:900px){
	html.tmg-app-media-frame .media-modal{
		inset:24px!important;
		height:auto!important;
		max-height:none!important;
		border-radius:20px!important;
		overflow:hidden!important;
	}
	html.tmg-app-media-frame .media-modal-content{border-radius:20px!important}
}

/* ------------------------------------------------------------
   En och samma väljare för alla filfält.

   Bilder, videofil och omslagsbild hade tre olika utseenden. Nu är blocket
   detsamma överallt: rubrik, två lika stora knappar — Från telefonen och Ur
   biblioteket — miniatyrer av det som valts och en Rensa-knapp. Det gäller
   både i abc-panelen och på Test-sidan i wp-admin.
   ------------------------------------------------------------ */
.tmg-app-test-picker{
	position:relative;
	display:grid;
	gap:9px;
	padding:13px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:16px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-test-picker.is-wide{grid-column:1/-1}
.tmg-app-test-picker-head{font-size:13px;font-weight:700;letter-spacing:.01em}
.tmg-app-test-picker-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tmg-app-test-picker-actions .button{
	width:100%;
	min-height:46px;
	padding:0 12px;
	border-radius:999px;
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	white-space:normal;
	text-align:center;
}
.tmg-app-test-picker-actions .tmg-app-test-picker-clear{grid-column:1/-1}
/* Filfältet öppnas av knappen, men måste finnas kvar i formuläret för att
   filen ska följa med vid uppladdningen. */
.tmg-app-test-picker-file{
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	border:0;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	overflow:hidden;
	white-space:nowrap;
}
.tmg-app-test-picker small{color:var(--tmg-test-muted,#77768a);font-size:12px;line-height:1.45}
.tmg-app-test-picker-preview:empty{display:none}
.tmg-app-test-picker-preview{display:flex;flex-wrap:wrap;gap:8px}
.tmg-app-test-picker-thumb{display:grid;gap:4px;justify-items:center;width:74px}
.tmg-app-test-picker-thumb img{
	display:block;
	width:74px;
	height:74px;
	object-fit:cover;
	border-radius:12px;
	background:#0b0e17;
}
.tmg-app-test-picker-thumb.is-file::before{
	content:"🎬";
	display:grid;
	place-items:center;
	width:74px;
	height:74px;
	border-radius:12px;
	background:#0b0e17;
	font-size:26px;
}
.tmg-app-test-picker-thumb small{
	max-width:100%;
	overflow:hidden;
	color:var(--tmg-test-muted,#77768a);
	font-size:11px;
	line-height:1.25;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-test-picker{
	border-color:#4a4a4a;
	background:#161b26;
}

/* ------------------------------------------------------------
   7.7.2: inget hamnar utanför skärmen i abc-panelen.

   Knappraden i väljaren låg i två fasta kolumner, och med de långa
   etiketterna sprängdes bredden så att den högra knappen och hjälptexten
   hamnade utanför skärmen. Nu är etiketterna korta, knapparna får bryta rad,
   och rutnäten i panelen har en kolumn på telefon. min-width:0 behövs
   eftersom ett rutnätsfält annars aldrig krymper under sitt innehåll.
   ------------------------------------------------------------ */
.tmg-app-test-picker-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tmg-app-test-picker-actions .button{
	min-width:0;
	max-width:100%;
	white-space:normal!important;
	overflow-wrap:anywhere;
}
.tmg-app-test-picker,
.tmg-app-test-picker>*{min-width:0;max-width:100%}
@media(max-width:700px){
	.tmg-app-test-picker-actions{grid-template-columns:1fr}
}
.app-mobilwebb-user-panel-content .tmg-app-web-admin{max-width:100%;overflow-x:hidden}
/* 7.15.1: en markering kunde dra hela panelinnehållet i sidled på iPhone.
   Panelen scrollar bara lodrätt; inget barn får skapa en vågrät yta. */
.app-mobilwebb-user-panel-content{overflow-x:hidden;overscroll-behavior-x:none}
.app-mobilwebb-user-panel-content>*{max-width:100%}
.app-mobilwebb-user-panel-content :is(.tmg-app-test-form-grid,.tmg-app-test-checks,.tmg-app-web-card)>*{min-width:0;max-width:100%}
.app-mobilwebb-user-panel-content :is(.tmg-app-test-form-grid,.tmg-app-test-checks){max-width:100%}
@media(max-width:700px){
	.app-mobilwebb-user-panel-content .tmg-app-test-form-grid{grid-template-columns:1fr}
}
.app-mobilwebb-user-panel-content :is(p,small,label,span,strong){overflow-wrap:break-word}

/* ------------------------------------------------------------
   7.7.2: Min profil får samma två vägar som uppladdningsformulären.
   Filfältet öppnas av knappen Från telefonen och ligger dolt i formuläret.
   ------------------------------------------------------------ */
.tmg-app-web-media-file{
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	border:0;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	overflow:hidden;
	white-space:nowrap;
}
.tmg-app-web-media-status{
	display:block;
	flex:1 0 100%;
	margin-top:2px;
	color:var(--tmg-test-muted,#77768a);
	font-size:12px;
	font-weight:600;
	line-height:1.4;
}
.tmg-app-web-media-status:empty{display:none}
.tmg-app-web-media-copy>span{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tmg-app-web-media-copy .button{min-width:0;max-width:100%;white-space:normal!important}

/* 7.7.5: källmenyn är borttagen. iPhones egen ruta innehåller redan
   Bildbibliotek, Ta bild och Välj filer, så en egen meny före den blev bara
   ett extra steg med samma val. Knapparna går nu direkt till respektive väg. */

/* ------------------------------------------------------------
   7.8.0: nyhetssidans delar står fria.

   Allt låg tidigare i en enda stor ruta med ytterligare rutor inuti, vilket
   gav dubbla ramar. Nu är ytterrutan borta: rubriken står fritt och varje
   del — bilder, videos, information, privata sidan och öppettider — är en
   egen ruta med samma utseende. Bilderna och videorna har dessutom egna
   rubriker och samma rutnät med tre kolumner.
   ------------------------------------------------------------ */
.app-mobilwebb-news{
	gap:14px;
	padding:0!important;
	border:0!important;
	background:none!important;
}
.app-mobilwebb-news-header{padding:0 2px}
.app-mobilwebb-news-block{
	order:var(--app-news-order,0);
	gap:8px;
	padding:12px;
	border:1px solid var(--app-line,#3a4260);
	border-radius:var(--app-radius,16px);
	background:color-mix(in srgb,var(--app-surface,#141a2c) 72%,transparent);
}
/* 7.41.96: rubrikerna Senaste bilder, Senaste videos, Information och
   Öppettider ska följa appens vanliga textfärg, inte accentfärgen. */
.app-mobilwebb-news .app-mobilwebb-eyebrow{display:block;color:inherit}
.app-mobilwebb-news-films{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:6px;
	padding:0;
}
/* 7.41.127: senaste videor på Hem är endast tre visuella tumnaglar. */
.app-mobilwebb-news-films .app-mobilwebb-film{
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:none;
}
.app-mobilwebb-news-films .app-mobilwebb-film-media{
	width:100%;
	height:auto;
	aspect-ratio:1/1;
	border:1px solid var(--app-line,#3a4260);
	border-radius:var(--app-radius,12px);
}
.app-mobilwebb-news-films .app-mobilwebb-film-media[data-playing="1"]{aspect-ratio:9/16}
.app-mobilwebb-news-films .app-mobilwebb-film-play{width:38px;height:38px}
.app-mobilwebb-news-films .app-mobilwebb-film-copy{gap:2px;padding:5px 2px 1px}
.app-mobilwebb-news-films .app-mobilwebb-film-copy strong{font-size:12px;line-height:1.2}
.app-mobilwebb-news-films .app-mobilwebb-film-added{font-size:9px;line-height:1.25}
/* Den film som spelas tar hela raden, annars blir bilden bara en tredjedel bred. */
.app-mobilwebb-news-films .app-mobilwebb-film:has(.app-mobilwebb-film-media[data-playing="1"]){grid-column:1/-1}
.app-mobilwebb-news-films .app-mobilwebb-film-media[data-playing="1"]{aspect-ratio:auto}

/* ------------------------------------------------------------
   7.8.2: filmer som lagts in med en länk.
   De har ingen fil i WordPress och syns därför inte i listan över uppladdade
   filmer. Här är de samlade för sig, med samma utseende som övriga rader.
   ------------------------------------------------------------ */
.tmg-app-test-link-videos{display:grid;gap:10px;margin:0 0 18px}
.tmg-app-test-link-video{
	padding:12px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:16px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-test-link-video>summary{
	display:grid;
	gap:3px;
	cursor:pointer;
	list-style:none;
}
.tmg-app-test-link-video>summary::-webkit-details-marker{display:none}
.tmg-app-test-link-video>summary strong{font-size:16px;line-height:1.25}
.tmg-app-test-link-video>summary small{
	color:var(--tmg-test-muted,#77768a);
	font-size:12px;
	line-height:1.35;
	overflow-wrap:anywhere;
}
.tmg-app-test-link-video[open]>summary{margin-bottom:10px}
.tmg-app-test-source{
	display:grid;
	gap:8px;
	padding:12px;
	border:1px solid var(--tmg-test-border,#e3e5f0);
	border-radius:16px;
	background:var(--tmg-test-field,#fbfbff);
}
.tmg-app-test-source-head{font-size:13px;font-weight:700}
.tmg-app-test-source small{color:var(--tmg-test-muted,#77768a);font-size:12px;line-height:1.45}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content :is(.tmg-app-test-link-video,.tmg-app-test-source){
	border-color:#4a4a4a;
	background:#161b26;
}

/* ------------------------------------------------------------
   7.9.8: Min profil ska bara rulla lodrätt på telefon.

   Innehållsytan använde overflow:auto, så ett brett underfält i
   profilformuläret skapade en andra, vågrät rullningsaxel. Ytan låses nu
   till panelens bredd och profilformulärets rutnät får krympa hela vägen
   ned till mobilbredd utan att klippa sina fält.
   ------------------------------------------------------------ */
.app-mobilwebb-user-panel-content{
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	overflow-x:hidden!important;
	overflow-y:auto;
	overscroll-behavior-x:none;
}
.app-mobilwebb-user-panel-content .tmg-app-portfolio-profile,
.app-mobilwebb-user-panel-content .tmg-portfolio-profile-form,
.app-mobilwebb-user-panel-content .tmg-portfolio-profile-form>*,
.app-mobilwebb-user-panel-content .tmg-app-web-media-grid,
.app-mobilwebb-user-panel-content .tmg-app-portfolio-dim,
.app-mobilwebb-user-panel-content .tmg-app-portfolio-effect,
.app-mobilwebb-user-panel-content .tmg-app-portfolio-home,
.app-mobilwebb-user-panel-content .tmg-app-portfolio-tabs{
	box-sizing:border-box;
	width:100%;
	min-width:0;
	max-width:100%;
}
.app-mobilwebb-user-panel-content .tmg-app-web-media,
.app-mobilwebb-user-panel-content .tmg-app-web-media-copy,
.app-mobilwebb-user-panel-content .tmg-app-portfolio-tab-row>*{
	min-width:0;
	max-width:100%;
}
.app-mobilwebb-user-panel-content .tmg-portfolio-profile-form :is(input,select,textarea){
	min-width:0;
	max-width:100%;
}
@media(max-width:560px){
	.app-mobilwebb-user-panel-content .tmg-app-portfolio-tab-row{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.app-mobilwebb-user-panel-content .tmg-app-portfolio-tab-row>span{grid-column:1/-1}
	.app-mobilwebb-user-panel-content .tmg-app-portfolio-tab-row label{white-space:normal}
}

/* ------------------------------------------------------------
   7.10.7: synlig videotumnagelgenerator för WordPress-admin och
   testanvändarens Mina videor. Förloppet visas i samma kort på mobil.
   ------------------------------------------------------------ */
.tmg-app-video-poster-tool{
	display:grid;
	gap:12px;
	box-sizing:border-box;
	width:100%;
	margin:16px 0 22px;
	padding:16px;
	border:1px solid var(--tmg-test-border,#dcdcde);
	border-radius:16px;
	background:var(--tmg-test-field,#f6f7f7);
}
.tmg-app-video-poster-copy{display:grid;gap:5px}
.tmg-app-video-poster-copy>strong{font-size:16px}
.tmg-app-video-poster-copy p,
.tmg-app-video-poster-status{margin:0;line-height:1.5}
.tmg-app-video-poster-copy p{color:var(--tmg-test-muted,#646970)}
.tmg-app-video-poster-actions{
	display:flex;
	align-items:center;
	gap:10px 14px;
	flex-wrap:wrap;
}
.tmg-app-video-poster-actions>span{font-size:13px;color:var(--tmg-test-muted,#646970)}
.tmg-app-video-poster-tool progress{
	display:block;
	width:100%;
	height:10px;
	accent-color:var(--app-accent,#4057bd);
}
.tmg-app-video-poster-tool progress[hidden]{display:none}
.tmg-app-video-poster-status:empty{display:none}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-video-poster-tool{
	border-color:#4a4a4a;
	background:#282828;
}
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-video-poster-copy p,
.app-mobilwebb-settings-menu.app-mobilwebb-admin-theme-dark .app-mobilwebb-user-panel-content .tmg-app-video-poster-actions>span{
	color:#aeb6c9;
}
@media(max-width:560px){
	.tmg-app-video-poster-tool{padding:14px}
	.tmg-app-video-poster-actions{align-items:stretch}
	.tmg-app-video-poster-actions .button{width:100%;min-height:44px}
}

/* ------------------------------------------------------------
   7.10.8: varje statistikdag får en egen färg. Dagens stapel använder
   alltid den röda paletten, även i mörkt administrationsläge.
   ------------------------------------------------------------ */
.tmg-app-stat-bar.tmg-color-0{--tmg-stat-top:#e468f2;--tmg-stat-mid:#c033c8;--tmg-stat-bottom:#8d1e99;--tmg-stat-cap-top:#f6b0fb;--tmg-stat-cap-bottom:#d552e0;--tmg-stat-side-top:#a1249c;--tmg-stat-side-bottom:#5f1268;--tmg-stat-glow:rgba(192,51,200,.28)}
.tmg-app-stat-bar.tmg-color-1{--tmg-stat-top:#72aaff;--tmg-stat-mid:#3977dc;--tmg-stat-bottom:#204aa0;--tmg-stat-cap-top:#b9d5ff;--tmg-stat-cap-bottom:#5f94ed;--tmg-stat-side-top:#2d64bd;--tmg-stat-side-bottom:#17356f;--tmg-stat-glow:rgba(57,119,220,.28)}
.tmg-app-stat-bar.tmg-color-2{--tmg-stat-top:#5be0d5;--tmg-stat-mid:#24a99f;--tmg-stat-bottom:#126d6d;--tmg-stat-cap-top:#a7f5ed;--tmg-stat-cap-bottom:#3bc3b8;--tmg-stat-side-top:#168b84;--tmg-stat-side-bottom:#0a4b4b;--tmg-stat-glow:rgba(36,169,159,.28)}
.tmg-app-stat-bar.tmg-color-3{--tmg-stat-top:#78dc89;--tmg-stat-mid:#36a751;--tmg-stat-bottom:#19652e;--tmg-stat-cap-top:#b9efc2;--tmg-stat-cap-bottom:#54c46b;--tmg-stat-side-top:#288b40;--tmg-stat-side-bottom:#10471f;--tmg-stat-glow:rgba(54,167,81,.28)}
.tmg-app-stat-bar.tmg-color-4{--tmg-stat-top:#ffd36a;--tmg-stat-mid:#e79a23;--tmg-stat-bottom:#9a5d0f;--tmg-stat-cap-top:#ffe7a5;--tmg-stat-cap-bottom:#f3b64b;--tmg-stat-side-top:#bd7718;--tmg-stat-side-bottom:#6c3e08;--tmg-stat-glow:rgba(231,154,35,.28)}
.tmg-app-stat-bar.tmg-color-5{--tmg-stat-top:#ff9b61;--tmg-stat-mid:#e25c2f;--tmg-stat-bottom:#91301d;--tmg-stat-cap-top:#ffc4a1;--tmg-stat-cap-bottom:#f27b4b;--tmg-stat-side-top:#ba4726;--tmg-stat-side-bottom:#662014;--tmg-stat-glow:rgba(226,92,47,.28)}
.tmg-app-stat-bar.tmg-color-6{--tmg-stat-top:#ff83b7;--tmg-stat-mid:#d94382;--tmg-stat-bottom:#8c2054;--tmg-stat-cap-top:#ffbdd9;--tmg-stat-cap-bottom:#ed629d;--tmg-stat-side-top:#b5306b;--tmg-stat-side-bottom:#61143a;--tmg-stat-glow:rgba(217,67,130,.28)}
.tmg-app-stat-bar.is-today{--tmg-stat-top:#ff7979;--tmg-stat-mid:#e13d4f;--tmg-stat-bottom:#971d2c;--tmg-stat-cap-top:#ffb2b2;--tmg-stat-cap-bottom:#f05d6b;--tmg-stat-side-top:#bc2c3b;--tmg-stat-side-bottom:#67121d;--tmg-stat-glow:rgba(225,61,79,.34)}
.tmg-app-stat-bar.has-value i,
.tmg-app-stat-bar.is-today i{
	background:linear-gradient(180deg,var(--tmg-stat-top) 0%,var(--tmg-stat-mid) 46%,var(--tmg-stat-bottom) 100%)!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset -2px 0 4px rgba(0,0,0,.18),0 6px 14px var(--tmg-stat-glow)!important;
}
.tmg-app-stat-bar.has-value i::before{
	background:linear-gradient(180deg,var(--tmg-stat-cap-top),var(--tmg-stat-cap-bottom))!important;
}
.tmg-app-stat-bar.has-value i::after{
	background:linear-gradient(180deg,var(--tmg-stat-side-top),var(--tmg-stat-side-bottom))!important;
}
/* 7.41.95: Kortet på Hem (Välkommen) använder samma synliga ytterkant,
   minimihöjd och solida yta som introkorten på Galleri, Butik, Video och
   Privat. Nyhetssektionen har redan 12 px sidmarginal, så en extra marginal
   på själva kortet skulle annars ge dubbelt indrag. */
.app-mobilwebb-news-block.app-mobilwebb-page-intro{
	margin:0;
	min-height:var(--app-private-info-height,100px)!important;
	background:var(--app-surface,#141a2c);
}