/* ZyroDevv CPanel Cloud V1.5.8.2 — Mobile Safe Layout */
html,body{max-width:100%;overflow-x:hidden}
body{overflow-wrap:anywhere}
img{display:block;max-width:100%}
.shell,.content,.dashboard-page,.card,.topbar-left,.dashboard-heading-copy,.buyer-personal-card>div,.side-brand>div,.user-card>div{min-width:0}
.sidebar-backdrop{display:none}
.side-brand img,.brand-lockup img,.boot img{object-fit:cover;object-position:52% 38%;background:linear-gradient(145deg,#e8f1ff,#f4f0ff)}
.side-brand strong,.side-brand small,.user-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-typewriter-title{width:100%;max-width:100%;min-height:2.1em;overflow:hidden;overflow-wrap:anywhere;word-break:normal}
.auth-typewriter{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.topbar-left{flex:1}.topbar-left>div{min-width:0}.top-title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{flex:0 0 auto}
.dashboard-heading,.role-banner,.buyer-personal-card,.buyer-recommendation,.server-status-card,.create-panel-card{max-width:100%;overflow:hidden}
.dashboard-stat strong{max-width:100%;overflow-wrap:anywhere;text-align:center;line-height:1.05}
.buyer-personal-card h3,.buyer-personal-card p{max-width:100%;overflow-wrap:anywhere}
.role-banner-main,.target-info,.card-title>div{min-width:0}

@media(max-width:780px){
  body{padding-bottom:max(84px,env(safe-area-inset-bottom))}
  .auth-brand{padding:28px 24px 58px;min-height:520px}
  .brand-lockup{align-items:center;gap:14px;min-width:0}
  .brand-lockup img{width:86px;height:86px;flex:0 0 86px;border-radius:25px}
  .brand-lockup>div{min-width:0}
  .brand-lockup h1{font-size:clamp(24px,7vw,34px);line-height:1.08;overflow-wrap:anywhere}
  .brand-lockup p{font-size:14px;line-height:1.55}
  .auth-copy{max-width:100%;margin-top:36px}
  .auth-copy .eyebrow{max-width:100%;white-space:normal;line-height:1.35}
  .auth-copy h2,.auth-typewriter-title{font-size:clamp(34px,10.3vw,48px)!important;line-height:1.04!important;margin:24px 0 20px!important;min-height:2.12em}
  .auth-copy p{font-size:15px;line-height:1.75;margin:0}
  .auth-panel{padding:0 14px 34px;margin-top:-38px}
  .auth-card{width:100%;padding:28px 22px;border-radius:29px}
  .auth-card h3{font-size:clamp(30px,9vw,42px);line-height:1.08}
  .input-wrap{min-width:0}.input-wrap input,.input-wrap select,.input-wrap textarea{min-width:0}

  .sidebar{width:min(86vw,348px);padding:20px 16px max(30px,env(safe-area-inset-bottom));overflow-x:hidden}
  .sidebar.open~.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);z-index:49}
  .side-brand{gap:12px;padding:2px 6px 18px;margin-bottom:12px}
  .side-brand img{width:62px;height:62px;flex:0 0 62px;border-radius:19px}
  .side-brand strong{font-size:18px}.side-brand small{font-size:12px}
  .user-card{padding:14px;margin:0 4px 17px;gap:12px}.user-card img{flex:0 0 50px}
  .side-label{padding:12px 12px 8px}
  .nav{gap:4px}.nav a{min-height:52px;padding:13px 14px;font-size:15px;line-height:1.3}
  .nav-icon{flex:0 0 25px}
  .side-upgrade{margin:18px 4px 0;padding:18px}.side-footer{margin:0 4px;padding-top:18px}

  .topbar{gap:9px;padding:0 12px;height:76px}
  .menu-btn{flex:0 0 52px}.topbar-left{gap:10px;overflow:hidden}.top-title{font-size:18px;max-width:none}
  .top-actions{gap:7px}.icon-btn{flex:0 0 48px}.avatar-btn{flex:0 0 52px;padding:4px}
  .content{padding:17px 18px 112px}
  .ticker{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
  .dashboard-heading{padding:22px 20px}.dashboard-system{display:none}
  .safe-typewriter{font-size:clamp(27px,8.7vw,38px)!important;max-width:100%;white-space:nowrap;overflow:hidden}
  .dashboard-heading p{max-width:100%;padding-right:0}
  .dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .dashboard-quick-actions button{min-height:78px!important;padding:13px 11px!important}
  .dashboard-quick-actions button>b{white-space:normal!important;line-height:1.2!important}
  .dashboard-quick-actions button>small{white-space:normal!important;line-height:1.25!important}
  .dashboard-role{gap:13px}.role-banner-main{width:100%}.role-banner-main>div:last-child{min-width:0}.dashboard-role p{white-space:normal;line-height:1.55}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
  .dashboard-stat{padding:17px 10px!important;min-height:145px!important}
  .dashboard-stat strong{font-size:clamp(24px,7.5vw,34px)!important}
  .buyer-overview-grid{grid-template-columns:1fr!important;gap:13px}
  .buyer-personal-card{padding:20px 18px;gap:14px}
  .buyer-personal-card h3,.buyer-personal-card p{white-space:normal!important;text-overflow:clip!important;line-height:1.45}
  .buyer-recommendation{align-items:flex-start}.buyer-recommendation p{line-height:1.55}
  .target{gap:10px}.target-info b{max-width:55vw}.target-state{flex:0 0 auto}
  .page-head{gap:13px;flex-wrap:wrap}.page-head>div{min-width:0}.page-head .btn{max-width:100%}
  .card{padding-left:19px;padding-right:19px}
  .toast-root{left:14px;right:14px;bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px))}
}
@media(max-width:380px){
  .content{padding-left:14px;padding-right:14px}.ticker{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .auth-brand{padding-left:20px;padding-right:20px}.brand-lockup img{width:76px;height:76px;flex-basis:76px}
  .auth-copy h2,.auth-typewriter-title{font-size:clamp(31px,10vw,39px)!important}
  .dashboard-quick-actions button>small{display:none!important}.dashboard-quick-actions button{min-height:68px!important}
  .dashboard-stat{min-height:136px!important}.dashboard-stat strong{font-size:25px!important}
  .sidebar{width:90vw}
}