/* NICHU AUTO V7.8 mobile-first admin shell */
.mobile-menu-btn,.mobile-menu-close,.mobile-sidebar-overlay,.mobile-bottom-nav,.mobile-sidebar-footer{display:none}
.topbar-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}

@media (max-width:820px){
  html{scroll-behavior:smooth}
  body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
  body.mobile-nav-open{overflow:hidden;touch-action:none}
  button,.nav-item,input,select,textarea{font-size:16px}
  button,.nav-item{min-height:44px}
  .sidebar{width:min(86vw,320px)!important;padding:16px 14px 92px!important;transform:translateX(-105%);transition:transform .24s ease;z-index:90!important;overflow-y:auto;overscroll-behavior:contain;box-shadow:18px 0 55px #0005}
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-16px;background:var(--black);z-index:3;padding:16px 6px 14px;margin:-16px -2px 5px}
  .sidebar .logo{font-size:22px!important;padding:0!important}
  .sidebar .logo:after{content:none!important}
  .mobile-menu-close{display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff10;color:#fff;font-size:25px;line-height:1}
  .sidebar .nav-group{display:block!important;padding:14px 10px 7px;font-size:10px}
  .sidebar .nav-item{display:flex;justify-content:flex-start!important;gap:12px;padding:12px 13px;margin:3px 0;border-left:0!important;border-radius:12px}
  .sidebar .nav-item span:not(.ico){display:inline!important;font-size:15px;font-weight:700}
  .sidebar .nav-item .ico{width:28px;font-size:18px}
  .sidebar .nav-item.active{background:#fff;color:#15171b;box-shadow:0 6px 18px #0003}
  .sidebar .nav-item.active .ico{color:var(--red)}
  .mobile-sidebar-footer{display:block;position:sticky;bottom:-92px;padding:18px 0 6px;background:linear-gradient(transparent,var(--black) 24%)}
  .mobile-sidebar-footer button{width:100%;background:#ffffff10;color:#fff;border-color:#ffffff24}
  .mobile-sidebar-overlay{display:block;position:fixed;inset:0;background:#050609a8;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.2s;z-index:85}
  body.mobile-nav-open .mobile-sidebar-overlay{opacity:1;visibility:visible}
  .main{margin-left:0!important;min-width:0}
  .topbar{height:60px;padding:0 12px!important;gap:8px;box-shadow:0 1px 12px #1111;z-index:70}
  .topbar-title-wrap{flex:1;min-width:0}
  .mobile-menu-btn{display:flex;width:42px;height:42px;min-height:42px;border:0;border-radius:12px;background:#f1f2f4;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;flex:0 0 auto}
  .mobile-menu-btn span{display:block;width:19px;height:2px;border-radius:4px;background:#23262b}
  .topbar h2{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{gap:7px}
  .top-actions .role-pill,.top-actions>.ghost{display:none!important}
  .avatar{width:34px;height:34px;font-size:13px;flex:0 0 auto}
  .content{padding:12px 12px 84px!important;min-width:0}
  .page-head{align-items:stretch!important;flex-direction:column;gap:13px;margin-bottom:15px!important}
  .page-head h1{font-size:23px!important;line-height:1.2;margin-bottom:5px}
  .page-head p{font-size:13px;line-height:1.55}
  .page-head>button{width:100%;min-height:46px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .stat{padding:13px 12px!important;border-radius:14px!important;min-width:0}
  .stat small{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stat strong{font-size:23px!important;margin:5px 0!important;overflow-wrap:anywhere}
  .stat .trend{font-size:10px;line-height:1.35;display:block}
  .grid-2{display:block!important;margin-top:12px!important}
  .grid-2>.panel{margin-bottom:12px}
  .panel{padding:14px!important;border-radius:14px!important;min-width:0}
  .panel h3{font-size:17px;margin-bottom:12px}
  .activity{gap:10px;padding:11px 0}.activity b{font-size:14px}.activity small{font-size:12px;line-height:1.5}
  .toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;align-items:stretch!important}
  .toolbar input,.toolbar select,.toolbar button{width:100%!important;min-width:0!important;margin:0!important;min-height:44px}
  .toolbar input{grid-column:1/-1}
  .toolbar .spacer{display:none}
  .car-grid{grid-template-columns:1fr!important;gap:12px!important}
  .car-card{border-radius:15px}.car-card:hover{transform:none;box-shadow:none}.cover{aspect-ratio:16/10}.car-body{padding:14px}.car-title{font-size:17px}.price{font-size:22px}
  .table-wrap,.sold-report-preview,.rental-timeline-board,.rental-year-board{border-radius:13px!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
  .table-wrap:before,.sold-report-preview:before{content:'左右滑动查看全部内容';display:block;position:sticky;left:0;width:max-content;max-width:100%;padding:7px 10px;color:#6b7280;font-size:11px;background:#fff8df;border-bottom:1px solid #f1e1ae;z-index:5}
  table{min-width:760px!important}th,td{padding:11px 10px!important;font-size:12px!important}.thumb{width:68px;height:48px}
  .modal{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
  .modal-card{width:100%!important;max-width:none!important;height:100dvh;max-height:none!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important;overscroll-behavior:contain}
  .modal-head{padding:11px 12px!important;min-height:60px;gap:8px;align-items:center!important}
  .modal-head>div{min-width:0}.modal-head h3{font-size:17px!important;line-height:1.25}.modal-head small{display:block;font-size:10px!important;line-height:1.35;margin-top:3px}
  .modal-head .ghost{padding:8px 10px;font-size:12px;min-height:38px;white-space:nowrap}.close{width:40px;height:40px;min-height:40px;flex:0 0 auto}
  .modal-body{padding:14px 12px 92px!important}
  .form-grid,.detail-hero{grid-template-columns:1fr!important;gap:10px!important}.form-grid .full{grid-column:auto!important}
  .field{margin-bottom:11px}.field label{font-size:12px;margin-bottom:6px}.field input,.field select,.field textarea{padding:12px;border-radius:11px}
  .form-grid>.full[style*="display:flex"]{flex-direction:column!important;align-items:stretch!important}.form-grid>.full[style*="display:flex"]>button,.form-grid>.full[style*="display:flex"]>div,.form-grid>.full[style*="display:flex"]>div>button{width:100%!important}
  .kv{grid-template-columns:1fr 1fr;gap:7px}.kv div{padding:9px}.detail-title h2{font-size:22px}.detail-title .price{font-size:28px}
  .tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:11px 12px}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.photo-actions,.file-actions,.employee-actions{align-items:stretch}.photo-actions button,.file-actions button,.employee-actions button{min-height:40px}
  .file-grid{grid-template-columns:1fr!important}.file-card-body{align-items:flex-start}.file-actions{flex-direction:column}.file-actions button{width:100%}
  .employee-stats{grid-template-columns:1fr 1fr!important}.employee-toolbar{grid-template-columns:1fr!important}.employee-table{min-width:760px!important}
  .sold-report-filter-grid{grid-template-columns:1fr!important}.sold-report-summary{grid-template-columns:1fr 1fr!important}.sold-report-summary .item:last-child{grid-column:1/-1}.sold-report-preview{max-height:48dvh!important}.sold-report-actions,.sold-report-actions .right{flex-direction:column!important}.sold-report-actions button{width:100%!important}
  .share-preview{grid-template-columns:1fr!important}.share-cover{min-height:210px}.share-actions,.share-link-row{grid-template-columns:1fr!important}
  .rental-check-frame{height:calc(100dvh - 60px)!important;min-height:0!important;border-radius:0!important}.page-rental-check-compact .content{padding:0!important}.page-rental-check-compact .topbar{position:fixed;left:0;right:0}.page-rental-check-compact .main{padding-top:60px}.page-rental-check-compact #page-rentalCheck .page-head,.page-rental-check-compact #page-rentalCheck .rental-check-intro{display:none!important}.page-rental-check-compact #page-rentalCheck .rental-check-shell{border:0!important;border-radius:0!important}
  .mobile-bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));height:70px;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2e4e8;box-shadow:0 -9px 26px #1112;z-index:75}
  .mobile-bottom-nav button{border:0;background:transparent;color:#737780;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;min-width:0;min-height:54px;font-size:10px;font-weight:700}
  .mobile-bottom-nav .mnav-icon{font-size:18px;line-height:1.1}.mobile-bottom-nav button.active{color:var(--red);background:#fff1f2}.mobile-bottom-nav button.is-hidden{display:none}
  body.mobile-rental-check-active .mobile-bottom-nav{display:none}
  body.mobile-rental-check-active .content{padding-bottom:0!important}
  #login{padding:12px}.login-card{border-radius:20px!important}.login-form{padding:28px 20px!important}.login-form h2{font-size:24px}.login-form p{margin-bottom:22px}.demo-roles{grid-template-columns:1fr}
}

@media (max-width:430px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .toolbar{grid-template-columns:1fr}.toolbar input{grid-column:auto}
  .stats{gap:7px!important}.stat{padding:11px 10px!important}.stat strong{font-size:21px!important}.stat .trend{display:none}
  .page-head h1{font-size:21px!important}
  .photo-grid{grid-template-columns:1fr 1fr!important}
  .kv{grid-template-columns:1fr}
  .mobile-bottom-nav button{font-size:9px}.mobile-bottom-nav .mnav-icon{font-size:17px}
}

@media (min-width:821px){body.mobile-nav-open{overflow:auto!important}}