/* Мобильная главная old-web.com (portal/mhome.php), 05.10.2026.
   Дополняет mobile.css - тот же вид, что у остальных мобильных страниц сети:
   глянцевая синяя шапка, цветные табы, белые скруглённые блоки на сером фоне. */

.nw { white-space: nowrap; }
.f-mu { color: #8a8a8a; font-weight: normal; }

/* поиск в шапке */
.f-search { margin: 8px 0 2px 0; }
.f-search table { width: 100%; }
.f-search .m-input { padding: 8px 8px; border-color: #084b6e; }
.f-gap { width: 8px; }
.f-go {
	padding: 9px 14px; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #4a3600;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4); border: 1px solid #b88a00; -webkit-border-radius: 6px; border-radius: 6px;
	background: #F9B900; background: -webkit-linear-gradient(top, #ffd34d, #e0a600); background: linear-gradient(to bottom, #ffd34d, #e0a600);
	-webkit-appearance: none; cursor: pointer;
}

/* табы: недостающие цвета сервисов и выбранная вкладка */
.m-tabs a { padding: 12px 1px; white-space: nowrap; }
.m-tabs a.t6 { background: #7C4DB3; background: -webkit-linear-gradient(top, #9a6fd0, #5f3592); background: linear-gradient(to bottom, #9a6fd0, #5f3592); }
.m-tabs a.t7 { background: #EE8616; background: -webkit-linear-gradient(top, #ffa647, #cf6a00); background: linear-gradient(to bottom, #ffa647, #cf6a00); }
.m-tabs a.t8 { background: #D2462E; background: -webkit-linear-gradient(top, #ea6a52, #b0321c); background: linear-gradient(to bottom, #ea6a52, #b0321c); }
.m-tabs a.t9 { background: #8A6A2E; background: -webkit-linear-gradient(top, #a8884a, #6c501c); background: linear-gradient(to bottom, #a8884a, #6c501c); }
.m-tabs a.t10 { background: #6A3FB0; background: -webkit-linear-gradient(top, #8a62cc, #4f2a8e); background: linear-gradient(to bottom, #8a62cc, #4f2a8e); }
.m-tabs a.t11 { background: #3B5BB5; background: -webkit-linear-gradient(top, #5f7ed0, #2a4592); background: linear-gradient(to bottom, #5f7ed0, #2a4592); }
.m-tabs a.on { box-shadow: inset 0 -4px 0 #fff, inset 0 2px 6px rgba(0,0,0,0.35); }
.f-badge {
	display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 2px; -webkit-box-sizing: border-box; box-sizing: border-box;
	background: #ff2b2b; color: #fff; font-size: 11px; line-height: 18px; -webkit-border-radius: 9px; border-radius: 9px; text-shadow: none;
}

/* фильтры ленты - кнопки как у постраничной навигации */
.f-chips { margin: 0 0 4px 0; }
.f-chips a {
	display: inline-block; margin: 0 4px 6px 0; padding: 7px 10px; white-space: nowrap;
	font-size: 13px; font-weight: bold; color: #0E72A3; text-decoration: none;
	border: 1px solid #a8a8a8; -webkit-border-radius: 6px; border-radius: 6px;
	background: #fff; background: -webkit-linear-gradient(top, #ffffff, #e4e4e4); background: linear-gradient(to bottom, #ffffff, #e4e4e4);
}
.f-chips a.on {
	color: #fff; border-color: #084b6e; text-shadow: 0 -1px 0 rgba(0,0,0,0.45);
	background: #0E72A3; background: -webkit-linear-gradient(top, #3a9fd0, #0a5f8b); background: linear-gradient(to bottom, #3a9fd0, #0a5f8b);
}

/* событие ленты: блок как .m-box / .news-item */
.f-item {
	background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 8px; border-radius: 8px;
	padding: 10px; margin-bottom: 8px; overflow-wrap: break-word; word-wrap: break-word;
}
.f-head { width: 100%; margin-bottom: 8px; }
.f-head td { vertical-align: middle; }
.f-ico { width: 42px; }
.f-ico img { display: block; }
.f-lt { display: block; width: 32px; height: 32px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; font: bold 17px/32px Verdana, Arial, sans-serif; text-align: center; }
.f-src { display: block; font-size: 13px; font-weight: bold; color: #333; text-decoration: none; }
.f-meta { display: block; font-size: 11px; color: #8a8a8a; margin-top: 2px; }
.f-item .news-title { display: block; }
.f-text { margin-top: 5px; }
.f-body { width: 100%; }
.f-body td { vertical-align: top; }
.f-th img { display: block; -webkit-border-radius: 4px; border-radius: 4px; }
.f-foot { margin-top: 6px; font-size: 11px; color: #8a8a8a; }
.f-pics { margin-top: 8px; }
.f-pics a { display: inline-block; margin: 0 6px 6px 0; vertical-align: top; }
.f-pics img { display: block; -webkit-border-radius: 4px; border-radius: 4px; }
.f-list { margin-top: 6px; }
.f-list a { display: block; padding: 8px 0; border-top: 1px solid #e6e6e6; font-size: 14px; text-decoration: none; }
.f-more { text-decoration: none; margin: 4px 0 6px 0; }

/* почта вошедшего */
.f-mail { display: block; font-size: 16px; color: #222; text-decoration: none; margin-bottom: 6px; }
.f-mail.on { color: #c00; }
.f-ml { display: block; padding: 8px 0; border-top: 1px solid #e6e6e6; color: #444; text-decoration: none; font-size: 14px; }
.f-ml.un { color: #222; font-weight: bold; }
.f-ml .f-mu { display: block; font-size: 11px; }
.f-ms { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f-2b { width: 100%; margin-top: 4px; }
.f-2b td { width: 50%; vertical-align: top; }
.f-2b td.f-gap { width: 8px; }
.f-2b .m-btn { text-decoration: none; white-space: nowrap; padding: 12px 4px; }
.f-btn2 {
	color: #0E72A3 !important; text-shadow: 0 1px 0 #fff !important; border-color: #a8a8a8 !important;
	background: #fff !important; background: -webkit-linear-gradient(top, #ffffff, #e4e4e4) !important; background: linear-gradient(to bottom, #ffffff, #e4e4e4) !important;
}
.f-my { margin-top: 8px; }
.f-guest { margin-bottom: 8px; background: #fffbe8; font-size: 14px; line-height: 1.45; }

/* «Ещё» */
.f-anek { font-size: 15px; line-height: 1.5; }
.f-rows a { overflow: hidden; }
.f-r { float: right; margin-left: 10px; color: #8a8a8a; white-space: nowrap; }
.f-lv { margin-bottom: 8px; font-size: 15px; }
.f-lv select { font-size: 16px; padding: 4px; }

/* 05.10: кнопки «Войти»/«Завести ящик» не слипаются (пустая ячейка-зазор схлопывалась) */
.f-2b { border-collapse: separate; border-spacing: 0; }
.f-2b td.f-gap { width: 10px; min-width: 10px; padding: 0; }
.f-2b td.f-gap:before { content: ""; display: block; width: 10px; }