/* Отдельная мобильная оболочка. Сценарии и данные загружаются из общего app.js. */
body.mobile-standalone { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
.mobile-standalone .app-shell { display:block; }
.mobile-standalone .sidebar {
  position:fixed; z-index:12; inset:auto 0 0; transform:none; width:100%; height:calc(70px + env(safe-area-inset-bottom));
  min-height:0; padding:0 4px env(safe-area-inset-bottom); display:block; background:var(--brand-dark); box-shadow:0 -5px 18px rgba(10,29,19,.16);
}
.mobile-standalone .brand { display:none; }
.mobile-standalone .nav { display:flex; align-items:stretch; justify-content:space-between; gap:0; width:100%; height:70px; overflow-x:auto; }
.mobile-standalone .nav-item { min-width:62px; flex:1 0 auto; height:62px; margin-top:4px; padding:5px 3px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; text-align:center; font-size:9px; border-radius:8px; }
.mobile-standalone .nav-item i { width:auto; height:18px; font-size:17px; line-height:18px; }
.mobile-standalone .nav-item b { position:absolute; margin:-26px 0 0 30px; min-width:16px; padding:1px 4px; font-size:9px; }
.mobile-standalone .sidebar-bottom { position:fixed; top:8px; right:10px; z-index:14; margin:0; }
.mobile-standalone .role-picker { border:0; margin:0; padding:0; }
.mobile-standalone .role-picker span { display:none; }
.mobile-standalone .role-picker select { min-width:92px; border-color:#d5e2d9; color:var(--ink); background:#fff; padding:6px 8px; font-size:11px; }
.mobile-standalone .main-content { width:100%; }
.mobile-standalone .topbar { position:sticky; height:56px; padding:0 14px; }
.mobile-standalone .topbar .crumbs { max-width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mobile-standalone .mobile-menu, .mobile-standalone .mobile-link { display:none; }
.mobile-standalone .page { padding:18px 13px 28px; }
.mobile-standalone .page-header { margin-bottom:17px; }
.mobile-standalone .page-header > div:first-child { flex-direction:column; align-items:flex-start; gap:2px; }
.mobile-standalone .page-header h1 { font-size:23px; }
.mobile-standalone .page-header p { font-size:12px; line-height:1.4; }
.mobile-standalone .role-banner { align-items:flex-start; margin-top:-5px; line-height:1.35; }
.mobile-standalone .metrics { grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.mobile-standalone .metrics > :last-child:nth-child(5) { grid-column:1 / -1; }
.mobile-standalone .metric-card { min-height:92px; padding:12px; }
.mobile-standalone .metric-value { font-size:18px; }
.mobile-standalone .metric-foot { font-size:10px; }
.mobile-standalone .dashboard-grid, .mobile-standalone .two-cols, .mobile-standalone .three-cols { grid-template-columns:1fr; gap:11px; }
.mobile-standalone .panel { padding:14px; border-radius:10px; }
.mobile-standalone .panel h2 { font-size:14px; }
.mobile-standalone .object-hero { padding:15px; margin-bottom:13px; border-radius:10px; }
.mobile-standalone .object-hero h1 { font-size:22px; }
.mobile-standalone .object-meta { line-height:1.65; }
.mobile-standalone .object-meta span { display:block; margin-right:0; }
.mobile-standalone .object-actions { width:100%; }
.mobile-standalone .object-actions .button { flex:1; }
.mobile-standalone .mini-metrics { grid-template-columns:repeat(2,1fr); gap:8px; }
.mobile-standalone .mini-metric { padding:11px; }
.mobile-standalone .tabs { margin-left:-13px; margin-right:-13px; padding:0 13px; margin-bottom:14px; }
.mobile-standalone .tab { padding:10px 9px; font-size:12px; }
.mobile-standalone .filterbar { gap:6px; }
.mobile-standalone .filterbar input { flex-basis:100%; width:100%; }
.mobile-standalone .filterbar select { flex:1; min-width:0; max-width:48%; }
.mobile-standalone .data-table { min-width:590px; }
.mobile-standalone .data-table-wrap { margin:0 -14px; padding:0 14px; }
.mobile-standalone .drawer { width:100%; padding:19px 15px calc(22px + env(safe-area-inset-bottom)); }
.mobile-standalone .modal-backdrop { align-items:end; padding:0; }
.mobile-standalone .modal { width:100%; max-height:90vh; border-radius:16px 16px 0 0; padding:18px 15px calc(18px + env(safe-area-inset-bottom)); }
.mobile-standalone .form-grid { grid-template-columns:1fr; gap:10px; }
.mobile-standalone .form-grid .full { grid-column:auto; }
.mobile-standalone .field-overlay { padding:0; align-items:end; }
.mobile-standalone .phone { width:100%; min-height:0; height:84vh; padding:0; border:0; border-radius:22px 22px 0 0; background:var(--canvas); box-shadow:none; }
.mobile-standalone .phone::before { display:none; }
.mobile-standalone .phone-notch { top:0; }
.mobile-standalone .toast { left:14px; right:14px; bottom:calc(82px + env(safe-area-inset-bottom)); text-align:center; }
@media (max-width:360px) { .mobile-standalone .nav-item { min-width:54px; font-size:8px; }.mobile-standalone .nav-item i { font-size:15px; } }