/* YNS Yavuz META v1100 — iOS mobile authority and full-width chat/service layout */
html,body{max-width:100%;overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
@media (max-width:760px){
  :root{--mobile-gutter:10px;--mobile-top-h:58px;--mobile-dock-h:76px}
  body.admin-shell{width:100%;min-width:0;padding:calc(var(--mobile-top-h) + env(safe-area-inset-top)) 0 calc(var(--mobile-dock-h) + 22px + env(safe-area-inset-bottom));overflow-x:hidden}
  .mobile-top{position:fixed;z-index:220;top:0;left:0;right:0;width:100%;height:calc(var(--mobile-top-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:10px;align-items:center;background:rgba(4,12,22,.96);backdrop-filter:blur(22px);border-bottom:1px solid rgba(148,163,184,.14)}
  .mobile-top .icon-button{width:48px;height:48px;min-width:48px;margin:0;padding:0}
  .mobile-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1;font-weight:900;letter-spacing:-.02em}
  .mobile-top .status-dot{justify-self:end}
  .main{display:block;width:100%;max-width:100%;min-width:0;margin:0!important;padding:10px var(--mobile-gutter) calc(var(--mobile-dock-h) + 28px + env(safe-area-inset-bottom))!important;overflow:visible}
  .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;max-width:100%;min-width:0;margin:0 0 12px;padding:15px!important;border-radius:20px}
  .topbar>div:first-child{min-width:0;grid-column:1/-1}
  .topbar h1{margin:0;font-size:clamp(22px,7vw,30px)!important;line-height:1.12;overflow-wrap:anywhere}
  .topbar p{margin-top:7px;font-size:13px!important;line-height:1.45}
  .topbar .search{grid-column:1/-1;width:100%;max-width:none;min-width:0;height:48px}
  .topbar .top-actions{grid-column:1/-1;display:flex!important;width:100%;min-width:0;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .topbar .top-actions::-webkit-scrollbar{display:none}
  .topbar .top-actions>.pill,.topbar .top-actions>.user{display:none!important}
  .topbar .top-actions>.icon-button,.topbar .top-actions button{flex:0 0 48px;width:48px!important;height:48px;margin:0}
  .box,.large,.erp-hero,.living-hero,.living-subhero,.app-v1000-hero{width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0}
  .box{padding:16px!important;border-radius:20px}
  .box h2,.card-head h2{font-size:23px!important;line-height:1.2}
  .form-grid,.erp-split,.erp-three,.erp-finance-forms,.panel-grid,.dashboard-grid,.bottom-grid,.status-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0;gap:13px}
  form,.form-grid>*,label,fieldset,details{min-width:0;max-width:100%}
  input,select,textarea,button{max-width:100%}
  input,select,textarea{width:100%!important;min-width:0!important;font-size:16px!important}
  input,select{min-height:54px!important}
  textarea{min-height:118px}
  .erp-work{grid-template-columns:minmax(0,1fr)!important;padding:15px}
  .erp-work-action{width:100%}
  .table{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .table table{min-width:620px}
  .v1000-mobile-dock{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:68px!important;padding:6px!important;z-index:260!important}
  .v1000-mobile-dock a{min-width:0;padding:4px 2px}
  .v1000-mobile-dock small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
  .chat-shell,.yavuz-chat,.chat-layout,.chat-main,.chat-panel,.chat-timeline,.chat-dock{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  .chat-layout{display:block!important}
  .chat-layout>*:not(.chat-main):not(.chat-panel){display:none!important}
  .chat-timeline{min-height:calc(100dvh - 300px);padding:12px!important}
  .chat-dock{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));padding:10px!important;border-radius:18px}
  .bubble-card,.chat-bubble .bubble-card{max-width:calc(100vw - 42px)!important;width:auto!important}
  .sidebar{width:min(88vw,340px)!important;max-width:340px!important}
}
@media (max-width:390px){
  :root{--mobile-gutter:7px}
  .topbar{padding:13px!important}.topbar h1{font-size:22px!important}.box{padding:14px!important}.v1000-mobile-dock{left:5px!important;right:5px!important}
}
@supports (-webkit-touch-callout:none){
  @media (max-width:760px){
    input,select,textarea{font-size:16px!important}
    body.admin-shell{min-height:-webkit-fill-available}
    .chat-timeline{min-height:calc(-webkit-fill-available - 300px)}
  }
}