/* BEYOND CORE — мобильная версия: нижняя панель вкладок, листы вместо окон, карточки вместо таблиц */
.tabbar,.m-search{display:none}

@media (max-width:900px){
  html{-webkit-text-size-adjust:100%}
  body{overscroll-behavior-y:none}
  /* поля ≥16px — iPhone не увеличивает страницу при вводе */
  input,select,textarea,.inp,.sel{font-size:16px!important}
  .main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .foot{display:none}
  .view{padding:14px 14px 24px}
  .top{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));gap:8px}
  .top-title h1{font-size:15px;letter-spacing:.2px}
  .pal-btn,#topBalance{display:none}

  /* нижняя панель вкладок */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:260;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(var(--bg-rgb),.94);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--line)}
  .tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;font-size:10.5px;font-weight:600;color:var(--txt3);-webkit-tap-highlight-color:transparent}
  .tab svg{width:21px;height:21px}
  .tab.active{color:#fff}
  .tab.active svg{color:var(--vio);filter:drop-shadow(0 0 8px rgba(var(--a2l-rgb),.6))}
  .tab:active{background:rgba(var(--a1-rgb),.15)}
  .tab-b{position:absolute;top:2px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--a3);color:#fff;font:700 10px/17px var(--fb);font-style:normal;text-align:center}

  /* поиск: значок → строка на всю ширину шапки */
  .m-search{display:grid}
  .top-search{display:none}
  .top.search-open .top-search{display:block;position:absolute;left:10px;right:10px;top:max(8px,env(safe-area-inset-top));width:auto;z-index:5}
  .top.search-open .search-in{background:rgba(var(--sf-rgb),.98)}
  .top.search-open .pop{min-width:0;max-height:70vh}
  .notif-wrap{margin-left:0}
  .notif-wrap .pop{position:fixed;left:10px;right:10px;top:64px;width:auto;max-height:70vh}

  /* меню справа‑налево поверх, тап по пунктам крупнее */
  .side{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .nav-item{padding:12px 12px}

  /* окна → листы снизу */
  .modal-overlay{align-items:flex-end;padding:0}
  .modal{max-width:none;border-radius:22px 22px 0 0;max-height:92dvh;padding:18px 16px calc(16px + env(safe-area-inset-bottom));animation:sheetUp .28s cubic-bezier(.2,.8,.2,1)}
  .modal::before{content:'';display:block;width:42px;height:5px;border-radius:99px;background:rgba(255,255,255,.18);margin:-6px auto 12px}
  .modal-f{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(15,8,40,0),var(--sf2) 30%);padding:14px 0 calc(4px + env(safe-area-inset-bottom));margin-top:8px}
  .modal-f .btn{flex:1 1 auto;justify-content:center;min-height:44px}
  .modal-f .sp{display:none}
  .drawer{width:100vw;padding:16px 14px calc(20px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
  .palette-ov{padding:10px}

  /* кнопки и переключатели под палец */
  .btn{min-height:40px}
  .ib{width:36px;height:36px}
  .toolbar{gap:8px}
  .toolbar .seg,.inv-tabs .seg,.mk-tabs .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .toolbar .seg::-webkit-scrollbar{display:none}
  .toolbar.filters{padding:8px}
  .toolbar.filters .sel{flex:1 1 140px}
  .quick-acts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -14px 14px;padding:0 14px}
  .quick-acts .btn{flex-shrink:0}
  .inv-g-a{display:inline-flex}

  /* шапка мини‑приложения */
  .app-head{gap:12px}
  .app-head .app-ic.lg{width:46px;height:46px}
  .app-head-r{width:100%}
  .mode-seg{display:none}
  body.app-full .top{margin-top:0;opacity:1;pointer-events:auto}
  body.app-full .app-head{position:static}
  body.app-full #view{padding-top:14px}

  /* сделки: колонки листаются пальцем */
  .kanban{grid-template-columns:repeat(4,86vw);scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 8px;scroll-padding:0 14px}
  .kcol{scroll-snap-align:start;min-height:200px}

  /* чаты на весь экран между шапкой и вкладками */
  .chat-wrap{height:calc(100dvh - 64px - 62px - env(safe-area-inset-bottom) - 28px);min-height:0;border-radius:16px}

  /* склад */
  .inv-bar .search-in{order:-1;flex:1 1 100%}
  .chip-store{display:none}
}

@media (max-width:700px){
  .kpi-grid{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:13px}
  .kpi-v{font-size:19px}
  .card{padding:15px;border-radius:16px}
  .card.p0{padding:0}
  .card-h{flex-wrap:wrap;gap:6px}
  .grid-2,.grid-3,.grid-2-1{gap:12px}
  .chart svg{height:190px}
  .onboard{padding:16px}

  /* таблицы → карточки */
  .tscroll{overflow:visible}
  .tbl{min-width:0}
  .tbl,.tbl tbody{display:block}
  .tbl thead{display:none}
  .tbl tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:13px 14px;border-bottom:1px solid var(--line)}
  .tbl tr:last-child{border-bottom:none}
  .tbl tr:hover td{background:none}
  .tbl td{display:block;padding:0;border:none;text-align:left!important;min-width:0;font-size:13.5px}
  .tbl td[data-l]::before{content:attr(data-l);display:block;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--txt3);margin-bottom:2px}
  .tbl td:first-child,.tbl td[colspan],.tbl td.td-name{grid-column:1/-1}
  .tbl td:first-child::before,.tbl td.td-name::before{display:none}
  .tbl td:last-child:has(.row-acts){grid-column:1/-1}
  .tbl .row-acts{justify-content:flex-start;gap:6px;flex-wrap:wrap}
  .tbl .row-acts .ib{width:40px;height:40px}
  .tbl small{display:inline;margin-left:4px}
  .inv-tbl td.cb-col{position:absolute;top:14px;right:14px;grid-column:auto;width:auto}
  .inv-tbl td.td-name{padding-right:34px}
  .inv-tbl tr.grp-row{display:flex;align-items:center;gap:10px;padding:10px 14px}
  .inv-tbl tr.grp-row td.cb-col{position:static}
  .grp-tg{flex-wrap:wrap}
  .grp-tg .muted{margin-left:0;width:100%}
  .cell-in{width:100%;text-align:left}
  .table-foot{flex-direction:column;align-items:flex-start;gap:4px}
  .bulk-bar{position:sticky;top:60px}
  .bulk-bar select{flex:1 1 100%}
}

