/* Mobile responsive layer (v1) */

html.crm-nav-lock{overflow:hidden;}

.mobile-nav-toggle{display:none;}
.mobile-nav-overlay{display:none;}

@media (max-width: 760px){
  .content{padding:14px;}
  .card{padding:14px;}

  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important;}

  .mobile-nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:14px;
    border:1px solid var(--border);
    background:var(--panel);
    box-shadow:var(--shadow);
    cursor:pointer;
    user-select:none;
    font-size:18px;
    line-height:1;
  }

  .topbar-lite{align-items:flex-start;}
  .topbar-lite .hello h1{font-size:24px;}
  .topbar-lite .hello .desc{display:none;}
  .clock-ams .tz{display:none;}
  .fx-card{min-width:132px;padding:8px 10px;}
  .fx-card__rate{font-size:19px;}
  .fx-card__meta{font-size:10px;}
  .userbox summary .name{display:none;}

  .layout{grid-template-columns:1fr;}

  .sidebar{
    display:flex !important;
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:min(320px, 86vw);
    max-width:320px;
    transform:translateX(-110%);
    transition:transform .18s ease;
    z-index:120;
    box-shadow:0 22px 60px rgba(0,0,0,.18);
  }

  /* restore full sidebar labels/categories on mobile (app.css collapses at <=1100px) */
  .sidebar .label,
  .sidebar .group-title,
  .sidebar .sb-search{display:block !important;}

  .sidebar .nav-item{justify-content:flex-start;}
  .sidebar .group-toggle{justify-content:space-between;}

  body.is-nav-open .sidebar{transform:translateX(0);}

  .mobile-nav-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
    z-index:110;
  }

  body.is-nav-open .mobile-nav-overlay{opacity:1;pointer-events:auto;}

  .table-wrap{max-width:100%;}

  .content input,
  .content select,
  .content textarea{font-size:16px;}

  .filters,
  .filters-row,
  .filters__row,
  .filters__form .filters__row{grid-template-columns:1fr !important;}

  .filters{gap:10px;}

  .details-s1-64c33b{grid-template-columns:1fr !important;}
  .details-s19-620ee6{grid-template-columns:1fr !important;}
  .details-s21-846de6{grid-template-columns:1fr !important;}

  .details-log-diff-row{grid-template-columns:minmax(72px,.7fr) minmax(0,1fr) auto minmax(0,1fr) !important;}
  .details-log-diff-row--value{grid-template-columns:minmax(72px,.7fr) minmax(0,2fr) !important;}
  .details-log-old,.details-log-new{max-width:100% !important;}

  .details-menu-panel{position:static !important;width:100% !important;max-width:none !important;min-width:0 !important;box-shadow:none !important;}

  .create-s7-4dbcc8,
  .create-sx1-4dbcc8,
  .fees-box .fee-row{grid-template-columns:1fr !important;}
}

@media (max-width: 420px){
  .clock-ams{display:none;}
  .fx-strip{width:100%;}
  .fx-card{flex:1 1 100%;min-width:0;}
}