/* v55 - full mobile admin repair: app-like header, reliable scrolling, compact cards, working controls */
html,body{min-height:100%!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
body.admin-body{background:#f3f6fb!important;color:#07132a!important}
.admin-shell{min-height:100vh!important;height:auto!important;overflow:visible!important}
.admin-main{min-height:100vh!important;height:auto!important;overflow:visible!important;background:#f3f6fb!important}
.sidebar{box-shadow:none!important}.sidebar .panel-logo{border-radius:8px!important}
.pro-admin-top,.admin-top{background:#fff!important;border:1px solid #dfe7f1!important;border-radius:10px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}
.admin-top-actions .notif{font-size:0!important;position:relative!important}.admin-top-actions .notif::before{font-size:15px!important;line-height:1}.admin-top-actions .notif:nth-child(1)::before{content:'📄'}.admin-top-actions .notif:nth-child(2)::before{content:'✉'}.admin-top-actions .notif:nth-child(3)::before{content:'🛒'}
.admin-card,.card,.table-card,.panel-card{border-radius:10px!important;border:1px solid #dfe7f1!important;box-shadow:0 8px 20px rgba(15,23,42,.035)!important}.dash-kpi{border-radius:10px!important}.btn,.small-btn{border-radius:8px!important}.login.admin-card{max-width:430px!important;margin:9vh auto!important;padding:28px!important}.login h1{font-size:24px!important;margin:0 0 18px!important}.login input{min-height:44px!important}.login .btn{width:100%!important;min-height:44px!important}
/* keep admin menus readable; no overlapping icons */
.sidebar a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:34px!important;padding:9px 12px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important}.sidebar a::before{display:none!important;content:none!important}.sidebar a .nav-badge{margin-left:auto!important;flex:0 0 auto!important}
/* task/devis/invoice buttons must be tappable */
button,.btn,.small-btn,a{touch-action:manipulation}.admin-create-panel.is-closed .create-panel-body{display:none!important}.admin-create-panel.is-open .create-panel-body{display:block!important}
@media(max-width:980px){
  body.admin-body{padding:0!important;background:#eef4fb!important;-webkit-text-size-adjust:100%!important}
  .admin-shell{display:block!important;width:100%!important;min-width:0!important}
  .admin-main{width:100%!important;max-width:100%!important;padding:8px!important;box-sizing:border-box!important;overflow:visible!important}
  .sidebar{position:fixed!important;left:-286px!important;top:0!important;width:276px!important;max-width:86vw!important;height:100dvh!important;z-index:10010!important;overflow-y:auto!important;padding:12px!important;background:#0f1b2d!important;transition:left .22s ease!important}.sidebar-open .sidebar{left:0!important}body.sidebar-open:after{content:''!important;position:fixed!important;inset:0!important;background:rgba(2,6,23,.45)!important;z-index:10005!important}
  .sidebar .panel-logo{height:58px!important;min-height:58px!important;padding:8px!important;margin-bottom:10px!important;border-radius:7px!important}.sidebar .panel-logo img{max-height:42px!important;max-width:150px!important}
  .sidebar a{font-size:13px!important;border-radius:7px!important;margin:2px 0!important;padding:10px 12px!important}
  .pro-admin-top,.admin-top{position:sticky!important;top:6px!important;z-index:900!important;margin:0 0 12px!important;padding:8px!important;border-radius:14px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important}.top-title-wrap{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}.admin-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #d7e2ef!important;border-radius:10px!important;background:#fff!important;color:#0f172a!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.top-title-wrap h1{margin:0!important;font-size:17px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
  .admin-top-actions{display:grid!important;grid-template-columns:repeat(3,40px) minmax(0,1fr)!important;gap:7px!important;width:100%!important;align-items:center!important;min-width:0!important}.admin-top-actions .notif{width:40px!important;height:36px!important;min-width:40px!important;padding:0!important;border:1px solid #d9e4f0!important;border-radius:10px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#0f172a!important}.admin-top-actions .notif::before{font-size:17px!important}.admin-top-actions .notif b{position:absolute!important;right:-5px!important;top:-6px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;padding:0 5px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:18px!important;text-align:center!important}
  .lang-switch{grid-column:1/4!important;display:flex!important;gap:4px!important;background:#f1f5f9!important;border:1px solid #d9e4f0!important;border-radius:10px!important;padding:3px!important;overflow:hidden!important}.lang-switch a{flex:1!important;min-width:0!important;height:28px!important;border-radius:7px!important;padding:0 4px!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;background:transparent!important;border:0!important}.lang-switch a.active{background:#0f172a!important;color:#fff!important}.admin-top-actions .site-link{grid-column:4!important;height:36px!important;min-width:0!important;padding:0 8px!important;font-size:11px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0f172a!important;color:#fff!important;white-space:nowrap!important}
  .admin-user-card{grid-column:1/-1!important;width:100%!important;min-width:0!important;height:46px!important;padding:6px!important;border-radius:12px!important;border:1px solid #d9e4f0!important;background:#fff!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 22px!important;gap:8px!important;align-items:center!important;overflow:hidden!important}.admin-avatar{width:34px!important;height:34px!important;border-radius:9px!important}.admin-user-meta{min-width:0!important}.admin-user-meta strong{font-size:12px!important;display:block!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.admin-user-meta span{font-size:10px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.admin-user-meta small{font-size:9.5px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.admin-user-action{font-size:13px!important;text-align:center!important}
  .dash-hero{display:block!important;margin:0 0 8px!important}.dash-hero h2,.admin-main>h2{font-size:18px!important;line-height:1.2!important}.dash-period{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;width:100%!important;margin:8px 0 12px!important;padding:10px!important}.dash-period label{grid-column:1/-1!important;font-size:11px!important}.dash-period input{min-width:0!important;height:40px!important}.dash-period .btn{height:40px!important;padding:0 12px!important;font-size:12px!important}
  .dashboard-topline{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.dash-kpi{min-height:72px!important;padding:12px 56px 11px 13px!important;position:relative!important;overflow:hidden!important}.dash-kpi:after{left:auto!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important}.dash-kpi span{font-size:11px!important}.dash-kpi strong{font-size:18px!important;line-height:1.05!important}.dash-kpi em{font-size:10px!important}
  .dashboard-middle,.dash-tables,.dash-small-grid,.row,.shop-admin-grid,.order-detail-grid,.employee-layout-v17{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.admin-card,.card,.table-card,.panel-card{padding:11px!important;border-radius:10px!important;margin-bottom:10px!important;overflow:visible!important}.admin-card:has(table),.table-card,.compact-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table{min-width:650px!important}.admin-card h2{font-size:15px!important}.small-btn,.btn{font-size:12px!important;padding:9px 11px!important;min-height:36px!important}input,select,textarea{min-height:38px!important;border-radius:8px!important;padding:9px 11px!important;font-size:13px!important;margin:5px 0 10px!important}.devis-grid{grid-template-columns:1fr!important;gap:6px!important}.create-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.create-panel-head h2{font-size:15px!important;margin:0!important}.create-toggle{white-space:nowrap!important;flex:0 0 auto!important}.login.admin-card{margin:8vh 12px!important;width:auto!important}
}
@media(max-width:420px){.admin-main{padding:7px!important}.admin-top-actions{grid-template-columns:repeat(3,36px) minmax(0,1fr)!important;gap:5px!important}.admin-top-actions .notif{width:36px!important;min-width:36px!important;height:34px!important}.admin-top-actions .site-link{height:34px!important;font-size:10px!important}.lang-switch{grid-column:1/4!important}.admin-user-card{height:44px!important}.dash-kpi strong{font-size:16px!important}.dash-kpi{padding-right:52px!important}.dash-kpi:after{width:33px!important;height:33px!important}.table{min-width:560px!important}}