/* =========================================================
   MYDN GROUP — Production Final Polish 70
   Scope: final responsive safety, lighter typography, mobile topbar/menu fit.
   Business logic: none.
========================================================= */
:root{
  --mydn-final-line:rgba(15,61,94,.12);
  --mydn-final-shadow:0 12px 30px rgba(11,41,72,.075);
}
html,body{max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;max-width:100%}

/* Shared: remove oversized/kaba feeling without changing the design language. */
body.mydn-admin-step41,
body.mydn-admin-step41 p,
body.mydn-admin-step41 label,
body.mydn-admin-step41 td,
body.mydn-admin-step41 th,
body.mydn-admin-step41 small,
body.mydn-admin-step41 input,
body.mydn-admin-step41 select,
body.mydn-admin-step41 textarea{font-weight:400!important}
body.mydn-admin-step41 h1,
body.mydn-admin-step41 h2,
body.mydn-admin-step41 h3,
body.mydn-admin-step41 strong,
body.mydn-admin-step41 b{font-weight:600!important}
body.mydn-admin-step41 .btn,
body.mydn-admin-step41 button,
body.mydn-admin-step41 .badge,
body.mydn-admin-step41 .pill,
body.mydn-admin-step41 .nav-title{font-weight:500!important}

/* Admin shell: tighter and more professional spacing. */
body.mydn-admin-step41 .side-shell,
body.mydn-admin-step41 .topbar,
body.mydn-admin-step41 .module-head,
body.mydn-admin-step41 .block,
body.mydn-admin-step41 .metric,
body.mydn-admin-step41 .table-card,
body.mydn-admin-step41 .settings-card,
body.mydn-admin-step41 .users61-panel,
body.mydn-admin-step41 .media-card,
body.mydn-admin-step41 .staff-chat-sidebar,
body.mydn-admin-step41 .staff-chat-main,
body.mydn-admin-step41 .task50-card{
  box-shadow:var(--mydn-final-shadow)!important;
  border-color:var(--mydn-final-line)!important;
}
body.mydn-admin-step41 .module-head{padding:18px 20px!important;border-radius:24px!important}
body.mydn-admin-step41 .module-head h2{font-size:clamp(22px,1.8vw,28px)!important;letter-spacing:-.025em!important}
body.mydn-admin-step41 .module-head p{font-size:13px!important;line-height:1.48!important}
body.mydn-admin-step41 .block-head{padding:16px 18px!important}
body.mydn-admin-step41 .block-body{padding:16px 18px!important}
body.mydn-admin-step41 .block-head h3{font-size:16px!important;letter-spacing:-.015em!important}
body.mydn-admin-step41 .btn{min-height:38px!important;padding-inline:13px!important;font-size:12.5px!important}
body.mydn-admin-step41 .badge{font-size:10px!important;padding:5px 8px!important}
body.mydn-admin-step41 .pill{font-size:10px!important;padding:6px 9px!important}

/* Sidebar menu fit: no broken text overflow, no jumping on hover. */
body.mydn-admin-step41 .nav{gap:6px!important;padding:10px!important}
body.mydn-admin-step41 .nav-btn{
  min-height:50px!important;
  padding:9px!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  border-radius:15px!important;
  transform:none!important;
}
body.mydn-admin-step41 .nav-btn:hover{transform:none!important}
body.mydn-admin-step41 .nav-ico{width:34px!important;height:34px!important;border-radius:12px!important;font-size:11px!important}
body.mydn-admin-step41 .nav-title{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:12.6px!important;
  line-height:1.15!important;
}
body.mydn-admin-step41 .nav-sub{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  white-space:normal!important;
  font-size:10.8px!important;
  line-height:1.2!important;
}
body.mydn-admin-step41 .nav-count{font-size:10.5px!important;min-width:20px!important;text-align:right!important}

