/* ============================================================
   MAAT Wallet — Темы (Obsidian / Carnelian / Lapis)
   Переопределяют базовые CSS-переменные по html[data-theme].
   ============================================================ */

/* — OBSIDIAN (тёмная, золото) — */
html[data-theme="obsidian"]{
  --primary-color:#e8c66a; --primary-dark:#caa742; --secondary-color:#e8c66a;
  --success-color:#16c784; --danger-color:#ea3943;
  --bg-color:#0a0d12; --bg-secondary:#121823; --bg-tertiary:#161d29;
  --text-primary:#eef3f9; --text-secondary:#8b97a8; --border-color:#222c3a;
  --acc-glow: rgba(232,198,106,.14);
}
/* — PAPYRUS (мягкая, тёплая — палитра сайта maatx.io) — */
html[data-theme="papyrus"]{
  --primary-color:#a87f1e; --primary-dark:#8a6614; --secondary-color:#c79a2e;
  --success-color:#5a8a3c; --danger-color:#b3503c;
  --bg-color:#f4eee0; --bg-secondary:#fbf7ee; --bg-tertiary:#ece2cd;
  --text-primary:#2c2417; --text-secondary:#6e6452; --border-color:#9c7a2a2e;
  --acc-glow: rgba(168,127,30,.10);
}
/* — SKYLIGHT (светлое «небо» — палитра сайта maatx.io) — */
html[data-theme="skylight"]{
  --primary-color:#3f7aa6; --primary-dark:#2b5a7e; --secondary-color:#5a93c0;
  --success-color:#2f9e6e; --danger-color:#d4574a;
  --bg-color:#eef2f7; --bg-secondary:#f8fafc; --bg-tertiary:#e7eef6;
  --text-primary:#26323d; --text-secondary:#586572; --border-color:#3f7aa62e;
  --acc-glow: rgba(63,122,166,.10);
}

/* Фон страницы с лёгким брендовым свечением */
html[data-theme] body{
  background:
    radial-gradient(1000px 560px at 88% -8%, var(--acc-glow), transparent 60%),
    radial-gradient(900px 520px at -6% 108%, var(--acc-glow), transparent 60%),
    var(--bg-color);
}

/* Поля ввода адаптируются под тему (важно для тёмной) */
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea{
  background:var(--bg-tertiary); color:var(--text-primary); border-color:var(--border-color);
}
html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder{ color:var(--text-secondary); opacity:.7; }

/* Карточкам — чуть больше «дороговизны» */
html[data-theme] .stat-card,
html[data-theme] .card{ border-radius:16px; }

/* Логотип-анх золотом в тёмной теме */
html[data-theme="obsidian"] .logo h1{ color:var(--primary-color); }

/* ===== Переключатель тем (в шапке) ===== */
.theme-switch{ display:inline-flex; gap:7px; align-items:center; padding:5px 7px;
  border:1px solid var(--border-color); border-radius:11px; background:var(--bg-secondary); }
.theme-switch button{ width:22px; height:22px; border-radius:50%; border:2px solid transparent;
  cursor:pointer; padding:0; transition:transform .12s; }
