/* EXELIQ PATCH V49H MOBILE RESET */
@media (max-width: 900px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; background: #f5f8ff !important; }
  html.v49h-mobile body { padding-top: 108px !important; }
  html.v49h-mobile * { box-sizing: border-box !important; }

  .v49h-mobile-header {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    right: 14px !important;
    height: 76px !important;
    z-index: 99999 !important;
    display: grid !important;
    grid-template-columns: 48px 1fr 48px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid #e2eafb !important;
    border-radius: 26px !important;
    box-shadow: 0 20px 44px rgba(20,31,75,.12) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }
  .v49h-mobile-logo { height: 52px !important; max-width: 225px !important; justify-self: center !important; object-fit: contain !important; }
  .v49h-menu-button {
    width: 42px !important; height: 42px !important; border: 0 !important; background: transparent !important;
    border-radius: 16px !important; display: grid !important; place-content: center !important; gap: 5px !important;
    padding: 0 !important; box-shadow: none !important;
  }
  .v49h-menu-button span { display:block !important; width: 22px !important; height: 2.4px !important; border-radius: 99px !important; background:#07184b !important; }
  .mobile-appbar, .v49c-mobile-header, .v49d-mobile-header, .v49e-mobile-header, .v49f-mobile-header { display:none !important; visibility:hidden !important; pointer-events:none !important; }

  .topbar, .header-actions, .app-toolbar { display:none !important; }
  .app-shell, .layout, .main-layout, main, .main, .content, #page, .page, #app {
    width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important;
  }
  main, .main, .content, #page, .page { margin:0 !important; padding: 18px 14px 42px !important; }
  h1, .page-title { font-size: 34px !important; line-height: 1.05 !important; letter-spacing: -1.1px !important; margin: 12px 0 20px !important; }

  .sidebar {
    position: fixed !important; z-index: 99998 !important;
    top: calc(env(safe-area-inset-top, 0px) + 98px) !important; left: 14px !important; bottom: 14px !important;
    width: min(330px, calc(100vw - 28px)) !important; max-width: calc(100vw - 28px) !important;
    transform: translateX(calc(-100% - 22px)) !important; transition: transform .22s ease !important;
    border-radius: 26px !important; padding: 18px !important;
    background: linear-gradient(180deg,#071650,#08175b 55%,#06103b) !important;
    box-shadow: 0 30px 70px rgba(5,14,45,.38) !important; overflow:auto !important;
  }
  body.mobile-menu-open .sidebar { transform: translateX(0) !important; }
  .sidebar .brand { display:none !important; }
  .nav { gap: 4px !important; }
  .nav button { min-height: 54px !important; border:0 !important; background:transparent !important; color:#eaf1ff !important; border-radius:16px !important; font-size:15px !important; box-shadow:none !important; }
  .nav button.active { background:linear-gradient(135deg,#17cfff,#286cff 56%,#7d22ff) !important; box-shadow:0 14px 30px rgba(40,100,255,.28) !important; }
  .sidebar-footer { display:block !important; margin-top:22px !important; padding-top:16px !important; border-top:1px solid rgba(255,255,255,.12) !important; color:#d8e2ff !important; }
  .sidebar-footer button { width:100% !important; min-height:44px !important; border-radius:14px !important; background:rgba(255,255,255,.1) !important; color:#fff !important; border:1px solid rgba(255,255,255,.18) !important; }

  .card, .panel, section.card, article.card, .glass-card, .employee-panel, .employee-card, .employee-right-panel, .employee-hero-card,
  .job-detail-card, .dashboard-card, .payroll-card, .settlements-card, .calendar-card {
    width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; border-radius:22px !important; overflow:hidden !important;
  }
  .employees-premium-page, .employee-body-grid, .employee-left-col, .employee-charts-grid, .profile-layout, .job-detail-grid, .dashboard-grid, .ops-grid, .operations-grid {
    display:grid !important; grid-template-columns:1fr !important; gap:14px !important; width:100% !important; max-width:100% !important;
  }

  .employee-main-tabs, .employee-subtabs, .tabs, .tabbar, .profile-tabs, [role="tablist"] {
    display:flex !important; flex-wrap:nowrap !important; gap:8px !important; overflow-x:auto !important; overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important; padding:8px 2px 10px !important; margin:10px 0 12px !important; border-bottom:1px solid #edf2fd !important; white-space:nowrap !important;
  }
  .employee-main-tabs > *, .employee-subtabs > *, .tabs > *, .tabbar > *, .profile-tabs > *, [role="tablist"] > * {
    flex:0 0 auto !important; width:auto !important; min-width:max-content !important; max-width:none !important; white-space:nowrap !important;
    word-break:keep-all !important; overflow-wrap:normal !important; text-align:center !important; font-size:13px !important; line-height:1.1 !important;
    padding:10px 13px !important; border-radius:999px !important;
  }

  .v49h-dashboard-actions { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; width:100% !important; margin: 8px 0 14px !important; }
  .v49h-settlement-btn {
    display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:52px !important; padding:14px 18px !important;
    border:0 !important; border-radius:18px !important; background:linear-gradient(135deg,#19c6f3 0%,#6726ff 100%) !important; color:#fff !important;
    font-weight:900 !important; font-size:16px !important; text-decoration:none !important; box-shadow:0 14px 28px rgba(57,76,255,.22) !important;
  }
  .v49h-hidden-settlement, .v49e-settlement-btn, .v49f-settlement-btn, .v49g-dashboard-settlement-button, .mobile-only-fixed-settlement,
  .v49e-floating-settlement, .v49f-floating-settlement, .sticky-settlement-action { display:none !important; visibility:hidden !important; pointer-events:none !important; }

  .calendar-layout.v49h-mobile-calendar { display:grid !important; grid-template-columns:1fr !important; gap:14px !important; width:100% !important; max-width:100% !important; overflow:hidden !important; }
  .v49h-calendar-card { padding:16px !important; overflow:hidden !important; }
  .v49h-cal-toolbar { display:grid !important; grid-template-columns:1fr 54px 54px !important; gap:8px !important; align-items:center !important; }
  .v49h-cal-toolbar button { height:46px !important; border:1px solid #e1e9fb !important; border-radius:16px !important; background:#fff !important; color:#07184b !important; font-weight:900 !important; font-size:15px !important; box-shadow:none !important; }
  .v49h-cal-toolbar strong { grid-column:1 / -1 !important; font-weight:950 !important; color:#07184b !important; font-size:20px !important; line-height:1.15 !important; text-align:center !important; padding:8px 0 4px !important; }
  .v49h-segmented { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:6px !important; background:#fff !important; border:1px solid #e1e9fb !important; border-radius:18px !important; padding:6px !important; margin:10px 0 !important; }
  .v49h-segmented button { height:44px !important; border:0 !important; background:transparent !important; border-radius:14px !important; color:#65739d !important; font-weight:900 !important; font-size:14px !important; }
  .v49h-segmented button.active { background:linear-gradient(135deg,#17cfff,#286cff 56%,#7d22ff) !important; color:#fff !important; }
  .v49h-status { height:46px !important; border-radius:16px !important; width:100% !important; background:#fff !important; border:1px solid #e1e9fb !important; padding:0 14px !important; color:#07184b !important; margin:0 0 12px !important; }
  .v49h-week-list { display:grid !important; gap:12px !important; }
  .v49h-day-agenda { border:1px solid #e1e9fb !important; border-radius:20px !important; background:#fff !important; padding:12px !important; box-shadow:0 16px 36px rgba(20,31,75,.06) !important; }
  .v49h-day-agenda header { display:flex !important; justify-content:space-between !important; gap:10px !important; align-items:center !important; margin-bottom:10px !important; }
  .v49h-day-agenda header b { font-size:18px !important; line-height:1.1 !important; }.v49h-day-agenda header span{font-size:12px!important;color:#7380a6!important;font-weight:900!important}
  .v49h-empty { border:1px dashed #dbe6fb !important; border-radius:16px !important; padding:14px !important; text-align:center !important; color:#7b86ab !important; font-weight:800 !important; background:#fbfdff !important; }
  .v49h-job-item { display:grid !important; gap:5px !important; width:100% !important; text-align:left !important; border:1px solid #d8f0e3 !important; border-left:4px solid #20c77a !important; border-radius:16px !important; background:#f7fffb !important; padding:12px !important; color:#07184b !important; }
  .v49h-job-head { display:flex !important; justify-content:space-between !important; gap:8px !important; }.v49h-job-head b{font-size:16px!important;line-height:1.1!important}.v49h-job-head em{font-style:normal!important;font-size:11px!important;color:#0d8f52!important;font-weight:900!important}
  .v49h-job-item span:not(.v49h-job-head){font-size:13px!important;color:#52618f!important}.v49h-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important;color:#7a86aa!important;font-weight:900!important;text-align:center!important;font-size:11px!important;margin-bottom:6px!important}.v49h-month-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important}.v49h-month-day{height:48px!important;border:1px solid #e5ecfb!important;border-radius:13px!important;background:#fff!important;color:#07184b!important;display:grid!important;place-items:center!important;position:relative!important;font-weight:900!important}.v49h-month-day.muted{opacity:.35!important}.v49h-month-day.has-jobs{background:#eef8ff!important;border-color:#beddff!important}.v49h-month-day b{position:absolute!important;right:4px!important;bottom:4px!important;min-width:17px!important;height:17px!important;border-radius:999px!important;background:#286cff!important;color:#fff!important;font-size:10px!important;display:grid!important;place-items:center!important}.v49h-year-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.v49h-year-month{min-height:80px!important;border:1px solid #e1e9fb!important;border-radius:18px!important;background:#fff!important;text-align:left!important;padding:12px!important;color:#07184b!important}.v49h-year-month b{text-transform:capitalize!important;font-size:16px!important}.v49h-year-month span{display:block!important;color:#7380a6!important;font-size:12px!important;margin-top:6px!important}

  .table-wrap, .table-responsive, .history-table, .settlements-history, .employee-settlements-history, .data-table-wrap, .leave-table, .time-table {
    width:100% !important; max-width:100% !important; overflow-x:hidden !important; overflow-y:visible !important;
  }
  table.v49h-card-table, table.v49h-card-table thead, table.v49h-card-table tbody, table.v49h-card-table tr, table.v49h-card-table th, table.v49h-card-table td {
    display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important;
  }
  table.v49h-card-table { border:0 !important; background:transparent !important; table-layout:auto !important; overflow:visible !important; }
  table.v49h-card-table thead, table.v49h-card-table colgroup { display:none !important; }
  table.v49h-card-table tbody { display:grid !important; gap:12px !important; }
  table.v49h-card-table tr { border:1px solid #e1e9fb !important; border-radius:20px !important; background:#fff !important; padding:14px !important; box-shadow:0 10px 26px rgba(20,31,75,.04) !important; overflow:hidden !important; }
  table.v49h-card-table td { border:0 !important; padding:8px 0 !important; white-space:normal !important; word-break:normal !important; overflow-wrap:anywhere !important; text-align:left !important; color:#07184b !important; line-height:1.28 !important; }
  table.v49h-card-table td::before { content:attr(data-v49h-label) !important; display:block !important; margin-bottom:5px !important; color:#7a86aa !important; font-size:11px !important; text-transform:uppercase !important; letter-spacing:.12em !important; font-weight:900 !important; line-height:1.15 !important; }
  table.v49h-card-table td:empty { display:none !important; }
  table.v49h-card-table td:empty::before { display:none !important; }
  table.v49h-card-table td > *, table.v49h-card-table td span, table.v49h-card-table td div, table.v49h-card-table td small, table.v49h-card-table td button, table.v49h-card-table td a {
    max-width:100% !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important;
  }
  table.v49h-card-table td button { width:100% !important; margin:4px 0 !important; min-height:44px !important; border-radius:14px !important; }
  input, select, textarea, button { max-width:100% !important; box-sizing:border-box !important; }
}
@media (min-width: 901px) { .v49h-mobile-header { display:none !important; } }