@media (max-width:380px){
  .kpi-grid{grid-template-columns:1fr}
  .tab span{font-size:9.5px}
}

@keyframes sheetUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (hover:none){
  .mk-card:hover{transform:none}
  .tbl tr:hover td{background:none}
}
@media (max-width:900px){
  .top-title{flex:1;min-width:0}
  .conn-item{flex-wrap:wrap;row-gap:10px}
  .conn-item .li-b{flex:1 1 calc(100% - 60px)}
  .conn-item>.toggle{margin-left:auto}
  .composer textarea::placeholder,.composer input::placeholder{font-size:14px}
}

/* ===== Телефон: всё кликабельно и ничего не съезжает ===== */
@media (max-width:900px){
  .seg button{min-height:40px;padding:8px 12px}
  .chip{min-height:36px;padding:7px 13px}
  .tc-tabs button{min-height:42px}
  .cbx{position:relative}
  .cbx::after{content:'';position:absolute;inset:-11px}
  .toggle{position:relative}
  .toggle::before{content:'';position:absolute;inset:-9px -4px}
  .ib{width:38px;height:38px}
  .inv-g-a .ib{width:34px;height:34px}
  .breadcrumbs a{display:inline-block;padding:8px 0}
  .link{display:inline-block;padding:6px 0}
  .tbl b[data-a],.li b[data-a],.task b,.trow b{display:inline-block;padding:6px 0}
  /* маркет: вкладки во всю ширину, баланс отдельной строкой */
  .mk-tabs{flex-wrap:wrap;gap:10px}
  .mk-tabs .seg{flex:1 1 100%;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-tabs .seg button{white-space:normal;line-height:1.2;font-size:12px;padding:6px 4px}
  .balance-big{margin-left:0}
  /* плашка демо — компактная */
  .sb-bar{padding:8px 10px;gap:8px;font-size:12.5px;flex-wrap:nowrap}
  .sb-bar span{min-width:0}
  .sb-long{display:none}
  .sb-short{display:inline!important}
  .sb-bar .btn{flex-shrink:0;min-height:34px;padding:6px 10px;font-size:12px}
  /* показатели: 2 в ряд, компактно */
  .kpi-grid,.kpi-grid.three{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:12px}
  .kpi-h{margin-bottom:8px}
  .kpi-ic{width:32px;height:32px}
  .kpi-ic svg{width:16px;height:16px}
  .kpi-v{font-size:18px}
  .kpi-l{font-size:12px}
  .kpi-s{font-size:11px}
  .app-head-r .muted{display:none}
}
@media (max-width:380px){.kpi-grid,.kpi-grid.three{grid-template-columns:1fr 1fr}.kpi-v{font-size:16px}}
@media (max-width:900px){.loyal-ops .btn.sm{min-width:40px}}