*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-x:hidden}img,video,svg{max-width:100%;height:auto}input,button,textarea,select{font-family:inherit;font-size:inherit}.container,.wrapper{max-width:100%;overflow-x:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e5e5e5;background:#fff}.role-switch button{margin-right:8px;padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#f9f9f9;cursor:pointer}.role-switch .active{background:#0f766e;color:#fff;border-color:#0f766e}.topbar-right{display:flex;align-items:center}.clinic-info{display:flex;gap:10px;align-items:center}.clinic-name{font-weight:500}.live-status{color:green;font-size:14px}.prescribe-container{display:flex;gap:20px}.search-panel{width:35%;background:#fff;padding:16px;border:1px solid #eee;border-radius:8px}.input{width:100%;padding:8px;margin-top:10px}.search-results{margin-top:10px}.search-item{padding:8px;border-bottom:1px solid #eee;cursor:pointer}.search-item:hover{background:#f5f5f5}.prescription-panel{flex:1;background:#fff;padding:16px;border:1px solid #eee;border-radius:8px}.rx-table{width:100%;margin-top:10px;border-collapse:collapse}.rx-table th,.rx-table td{border-bottom:1px solid #eee;padding:8px}.rx-table input{width:80px}.remove-btn{color:red;cursor:pointer;background:none;border:none}.send-btn{margin-top:16px;padding:10px;background:#0f766e;color:#fff;border:none;border-radius:6px;cursor:pointer}.send-btn:disabled{background:#ccc}.empty{color:#888;margin-top:10px}.desk-container{padding:20px}.card{border:1px solid #eee;padding:16px;margin-bottom:12px;border-radius:8px;background:#fff}.create-bill-btn{margin-top:10px;padding:8px 12px;background:#0f766e;color:#fff;border:none;border-radius:6px;cursor:pointer}.pharmacy-container{display:flex;gap:20px}.bill-queue{width:30%;background:#fff;padding:16px;border:1px solid #eee}.bill-card{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.bill-card:hover{background:#f5f5f5}.bill-panel{flex:1;background:#fff;padding:16px;border:1px solid #eee}.bill-table{width:100%;margin-top:10px}.bill-table td input{width:60px}.totals{margin-top:16px}.finalise-btn{margin-top:12px;padding:10px;background:#0f766e;color:#fff;border:none;border-radius:6px}.barcode-input{width:100%;padding:12px;font-size:18px;margin-bottom:12px;border:2px solid #0f766e;border-radius:6px}.invoice{width:800px;margin:auto;font-family:Arial}.invoice table{width:100%;border-collapse:collapse}.invoice th,.invoice td{border:1px solid #ddd;padding:8px}@media print{body *{visibility:hidden}.invoice,.invoice *{visibility:visible}.invoice{position:absolute;top:0;left:0}}html,body{max-width:100%;overflow-x:hidden}button,[role=button],a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media (max-width: 767px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important;min-height:44px}button,[role=button]{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.health-main{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}.stat-grid{grid-template-columns:1fr 1fr!important}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}}@media (min-width: 768px) and (max-width: 1023px){.health-main{padding:16px!important}}[style*="overflow-y: auto"],[style*="overflowY: auto"],.tbl-wrap{-webkit-overflow-scrolling:touch}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media (hover: none){a:hover,button:hover{opacity:1!important;filter:none!important}}
