/* ElemesMobile — mobile service view + floating launcher (WeKrwi.IT) */

/* ---- floating "Serwis" launcher injected on all pages: visible only on narrow screens ---- */
#elemes-mobile-launcher{ display:none; }
@media (max-width:800px){
	#elemes-mobile-launcher{
		display:block; position:fixed; right:12px; bottom:12px; z-index:99999;
		background:#1565C0; color:#fff; text-decoration:none; font:bold 13px/1 system-ui,Arial,sans-serif;
		padding:12px 16px; border-radius:28px; box-shadow:0 3px 10px rgba(0,0,0,.35);
	}
}

/* ---- standalone mobile dashboard ---- */
.em-body{ margin:0; background:#eef1f4; color:#1a1a1a;
	font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; -webkit-text-size-adjust:100%; }
.em-top{ position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between;
	background:#0d47a1; color:#fff; padding:12px 14px; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.em-top-l{ font-size:16px; }
.em-user{ opacity:.85; font-size:13px; margin-left:6px; }
.em-full{ color:#bbdefb; text-decoration:none; font-size:13px; }
.em-wrap{ max-width:680px; margin:0 auto; padding:12px 12px 40px; }

.em-search{ position:relative; margin-bottom:12px; }
#em-q{ width:100%; box-sizing:border-box; padding:13px 14px; font-size:16px; border:1px solid #c5ccd6;
	border-radius:10px; background:#fff; }
.em-results{ position:absolute; left:0; right:0; top:52px; background:#fff; border-radius:10px;
	box-shadow:0 6px 18px rgba(0,0,0,.18); overflow:hidden; z-index:20; }
.em-res{ display:flex; flex-direction:column; gap:2px; padding:10px 14px; border-bottom:1px solid #eee; color:#0d47a1; text-decoration:none; }
.em-res:active{ background:#e3f2fd; }
.em-res-name{ font-size:15px; font-weight:500; }
.em-res-sub{ font-size:12px; color:#666; }

.em-card{ background:#fff; border-radius:14px; padding:14px 16px; margin-bottom:12px; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.em-card-h{ font-size:12px; font-weight:bold; letter-spacing:.08em; color:#888; margin-bottom:6px; }
.em-now{ border-left:5px solid #2e7d32; }
.em-next{ border-left:5px solid #1565C0; }
.em-job-title{ font-size:18px; font-weight:bold; margin:2px 0; }
.em-job-meta{ font-size:15px; color:#333; margin:3px 0; }
.em-job-meta a{ color:#0d47a1; text-decoration:none; }
.em-job-time{ font-size:14px; color:#666; margin-top:4px; }
.em-empty{ color:#999; font-size:15px; padding:6px 0; }

.em-countdown{ font-size:40px; font-weight:800; line-height:1.05; color:#1565C0; font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.em-cd-now{ color:#2e7d32; }
.em-cd-label{ font-size:12px; color:#888; margin:-2px 0 8px; }
.em-eta{ margin-top:10px; padding:10px 12px; background:#e3f2fd; border-radius:10px; font-size:15px; }
.em-eta-val{ font-weight:bold; }
.em-eta-src{ display:block; font-size:12px; color:#789; margin-top:3px; }

.em-sec{ margin:18px 0 8px; }
.em-sec-h{ font-size:14px; color:#555; margin:0 0 8px 2px; }
.em-row{ display:flex; align-items:center; gap:10px; background:#fff; border-radius:12px; padding:11px 13px;
	margin-bottom:8px; box-shadow:0 1px 3px rgba(0,0,0,.07); text-decoration:none; color:inherit; }
.em-row-now{ outline:2px solid #2e7d32; }
.em-row-time{ font-weight:bold; font-size:15px; color:#0d47a1; min-width:46px; }
.em-row-main{ flex:1; min-width:0; }
.em-row-title{ font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.em-row-sub{ font-size:13px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.em-row-go{ color:#bbb; font-size:24px; text-decoration:none; padding:0 4px; }
.em-badge{ font-size:11px; font-weight:bold; color:#fff; background:#789; border-radius:10px; padding:3px 8px; }
.em-st0{ background:#c62828; } .em-st1{ background:#1565C0; } .em-st2{ background:#f9a825; color:#222; } .em-st3{ background:#6a1b9a; }
.em-foot{ text-align:center; color:#aab; font-size:12px; margin-top:22px; }

/* ---- view range selector tabs ---- */
.em-view-tabs{ display:flex; gap:6px; overflow-x:auto; padding:8px 0; margin-bottom:8px;
	-webkit-overflow-scrolling:touch; scrollbar-width:none; }
.em-view-tabs::-webkit-scrollbar{ display:none; }
.em-vtab{ padding:5px 11px; border-radius:20px; border:1px solid #ccc; background:#fff; color:#333;
	text-decoration:none; font-size:12px; white-space:nowrap; }
.em-vtab.active{ background:#1565C0; color:#fff; border-color:#1565C0; }