/* HIS V3.2 — full activation + mobile clarity. Keeps the approved glass/card identity. */
:root{--v32-touch:44px;--v32-gap:8px}
.p2-wrap{max-width:1500px;margin:auto;display:flex;flex-direction:column;gap:8px}
.p2-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.p2-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p2-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.p2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.p2-metric{background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.95);border-radius:17px;padding:10px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.p2-metric small{display:block;color:#64748b;font-size:9px;font-weight:900}.p2-metric b{font-size:21px;color:#0f172a;font-weight:900}
.p2-card{background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.95);border-radius:19px;padding:12px;box-shadow:0 14px 32px rgba(15,23,42,.07)}
.p2-title{margin:0 0 8px;font-size:13px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:7px}.p2-title i{color:#0ea5e9}
.p2-list{display:grid;gap:7px}.p2-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px;display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,.7fr)) auto;gap:7px;align-items:center}
.p2-row strong{font-size:11px;color:#0f172a}.p2-row span,.p2-row small{font-size:9px;color:#64748b;font-weight:800}.p2-row .p2-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.p2-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:900}.p2-pill.ok{background:#ecfdf5;color:#047857}.p2-pill.warn{background:#fffbeb;color:#b45309}.p2-pill.bad{background:#fff1f2;color:#be123c}.p2-pill.info{background:#eff6ff;color:#1d4ed8}
.p2-tabs{display:flex;gap:5px;flex-wrap:wrap}.p2-tab{border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:11px;padding:7px 10px;font:900 10px Cairo;cursor:pointer}.p2-tab.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}
.p2-panel{display:none}.p2-panel.active{display:block}.p2-note{font-size:9px;color:#64748b;font-weight:800;line-height:1.7}.p2-scroll{overflow:auto;max-width:100%}
.p2-empty{padding:18px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;font-size:10px;font-weight:900}
.p2-bed-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.p2-bed{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:8px}.p2-bed b{font-size:11px}.p2-bed small{font-size:8px;color:#64748b;font-weight:800;display:block}
.p2-mobile-label{display:none}
/* shell: mobile must show usable screen, not a miniature desktop */
@media(max-width:900px){
  body{background-attachment:scroll!important}
  #app{padding:0!important}
  .mobile-menu{display:grid!important;place-items:center;top:7px!important;right:7px!important;width:46px!important;height:46px!important;z-index:90!important}
  .sidebar{right:7px!important;top:58px!important;bottom:7px!important;width:min(90vw,330px)!important;max-width:min(90vw,330px)!important;border-radius:23px!important;z-index:85!important}
  .sidebar .label,.sidebar .brand-text,.sidebar .nav-section-title,.sidebar .arrow{opacity:1!important;height:auto!important;transform:none!important}
  .content-shell{top:5px!important;right:5px!important;left:5px!important;bottom:5px!important;padding:4px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important}
  .shell-topbar{margin-right:52px!important;display:flex!important;gap:4px!important;flex-wrap:nowrap!important;overflow-x:auto!important;min-height:48px!important;padding:2px!important;scrollbar-width:none}
  .shell-topbar::-webkit-scrollbar{display:none}.shell-icon-btn{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:13px!important}.shell-chip{flex:0 0 auto!important;min-height:40px!important;font-size:10px!important;padding:7px 9px!important}.clinic-now-btn{min-width:74px!important}
  #pageFrame{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;border-radius:14px!important}
  #sourceBuildBadge{font-size:8px!important;left:7px!important;bottom:5px!important;padding:3px 7px!important}
}
@media(max-width:760px){
  body{padding:4px!important;font-size:13px}.p1-wrap,.p2-wrap{gap:6px!important}.glass.head,.head{padding:9px 10px!important;border-radius:17px!important}.head h1{font-size:16px!important}.head p{font-size:9px!important}.badge{font-size:8px!important;padding:5px 7px!important}
  .p2-grid-4,.p2-grid-3,.p1-wrap .grid4,.p1-wrap .grid3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p2-grid-2{grid-template-columns:1fr!important}.p2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p2-bed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .p2-row{grid-template-columns:1fr 1fr!important;gap:4px!important}.p2-row .p2-actions{grid-column:1/-1;justify-content:flex-start}.p2-row strong{grid-column:1/-1}
  .input,select,textarea,input,button{font-size:16px!important}.input,select,textarea{padding:10px!important}.btn{min-height:var(--v32-touch)!important;padding:9px 12px!important;font-size:11px!important}.toolbar{gap:5px!important}.toolbar .btn{flex:1 1 140px!important}
  .table-wrap{border-radius:12px!important}table{min-width:640px!important}th,td{font-size:10px!important;padding:8px!important}.doctor-layout{grid-template-columns:1fr!important}.patient-list{max-height:240px!important}
  .queue-grid,.specialties{grid-template-columns:repeat(2,minmax(0,1fr))!important}.queue-card{min-height:95px!important}.queue-no{font-size:26px!important}
}
@media(max-width:480px){
 .p2-grid-4,.p2-grid-3,.p2-metrics,.p2-bed-grid,.p1-wrap .grid4,.p1-wrap .grid3,.p1-wrap .grid2,.actions,.specialties,.queue-grid,.patient-strip,.check-grid,.current-call{grid-template-columns:1fr!important}
 .head{flex-direction:column!important}.p2-card,.card{padding:9px!important;border-radius:15px!important}.p2-row{grid-template-columns:1fr!important}.p2-row strong,.p2-row .p2-actions{grid-column:auto}.p2-tabs{display:grid;grid-template-columns:1fr 1fr}.p2-tab{min-height:42px}.p2-metric b{font-size:18px}.parent-box{padding:14px!important;border-radius:20px!important}.parent-actions{grid-template-columns:1fr!important}
}
@media print{#sourceBuildBadge{display:none!important}.p2-card{box-shadow:none;border:1px solid #cbd5e1}.p2-row{break-inside:avoid}}