.theme-switch button:hover{ transform:scale(1.1); }
.theme-switch button[data-set="obsidian"]{ background:linear-gradient(135deg,#1a212c 45%,#e8c66a); }
.theme-switch button[data-set="papyrus"]{ background:linear-gradient(135deg,#fbf7ee 45%,#c79a2e); }
.theme-switch button[data-set="skylight"]{ background:linear-gradient(135deg,#3f7aa6 45%,#9cc3e3); }
.theme-switch button.on{ box-shadow:0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--primary-color); }

/* Переключатель языка (в шапке) */
.hdr-leading{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;}
.hdr-leading #connectionStatus{flex-shrink:0;margin-left:0;}
.hdr-balance{
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
  padding:6px 12px;border:1px solid var(--border-color);border-radius:10px;
  background:var(--bg-tertiary);min-width:0;line-height:1.2;
}
.hdr-balance.hidden{display:none !important;}
.hdr-balance-main{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:14px;white-space:nowrap;}
.hdr-balance-cur{font-size:11px;color:var(--text-secondary);font-weight:600;margin-left:4px;}
.hdr-balance-usd{font-size:11px;color:var(--text-secondary);margin-top:2px;}
.lang-switcher{display:inline-flex;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--bg-secondary);}
.lang-switcher .lang-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;min-height:40px;transition:background .15s,color .15s;}
.lang-switcher .lang-btn:hover{color:var(--primary-color);}
.lang-switcher .lang-btn.active{background:var(--primary-color);color:#fff;}
.lang-switcher .lang-btn + .lang-btn{border-left:1px solid var(--border-color);}

/* Панель инструментов шапки (десктоп — без обёртки) */
.hdr-toolbar{display:contents;}
.hdr-toolbar-left{display:contents;}

/* Кнопка обновления — иконка + подпись */
.hdr-refresh-btn{display:inline-flex;align-items:center;gap:6px;}
.hdr-refresh-ico{font-size:16px;line-height:1;display:inline-block;}
.hdr-refresh-txt{font-size:13px;font-weight:600;}

/* ============================================================
   ПОЛНЫЙ СКИН ДАШБОРДА (раскладка/типографика как в макетах)
   ============================================================ */
html[data-theme] body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;}

/* Сайдбар */
html[data-theme] .wallet-grid{gap:0;}
html[data-theme] .sidebar{background:linear-gradient(180deg,var(--bg-secondary),var(--bg-color));border-right:1px solid var(--border-color);padding:20px 16px;display:flex;flex-direction:column;gap:4px;}
.mw-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px;}
.mw-ankh{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;box-shadow:0 8px 20px var(--acc-glow);}
.mw-bt{font-weight:800;font-size:18px;letter-spacing:.5px;color:var(--text-primary);}
.mw-bs{font-size:10px;color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;}
.mw-foot{margin-top:auto;padding:14px 10px 4px;font-size:11px;color:var(--text-secondary);border-top:1px solid var(--border-color);line-height:1.6;}

/* Кнопка выхода — мягкая, в тему (не «админская» красная) */
html[data-theme] #logoutBtn{width:100%;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);font-weight:600;}
html[data-theme] #logoutBtn:hover{background:transparent !important;border-color:var(--danger-color);color:var(--danger-color);opacity:1 !important;}

/* Навигация-пилюли */
html[data-theme] .nav-menu{gap:3px;}
html[data-theme] .nav-item{border-radius:11px;font-weight:600;font-size:14px;padding:11px 12px;}
html[data-theme] .nav-item.active{background:linear-gradient(135deg,var(--acc-glow),transparent);color:var(--primary-color);border:1px solid var(--primary-color);}

/* Контент */
html[data-theme] .content-area{padding:24px 30px 40px;min-width:0;width:100%;}
html[data-theme] .content-area h2{font-size:22px;font-weight:800;margin-bottom:16px;}
html[data-theme] .wallet-grid{width:100%;max-width:1400px;margin:0 auto;}

/* Аккаунт-шапка */
.mw-account{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:22px;}
.mw-net-panel{border:1px solid var(--border-color);border-radius:16px;background:var(--bg-secondary);padding:14px 16px;display:flex;flex-direction:column;gap:0;}
.mw-net-block{display:flex;flex-direction:column;gap:10px;}
.mw-net-block-title{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-secondary);opacity:.85;}
.mw-net-divider{height:1px;background:var(--border-color);margin:14px 0;opacity:.7;}
.mw-net-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.mw-net-block--alt{display:flex;flex-direction:column;align-items:stretch;gap:8px;}
.mw-net-alt-lab{flex:none;font-size:11px;line-height:1.4;color:var(--text-secondary);margin:0;}
.mw-net-row--coins,.mw-net-row--maat{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.mw-net-row--coins .network-btn,.mw-net-row--maat .network-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;padding:7px 8px;white-space:nowrap;}
.network-btn--maat{font-size:12px;padding:8px 12px;background:var(--bg-primary);color:var(--text-secondary);}
.network-btn--maat.active .mw-coin-ico{box-shadow:0 0 0 1px rgba(255,255,255,.35);}
@media (min-width:721px){
  .mw-net-block--alt{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;}
  .mw-net-alt-lab{flex:0 1 auto;max-width:46%;line-height:1.35;}
  .mw-net-row--coins{flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-end;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
}
.mw-coin-ico{width:18px;height:18px;flex:none;display:block;border-radius:50%;object-fit:cover;}
.mw-coin-lbl{line-height:1;font-weight:700;}
.network-btn{padding:10px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-primary);font-weight:700;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;}
.network-btn--alt{font-size:12px;padding:7px 10px;background:var(--bg-primary);color:var(--text-secondary);}
.network-btn--alt.active .mw-coin-ico{box-shadow:0 0 0 1px rgba(255,255,255,.35);}
.transfer-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.wallet-select{width:100%;padding:0.75rem 1rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-color);color:var(--text-primary);font-size:1rem;cursor:pointer;}
.form-hint{font-size:0.85rem;color:var(--text-secondary);margin:-0.25rem 0 1rem 0;}
.send-form-error{
  margin:0 0 1rem 0;padding:0.85rem 1rem;border-radius:10px;
  background:rgba(234,57,67,0.1);border:1px solid var(--danger-color);
  color:var(--danger-color);font-size:0.9rem;line-height:1.45;
}
.send-form-error.hidden{display:none !important;}
.receive-single-card{border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;background:var(--bg-secondary);}
@media (max-width:720px){
  .transfer-picker-grid{grid-template-columns:1fr;}
  .mw-net-panel{padding:12px 14px;}
  .mw-net-row--maat .network-btn{flex:1 1 calc(50% - 4px);min-width:0;font-size:11px;padding:9px 8px;}
  .mw-net-block--alt{flex-direction:column;align-items:stretch;gap:10px;}
  .mw-net-alt-lab{flex:none;width:100%;font-size:10px;line-height:1.45;}
  .mw-net-row--coins{flex:none;width:100%;flex-wrap:wrap;overflow-x:visible;gap:6px;}
  .mw-net-row--coins .network-btn{flex:1 1 calc(33.333% - 4px);min-width:72px;font-size:10px;padding:8px 6px;gap:4px;}
  .mw-coin-ico{width:16px;height:16px;}
}
.network-btn.active{border-color:var(--primary-color);color:#fff;background:var(--primary-color);}
.network-btn--alt.active{color:#fff;}
.mw-addr{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border-color);border-radius:12px;padding:10px 14px;background:var(--bg-secondary);font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--text-secondary);width:100%;box-sizing:border-box;}
.mw-addr-text{white-space:pre-wrap;word-break:break-all;line-height:1.6;letter-spacing:.2px;}
.mw-addr-text--eth{white-space:nowrap;word-break:normal;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mw-addr .btn-icon{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-secondary);flex:none;}

