/* CH OS V55 — Mobile / Tablet stabilization */
html{scroll-behavior:smooth} body{overflow-x:hidden}.mobile-sidebar-backdrop{display:none}
@media (max-width: 1180px){.main-content{padding:20px}.ch-grid,.dashboard-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.ch-table,table{min-width:720px}}
@media (max-width: 820px){
  .sidebar{position:fixed!important;left:0;top:0;bottom:0;width:292px;max-width:86vw;z-index:1002;transform:translateX(-105%);transition:transform .22s ease;box-shadow:28px 0 60px rgba(0,0,0,.42)}
  .sidebar.open,.sidebar.sidebar-open{transform:translateX(0)!important}.sidebar-nav{padding-bottom:90px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-footer{position:sticky;bottom:0;background:rgba(10,10,12,.96);backdrop-filter:blur(12px)}
  .mobile-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:1001}.mobile-sidebar-backdrop.show{display:block}
  .main-wrapper{margin-left:0!important;width:100%!important;min-width:0}.topbar{position:sticky;top:0;z-index:800;padding:12px 14px;gap:10px;backdrop-filter:blur(18px)}.topbar-left{min-width:0}.page-title{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:6px;flex-wrap:nowrap}.mobile-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:12px}.ch-lang-switch{gap:4px}.ch-lang-link{padding:6px 8px;font-size:12px}
  .main-content{padding:14px!important}.ch-grid,.dashboard-grid,.stats-grid,.cards-grid{grid-template-columns:1fr!important;gap:12px!important}.ch-card,.card,.stat-card{border-radius:16px!important;padding:15px!important}.ch-card h3,.card h3{font-size:17px}.ch-form,.form-grid{gap:10px}.ch-two,.two-col,.form-row{grid-template-columns:1fr!important}.ch-form input,.ch-form textarea,.ch-form select,.form-input,.form-select,textarea,input,select{font-size:16px!important;max-width:100%}.btn,.ch-btn,button{min-height:42px}.actions,.btn-group{display:flex;flex-wrap:wrap;gap:8px}.actions .btn,.btn-group .btn,.actions .ch-btn{flex:1 1 auto;justify-content:center}.modal,.drawer{max-width:calc(100vw - 24px)!important}.table-responsive,.overflow-x-auto{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{font-size:13px}.hide-mobile{display:none!important}
}
@media (max-width: 520px){.creativehub-sidebar-logo-full{width:148px!important}.main-content{padding:12px!important}.page-title{font-size:16px}.topbar{padding:10px}.ch-card,.card{padding:13px!important}.ch-output,pre,code{white-space:pre-wrap;word-break:break-word}.login-card{width:min(94vw,420px)!important;padding:22px!important}.login-brand{gap:12px}.login-title{font-size:24px}}
@media print{.sidebar,.topbar,.mobile-sidebar-backdrop,.mobile-menu-btn,.no-print{display:none!important}.main-wrapper,.main-content{margin:0!important;padding:0!important;width:100%!important}body{background:#fff!important;color:#111!important}}
/* CH OS V58 — mobile fixes for guide/integration pages */
@media(max-width:900px){.guide-grid{grid-template-columns:1fr!important}.guide-card,.guide-hero{padding:16px!important;border-radius:18px!important}.guide-code{font-size:12px;white-space:pre-wrap}.main-content{overflow-x:hidden}}