/* Topbar icon consistency. */
body.mydn-admin-step41 .topbar-svg,
body.mydn-admin-step41 .mydn-profile-svg,
body.mydn-admin-step41 .mydn-logout-svg{width:18px!important;height:18px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.mydn-admin-step41 .mydn-profile-shortcut span{display:none!important}
body.mydn-admin-step41 .icon-btn,
body.mydn-admin-step41 .mobile-toggle{flex:0 0 auto!important;transform:none!important}
body.mydn-admin-step41 .icon-btn:hover,
body.mydn-admin-step41 .mobile-toggle:hover{transform:none!important}

/* Tables and action groups. */
body.mydn-admin-step41 .responsive-table,
body.mydn-admin-step41 .table-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.mydn-admin-step41 .module-actions,
body.mydn-admin-step41 .form-actions{align-items:center!important;gap:8px!important}
body.mydn-admin-step41 .field input,
body.mydn-admin-step41 .field select,
body.mydn-admin-step41 .field textarea{border-radius:14px!important}

/* Mobile admin: one single clean row, with current console/module label visible. */
@media (max-width:1180px){
  body.mydn-admin-step41 .main{padding:10px!important}
  body.mydn-admin-step41 .topbar{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:54px!important;
    padding:7px 8px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  body.mydn-admin-step41 .mobile-toggle{display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important}
  body.mydn-admin-step41 .top-title,
  body.mydn-admin-step41 .search,
  body.mydn-admin-step41 .lang,
  body.mydn-admin-step41 .avatar{display:none!important}
  body.mydn-admin-step41 .mydn-mobile-brandline{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.mydn-admin-step41 .mydn-mobile-brandline strong,
  body.mydn-admin-step41 .mydn-mobile-brandline span{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  body.mydn-admin-step41 .mydn-mobile-brandline strong{font-size:13px!important;color:var(--navy)!important;flex:0 0 auto!important}
  body.mydn-admin-step41 .mydn-mobile-brandline span{font-size:11px!important;color:var(--muted)!important;max-width:150px!important;display:block!important}
  body.mydn-admin-step41 .mydn-mobile-brandline span::before{content:'• ';color:var(--muted)}
  body.mydn-admin-step41 .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:nowrap!important;width:auto!important;min-width:0!important;overflow:visible!important}
  body.mydn-admin-step41 .icon-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:13px!important;padding:0!important;background:#fff!important}
  body.mydn-admin-step41 .module-actions{display:flex!important;flex-wrap:wrap!important;margin-top:12px!important}
  body.mydn-admin-step41 .module-actions .btn{flex:1 1 140px!important}
}
@media (max-width:430px){
  body.mydn-admin-step41 .topbar{grid-template-columns:38px minmax(0,1fr) auto!important;gap:6px!important;padding:7px!important;border-radius:16px!important}
  body.mydn-admin-step41 .mobile-toggle{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}
  body.mydn-admin-step41 .mydn-mobile-brandline{gap:4px!important}
  body.mydn-admin-step41 .mydn-mobile-brandline strong{font-size:12.4px!important;max-width:86px!important}
  body.mydn-admin-step41 .mydn-mobile-brandline span{display:block!important;font-size:10.5px!important;max-width:112px!important}
  body.mydn-admin-step41 .icon-btn{width:33px!important;height:33px!important;min-width:33px!important;border-radius:12px!important}
  body.mydn-admin-step41 .topbar-svg,
  body.mydn-admin-step41 .mydn-profile-svg,
  body.mydn-admin-step41 .mydn-logout-svg{width:16px!important;height:16px!important}
  body.mydn-admin-step41 .module-head{padding:15px!important;border-radius:20px!important}
  body.mydn-admin-step41 .block-head,
  body.mydn-admin-step41 .block-body{padding:14px!important}
}
@media (max-width:360px){
  body.mydn-admin-step41 .mydn-mobile-brandline strong{max-width:78px!important}
  body.mydn-admin-step41 .mydn-mobile-brandline span{max-width:92px!important}
  body.mydn-admin-step41 .logout-link{display:none!important}
}

/* Public website/careers: mobile fit and less heavy hero/cards. */
body:not(.mydn-admin-step41) .section-head h2,
body:not(.mydn-admin-step41) .hero-copy h1{font-weight:600!important;letter-spacing:-.035em!important}
body:not(.mydn-admin-step41) .btn,
body:not(.mydn-admin-step41) button,
body:not(.mydn-admin-step41) .desktop-nav a,
body:not(.mydn-admin-step41) .drawer-links a{font-weight:500!important}
@media (max-width:768px){
  body:not(.mydn-admin-step41) .header-shell{min-height:58px!important;padding:8px 10px!important;border-radius:20px!important}
  body:not(.mydn-admin-step41) .brand-link{min-width:0!important;max-width:168px!important}
  body:not(.mydn-admin-step41) .brand-link img{max-height:36px!important;width:auto!important}
  body:not(.mydn-admin-step41) .hero-slide{padding:24px!important;min-height:auto!important;grid-template-columns:1fr!important}
  body:not(.mydn-admin-step41) .hero-copy h1{font-size:clamp(34px,12vw,48px)!important;line-height:1!important}
  body:not(.mydn-admin-step41) .section{padding-top:44px!important;padding-bottom:44px!important}
  body:not(.mydn-admin-step41) .section-head h2{font-size:clamp(28px,9vw,40px)!important}
  body:not(.mydn-admin-step41) .grid-2,
  body:not(.mydn-admin-step41) .grid-3,
  body:not(.mydn-admin-step41) .grid-4,
  body:not(.mydn-admin-step41) .finder-grid,
  body:not(.mydn-admin-step41) .dashboard-grid,
  body:not(.mydn-admin-step41) .overview-grid,
  body:not(.mydn-admin-step41) .process-layout,
  body:not(.mydn-admin-step41) .presence-grid{grid-template-columns:1fr!important}
}


/* v72 mail delivery status chips */
.users61-mail-ok{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#047857;font-weight:800;font-size:12px}
.users61-mail-warn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#b45309;font-weight:800;font-size:12px}