/* КЛЁВОЕ МЕСТО · ЛЕСНАЯ БИРЮЗА · ПРЕМИАЛЬНАЯ СИСТЕМА ДИЗАЙНА */
:root {
  color-scheme: dark;
  --bg: #102D26;
  --bg-soft: #14362E;
  --card: #183F35;
  --card-hover: #214B3E;
  --border: #315B4B;
  --border-soft: #294D40;
  --text: #F0F2E8;
  --text-dim: #C3D0C7;
  --text-dimmer: #9DB2A5;
  --accent: #36C6B0;
  --accent-soft: #238F80;
  --accent-text: #062A24;
  --green: #6DD6A5;
  --yellow: #D7A94B;
  --red: #F07870;
  --radius: 21px;
  --radius-sm: 13px;
  --shadow: 0 14px 38px rgba(2, 15, 11, .34);
}
html { color-scheme: dark; scroll-behavior: smooth; }
html, body { background-color: var(--bg); }
body {
  color: var(--text);
  background:
    radial-gradient(ellipse at 8% 0%, rgba(54,198,176,.09), transparent 34%),
    radial-gradient(ellipse at 100% 22%, rgba(215,169,75,.055), transparent 28%),
    linear-gradient(180deg, #102D26 0%, #0D261F 55%, #0B211B 100%);
  background-attachment: fixed;
}
::selection { background: rgba(54,198,176,.34); color: #fff; }
:focus-visible { outline: 3px solid #E5C36E !important; outline-offset: 3px !important; }
.topbar {
  background: rgba(13, 39, 31, .92) !important;
  border-bottom: 1px solid rgba(93, 177, 145, .22) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.2);
  backdrop-filter: blur(18px) saturate(1.2);
}
.brand span.sub { color: #9ED9C6 !important; }
.topbar .brand img.logo, .header-emblem {
  border: 1px solid rgba(89, 214, 184, .62) !important;
  box-shadow: 0 0 0 3px rgba(54,198,176,.08), 0 0 24px rgba(54,198,176,.18) !important;
}
.region-picker-label select, .site-accessibility-btn {
  background: #173F34 !important;
  border-color: rgba(76,190,157,.38) !important;
  color: var(--text) !important;
}
.container { max-width: 1240px; }
.container.home-container { padding-top: 20px; }
.top-ad-slot {
  min-height: 132px;
  padding: 23px 28px;
  border: 1px solid rgba(215,169,75,.34) !important;
  border-radius: 23px !important;
  background:
    radial-gradient(ellipse at 88% 5%, rgba(54,198,176,.17), transparent 36%),
    linear-gradient(112deg, #1A493A 0%, #14392F 48%, #102F27 100%) !important;
  box-shadow: 0 15px 36px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.045) !important;
}
.ad-slot-kicker { color: #E1C27A !important; }
.ad-slot-copy strong { color: #F4F3E8; font-size: 18px; }
.ad-slot-copy>span:last-child { color: #B7CFC1; }
.ad-slot-action {
  border: 1px solid rgba(105,224,194,.35);
  background: linear-gradient(135deg, #45D4B8, #269B86);
  color: #082D25;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(27,151,125,.2);
}
.home-weather-row {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(220px, .72fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 20px;
}
.weather-card {
  height: 100%; min-height: 164px; margin: 0 !important;
  border: 1px solid rgba(77,190,157,.28) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(54,198,176,.18), transparent 34%),
    linear-gradient(118deg, #194638 0%, #15392F 56%, #123127 100%) !important;
  box-shadow: 0 13px 32px rgba(0,0,0,.22) !important;
}
.weather-card-stats>div, .weather-hour, .weather-day {
  background: rgba(5,25,18,.32) !important;
  border-color: rgba(115,190,157,.17) !important;
}
.weather-expand { color: #7CE0C7 !important; border-color: rgba(115,190,157,.2) !important; }
.home-tv-shortcut {
  min-height: 164px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  gap: 9px; padding: 22px; border: 1px solid rgba(215,169,75,.3);
  border-radius: 22px; text-align: left; color: var(--text);
  background: radial-gradient(circle at 85% 10%, rgba(215,169,75,.15), transparent 40%), linear-gradient(145deg,#21483A,#14352B);
  box-shadow: 0 13px 32px rgba(0,0,0,.2); transition: transform .2s ease,border-color .2s ease;
}
.home-tv-shortcut:hover { transform: translateY(-3px); border-color: rgba(215,169,75,.62); }
.home-tv-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: rgba(215,169,75,.16); color: #E8C675; font-size: 19px; }
.home-tv-shortcut b { color: #F1D28D; font-size: 13px; letter-spacing: .1em; }
.home-tv-shortcut small { color: #B8CDBF; font-size: 11px; }
.home-tv-live { color: #8EDFC3; font-size: 9px; letter-spacing: .12em; }
.home-shortcuts {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 15px; margin: 0 0 28px;
}
.home-shortcut {
  min-width: 0; min-height: 168px; flex-direction: column; align-items: stretch; gap: 10px;
  padding: 10px; border: 1px solid rgba(103,177,144,.2) !important; border-radius: 20px !important;
  background: linear-gradient(150deg, rgba(29,73,57,.98), rgba(17,48,38,.98)) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.18) !important;
}
.home-shortcut:hover, .home-shortcut.active {
  transform: translateY(-3px); border-color: rgba(54,198,176,.62) !important;
  background: linear-gradient(150deg, #285A45, #194435) !important;
  box-shadow: 0 15px 32px rgba(0,0,0,.24), 0 0 0 1px rgba(54,198,176,.08) !important;
}
.shortcut-image {
  width: 100% !important; height: 96px !important; flex: 0 0 96px !important;
  border-radius: 14px !important; background: #102D26 !important;
}
.shortcut-image img { filter: saturate(.92) contrast(1.04) !important; }
.shortcut-copy { gap: 5px !important; padding: 0 4px 4px; }
.shortcut-copy b { color: #F0F3E9; font-family: var(--font-body) !important; font-size: 13px !important; font-weight: 800; }
.shortcut-copy small { color: #AFC6B7 !important; font-size: 10px !important; }
.shortcut-arrow {
  position: absolute; top: 17px; right: 17px; width: 28px; height: 28px;
  display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%; background: rgba(7,27,20,.62); color: #8BE2C9 !important;
}
.home-shortcut.support-home-shortcut {
  grid-column: 1 / -1; min-height: 82px; height: auto; flex-direction: row; align-items: center;
  justify-content: flex-start; padding: 12px 18px; border-color: rgba(215,169,75,.24) !important;
  background: linear-gradient(100deg,#1B4637,#17392E 58%,#214638) !important;
}
.support-home-shortcut .shortcut-image { width: 56px !important; height: 56px !important; flex: 0 0 56px !important; }
.support-home-shortcut .shortcut-copy { padding: 0; }
.support-home-shortcut .shortcut-copy b { font-size: 13px !important; }
.support-home-shortcut .shortcut-copy small { font-size: 10px !important; }
.support-home-shortcut .shortcut-arrow { position: static; margin-left: auto; background: transparent; border: 0; }
.exclusive-section {
  border-color: rgba(215,169,75,.4) !important;
  background: radial-gradient(ellipse at 50% -20%,rgba(215,169,75,.17),transparent 58%),linear-gradient(145deg,#18392D 0%,#102D26 55%,#18382D 100%) !important;
}
.exclusive-card { background: linear-gradient(160deg,#244A38,#112D25) !important; }
.section-title h3, .view-heading h2 { color: #F1F2E8; }
.view-heading .count, .section-title .count { background: rgba(28,69,52,.8) !important; color: #B9D7C7 !important; border-color: rgba(103,177,144,.25) !important; }
.panel, .account-profile, .account-auth, .market-toolbar, .tv-player-panel {
  background: linear-gradient(150deg, rgba(27,67,51,.96), rgba(17,46,36,.98)) !important;
  border-color: rgba(103,177,144,.22) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.15);
}
.rcard, .fish-card, .fish-item, .leisure-card, .shop-card, .market-listing-card {
  background: linear-gradient(155deg,#1B4637,#123127) !important;
  border-color: rgba(103,177,144,.22) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
}
#reservoirGrid.reservoir-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
#reservoirGrid .reservoir-name-card { min-height: 0 !important; border-radius: 19px !important; }
#reservoirGrid .reservoir-name-link { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-height: 0; padding: 0; }
.reservoir-card-photo { position: relative; display: block; width: 100%; height: 150px; overflow: hidden; background: linear-gradient(135deg,#214B3C,#102D26); }
.reservoir-card-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.reservoir-name-card:hover .reservoir-card-photo img { transform: scale(1.045); }
.reservoir-photo-shade { position: absolute; inset: 38% 0 0; background: linear-gradient(180deg,transparent,rgba(5,20,14,.76)); }
.reservoir-card-photo .reservoir-access-badge { position: absolute; z-index: 2; left: 12px; bottom: 11px; }
.reservoir-name-copy { padding: 14px 15px 16px; gap: 6px; }
.reservoir-name-kicker { color: #8DDBC0 !important; font-size: 9px !important; }
#reservoirGrid .reservoir-name-card h4 { color: #F1F2E8; font-size: 14px !important; line-height: 1.4 !important; }
.reservoir-name-location { color: #AFC6B7; font-size: 10px; }
.reservoir-name-mark, .reservoir-name-arrow { display: none !important; }
.reservoir-access-badge { display: inline-flex; align-items: center; width: fit-content; padding: 5px 9px; border: 1px solid rgba(113,203,166,.28); border-radius: 999px; background: rgba(9,34,24,.72); color: #C7E8D5; font-size: 9px; font-weight: 800; letter-spacing: .04em; }
.reservoir-grid .access-paid .reservoir-access-badge { color: #F1D18B; border-color: rgba(215,169,75,.36); }
.btn-primary { background: linear-gradient(135deg,#49D2B6,#269B83) !important; color: #062A24 !important; box-shadow: 0 7px 18px rgba(34,164,135,.18); }
.btn-ghost, .back-btn, .back-home { background: rgba(24,63,49,.88) !important; border-color: rgba(103,177,144,.27) !important; color: #D8E9DD !important; }
.tab-btn.active, .filter-chip.active, .season-chip.active, .fish-filter.active {
  color: #062A24 !important; background: #54D4B6 !important; border-color: #54D4B6 !important;
}
.tabs, .home-tabs { border-color: rgba(103,177,144,.22) !important; background: rgba(14,42,32,.88) !important; }
input, select, textarea {
  background: #102E25 !important; border-color: rgba(103,177,144,.3) !important; color: var(--text) !important;
}
input::placeholder, textarea::placeholder { color: #829D8D !important; }
input:focus, select:focus, textarea:focus { border-color: #54D4B6 !important; box-shadow: 0 0 0 3px rgba(54,198,176,.12) !important; outline: none; }
.chat-shell, .chat-hub, .community-panel, .account-bubble, .account-user-row, .account-inbox-row {
  border-color: rgba(103,177,144,.23) !important;
}
.chat-message.mine, .account-bubble.mine { background: rgba(54,198,176,.13) !important; border-color: rgba(54,198,176,.28) !important; }
.map-wrap { border-color: rgba(103,177,144,.25) !important; }
.detail-hero { border-color: rgba(103,177,144,.25) !important; }
.footer { color: #8CA897 !important; }
/* Общие правила для премиальных карточек и интерактивных состояний */
.home-shortcut, .rcard, .panel, .exclusive-card, .weather-card, .home-tv-shortcut { -webkit-tap-highlight-color: transparent; }
button, .btn, a { transition-duration: .18s; }
button:disabled, .btn:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 900px) {
  .home-weather-row { grid-template-columns: minmax(0,1fr) minmax(190px,.65fr); }
  .home-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  .container.home-container { padding: 12px 13px 28px; }
  .top-ad-slot { min-height: 112px; padding: 15px 14px; border-radius: 17px !important; }
  .ad-slot-copy strong { font-size: 13px; }
  .ad-slot-copy>span:last-child { font-size: 9px; }
  .ad-slot-action { max-width: 116px; padding: 9px 9px; font-size: 9px; }
  .home-weather-row { grid-template-columns: 1fr; gap: 11px; }
  .weather-card { min-height: 0; }
  .home-tv-shortcut { min-height: 104px; padding: 15px; display: grid; grid-template-columns: 42px 1fr; align-items: center; column-gap: 12px; }
  .home-tv-icon { grid-row: span 3; }
  .home-tv-shortcut b, .home-tv-shortcut small, .home-tv-live { margin: 0; }
  .home-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 22px; }
  .home-shortcut { min-height: 148px; padding: 8px; border-radius: 16px !important; }
  .shortcut-image { height: 82px !important; flex-basis: 82px !important; border-radius: 11px !important; }
  .shortcut-copy b { font-size: 11px !important; }
  .shortcut-copy small { font-size: 9px !important; }
  .shortcut-arrow { top: 13px; right: 13px; width: 24px; height: 24px; }
  .home-shortcut.support-home-shortcut { min-height: 72px; flex-direction: row; grid-column: 1/-1; padding: 9px 12px; }
  .support-home-shortcut .shortcut-image { width: 48px !important; height: 48px !important; flex-basis: 48px !important; }
  #reservoirGrid.reservoir-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .reservoir-card-photo { height: 104px; }
  .reservoir-name-copy { padding: 10px; }
  #reservoirGrid .reservoir-name-card h4 { font-size: 11px !important; }
  .reservoir-name-kicker { font-size: 7px !important; }
  .reservoir-access-badge { padding: 4px 7px; font-size: 8px; }
  .view-heading h2 { font-size: 19px; }
  .view-heading p { font-size: 11px; }
}
@media (max-width: 370px) {
  .home-shortcuts { gap: 8px; }
  .home-shortcut { min-height: 138px; }
  .shortcut-image { height: 72px !important; flex-basis: 72px !important; }
  #reservoirGrid.reservoir-grid { gap: 7px; }
  .reservoir-card-photo { height: 88px; }
  .reservoir-name-copy { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Community expansion: profile, chat and reservoir discovery */
.reservoir-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.42fr) auto;gap:12px;align-items:end;margin:18px 0 16px;padding:14px;border:1px solid rgba(112,190,166,.18);border-radius:18px;background:linear-gradient(145deg,rgba(24,63,53,.72),rgba(16,45,38,.84));}
.reservoir-search,.reservoir-filter{display:grid;gap:6px;min-width:0;color:#a9c9bd;font-size:11px;font-weight:700;letter-spacing:.03em;}
.reservoir-search{position:relative;display:flex;align-items:center;}
.reservoir-search>span{position:absolute;left:13px;font-size:23px;color:#55cdb8;pointer-events:none;}
.reservoir-search input,.reservoir-filter select{width:100%;min-height:46px;border:1px solid rgba(121,190,164,.24);border-radius:12px;background:#102d26;color:#eaf5ef;padding:10px 13px;font:inherit;outline:none;}
.reservoir-search input{padding-left:42px;}
.reservoir-search input:focus,.reservoir-filter select:focus{border-color:#36c6b0;box-shadow:0 0 0 3px rgba(54,198,176,.13);}
.reservoir-results{font-size:11px;color:#8fc9b7;white-space:nowrap;padding:0 3px 12px;}
.reservoir-name-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#b6d0c5;font-size:12px;line-height:1.45;margin-top:7px;}
.reservoir-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px 12px;border-top:1px solid rgba(135,196,169,.12);background:rgba(17,47,39,.96);}
.reservoir-fish-count{font-size:11px;color:#c1dcd0;font-weight:650;}
.reservoir-map-link{font-size:11px;font-weight:800;color:#5ed9c2;text-decoration:none;white-space:nowrap;}
.reservoir-map-link:hover{color:#d7a94b;}
.reservoir-empty{padding:26px;text-align:center;color:#a9c9bd;border:1px dashed rgba(112,190,166,.28);border-radius:16px;}
.account-profile{position:relative;overflow:hidden;padding-top:0!important;}
.account-profile:before{content:"";display:block;height:170px;margin:0 -18px 0;background:radial-gradient(ellipse at 78% 22%,rgba(54,198,176,.28),transparent 34%),linear-gradient(120deg,rgba(8,35,29,.15),rgba(16,45,38,.12)),linear-gradient(135deg,#285b48 0%,#153d32 48%,#102d26 100%);border-bottom:1px solid rgba(215,169,75,.28);}
.account-profile-head{position:relative;margin-top:-58px!important;align-items:flex-end!important;padding:0 8px 16px;}
.account-profile-head>.account-avatar{width:104px!important;height:104px!important;flex-basis:104px!important;border:4px solid #183f35!important;box-shadow:0 8px 24px rgba(0,0,0,.34);font-size:38px!important;}
.account-profile-head>div:nth-child(2){padding-bottom:8px;}
.account-profile-head>div:nth-child(2)>b{font-size:22px;letter-spacing:-.02em;color:#f1f8f3;}
.account-profile-head .account-regalia-heading{font-size:10px;letter-spacing:.12em;color:#d7a94b;}
.account-push-settings{margin-top:14px!important;border-radius:13px;background:rgba(12,34,29,.7)!important;border:1px solid rgba(112,190,166,.15);}
.account-profile>.field-row{max-width:760px;}
.account-columns>.panel,#accountConversation{border:1px solid rgba(112,190,166,.18);border-radius:18px;}
.account-user-row,.account-inbox-row{min-height:58px;border-radius:14px!important;background:rgba(16,45,38,.72)!important;}
.account-avatar.small{width:46px!important;height:46px!important;}
.chat-message{border-radius:16px!important;}
.chat-message-avatar,.chat-avatar{width:48px!important;height:48px!important;}
.chat-compose{border-radius:18px!important;border:1px solid rgba(112,190,166,.2)!important;background:linear-gradient(145deg,rgba(24,63,53,.88),rgba(16,45,38,.96))!important;}
@media(max-width:650px){.reservoir-toolbar{grid-template-columns:1fr;gap:10px;padding:11px}.reservoir-results{padding:0}.reservoir-name-description{-webkit-line-clamp:2}.account-profile:before{height:132px}.account-profile-head>.account-avatar{width:82px!important;height:82px!important;flex-basis:82px!important}.account-profile-head>div:nth-child(2)>b{font-size:19px}}


/* Account identity alignment fix */
.account-profile-head{display:flex;flex-wrap:wrap;align-items:center!important;gap:14px!important;margin-top:-58px!important;padding:0 8px 18px!important;min-width:0;}
.account-profile-head>.account-avatar{flex:0 0 104px!important;width:104px!important;height:104px!important;align-self:center;}
.account-profile-head>.account-profile-identity{flex:1 1 180px!important;min-width:0!important;width:auto!important;max-width:100%;padding:0!important;margin:0!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;overflow:visible!important;overflow-wrap:anywhere;}
.account-profile-identity>b{display:block;max-width:100%;font-size:22px;line-height:1.2;overflow-wrap:anywhere;}
.account-profile-identity .account-regalia-heading{display:block;margin:2px 0 0!important;line-height:1.35;white-space:normal;}
.account-profile-identity #accountRegalia{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;}
.account-profile-identity #accountJoined{display:block;margin:2px 0 0!important;line-height:1.4;white-space:normal;}
.account-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 0 auto;min-width:0;}
@media(max-width:650px){.account-profile-head{gap:11px!important;align-items:center!important;padding:0 5px 15px!important}.account-profile-head>.account-avatar{flex:0 0 82px!important;width:82px!important;height:82px!important}.account-profile-head>.account-profile-identity{flex:1 1 calc(100% - 100px)!important;min-width:0!important}.account-profile-identity>b{font-size:19px;line-height:1.2}.account-profile-actions{flex:1 0 100%;width:100%;justify-content:flex-end;margin:3px 0 0;}.account-profile-actions .btn{min-height:36px}}


/* Account: restore the compact original profile and move actions into clear buttons */
.account-profile:before{display:none!important}
.account-profile.account-overview{padding:18px!important;overflow:visible!important}
.account-overview .account-profile-head{display:flex;align-items:center!important;flex-wrap:wrap;gap:12px!important;margin:0 0 18px!important;padding:0!important;min-width:0}
.account-overview .account-profile-head>.account-avatar{flex:0 0 54px!important;width:54px!important;height:54px!important;border:1px solid rgba(133,210,185,.25)!important;box-shadow:none!important;font-size:25px!important;align-self:center}
.account-overview .account-profile-identity{flex:1 1 150px!important;min-width:0!important;display:block!important;padding:0!important;margin:0!important;overflow-wrap:anywhere}
.account-overview .account-profile-identity>b{display:block;font-size:17px!important;line-height:1.25;color:#f1f8f3}
.account-overview .account-profile-identity small{display:block;margin-top:4px!important;font-size:11px;line-height:1.35;white-space:normal}
.account-overview .account-profile-identity .account-regalia-heading{color:#d7a94b;letter-spacing:.04em}
.account-overview .account-profile-identity #accountRegalia{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.account-overview .account-profile-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:auto}
.account-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.account-action-btn{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;min-height:68px;padding:12px;text-align:left;border:1px solid rgba(112,190,166,.2);border-radius:13px;background:linear-gradient(145deg,rgba(24,63,53,.78),rgba(16,45,38,.9));color:#edf7f1;cursor:pointer}
.account-action-btn>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(54,198,176,.12);font-size:19px}
.account-action-btn>b{font-size:13px;line-height:1.25}
.account-action-btn>small{margin-top:3px;color:#a9c9bd;font-size:10px;line-height:1.35}
.account-action-btn:active{transform:translateY(1px);border-color:#36c6b0}
.account-profile-back{margin:0 0 14px}
.account-subpanel{border-top:1px solid rgba(112,190,166,.18);padding-top:15px}
.account-subpanel[hidden],.account-action-grid[hidden],.account-profile-back[hidden]{display:none!important}
.account-subpanel h3{margin:0 0 6px;font-size:17px}
.account-panel-hint{margin:0 0 14px;color:#a9c9bd;font-size:12px;line-height:1.5}
.account-subpanel .field-row{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#d9e9e1;font-size:12px}
.account-subpanel input,.account-subpanel select,.account-subpanel textarea{width:100%;min-width:0;border:1px solid rgba(121,190,164,.24);border-radius:11px;background:#102d26;color:#edf7f1;padding:11px;font:inherit}
.account-subpanel input:focus,.account-subpanel select:focus,.account-subpanel textarea:focus{outline:2px solid rgba(54,198,176,.35);border-color:#36c6b0}
.account-subpanel .account-push-settings{margin:10px 0 0!important}
@media(max-width:520px){.account-profile.account-overview{padding:14px!important}.account-overview .account-profile-head{gap:9px!important}.account-overview .account-profile-head>.account-avatar{flex-basis:54px!important;width:54px!important;height:54px!important}.account-overview .account-profile-identity{flex:1 1 calc(100% - 70px)!important}.account-overview .account-profile-identity>b{font-size:16px!important}.account-overview .account-profile-actions{flex:1 0 100%;justify-content:flex-end;margin:2px 0 0}.account-action-grid{grid-template-columns:1fr;gap:8px}.account-action-btn{min-height:62px;padding:10px 12px}.account-action-btn>b{font-size:13px}}


/* Account friends and personal feed */
.account-friends-block{margin:16px 0;padding-top:12px;border-top:1px solid rgba(112,190,166,.16)}
.account-friends-block h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:13px;color:#e6f2eb}
.account-friends-block h4 span{color:#d7a94b;font-size:11px}
.account-friends-block>input{width:100%;padding:11px 12px;border:1px solid rgba(121,190,164,.24);border-radius:11px;background:#102d26;color:#edf7f1}
.account-friend-row{display:flex;align-items:center;gap:7px;min-width:0}
.account-friend-row>.account-user-row{flex:1;min-width:0}
.account-friend-row>.account-user-row small{max-width:100%}
.account-friend-add{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(54,198,176,.35);border-radius:11px;background:rgba(54,198,176,.12);color:#8fe0c1;font-size:21px}
.account-friend-row>.btn{flex:0 0 auto;white-space:nowrap;padding:7px 9px;font-size:10px}
.account-feed-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.account-feed-composer{padding:13px;margin:12px 0;border:1px solid rgba(112,190,166,.2);border-radius:14px;background:rgba(16,45,38,.6)}
.account-feed-posts{display:grid;gap:12px;margin-top:14px}
.account-feed-card{padding:14px;border:1px solid rgba(112,190,166,.18);border-radius:15px;background:rgba(16,45,38,.68);min-width:0}
.account-feed-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.account-feed-head>div{display:flex;flex-direction:column;min-width:0}
.account-feed-head b{font-size:12px}.account-feed-head small,.account-feed-location{font-size:10px;color:#a9c9bd;margin-top:3px}
.account-feed-card h4{font-size:14px;margin:7px 0}.account-feed-card>p{font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}
.account-feed-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
.account-feed-media img,.account-feed-media video{width:100%;max-height:260px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#0b201b}
.account-feed-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(112,190,166,.14);font-size:10px;color:#a9c9bd}
@media(max-width:520px){.account-friend-row>.btn{padding:6px 7px;font-size:9px}.account-feed-card{padding:11px}.account-feed-media img,.account-feed-media video{max-height:190px}}

/* CHAT REDESIGN · Лесная бирюза */
.chat-shell{border:1px solid rgba(75,190,157,.25);border-radius:24px;background:linear-gradient(155deg,#102d26 0%,#0d251f 58%,#102b2a 100%);box-shadow:0 18px 48px rgba(0,0,0,.28)}
.chat-toolbar{min-height:76px;padding:17px 20px;border-bottom:1px solid rgba(116,205,174,.16);background:radial-gradient(ellipse at 8% 0%,rgba(54,198,176,.14),transparent 55%),rgba(17,55,43,.72)}
.chat-toolbar>div{gap:6px}.chat-toolbar b{font-size:15px;letter-spacing:.01em;color:#effff7}.chat-toolbar small{font-size:11px;color:#9dbbb0}.chat-toolbar small.is-online{color:#69e0ad}
.chat-refresh{padding:9px 13px;border:1px solid rgba(91,203,169,.24);border-radius:12px;background:rgba(54,198,176,.09);color:#b9f0df;font-size:12px;transition:background .18s,border-color .18s}.chat-refresh:hover{background:rgba(54,198,176,.17);border-color:rgba(91,203,169,.48)}
.chat-rules-panel{margin:12px 14px 0;border:1px solid rgba(215,169,75,.18);border-radius:14px;background:rgba(215,169,75,.045)}.chat-rules-panel>summary{display:flex;align-items:center;gap:10px;padding:11px 13px;list-style:none;cursor:pointer}.chat-rules-panel>summary::-webkit-details-marker{display:none}.chat-rules-panel>summary>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.chat-rules-panel>summary b{font-size:12px;color:#e8d5a7}.chat-rules-panel>summary small{font-size:10px;color:#a9b9a9}.chat-rules-icon{font-size:18px}.chat-rules-chevron{color:#d7a94b;transition:transform .2s}.chat-rules-panel[open] .chat-rules-chevron{transform:rotate(180deg)}.chat-rules-content{padding:0 14px 14px}
.chat-messages{height:min(58vh,640px);min-height:340px;gap:13px;padding:20px 17px;scrollbar-width:thin;scrollbar-color:rgba(77,173,145,.45) transparent;background:radial-gradient(ellipse at 50% 0%,rgba(54,198,176,.035),transparent 65%)}
.chat-message{position:relative;max-width:min(82%,620px);padding:12px 15px;border:1px solid rgba(123,181,153,.17);border-radius:5px 18px 18px 18px;background:linear-gradient(145deg,rgba(31,75,57,.94),rgba(24,61,48,.94));box-shadow:0 5px 16px rgba(0,0,0,.12);transition:border-color .18s,transform .18s}.chat-message:hover{border-color:rgba(88,199,164,.32)}.chat-message.mine{align-self:flex-end;border-color:rgba(54,198,176,.25);border-radius:18px 5px 18px 18px;background:linear-gradient(145deg,rgba(30,102,82,.88),rgba(22,79,66,.94))}
.chat-message-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}.chat-message-head b{font-size:12px;font-weight:800;color:#a9ead2}.chat-message.mine .chat-message-head b{color:#d1f5e5}.chat-message-head time{margin-left:auto;font-size:10px;color:#9bb6a7}.chat-message p{font-size:14px;line-height:1.6;color:#f0f7f1}.chat-message .fishing-regalia-inline{display:inline-flex;gap:4px;flex-wrap:wrap}.chat-message .fishing-regalia-chip{font-size:9px}.chat-message .chat-deleted{color:#9eb0a5;font-style:italic}.chat-edited{display:block;margin-top:5px;color:#a4c8b5;font-size:10px}
.chat-media-image{max-width:min(100%,360px);max-height:360px;border-radius:13px;border:1px solid rgba(163,220,185,.18);cursor:zoom-in}.chat-media-video{width:min(100%,380px);max-height:340px;border-radius:13px}.chat-media-audio{width:min(100%,340px)}
.message-reactions{gap:6px;margin-top:10px}.reaction-chip{min-height:30px;padding:4px 9px;border:1px solid rgba(139,194,160,.19);border-radius:999px;background:rgba(8,30,23,.4);color:#dcefe2;font-size:12px}.reaction-chip.active{border-color:rgba(54,198,176,.55);background:rgba(54,198,176,.16);color:#bff6e5}.chat-message-actions{gap:12px;margin-top:9px;padding-top:7px;border-top:1px solid rgba(157,206,174,.1)}.chat-message-actions button,.chat-report{font-size:11px;color:#a9d8c3}.chat-message-actions button:hover,.chat-report:hover{color:#f0d18a}
.typing-indicator{min-height:20px;padding:2px 18px;color:#9bd9bd;font-size:11px}
.chat-compose{gap:11px;padding:17px 18px 18px;border-top:1px solid rgba(116,205,174,.16);background:linear-gradient(180deg,rgba(8,29,22,.78),rgba(10,35,27,.98))}.chat-nickname{gap:10px}.chat-nickname span,.chat-message-label{font-size:11px;color:#a9c7b4}.chat-nickname input,.chat-compose textarea{padding:12px 14px;border:1px solid rgba(124,190,151,.22);border-radius:13px;background:#0b2119;color:#f0f8f1;font-size:14px}.chat-nickname input{max-width:300px}.chat-compose textarea{min-height:88px;resize:vertical;line-height:1.55}.chat-nickname input:focus,.chat-compose textarea:focus{border-color:#36c6b0;box-shadow:0 0 0 3px rgba(54,198,176,.1)}.chat-compose textarea::placeholder,.chat-nickname input::placeholder{color:#779486}
.chat-attachment-tools{gap:8px}.message-file-label{min-height:38px;padding:8px 11px;border:1px solid rgba(115,190,151,.2);border-radius:11px;background:rgba(54,198,176,.07);color:#bce8d4;font-size:11px}.chat-attachment-tools .btn{min-height:38px;border-radius:11px;font-size:11px}.chat-compose-bottom{align-items:center;gap:12px}.chat-compose-bottom small{max-width:68%;font-size:10px;line-height:1.5;color:#90ad9b}.chat-compose .tg-btn{min-height:44px;padding:11px 18px;border:1px solid rgba(150,239,210,.22);border-radius:13px;background:linear-gradient(135deg,#36a987,#187e69);box-shadow:0 7px 18px rgba(20,128,99,.22);color:#fff;font-size:13px;transition:transform .18s,filter .18s}.chat-compose .tg-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.chat-compose .tg-btn:disabled{transform:none}
.chat-feedback{min-height:16px;color:#a9e8c7;font-size:11px}.chat-rules{gap:12px;padding:14px 18px;border-top:1px solid rgba(116,205,174,.12);background:rgba(54,198,176,.045)}.chat-rules>span{font-size:19px}.chat-rules b{font-size:11px;color:#c3e8d3}.chat-rules small{font-size:10px;line-height:1.55;color:#91ac9a}
@media(max-width:600px){.chat-shell{border-radius:19px}.chat-toolbar{min-height:68px;padding:13px 14px}.chat-toolbar b{font-size:14px}.chat-messages{height:58vh;min-height:300px;padding:14px 10px;gap:11px}.chat-message{max-width:91%;padding:11px 12px}.chat-message p{font-size:14px}.chat-compose{padding:13px 12px 15px}.chat-nickname{align-items:center;flex-direction:row}.chat-nickname input{max-width:none}.chat-compose-bottom{align-items:center}.chat-compose-bottom small{max-width:58%;font-size:9px}.chat-compose .tg-btn{min-height:42px;padding:10px 13px}.chat-rules-panel{margin:10px 10px 0}.chat-rules{padding:12px}.chat-media-image{max-height:280px}}
@media(max-width:380px){.chat-nickname{align-items:stretch;flex-direction:column}.chat-nickname input{width:100%}.chat-compose-bottom{align-items:stretch;flex-direction:column}.chat-compose-bottom small{max-width:100%}.chat-compose .tg-btn{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.chat-message,.chat-refresh,.chat-compose .tg-btn{transition:none}}

/* Voice recorder: one adaptive action, messenger-style */
.chat-voice-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 14px;border:1px solid rgba(86,203,166,.28);border-radius:13px;background:linear-gradient(135deg,rgba(54,198,176,.15),rgba(34,117,88,.18));color:#c8f4df;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.chat-voice-button:hover{background:rgba(54,198,176,.23);border-color:rgba(86,203,166,.55);transform:translateY(-1px)}.chat-voice-button-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(54,198,176,.16);font-size:13px}.chat-voice-button.is-recording{border-color:rgba(239,112,99,.55);background:rgba(177,64,56,.17);color:#ffd1c9;animation:voice-pulse 1.5s ease-in-out infinite}.chat-voice-button.is-recording .chat-voice-button-icon{background:rgba(239,112,99,.2)}.chat-voice-button.is-ready{border-color:rgba(215,169,75,.45);background:rgba(215,169,75,.12);color:#f4dfad}.chat-voice-button:disabled{opacity:.6;cursor:wait;transform:none}.chat-voice-cancel{width:38px;height:38px;border:1px solid rgba(220,140,125,.25);border-radius:12px;background:rgba(150,60,50,.1);color:#efb4a9;font-size:15px;cursor:pointer}.chat-voice-cancel:hover{background:rgba(150,60,50,.2)}#chatVoicePreview{width:min(100%,300px);height:36px;border-radius:10px}#chatVoicePreview[hidden]{display:none}@keyframes voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,112,99,.05)}50%{box-shadow:0 0 0 5px rgba(239,112,99,.12)}}@media(max-width:600px){.chat-voice-button{min-height:40px;padding:8px 11px;font-size:11px}.chat-voice-cancel{width:36px;height:36px}}