/* WebTechs Employee Hub 1.17.0 — UI/UX consolidation */

/* Brand: keep the complete mark visible at every breakpoint. */
.wteh-brand-logo-frame{
  align-items:center;
  background:#fff;
  border:1px solid rgba(16,24,40,.08);
  border-radius:14px;
  box-shadow:0 5px 14px rgba(16,24,40,.08);
  box-sizing:border-box;
  display:flex;
  flex:0 0 48px;
  height:48px;
  justify-content:center;
  overflow:hidden;
  padding:5px;
  width:48px;
}
.wteh-portal-brand .wteh-brand-logo-frame .wteh-company-logo,
.wteh-brand-logo-frame .wteh-company-logo{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:block;
  height:100% !important;
  max-height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  width:100% !important;
}
.wteh-brand-copy{min-width:0}

/* Header: calmer, sticky and easier to scan. */
.wteh-portal-header{
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--wteh-border,#e6eaf0) !important;
  box-shadow:0 3px 16px rgba(16,24,40,.035);
  color:var(--wteh-text,#101828) !important;
  height:74px;
  min-height:74px;
  padding:10px clamp(14px,2vw,26px);
  position:sticky;
  top:0;
  z-index:1000;
}
.wteh-portal-header::after{display:none !important}
.wteh-portal-brand strong{color:var(--wteh-text,#101828) !important;font-size:15px !important;font-weight:850}
.wteh-portal-brand span{color:var(--wteh-text-3,#667085)}
.wteh-header-context{background:#f8fafc;border:1px solid var(--wteh-border,#e6eaf0);border-radius:12px;padding:7px 12px}
.wteh-header-context span,.wteh-header-context strong{color:var(--wteh-text-2,#344054) !important}
.wteh-theme-toggle,.wteh-notification-toggle,.wteh-header-menu{
  background:#f8fafc !important;
  border:1px solid var(--wteh-border,#e6eaf0) !important;
  box-shadow:none !important;
  color:var(--wteh-text-2,#344054) !important;
}
.wteh-theme-toggle:hover,.wteh-notification-toggle:hover,.wteh-header-menu:hover{background:#eef2f7 !important}

/* Navigation: fewer decisions at first glance. */
.wteh-portal-layout{grid-template-columns:244px minmax(0,1fr);min-height:calc(100svh - 74px)}
.wteh-sidebar{
  border-left:1px solid var(--wteh-border,#e6eaf0);
  height:calc(100svh - 74px);
  padding:14px 12px 12px;
  top:74px;
}
.wteh-nav-list{gap:10px}
.wteh-nav-primary{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--wteh-border,#e6eaf0)}
.wteh-nav-group{border:1px solid transparent;border-radius:12px;overflow:clip}
.wteh-nav-group[open]{background:#fafbfc;border-color:var(--wteh-border,#e6eaf0)}
.wteh-nav-group summary{
  align-items:center;
  color:var(--wteh-text-2,#344054);
  cursor:pointer;
  display:flex;
  font-size:11.5px;
  font-weight:800;
  justify-content:space-between;
  list-style:none;
  min-height:39px;
  padding:8px 11px;
  user-select:none;
}
.wteh-nav-group summary::-webkit-details-marker{display:none}
.wteh-nav-group summary>i{font-style:normal;opacity:.55;transition:transform .18s ease}
.wteh-nav-group[open] summary>i{transform:rotate(180deg)}
.wteh-nav-group-items{display:grid;gap:2px;padding:0 5px 6px}
.wteh-nav-group-items .wteh-nav-badge{margin-inline-start:auto}
.wteh-sidebar .wteh-nav-list a,
.wteh-sidebar .wteh-nav-list a:link,
.wteh-sidebar .wteh-nav-list a:visited{font-size:12px;min-height:42px;padding:6px 8px}
.wteh-nav-list i{flex-basis:29px;height:29px;width:29px}
.wteh-nav-section-secondary{margin-top:2px;padding-top:8px}
.wteh-sidebar-help{display:none !important}
.wteh-sidebar-user{grid-template-columns:minmax(0,1fr) 32px;margin-top:auto}
.wteh-sidebar-profile-link{align-items:center;color:inherit;display:grid;gap:9px;grid-template-columns:40px minmax(0,1fr);min-width:0;text-decoration:none !important}
.wteh-sidebar-profile-link:hover .wteh-sidebar-user-copy strong{color:var(--wteh-accent-readable)}

/* Profile image: use an uncropped media source, show the whole photo in editor. */
.wteh-profile-photo-block{
  align-items:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--wteh-accent) 5%,#fff),#fff);
  border:1px solid color-mix(in srgb,var(--wteh-accent) 17%,var(--wteh-border));
  border-radius:20px;
  display:grid;
  gap:18px;
  grid-template-columns:128px minmax(0,1fr);
  padding:18px;
}
.wteh-profile-photo-preview{
  align-items:center;
  background:#f4f6f8;
  border:1px solid var(--wteh-border,#e6eaf0);
  border-radius:24px;
  display:flex;
  height:128px;
  justify-content:center;
  overflow:hidden;
  padding:5px;
  width:128px;
}
.wteh-profile-avatar{border-radius:19px !important;height:100% !important;width:100% !important;flex:1 1 auto !important;background:#fff !important}
.wteh-profile-avatar img{
  background:#fff;
  border-radius:17px;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  width:100% !important;
}
.wteh-avatar:not(.wteh-profile-avatar) img{object-fit:cover !important;object-position:50% 28% !important}
.wteh-profile-photo-fields .wteh-field{margin-bottom:6px}
.wteh-profile-photo-fields input[type=file]{background:#fff;border:1px dashed color-mix(in srgb,var(--wteh-accent) 30%,var(--wteh-border));border-radius:12px;padding:10px;width:100%}

/* Global surface cleanup. */
.wteh-portal-main{padding:28px clamp(16px,2.5vw,38px) 42px}
.wteh-content-card,.wteh-office-card,.wteh-story-card,.wteh-chat-app,.wteh-gami-card,.wteh-payroll-card{
  border-color:var(--wteh-border,#e6eaf0) !important;
  box-shadow:0 8px 24px rgba(16,24,40,.045) !important;
}
.wteh-content-card,.wteh-office-card,.wteh-story-card{border-radius:18px !important}
.wteh-page-title{border:1px solid var(--wteh-border,#e6eaf0);border-radius:18px;box-shadow:0 5px 18px rgba(16,24,40,.035);margin-bottom:18px;padding:20px 22px}
.wteh-page-title h1{font-size:24px}
.wteh-page-title p{line-height:1.8}
.wteh-field input:not([type=checkbox]):not([type=radio]),.wteh-field select,.wteh-field textarea{
  border-radius:12px !important;
  min-height:44px;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.wteh-field input:focus,.wteh-field select:focus,.wteh-field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--wteh-accent) 11%,transparent) !important}
.wteh-button{border-radius:11px;min-height:40px}
.wteh-stat-card{border-radius:16px}

/* Mobile dock: primary actions stay reachable, everything else lives in the drawer. */
.wteh-mobile-dock{display:none}

/* Dark mode parity. */
html.wteh-theme-dark .wteh-portal-header{background:rgba(15,23,42,.96) !important;border-bottom-color:#223047 !important}
html.wteh-theme-dark .wteh-portal-brand strong{color:#f8fafc !important}
html.wteh-theme-dark .wteh-brand-logo-frame{background:#fff;border-color:rgba(255,255,255,.12)}
html.wteh-theme-dark .wteh-header-context,
html.wteh-theme-dark .wteh-theme-toggle,
html.wteh-theme-dark .wteh-notification-toggle,
html.wteh-theme-dark .wteh-header-menu{background:#111d2e !important;border-color:#27364d !important;color:#d8e1ef !important}
html.wteh-theme-dark .wteh-nav-group[open]{background:#111d2e;border-color:#25354b}
html.wteh-theme-dark .wteh-profile-photo-block{background:#111d2e;border-color:#293a50}
html.wteh-theme-dark .wteh-profile-photo-preview{background:#0d1726;border-color:#293a50}

@media(max-width:860px){
  .wteh-portal-header{
    height:64px !important;
    min-height:64px !important;
    padding:max(7px,env(safe-area-inset-top)) 10px 7px !important;
  }
  .wteh-brand-logo-frame{border-radius:11px;flex-basis:40px;height:40px;padding:4px;width:40px}
  .wteh-portal-brand{gap:8px;overflow:visible !important}
  .wteh-brand-copy strong{font-size:12px !important;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wteh-brand-copy span,.wteh-header-context{display:none !important}
  .wteh-header-actions{gap:5px}
  .wteh-theme-toggle,.wteh-notification-toggle{height:38px !important;min-height:38px !important;width:38px !important}
  /* The dock owns navigation on mobile, so the header no longer needs another menu button. */
  .wteh-employee-portal .wteh-header-menu{display:none !important}

  .wteh-sidebar{
    height:100svh;
    max-width:340px;
    padding:14px 12px max(12px,env(safe-area-inset-bottom));
    top:0;
    width:min(88vw,340px);
  }
  .wteh-sidebar-mobile-head{margin-bottom:8px;padding:2px 2px 11px}
  .wteh-nav-list{gap:8px}
  .wteh-nav-primary{padding-bottom:7px}
  .wteh-nav-group summary{min-height:42px}

  .wteh-portal-main{
    min-height:calc(100svh - 64px);
    padding:16px 11px calc(96px + env(safe-area-inset-bottom));
  }
  .wteh-page-title{gap:10px;margin-bottom:14px;padding:16px}
  .wteh-page-title h1{font-size:20px}
  .wteh-content-card,.wteh-office-card,.wteh-story-card{border-radius:15px !important;padding:15px !important}

  .wteh-mobile-dock{
    align-items:center;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    border:1px solid rgba(16,24,40,.08);
    border-bottom:0;
    border-radius:18px 18px 0 0;
    bottom:0;
    box-shadow:0 -8px 30px rgba(16,24,40,.10);
    display:grid;
    grid-template-columns:repeat(5,1fr);
    left:0;
    min-height:64px;
    padding:6px max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));
    position:fixed;
    right:0;
    z-index:998;
  }
  .wteh-mobile-dock a,.wteh-mobile-dock button{
    align-items:center;
    background:transparent;
    border:0;
    border-radius:12px;
    color:#667085;
    display:flex;
    flex-direction:column;
    font-family:inherit;
    font-size:9px;
    font-weight:750;
    gap:3px;
    justify-content:center;
    min-height:50px;
    padding:5px 2px;
    text-decoration:none !important;
  }
  .wteh-mobile-dock a.is-active{background:color-mix(in srgb,var(--wteh-accent) 9%,#fff);color:var(--wteh-accent-readable)}
  .wteh-mobile-dock i{align-items:center;display:flex;height:22px;justify-content:center;width:22px}
  .wteh-mobile-dock svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}
  html.wteh-theme-dark .wteh-mobile-dock{background:rgba(15,23,42,.96);border-color:#24334a;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
  html.wteh-theme-dark .wteh-mobile-dock a,html.wteh-theme-dark .wteh-mobile-dock button{color:#94a3b8}
  html.wteh-theme-dark .wteh-mobile-dock a.is-active{background:#17243a;color:#c9c4ff}

  .wteh-profile-photo-block{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px}
  .wteh-profile-photo-preview{border-radius:20px;height:104px;width:104px}
}

@media(max-width:520px){
  .wteh-brand-copy{display:none}
  .wteh-portal-header{justify-content:space-between}
  .wteh-portal-brand{flex:0 0 auto !important}
  .wteh-profile-photo-block{align-items:stretch;grid-template-columns:1fr;text-align:center}
  .wteh-profile-photo-preview{height:156px;margin:0 auto;width:156px}
  .wteh-profile-photo-fields{text-align:right}
  .wteh-page-title .wteh-button{width:100%}
  .wteh-story-form{grid-template-columns:1fr !important}
}
@media(max-width:860px){
  .wteh-mobile-dock button.is-active{background:color-mix(in srgb,var(--wteh-accent) 9%,#fff);color:var(--wteh-accent-readable)}
  html.wteh-theme-dark .wteh-mobile-dock button.is-active{background:#17243a;color:#c9c4ff}
}

/* =========================================================
 * 1.17.1 — Floating mobile dock + reliable mobile drawer
 * ======================================================= */
@media (max-width:860px){
  /* Keep a real hamburger in the header; it and the dock open the same drawer. */
  .wteh-employee-portal .wteh-header-menu,
  .wteh-hr-portal .wteh-header-menu{
    align-items:center !important;
    display:inline-flex !important;
    flex:0 0 38px !important;
    height:38px !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 !important;
    width:38px !important;
  }
  .wteh-header-menu .wteh-menu-label{display:none !important}
  .wteh-header-menu svg{height:20px !important;width:20px !important}

  /* Floating bottom dock: detached from viewport edges like a native app dock. */
  .wteh-mobile-dock{
    -webkit-backdrop-filter:blur(22px) saturate(1.18);
    backdrop-filter:blur(22px) saturate(1.18);
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(16,24,40,.10) !important;
    border-radius:22px !important;
    bottom:calc(12px + env(safe-area-inset-bottom)) !important;
    box-shadow:0 14px 42px rgba(16,24,40,.16),0 2px 10px rgba(16,24,40,.06) !important;
    left:12px !important;
    margin-inline:auto !important;
    max-width:560px;
    min-height:66px !important;
    padding:6px !important;
    right:12px !important;
    width:auto !important;
    z-index:1080 !important;
  }
  .wteh-mobile-dock a,.wteh-mobile-dock button{
    border-radius:16px !important;
    min-width:0;
    min-height:52px !important;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .wteh-mobile-dock a:active,.wteh-mobile-dock button:active{transform:scale(.95)}
  .wteh-mobile-dock a.is-active,.wteh-mobile-dock button.is-active{
    background:color-mix(in srgb,var(--wteh-accent) 11%,#fff) !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wteh-accent) 10%,transparent);
  }
  html.wteh-theme-dark .wteh-mobile-dock{
    background:rgba(15,23,42,.92) !important;
    border-color:rgba(148,163,184,.20) !important;
    box-shadow:0 16px 44px rgba(0,0,0,.38),0 2px 10px rgba(0,0,0,.20) !important;
  }

  /* Leave content room for the floating dock, including iPhone safe-area. */
  .wteh-employee-portal .wteh-portal-main{
    padding-bottom:calc(108px + env(safe-area-inset-bottom)) !important;
  }

  /* Backdrop belongs above page/header/dock, drawer belongs above backdrop. */
  .wteh-nav-backdrop{
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    background:rgba(10,16,28,.48) !important;
    z-index:1120 !important;
  }

  /* Proper app drawer, not the desktop sidebar squeezed into a phone. */
  .wteh-sidebar{
    background:var(--wteh-surface,#fff) !important;
    border:1px solid var(--wteh-border,#e6eaf0) !important;
    border-radius:24px !important;
    bottom:auto !important;
    box-shadow:-18px 20px 60px rgba(16,24,40,.22) !important;
    display:flex !important;
    flex-direction:column !important;
    height:calc(100dvh - 24px) !important;
    max-height:calc(100dvh - 24px) !important;
    max-width:370px !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:12px !important;
    position:fixed !important;
    right:12px !important;
    top:12px !important;
    transform:translateX(calc(100% + 30px)) !important;
    transition:transform .28s cubic-bezier(.22,.8,.28,1),box-shadow .2s ease !important;
    width:calc(100vw - 24px) !important;
    z-index:1130 !important;
  }
  .wteh-portal.is-nav-open .wteh-sidebar,
  .wteh-sidebar.is-open{
    transform:translateX(0) !important;
  }

  /* Drawer header stays fixed while its navigation scrolls. */
  .wteh-sidebar-mobile-head{
    align-items:center !important;
    background:var(--wteh-surface,#fff);
    border-bottom:1px solid var(--wteh-border,#e6eaf0) !important;
    display:flex !important;
    flex:0 0 auto;
    gap:10px;
    justify-content:space-between !important;
    margin:0 0 8px !important;
    padding:3px 3px 12px !important;
  }
  .wteh-sidebar-mobile-head>div{min-width:0}
  .wteh-sidebar-mobile-head strong{font-size:14px !important;line-height:1.5}
  .wteh-sidebar-mobile-head>div>span{
    font-size:10px !important;
    line-height:1.65;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .wteh-sidebar-mobile-head .wteh-mobile-nav-toggle{
    align-items:center !important;
    background:var(--wteh-surface-2,#f8fafc) !important;
    border:1px solid var(--wteh-border,#e6eaf0) !important;
    border-radius:12px !important;
    display:flex !important;
    flex:0 0 38px !important;
    height:38px !important;
    justify-content:center !important;
    margin:0 !important;
    min-height:38px !important;
    padding:0 !important;
    width:38px !important;
  }
  .wteh-sidebar-mobile-head .wteh-mobile-nav-toggle span{
    color:var(--wteh-text-2,#344054) !important;
    font-size:24px !important;
    font-weight:400 !important;
    line-height:1 !important;
  }

  /* The menu itself scrolls independently, so footer/profile never gets lost. */
  .wteh-sidebar .wteh-nav-list,
  .wteh-sidebar.is-open .wteh-nav-list{
    display:flex !important;
    flex:1 1 auto !important;
    gap:8px !important;
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    padding:2px 2px 10px !important;
    scrollbar-width:thin;
  }
  .wteh-sidebar .wteh-nav-primary{flex:0 0 auto}
  .wteh-sidebar .wteh-nav-group{
    flex:0 0 auto;
    overflow:hidden !important;
  }
  .wteh-sidebar .wteh-nav-group summary{
    border-radius:11px;
    min-height:44px !important;
    padding:9px 10px !important;
  }
  .wteh-sidebar .wteh-nav-group-items{padding:2px 5px 7px !important}
  .wteh-sidebar .wteh-nav-list a,
  .wteh-sidebar .wteh-nav-list a:link,
  .wteh-sidebar .wteh-nav-list a:visited{
    border-radius:12px !important;
    flex:0 0 auto;
    min-height:44px !important;
    padding:7px 9px !important;
  }
  .wteh-sidebar .wteh-nav-list a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wteh-sidebar-user{
    background:var(--wteh-surface-2,#f8fafc) !important;
    border:1px solid var(--wteh-border,#e6eaf0) !important;
    border-radius:15px !important;
    flex:0 0 auto !important;
    margin:8px 0 0 !important;
    padding:8px !important;
  }

  html.wteh-theme-dark .wteh-sidebar,
  html.wteh-theme-dark .wteh-sidebar-mobile-head{background:#0f172a !important}
  html.wteh-theme-dark .wteh-sidebar{border-color:#27364d !important;box-shadow:-18px 20px 60px rgba(0,0,0,.45) !important}
  html.wteh-theme-dark .wteh-sidebar-user{background:#111d2e !important;border-color:#27364d !important}
  html.wteh-theme-dark .wteh-sidebar-mobile-head .wteh-mobile-nav-toggle{background:#111d2e !important;border-color:#27364d !important}
  html.wteh-theme-dark .wteh-sidebar-mobile-head .wteh-mobile-nav-toggle span{color:#f8fafc !important}
}

@media (max-width:380px){
  .wteh-mobile-dock{bottom:calc(8px + env(safe-area-inset-bottom)) !important;left:8px !important;right:8px !important;padding:5px !important}
  .wteh-mobile-dock a,.wteh-mobile-dock button{font-size:8.5px !important;min-height:50px !important}
  .wteh-mobile-dock i{height:20px !important;width:20px !important}
  .wteh-sidebar{border-radius:20px !important;height:calc(100dvh - 16px) !important;max-height:calc(100dvh - 16px) !important;right:8px !important;top:8px !important;width:calc(100vw - 16px) !important}
}


/* 1.17.2 — lighter floating dock */
@media (max-width:860px){.wteh-mobile-dock{-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);bottom:calc(16px + env(safe-area-inset-bottom)) !important;border-radius:24px !important;padding:7px !important;box-shadow:0 18px 46px rgba(16,24,40,.18),0 4px 12px rgba(16,24,40,.07) !important}.wteh-mobile-dock a,.wteh-mobile-dock button{min-height:54px !important;gap:4px}.wteh-mobile-dock a.is-active,.wteh-mobile-dock button.is-active{transform:translateY(-1px)}.wteh-employee-portal .wteh-portal-main{padding-bottom:calc(118px + env(safe-area-inset-bottom)) !important}}
@media (max-width:380px){.wteh-mobile-dock{bottom:calc(10px + env(safe-area-inset-bottom)) !important}}


/* =========================================================
 * 1.18.0 — unified app visual system
 * ======================================================= */
:root{--wteh-app-radius:20px;--wteh-app-radius-sm:14px;--wteh-app-shadow:0 10px 30px rgba(16,24,40,.055);--wteh-app-border:rgba(16,24,40,.075)}
.wteh-portal-main{max-width:1500px}.wteh-page-title{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.92));border-color:var(--wteh-app-border);border-radius:var(--wteh-app-radius);box-shadow:0 8px 24px rgba(16,24,40,.04)}.wteh-page-title h1{letter-spacing:-.2px}.wteh-page-title p{color:var(--wteh-text-3,#667085);max-width:780px}
.wteh-content-card,.wteh-office-card,.wteh-story-card,.wteh-gami-card,.wteh-payroll-card{border:1px solid var(--wteh-app-border)!important;border-radius:var(--wteh-app-radius)!important;box-shadow:var(--wteh-app-shadow)!important}.wteh-card-heading,.wteh-office-card-head{border-bottom-color:rgba(16,24,40,.06)!important}.wteh-stat-card{background:linear-gradient(145deg,#fff,#fafbfe);border:1px solid var(--wteh-app-border);box-shadow:0 6px 20px rgba(16,24,40,.035)}
.wteh-button{font-weight:750;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.wteh-button:not(:disabled):active{transform:translateY(1px)}.wteh-button-primary{box-shadow:0 7px 18px color-mix(in srgb,var(--wteh-accent) 18%,transparent)}
.wteh-sidebar{border-inline-end-color:rgba(16,24,40,.06)}.wteh-nav-list a{transition:background .16s ease,color .16s ease,transform .16s ease}.wteh-nav-list a:hover{transform:translateX(-1px)}
.wteh-mobile-dock i{transition:transform .18s ease}.wteh-mobile-dock a.is-active i,.wteh-mobile-dock button.is-active i{transform:translateY(-1px) scale(1.05)}
html.wteh-theme-dark .wteh-page-title{background:linear-gradient(135deg,#0f172a,#111d2e);border-color:#223047}html.wteh-theme-dark .wteh-stat-card{background:linear-gradient(145deg,#111d2e,#0f172a);border-color:#223047}
@media(max-width:860px){.wteh-portal-main{padding-inline:10px!important}.wteh-page-title{border-radius:17px;margin-bottom:12px;padding:14px 15px}.wteh-page-title h1{font-size:19px}.wteh-content-card,.wteh-office-card,.wteh-story-card{border-radius:17px!important}.wteh-mobile-dock{left:14px!important;right:14px!important;max-width:540px!important;min-height:64px!important}.wteh-mobile-dock a,.wteh-mobile-dock button{border-radius:15px!important;font-size:9px!important;min-height:50px!important}.wteh-mobile-dock svg{height:19px!important;width:19px!important}}