/* P.R.M 7.0.1 — تحسين عرض لوحة التحكم على الأجهزة الصغيرة والمتوسطة */
:root{color-scheme:dark}
html,body{max-width:100%;overflow-x:clip}
*,*::before,*::after{min-width:0}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
button,input,select,textarea{max-width:100%}
.app{grid-template-columns:minmax(0,290px) minmax(0,1fr)}
.main,.content,.card,.dash-panel,.topbar,.modal,.table-wrap{min-width:0;max-width:100%}
.table-wrap,.table-container,[class*="table-scroll"]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
table{min-width:540px}
pre,code{overflow-wrap:anywhere;max-width:100%}
textarea{max-width:100%}
.login-v6 .login-card,.login-access,.login-story{min-width:0}
@media(max-width:1190px){.app{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}
@media(max-width:899px){.app{display:block}.sidebar{grid-template-columns:none}.main{width:100%;padding-inline:clamp(12px,3vw,24px)}.topbar,.top-actions{min-width:0;max-width:100%}.content{min-width:0}.sidebar{max-width:min(88vw,320px)}.login-v6{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
  body{font-size:14px}.main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .topbar{align-items:stretch;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap;gap:8px}
  .login-story{padding:clamp(22px,6vw,35px) 20px}.login-access{padding:12px 14px max(30px,env(safe-area-inset-bottom))}
  .login-v6 .login-card{padding:20px 16px;border-radius:18px}.login-story h1{font-size:clamp(25px,7.5vw,36px);line-height:1.5}
  .grid,.stats,.plans-grid,.system-grid,.server-grid,.dash-workspace,.dash-bottom{grid-template-columns:minmax(0,1fr)}
  .dash-metrics,.dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row,.card-head,.dash-panel-head,.ticket-actions{flex-wrap:wrap}
  .btn,button,input,select,textarea{font-size:max(14px,1em)}
  input,select,textarea{font-size:16px}/* منع تكبير Safari التلقائي */
  .bottom-tabs{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .modal{max-width:calc(100vw - 18px)}
}
@media(max-width:375px){.dash-metrics,.dash-shortcuts{grid-template-columns:minmax(0,1fr)}.dash-metric{padding:12px}.top-actions>.btn{flex:1}}
@media(pointer:coarse){button,.icon-btn,.btn,[role="button"]{min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}