/* Hero-баланс */
.mw-hero{position:relative;overflow:hidden;border-radius:22px;padding:28px 30px;color:#fff;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary-color) 62%,var(--secondary-color) 150%);
  box-shadow:0 18px 40px var(--acc-glow);}
.mw-hero::after{content:"☥";position:absolute;right:8px;top:-40px;font-size:220px;color:rgba(255,255,255,.10);line-height:1;}
.mw-hero-lab{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.9;font-weight:700;position:relative;}
.mw-hero-bal{font-family:'JetBrains Mono',monospace;font-size:46px;font-weight:800;letter-spacing:-1px;margin:6px 0 2px;position:relative;}
.mw-hero-bal .currency{font-size:22px;opacity:.85;}
.mw-hero-usd{font-size:16px;opacity:.92;position:relative;}
.mw-hero-dao{font-size:13px;margin-top:8px;opacity:.92;position:relative;}
.mw-hero-acts{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;position:relative;}
.mw-hero-btn{padding:11px 18px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.15);color:#fff;}
.mw-hero-btn.primary{background:#fff;color:var(--primary-dark);border:none;}
.mw-hero .pending-balance{color:#fff;}
/* Читаемость на цветном hero: валюта и статус DAO — белым, поверх инлайн-цветов */
.mw-hero .currency{color:rgba(255,255,255,.85) !important;}
.mw-hero .mw-hero-dao,
.mw-hero #daoStatusLabel,
.mw-hero #daoStatusValue{color:#fff !important;}
/* Обсидиан: hero тёмный с золотом (а не залит золотом) */
html[data-theme="obsidian"] .mw-hero{background:linear-gradient(135deg,#15110a,#141b27 62%);border:1px solid #2a2615;color:var(--text-primary);}
html[data-theme="obsidian"] .mw-hero-bal{color:var(--primary-color);}
html[data-theme="obsidian"] .mw-hero-btn{background:rgba(255,255,255,.06);border-color:#2a3340;color:var(--text-primary);}
html[data-theme="obsidian"] .mw-hero-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#1a1206;}

/* Лента курсов */
.mw-ticker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;}
.mw-tk{border:1px solid var(--border-color);border-radius:14px;padding:13px 14px;background:var(--bg-secondary);position:relative;overflow:hidden;text-decoration:none;}
.mw-tk::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));}
.mw-tkk{font-size:10px;letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;}
.mw-tkv{font-size:18px;font-weight:800;margin-top:6px;color:var(--secondary-color);}
.mw-tk-uni{display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary-color);}
.mw-tk-uni::after{display:none;}

