@font-face{font-family:Noto Nastaliq Urdu;src:url(/fonts/NotoNastaliqUrdu-Regular.ttf) format("truetype");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:root{--teal-900: #0d2e2b;--teal-800: #12333a;--teal-700: #16434b;--teal-600: #176c68;--teal-500: #1d8a85;--teal-100: #d9f0ee;--teal-50: #f0faf9;--gray-900: #172026;--gray-700: #526268;--gray-500: #6b7c82;--gray-400: #809199;--gray-200: #dbe3e5;--gray-100: #f3f6f7;--gray-50: #eef2f3;--red-700: #9a1e15;--red-600: #b42318;--red-50: #fff0ee;--orange-500: #d9763d;--orange-50: #fff5ed;--radius: 8px;--radius-sm: 5px;color:var(--gray-900);font-family:Inter,Noto Nastaliq Urdu,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--gray-50);font-size:14px;line-height:1.5}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600}h3{font-size:13px;font-weight:600;color:var(--gray-700)}button,input,select,textarea{font:inherit}input,select,textarea{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);min-height:36px;padding:6px 10px;transition:border-color .12s,box-shadow .12s;width:100%;color:var(--gray-900)}input:focus,select:focus,textarea:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #176c6824;outline:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23526268' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:30px}textarea{min-height:80px;resize:vertical}label{color:var(--gray-700);display:grid;font-size:12px;font-weight:500;gap:5px;letter-spacing:.01em}button{align-items:center;background:var(--teal-600);border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;min-height:34px;padding:0 14px;transition:background .12s,opacity .12s;white-space:nowrap}button:hover:not(:disabled){background:var(--teal-500)}button:disabled{cursor:not-allowed;opacity:.45}.secondary{background:transparent;border-color:var(--teal-600);color:var(--teal-600)}.secondary:hover:not(:disabled){background:var(--teal-50)}.ghost{background:transparent;border-color:var(--gray-200);color:var(--gray-700)}.ghost:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.danger{background:var(--red-600)}.danger:hover:not(:disabled){background:var(--red-700)}.btnFull{justify-content:center;width:100%}.inlineButton,.iconButton{margin-top:0}.iconButton{justify-content:center;min-width:34px;padding:0}.textareaWithMic{position:relative}.textareaWithMic textarea{padding-right:42px}.selectWithMic{position:relative}.selectWithMic select{padding-right:64px;width:100%}.selectWithMic .micWrap{right:32px}.micWrap{position:absolute;top:6px;right:6px}.labelRow{align-items:center;display:flex;gap:4px;margin-bottom:2px}.labelRow .micWrap{position:static}.micButton{width:28px;height:28px;min-width:28px;min-height:28px}.micButton--active{background:var(--red-50);border-color:var(--red-600);color:var(--red-600);animation:micPulse 1.2s ease-in-out infinite}.micUnsupported{position:absolute;top:6px;right:6px;color:var(--gray-400);display:inline-flex}.micError{position:absolute;top:36px;right:0;background:var(--red-50);color:var(--red-700);font-size:11px;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;z-index:1}@keyframes micPulse{0%,to{box-shadow:0 0 #b4231859}50%{box-shadow:0 0 0 5px #b423181f}}.notePresets{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:10px 12px}.notePresetsLabel{display:block;font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:8px;text-align:right}.notePresetsList{display:grid;gap:6px}.notePresetItem{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;color:var(--gray-900);cursor:pointer}.notePresetItem input[type=checkbox]{width:16px;height:16px;min-height:0;margin-top:2px;flex-shrink:0}.notePresetItem span{text-align:right;flex:1}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--teal-800);color:#fff;display:flex;flex-direction:column;height:100vh;padding:20px;position:sticky;top:0}.brand{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:-.01em;padding-bottom:20px}.sidebarDivider{border-top:1px solid rgba(255,255,255,.1)}.profile{display:grid;gap:6px;padding:20px 0}.profileName{color:#fff;font-size:13px;font-weight:600}.profileSpec{color:#ffffff73;font-size:11px}.sidebarSpacer{flex:1}.sidebarLogout{background:transparent;border-color:#ffffff2e;color:#ffffffb3;font-size:13px}.sidebarLogout:hover:not(:disabled){background:#ffffff14;border-color:#ffffff4d}.workspace{align-content:start;display:grid;gap:16px;padding:20px}.twoColGrid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:0 1px 3px #1720260d;padding:20px}.login{background:linear-gradient(145deg,var(--teal-800) 0%,var(--teal-600) 100%);display:grid;min-height:100vh;place-items:center}.loginCard{background:#fff;border-radius:var(--radius);box-shadow:0 24px 64px #00000038;display:grid;gap:0;padding:40px;width:min(420px,calc(100vw - 32px))}.loginBrand{align-items:center;color:var(--teal-600);display:flex;gap:12px;margin-bottom:6px}.loginBrand h1{color:var(--teal-800);font-size:22px;font-weight:700}.loginSubtitle{color:var(--gray-500);font-size:13px;margin-bottom:24px}.formGroup{margin-bottom:14px}.sectionHeader{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:12px;justify-content:space-between;margin-bottom:4px;padding-bottom:14px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.span2{grid-column:span 2}.rxLayout{display:grid;gap:0;grid-template-columns:220px minmax(0,1fr);min-height:480px}.rxPatientCol{border-right:1px solid var(--gray-200);display:flex;flex-direction:column;gap:8px;padding-right:16px}.rxFormCol{display:flex;flex-direction:column;padding-left:16px}.rxFormHeader{align-items:center;display:flex;justify-content:space-between}.rxColLabel{color:var(--teal-600);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.patientCard{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius-sm);padding:10px 12px;margin-top:auto}.patientCard--empty{align-items:center;background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-500);display:flex;flex-direction:column;font-size:13px;gap:6px;min-height:80px;text-align:center}.patientCardName{color:var(--gray-900);font-size:13px;font-weight:600}.patientCardMeta{color:var(--gray-500);font-size:12px;margin-top:2px}.patientCardAllergy{background:#fff8e1;border:1px solid #f0c040;border-radius:3px;color:#8a5000;font-size:11px;margin-top:4px;padding:2px 6px}.patientLayout{display:grid;gap:14px;grid-template-columns:210px minmax(0,1fr);margin:14px 0}.patientList{border:1px solid var(--gray-200);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;max-height:290px;overflow-y:auto;padding:5px}.listButton{align-items:start;background:var(--gray-100);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--gray-900);display:grid;font-size:13px;gap:2px;justify-content:start;min-height:auto;padding:8px 10px;text-align:left;width:100%}.listButton:hover:not(:disabled){background:var(--teal-100);border-color:var(--teal-600)}.listButton.active{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.listButton small{color:inherit;font-size:11px;margin-left:0;opacity:.7}.listCenter{display:flex;justify-content:center;padding:16px}.medicationHeader{align-items:center;display:flex;justify-content:space-between;margin:12px 0 4px}.medicationRow{align-items:end;border-top:1px solid var(--gray-100);display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr)) 34px;padding:10px 0}.medicineCombo{position:relative}.medicineComboList{background:var(--surface, #fff);border:1px solid var(--gray-100);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:4px 0 0;max-height:240px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:20}.medicineComboOption{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;justify-content:flex-start;min-height:auto;padding:6px 8px;text-align:left;width:100%}.medicineComboOption:hover{background:var(--gray-100);color:var(--gray-700)}.medicineComboName{flex:1}.medicineComboStatus{align-items:center;color:var(--gray-400);display:flex;font-size:12px;justify-content:center;padding:10px}.comboChips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.comboChip{align-items:center;background:var(--gray-100);border-radius:999px;color:var(--gray-700);display:inline-flex;font-size:12px;gap:6px;padding:4px 6px 4px 10px}.comboChip button{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.comboChip button:hover{color:var(--gray-700)}.searchBox{align-items:center;color:var(--gray-400);display:grid;gap:8px;grid-template-columns:15px minmax(160px,240px)}.searchBox input{min-height:32px}.printerSelect{max-width:180px;min-height:32px}.error,.success,.infoNote{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:13px;gap:6px;margin-top:10px;padding:8px 12px}.error{background:var(--red-50);color:var(--red-600)}.success{background:var(--teal-50);color:var(--teal-600)}.infoNote{background:var(--gray-100);color:var(--gray-700)}.badge{border-radius:100px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:capitalize}.badge--doctor{background:#dbeafe;color:#1d4ed8}.badge--admin{background:#fef3c7;color:#92400e}.badge--default{background:var(--teal-100);color:var(--teal-600)}.spinner{animation:spin .55s linear infinite;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;display:inline-block;flex-shrink:0;height:13px;width:13px}@keyframes spin{to{transform:rotate(360deg)}}.emptyState{color:var(--gray-400);font-size:13px;font-style:italic;padding:20px;text-align:center}.tabs{border-bottom:2px solid var(--gray-200);display:flex;gap:2px;margin:14px 0 0}.tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--gray-500);font-size:13px;margin-bottom:-2px;min-height:auto;padding:8px 16px}.tab:hover:not(:disabled){background:var(--gray-100);color:var(--teal-600)}.tab--active{border-bottom-color:var(--teal-600);color:var(--teal-600);font-weight:600}.tab--active:hover:not(:disabled){background:transparent}.tabContent{padding-top:18px}.dataTable{border-collapse:collapse;font-size:13px;margin-top:10px;width:100%}.dataTable th{background:var(--gray-100);color:var(--gray-500);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:7px 12px;text-align:left;text-transform:uppercase}.dataTable th:first-child{border-radius:5px 0 0 5px}.dataTable th:last-child{border-radius:0 5px 5px 0}.dataTable td{border-bottom:1px solid var(--gray-100);padding:10px 12px;vertical-align:middle}.dataTable tr:last-child td{border-bottom:none}.dataTable tr:hover td{background:var(--gray-50)}.td--mono{font-size:12px;color:var(--gray-700)}.discoveredList{align-items:center;background:var(--gray-100);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:10px 14px}.fieldHint{color:var(--gray-500);font-size:12px;font-weight:500;margin:0}.pwdRow{display:flex;gap:6px;align-items:center}.pwdRow input{min-height:30px;font-size:12px}.pwdSaved{align-items:center;color:var(--teal-600);display:inline-flex;font-size:12px;gap:4px}.listViewHeader{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.listViewSub{color:var(--gray-500);font-size:12px;margin-top:2px}.listViewActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.addPatientForm{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:18px;padding:16px 18px}.addPatientForm h3{margin-bottom:12px;color:var(--gray-900);font-size:13px}.required{color:var(--red-600);font-size:12px}.patientGrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:4px}.patientGridCard{align-items:flex-start;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-900);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:auto;padding:14px 16px;text-align:left;transition:border-color .12s,box-shadow .12s,background .12s;width:100%}.patientGridCard:hover:not(:disabled){background:var(--teal-50);border-color:var(--teal-500);box-shadow:0 2px 8px #176c681f}.pgcName{font-size:14px;font-weight:600;color:var(--gray-900)}.pgcMeta{color:var(--gray-500);font-size:12px}.pgcId{color:var(--gray-400);font-weight:500;font-size:12px}.pgcPhone{color:var(--gray-600);font-size:12px}.pgcAllergy{background:#fff8e1;border:1px solid #f0c040;border-radius:3px;color:#8a5000;font-size:11px;margin-top:4px;padding:2px 6px}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.pageCounter{color:var(--gray-500);font-size:13px;min-width:100px;text-align:center}.centeredSpinner{align-items:center;display:flex;justify-content:center;padding:32px}.detailHeader{align-items:center;display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.backBtn{flex-shrink:0}.detailTitle{flex:1}.detailActions{align-items:center;display:flex;flex-shrink:0;gap:8px}.titleInput{border:1px solid var(--teal-600);border-radius:var(--radius-sm);font-size:15px;font-weight:600;min-height:36px;padding:4px 10px;width:100%;max-width:340px}.patientInfoBar{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:16px;padding:10px 16px}.pibItem{color:var(--gray-900);display:flex;flex-direction:column;font-size:13px;gap:1px}.pibLabel{color:var(--teal-600);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pibItem--allergy .pibLabel{color:#e09000}.pibItem--allergy{color:#8a5000}.sectionBlock{border-top:1px solid var(--gray-200);margin-top:18px;padding-top:14px}.sectionToggle{align-items:center;background:transparent;border:none;color:var(--teal-700);display:flex;font-size:13px;font-weight:600;gap:8px;min-height:auto;padding:0;width:100%}.sectionToggle:hover:not(:disabled){background:transparent;color:var(--teal-500)}.sectionToggleChevron{font-size:10px;margin-left:auto;opacity:.6}.sectionLabel{align-items:center;color:var(--teal-700);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:10px}.rxForm{margin-top:12px}.rxFormSplit{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.rxFormMain{min-width:0}.rxPreviewWrap{position:sticky;top:12px}.rxPreviewLabel{color:var(--teal-600);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.rxPreviewPage{background:#fff;border:1px solid var(--gray-200);border-radius:6px;box-shadow:0 4px 16px #17202614;overflow:hidden;font-family:Arial,Noto Nastaliq Urdu,Noto Sans Arabic,sans-serif;color:#222}.rxPreviewHeader{padding:12px 14px 0}.rxPreviewTop{display:flex;align-items:center;gap:8px}.rxPreviewLogo{flex-shrink:0}.rxPreviewBrand{flex:1;text-align:center}.rxPreviewBrandName{font-size:18px;font-weight:900;color:#c0392b;letter-spacing:.5px;line-height:1}.rxPreviewTagline{font-size:9px;color:#666;margin-top:3px}.rxPreviewAddress{text-align:center;color:#c0392b;font-size:9px;font-weight:700;padding:5px 0 6px}.rxPreviewDoctors{display:flex;border-top:2px solid #c0392b;border-bottom:2px solid #c0392b}.rxPreviewDoctorCell{flex:1;padding:5px 7px;font-size:8px;line-height:1.5;border-right:1px solid #ddd;color:#333}.rxPreviewDoctorCell:last-child{border-right:none}.rxPreviewDoctorName{font-size:9.5px;font-weight:700;color:#111}.rxPreviewBody{padding:10px 14px}.rxPreviewField{font-size:11px;margin-bottom:6px}.rxPreviewLabelTxt{font-weight:700;margin-right:3px}.rxPreviewSexRow{display:flex;align-items:center;gap:6px}.rxPreviewSexBox{width:14px;height:14px;border:1.5px solid #333;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.rxPreviewSexBox.checked{background:#c0392b;color:#fff;border-color:#c0392b}.rxPreviewNotesText{font-size:10px;color:#333;line-height:1.6;white-space:pre-line;direction:rtl;text-align:right;font-family:Noto Nastaliq Urdu,Noto Sans Arabic,Arial,sans-serif}.rxPreviewTable{width:100%;border-collapse:collapse;font-size:9.5px;table-layout:fixed}.rxPreviewTable th{background:#f5f5f5;border:1px solid #ddd;padding:3px 5px;font-size:8.5px;font-weight:700;color:#333;text-align:left}.rxPreviewTable td{border:1px solid #ddd;padding:3px 5px;color:#111;overflow-wrap:break-word}.rxPreviewTable td.rxPreviewColMedicine{text-align:left;direction:ltr}.rxPreviewTable td.rxPreviewColUrdu{direction:rtl;text-align:right;font-family:Noto Nastaliq Urdu,Noto Sans Arabic,Arial,sans-serif}.rxPreviewEmpty{color:#999;font-style:italic;text-align:center;font-size:10px}.rxPreviewFooter{border-top:1px solid #999;padding:7px 14px;font-size:9.5px;display:flex;justify-content:space-between;gap:8px}.rxPreviewTimings{line-height:1.6}.rxPreviewBar{background:#c0392b;color:#fff;text-align:center;font-size:10px;font-weight:700;padding:6px 0}@media (max-width: 1100px){.rxFormSplit{grid-template-columns:1fr}.rxPreviewWrap{position:static;max-width:420px}}.rxMedList{list-style:none;margin:0;padding:0}.rxMedList li{font-size:12px;line-height:1.5}.rowActions{align-items:center;display:flex;gap:4px}.tr--editing td{background:var(--teal-50)!important}.muted{color:var(--gray-400)}li small,.profile small{color:var(--gray-400);margin-left:8px}@media (max-width: 1100px){.twoColGrid{grid-template-columns:1fr}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px}.sidebarDivider,.sidebarSpacer,.profileSpec{display:none}.profile{display:flex;align-items:center;gap:8px;padding:0}.profileName{font-size:13px}.sidebarLogout{margin-left:auto}.rxLayout{grid-template-columns:1fr}.rxPatientCol{border-right:none;border-bottom:1px solid var(--gray-200);padding-right:0;padding-bottom:14px}.rxFormCol{padding-left:0;padding-top:14px}.grid,.grid--2,.grid--3,.patientLayout,.medicationRow{grid-template-columns:1fr}.span2{grid-column:auto}.sectionHeader,.actions{flex-wrap:wrap}.searchBox{grid-template-columns:15px minmax(0,1fr)}.printerSelect{max-width:100%}.listViewHeader{flex-direction:column;gap:10px}.listViewActions{width:100%}.detailHeader{gap:8px}.detailActions{width:100%;justify-content:flex-start}.patientGrid{grid-template-columns:1fr 1fr}}
