/* Responsive tweaks layered on top of style.css */

/* Mobile backdrop when sidebar is open */
#sidebar-backdrop{
  display:none; position:fixed; inset:0; background:rgba(12,40,64,.45); z-index:1032;
}
body.sidebar-open #sidebar-backdrop{display:block}
@media(min-width:992px){#sidebar-backdrop{display:none !important}}

@media(min-width:992px) and (max-width:1200px){
  :root{--sidebar-w:256px}
  .header-search{flex-basis:320px}
}

@media(max-width:767px){
  :root{--header-h:66px}
  .header-search{display:none}
  .header-icon-btn.hide-sm{display:none}
  #app-main{padding:18px 14px 40px}
  .page-head h1{font-size:19px}
  .page-head{margin-bottom:18px}
  .gov-card .gov-card-header{padding:18px 18px 4px}
  .gov-card .gov-card-body{padding:16px 18px 18px}
  .table-toolbar{flex-direction:column; align-items:stretch}
  .table-toolbar .search-box{max-width:none}
  .kpi-card{padding:16px}
  .kpi-card .kpi-value{font-size:22px}
  #app-footer{flex-direction:column; text-align:center; padding:14px}
  .otp-inputs input{width:38px; height:46px; font-size:17px}
  .gov-stepper{display:none} /* replaced by compact current-step label on mobile */
  .gov-stepper-mobile{display:block !important}
  .welcome-banner{padding:24px}
  .welcome-banner h2{font-size:22px}
  .welcome-banner .wb-art{opacity:.25; max-width:70%}
}

.gov-stepper-mobile{display:none; background:var(--sky-50); color:var(--navy-900); border-radius:10px; padding:10px 14px; font-size:13px; font-weight:600; margin-bottom:16px}

/* Module launcher cards on narrow screens */
@media(max-width:575px){
  .module-card{min-height:0; padding:0 20px 22px}
  .mc-tag{margin:0 -20px; padding:22px 20px 0 0}
  .mc-icon{margin-top:24px}
  .module-card h3{font-size:21px}
  .mc-lead{font-size:14.5px}
  .mc-cta{min-width:0; padding:12px 20px; font-size:13px}
  .module-section-title{font-size:16px}
}

@media(max-width:991px){
  .gov-auth-card{max-width:100%}
}

/* Print styles for RO/orders/certificates */
@media print{
  #app-header,#app-sidebar,#app-footer,#sidebar-backdrop,.page-head-actions,.table-toolbar,.no-print{display:none !important}
  #app-main{margin:0 !important; padding:0 !important}
  body{background:#fff}
  .gov-card{box-shadow:none; border:1px solid #ddd}
}