/* Карточки дашборда */
html[data-theme] .stat-card{border-radius:16px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 4px 14px var(--acc-glow);}
html[data-theme] .stat-value{font-family:'JetBrains Mono',monospace;}

/* Графики статистики кошельков */
.charts-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  min-width:0;
}
.charts-grid > .stat-card{min-width:0;}
.charts-grid .chart-container{width:100%;min-width:0;}
@media(max-width:720px){
  .charts-grid{grid-template-columns:1fr;gap:1.25rem;}
}

/* Обмен Mainnet ↔ ERC20 */
#view-bridge{width:100%;max-width:none;}
#view-bridge > p,#view-bridge .bridge-page-desc{max-width:none;line-height:1.55;}
.bridge-page-desc{color:var(--text-secondary);margin-bottom:1.5rem;}
.bridge-hub-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
  margin-bottom:2rem;
}
.bridge-hub-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.65rem;
  width:100%;
  padding:1.35rem 1.5rem;
  border:1.5px solid var(--border-color);
  border-radius:16px;
  background:var(--bg-secondary);
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color 0.2s,box-shadow 0.2s,transform 0.15s;
}
.bridge-hub-card:hover,.bridge-hub-card:focus-visible{
  border-color:var(--primary-color);
  box-shadow:0 8px 28px rgba(74,144,226,0.14);
  transform:translateY(-1px);
  outline:none;
}
.bridge-hub-card--alt:hover,.bridge-hub-card--alt:focus-visible{
  border-color:var(--secondary-color);
  box-shadow:0 8px 28px rgba(0,200,83,0.12);
}
.bridge-hub-card-dir{font-size:1.05rem;font-weight:800;line-height:1.35;color:var(--text-primary);}
.bridge-hub-card-badge{
  display:inline-block;
  font-size:0.78rem;
  font-weight:700;
  padding:0.25rem 0.55rem;
  border-radius:999px;
  letter-spacing:0.02em;
}
.bridge-hub-card-badge--fee{background:rgba(255,160,0,0.15);color:#e65100;border:1px solid rgba(255,160,0,0.45);}
.bridge-hub-card-badge--free{background:rgba(0,200,83,0.12);color:#00a152;border:1px solid rgba(0,200,83,0.35);}
html[data-theme="obsidian"] .bridge-hub-card-badge--fee{color:#ffb74d;}
html[data-theme="obsidian"] .bridge-hub-card-badge--free{color:#69f0ae;}
.bridge-hub-card-desc{font-size:0.9rem;line-height:1.5;color:var(--text-secondary);flex:1;}
.bridge-hub-card-cta{font-size:0.92rem;font-weight:700;color:var(--primary-color);margin-top:0.35rem;}
.bridge-hub-card--alt .bridge-hub-card-cta{color:var(--secondary-color);}
.bridge-modal-content.modal-content{
  max-width:640px;
  width:calc(100% - 24px);
  max-height:calc(100vh - 2rem);
  display:flex;
  flex-direction:column;
}
.bridge-modal-body{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-top:0.25rem;
}
.bridge-modal-body .bridge-picker-card,
.bridge-modal-body .bridge-grid,
.bridge-modal-body .bridge-panel,
.bridge-modal-body .bridge-form,
.bridge-modal-body .bridge-form-layout,
.bridge-modal-body .bridge-form-col{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.bridge-modal-body .bridge-picker-card{
  padding:0;
  margin-bottom:1rem;
  background:transparent;
  border:none;
  box-shadow:none;
}
.bridge-modal-body .bridge-grid{margin:0;gap:0.75rem;}
.bridge-modal-body .bridge-panel{padding:0;border:none;background:transparent;box-shadow:none;}
.bridge-modal-body .bridge-form-layout{grid-template-columns:1fr;gap:1rem;}
.bridge-modal-body .bridge-form-actions{
  justify-content:stretch;
  padding-top:0.25rem;
  width:100%;
}
.bridge-modal-body .bridge-form-actions .btn-large{
  width:100%;
  max-width:none;
  min-width:0;
}
.bridge-modal-body .bridge-callout,
.bridge-modal-body .bridge-addr-display,
.bridge-modal-body .form-group input[type="number"],
.bridge-modal-body .wallet-select{
  width:100%;
  max-width:none;
}
.bridge-modal-body .bridge-unsupported{
  padding:1rem;
  border-radius:12px;
  border:1px solid var(--border-color);
  background:var(--bg-secondary);
  margin-bottom:1rem;
}

/* Модалка «Отправить» */
.send-modal-content.modal-content{
  max-width:560px;
  width:calc(100% - 24px);
  max-height:calc(100vh - 2rem);
  display:flex;
  flex-direction:column;
}
.send-modal-body{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.send-modal-body .send-modal-form,
.send-modal-body .send-modal-picker,
.send-modal-body .transfer-picker-grid,
.send-modal-body .form-group,
.send-modal-body .form-group input,
.send-modal-body .wallet-select,
.send-modal-body .send-modal-submit,
.send-modal-body .send-form-error{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.send-modal-body .form-hint{margin:0 0 1rem;}
.send-modal-submit{margin-top:0.25rem;}
#sendTransactionTimerModal{z-index:1100;}
#bridgeTimerModal,#bridgeExchangeModal{z-index:1100;}
#sendModal{z-index:1050;}
#receiveModal{z-index:1050;}

/* Модалка «Получить» */
.receive-modal-content.modal-content{
  max-width:560px;
  width:calc(100% - 24px);
  max-height:calc(100vh - 2rem);
  display:flex;
  flex-direction:column;
}
.receive-modal-body{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.receive-modal-desc{
  margin:0 0 1rem;
  color:var(--text-secondary);
  font-size:0.92rem;
  line-height:1.55;
}
.receive-modal-body .transfer-picker-grid,
.receive-modal-body .receive-modal-card,
.receive-modal-body .receive-modal-picker,
.receive-modal-body .wallet-select,
.receive-modal-body .receive-modal-addr-wrap,
.receive-modal-body #receiveCopyBtn{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.receive-modal-picker{margin-bottom:1rem;}
.receive-modal-card{
  margin-top:0.25rem;
  text-align:center;
  padding:1.25rem 1rem 1.35rem;
}
.receive-modal-card-title{
  margin:0 0 0.85rem;
  color:var(--primary-color);
  font-size:1.05rem;
  font-weight:800;
}
.receive-modal-hint{
  font-size:0.78rem;
  color:var(--text-secondary);
  margin:0.5rem 0 0;
  line-height:1.45;
}
.receive-modal-addr-wrap{
  margin-top:0.85rem;
  display:flex;
  flex-direction:column;
  gap:0.65rem;
  align-items:stretch;
}
.receive-modal-addr{text-align:left;}
.receive-modal-body .qr-code-placeholder{
  display:flex;
  justify-content:center;
  margin:0;
}
.receive-modal-body .qr-code{
  width:168px;
  height:168px;
}

.bridge-picker-card{padding:1.35rem 1.75rem;margin-bottom:0;width:100%;max-width:none;}
.bridge-picker-card .transfer-picker-grid{grid-template-columns:1fr 1fr;gap:1.5rem;}
.bridge-unsupported{padding:1.25rem 1.5rem;width:100%;max-width:none;}
.bridge-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  margin-bottom:2rem;
  min-width:0;
  width:100%;
  max-width:none;
}
.bridge-panel{padding:1.75rem 2rem;width:100%;}
.bridge-panel > h3{font-size:1.2rem;margin-bottom:0.65rem !important;}
.bridge-panel > p{margin-bottom:1.35rem !important;}
.bridge-history{padding:2rem;margin-top:2rem;width:100%;max-width:none;}
#view-bridge .bridge-grid > .bridge-panel{min-width:0;}
#view-bridge .bridge-form{max-width:none;width:100%;}
.bridge-form-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1.5rem 2rem;
  width:100%;
  align-items:start;
}
.bridge-form-col{display:flex;flex-direction:column;gap:1rem;min-width:0;}
.bridge-form-actions{
  grid-column:1 / -1;
  padding-top:0.35rem;
  display:flex;
  justify-content:flex-start;
}
.bridge-form-actions .btn-large{
  width:auto;
  max-width:min(100%,420px);
  min-width:240px;
  padding-left:1.75rem;
  padding-right:1.75rem;
}
.bridge-submit-btn{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%) !important;}
.bridge-addr-display{
  background:var(--bg-tertiary);
  border:1px solid var(--border-color);
  border-radius:12px;
  padding:0.9rem 1rem;
  word-break:break-all;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:0.82rem;
  line-height:1.5;
  color:var(--text-primary);
}
.bridge-callout{
  border-radius:12px;
  padding:0.9rem 1rem;
  font-size:0.91rem;
  line-height:1.55;
}
.bridge-callout span:not(strong){opacity:0.85;}
.bridge-callout--warn{background:rgba(255,160,0,0.13);border:1.5px solid #ffa000;}
.bridge-callout--ok{background:rgba(0,200,83,0.10);border:1.5px solid #00c853;}
.bridge-callout--preview{background:rgba(74,144,226,0.09);border:1px solid rgba(74,144,226,0.4);font-size:0.95rem;}
.bridge-callout--ok.bridge-callout--preview{background:rgba(0,200,83,0.09);border-color:rgba(0,200,83,0.4);}
.bridge-callout--info{background:rgba(255,243,205,0.55);border:1px solid #ffc107;color:#856404;}
html[data-theme="obsidian"] .bridge-callout--info{background:rgba(255,193,7,0.12);color:var(--text-primary);}
.bridge-callout strong{font-weight:800;}
#bridgeMaatReceiveAmount{color:var(--primary-color,#4a90e2);}
#bridgeErc20ReceiveAmount{color:#00c853;}
.bridge-callout-muted{opacity:0.7;}
#view-bridge .form-group input[type="number"]{
  font-size:1.1rem;
  padding:0.85rem 1rem;
  border-radius:12px;
}
.bridge-history-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin-top:1rem;
}
.bridge-history-table-wrap table{min-width:540px;}
@media(max-width:900px){
  .bridge-form-layout{grid-template-columns:1fr;gap:1.15rem;}
  .bridge-picker-card .transfer-picker-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  #view-bridge{margin-top:0;overflow-x:clip;}
  #view-bridge > h2{margin-bottom:0.75rem !important;font-size:1.15rem;line-height:1.35;}
  #view-bridge > p,#view-bridge .bridge-page-desc{margin-bottom:1rem !important;font-size:0.88rem;line-height:1.5;}
  .bridge-hub-grid{grid-template-columns:1fr;gap:0.85rem;margin-bottom:1.25rem;}
  .bridge-hub-card{padding:1rem 1.05rem;border-radius:14px;}
  .bridge-hub-card-dir{font-size:0.98rem;}
  .bridge-hub-card-desc{font-size:0.86rem;}
  .bridge-modal-content{width:calc(100% - 16px);max-height:calc(100vh - 1rem);}
  .send-modal-content,.receive-modal-content{width:calc(100% - 16px);max-height:calc(100vh - 1rem);}
  .send-modal-picker .transfer-picker-grid,.receive-modal-picker .transfer-picker-grid{grid-template-columns:1fr;}
  .receive-modal-card{padding:1rem 0.85rem 1.1rem;}
  .bridge-picker-card{padding:1rem 1rem;margin-top:0 !important;}
  .bridge-picker-card .transfer-picker-grid{gap:0.85rem;}
  .bridge-picker-card .form-group{margin-bottom:0;}
  .bridge-picker-card .wallet-select{font-size:16px;min-height:46px;}
  .bridge-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem !important;margin-top:0.85rem !important;}
  .bridge-panel{padding:1rem 0.95rem;border-radius:14px;}
  .bridge-panel > h3{font-size:1rem !important;line-height:1.35;margin-bottom:0.5rem !important;}
  .bridge-panel > p{font-size:0.86rem !important;margin-bottom:1rem !important;line-height:1.45;}
  .bridge-form-layout{gap:0.95rem;}
  .bridge-form-col{gap:0.85rem;}
  .bridge-addr-display{
    font-size:0.72rem;
    padding:0.75rem 0.8rem;
    border-radius:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    word-break:break-all;
  }
  .bridge-callout{font-size:0.86rem;padding:0.8rem 0.9rem;border-radius:10px;}
  .bridge-callout--preview{font-size:0.88rem;}
  .bridge-form-actions{
    padding-top:0.5rem;
    margin-top:0.15rem;
    justify-content:stretch;
  }
  .bridge-history{padding:1rem 0.95rem;margin-top:1rem;border-radius:14px;}
  #view-bridge .btn-large{
    font-size:0.86rem;
    white-space:normal;
    line-height:1.4;
    padding:0.9rem 0.85rem;
    min-height:50px;
    border-radius:12px;
  }
  #view-bridge .form-group{margin-bottom:0;}
  #view-bridge .form-group label{font-size:0.88rem;}
  #view-bridge .form-group small{font-size:0.78rem;line-height:1.4;word-break:break-word;}
  #view-bridge .form-group input[type="number"]{
    font-size:16px;
    min-height:46px;
    padding:0.8rem 0.9rem;
  }
  #view-bridge .bridge-form-actions .btn-large{width:100%;max-width:none;min-width:0;padding-left:0.85rem;padding-right:0.85rem;}
}
@media(max-width:420px){
  #view-bridge > h2{font-size:1.05rem;}
  .bridge-panel{padding:0.9rem 0.8rem;}
  .bridge-picker-card{padding:0.9rem 0.8rem;}
  .bridge-addr-display{font-size:0.68rem;}
  .bridge-callout{font-size:0.82rem;}
  #view-bridge .btn-large{font-size:0.82rem;padding:0.85rem 0.75rem;}
}

/* Купить / пополнить MAAT */
.invest-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-bottom:1.5rem;
  min-width:0;
}
.invest-stats-grid > .stat-card{min-width:0;padding:1rem;text-align:center;}
.invest-why-card{padding:2rem;margin-top:2rem;}
.invest-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
  min-width:0;
}
.invest-why-grid > div{min-width:0;}
@media(max-width:900px){
  .invest-stats-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
  .invest-why-grid{grid-template-columns:1fr;gap:1rem;}
  .invest-why-card{padding:1.25rem 1rem;margin-top:1.25rem;}
  .invest-why-grid > div{padding:0.75rem 0.5rem;}
  #view-invest h2{font-size:1.2rem;line-height:1.35;}
}
@media(max-width:420px){
  .invest-stats-grid{grid-template-columns:1fr;}
}

@media(max-width:720px){
  #view-dao #daoViewTitle{scroll-margin-top:calc(var(--wallet-scroll-offset, 72px) + 8px);}
}

/* Прятать аккаунт-шапку в полноэкранной бирже */
body.market-fullscreen .mw-account{display:none !important;}

@media(max-width:980px){ .mw-ticker{grid-template-columns:1fr 1fr;} .mw-hero-bal{font-size:38px;} }
@media(max-width:720px){ html[data-theme] .wallet-grid{grid-template-columns:1fr;} }

/* Сворачиваемое боковое меню на мобилке */
.sidebar-nav-toggle{
  display:none;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 4px;
  padding:12px 14px;
  border:1px solid var(--border-color);
  border-radius:12px;
  background:var(--bg-tertiary);
  color:var(--text-primary);
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  text-align:left;
}
.sidebar-nav-toggle-ico{
  flex:none;
  font-size:11px;
  color:var(--text-secondary);
  transition:transform .2s;
}
.sidebar.nav-open .sidebar-nav-toggle-ico{transform:rotate(180deg);}
@media(max-width:720px){
  html[data-theme] .sidebar{
    padding:12px 14px 10px;
    border-right:none;
    border-bottom:1px solid var(--border-color);
  }
  .sidebar-nav-toggle{display:flex;}
  .sidebar:not(.nav-open) .nav-menu,
  .sidebar:not(.nav-open) .mw-foot{display:none;}
  .sidebar.nav-open .nav-menu{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin-top:6px;
    padding-top:8px;
    border-top:1px solid var(--border-color);
  }
  .sidebar .mw-brand{padding-bottom:10px;}
}

/* ===== Мобильная адаптация шапки и стартового экрана ===== */
@media(max-width:680px){
  .app-main{padding:0 14px;}
  .app-header{padding:14px 14px 16px;}
  .header-content{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    max-width:none;
  }
  .logo{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .logo h1{font-size:1.55rem;margin:0 0 2px;}
  .logo .subtitle{font-size:0.82rem;letter-spacing:.04em;}

  /* Панель инструментов: 3 колонки — основное | язык | статус; refresh под язык+статус */
  .header-actions{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    grid-template-rows:auto auto;
    gap:8px;
    width:100%;
    padding:12px;
    background:var(--bg-tertiary);
    border:1px solid var(--border-color);
    border-radius:16px;
    align-items:stretch;
  }
  .hdr-leading{
    grid-column:1 / -1;grid-row:1;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    gap:8px;width:100%;min-width:0;align-items:center;
  }
  #headerBalance{
    grid-column:1;min-width:0;align-items:flex-start;
    padding:5px 8px;overflow:hidden;
  }
  #walletLangSwitcher{grid-column:2;}
  .hdr-leading #connectionStatus{grid-column:3;}
  .hdr-balance-main{
    font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;
  }
  .hdr-balance-usd{
    font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .hdr-leading .lang-switcher{width:auto;flex:none;}
  .hdr-leading .lang-switcher .lang-btn{
    flex:0 0 auto;
    padding:7px 11px !important;
    font-size:13px !important;
    min-height:34px;
    min-width:38px;
  }
  .hdr-leading #connectionStatus{
    flex:0 0 auto;
    min-height:34px;
    min-width:34px;
    width:auto;
    padding:0 8px !important;
    justify-content:center;
    border-radius:10px;
    background:var(--bg-secondary);
    border:1px solid var(--border-color);
  }
  .hdr-leading #connectionStatus #statusText{display:none;}
  .hdr-leading #statusIndicator{font-size:16px !important;}

  .hdr-toolbar{
    display:grid;
    grid-column:1 / -1;grid-row:2;
    grid-template-columns:minmax(0, 1fr) auto auto;
    gap:8px;align-items:stretch;
  }
  .hdr-toolbar-left{
    display:flex;gap:8px;grid-column:1;min-width:0;align-items:stretch;
  }
  .hdr-toolbar-left > *{flex:1;min-width:0;}
  .hdr-toolbar .theme-switch{
    justify-content:center;
    padding:6px 4px !important;
    min-height:44px;
    width:100%;
    gap:5px;
  }
  .hdr-toolbar .theme-switch button{width:24px !important;height:24px !important;}
  .hdr-toolbar #daoHeaderBtn{
    min-height:44px;
    padding:8px 4px !important;
    font-size:12px !important;
    font-weight:700;
    white-space:nowrap;
    display:flex;align-items:center;justify-content:center;
  }
  .hdr-toolbar #settingsBtn{
    min-height:44px;
    padding:0 !important;
    font-size:20px !important;
    display:flex;align-items:center;justify-content:center;
  }
  .hdr-toolbar .hdr-refresh-btn{
    grid-column:2 / 4;
    width:100%;
    min-height:44px;
    padding:0 10px !important;
    justify-content:center;
    display:flex;align-items:center;
  }
  .hdr-refresh-txt{display:none;}
  .hdr-refresh-ico{font-size:22px;}

  /* Стартовый/велком экран */
  .setup-container{padding:1rem 14px;}
  .setup-card{max-width:100%;width:100%;padding:1.6rem 1.25rem;border-radius:18px;}
  .setup-card h2{font-size:1.35rem;line-height:1.3;}
  .setup-card .btn-large{min-height:50px;font-size:16px;}

  /* Контент кошелька */
  html[data-theme] .content-area{padding:16px 14px 32px;overflow-x:clip;}
  .mw-hero{padding:22px 18px;}
  .mw-hero-bal{font-size:34px;}
  .mw-account{gap:10px;}
  .mw-addr{max-width:100%;}
  .stats-grid{grid-template-columns:1fr 1fr !important;gap:0.85rem;}
  .stats-grid .stat-card{padding:1rem 0.9rem;}
  .stats-grid .stat-value{font-size:1.15rem;}
  .charts-section h3{font-size:1rem;margin-bottom:1rem !important;}
  .dashboard-chain-stats{margin-top:1rem !important;}
}
@media(max-width:420px){
  .stats-grid{grid-template-columns:1fr !important;}
  .mw-hero-acts .mw-hero-btn{flex:1 1 100%;}
  #daoHeaderBtn{padding:10px 12px !important;font-size:13px !important;}
}