#mrd{padding-bottom:36px;min-width:0}
#mrd .mrd-page-head{margin-bottom:14px}

/* Patient finder */
#mrd .mrd-search-card{position:relative;margin:0 0 12px;padding:16px;border:1px solid #d8e4ea;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(19,49,66,.03)}
#mrd .mrd-search-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
#mrd .mrd-search-title h3{margin:0;color:#173f55;font-size:16px}
#mrd .mrd-search-title span{display:block;margin-top:3px;color:#6b7f8b;font-size:11px}
#mrd .mrd-search-row{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:10px;align-items:stretch}
#mrd .mrd-search-box{position:relative;min-width:0}
#mrd .mrd-search-box .mrd-search-icon{position:absolute;z-index:2;left:13px;top:50%;transform:translateY(-50%);font-size:18px;color:#78909d;pointer-events:none}
#mrd .mrd-search-box>input#mrdSearch{display:block!important;width:100%!important;min-width:0!important;height:46px!important;box-sizing:border-box!important;margin:0!important;padding:10px 13px 10px 39px!important;border:1px solid #bfcfd8!important;border-radius:10px!important;background:#fff!important;font-size:14px!important;box-shadow:none!important}
#mrd .mrd-search-box>input#mrdSearch:focus{outline:none!important;border-color:#2aaabd!important;box-shadow:0 0 0 3px rgba(42,170,189,.12)!important}
#mrd .mrd-current-patient-btn{height:46px!important;margin:0!important;padding:0 16px!important;white-space:nowrap!important;border-radius:10px!important}
#mrd .mrd-search-results{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);overflow:auto;max-height:320px;border:1px solid #cbd8df;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(18,45,60,.16)}
#mrd .mrd-search-results.hidden{display:none!important}
#mrd .mrd-search-result{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;width:100%!important;margin:0!important;padding:11px 13px!important;border:0!important;border-bottom:1px solid #edf2f5!important;border-radius:0!important;background:#fff!important;color:#183646!important;text-align:left!important;cursor:pointer!important}
#mrd .mrd-search-result:last-child{border-bottom:0!important}
#mrd .mrd-search-result:hover{background:#f3fafb!important}
#mrd .mrd-result-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:#173f55}
#mrd .mrd-result-meta{display:flex;align-items:center;gap:9px;font-size:11px;color:#6c7f8a;white-space:nowrap}
#mrd .mrd-result-meta b{color:#385f72}
#mrd .mrd-search-loading{padding:14px;color:#70848f;font-size:12px}

/* Selected patient */
#mrd .mrd-patient{display:flex;align-items:center;gap:12px;min-height:58px;margin:0 0 12px;padding:12px 14px;border:1px solid #b9dce4;border-radius:12px;background:#f3fbfc;box-sizing:border-box}
#mrd .mrd-patient-empty{border-color:#d6e1e6;background:#fafcfd;color:#718590}
#mrd .mrd-patient-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#eef3f6;color:#7c909b}
#mrd .mrd-patient-empty>div:last-child{display:flex;flex-direction:column;gap:2px}
#mrd .mrd-patient-empty b{color:#4b6572}
#mrd .mrd-patient-empty span{font-size:11px}
#mrd .mrd-patient-avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#dff4f7;color:#12677a;font-size:16px;font-weight:900}
#mrd .mrd-patient-main{display:flex;flex-direction:column;gap:2px;min-width:180px}
#mrd .mrd-patient-main>b{color:#153f54;font-size:14px}
#mrd .mrd-patient-main>span{color:#58717f;font-size:11px;font-weight:700}
#mrd .mrd-patient-meta{display:flex;align-items:center;gap:20px;margin-left:auto}
#mrd .mrd-patient-meta>span{display:flex;flex-direction:column;gap:1px;min-width:100px}
#mrd .mrd-patient-meta small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#76909d}
#mrd .mrd-patient-meta b{font-size:11px;color:#294f62}

/* Record filter row */
#mrd .mrd-filter-block{margin:0 0 14px}
#mrd .mrd-filter-label{margin-bottom:6px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#728792}
#mrd .mrd-tabs{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:0!important}
#mrd .mrd-tabs button{min-height:34px!important;margin:0!important;padding:6px 12px!important;border:1px solid #ccd9df!important;border-radius:999px!important;background:#fff!important;color:#476170!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
#mrd .mrd-tabs button:hover{border-color:#8dbcc6!important;background:#f6fbfc!important}
#mrd .mrd-tabs button.active{border-color:#173f67!important;background:#173f67!important;color:#fff!important}

/* Cards and timeline */
#mrd .mrd-card{min-width:0;margin:0;padding:16px;border:1px solid #dbe5eb;border-radius:14px;background:#fff;box-sizing:border-box}
#mrd .mrd-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #edf2f4}
#mrd .mrd-card-head h3{margin:0;color:#173f55;font-size:16px}
#mrd .mrd-card-head span:not(.mrd-count){display:block;margin-top:3px;color:#6b7f8b;font-size:11px}
#mrd .mrd-count{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 8px;border-radius:999px;background:#eef5f7;color:#4c6877;font-size:10px;font-weight:800;white-space:nowrap}
#mrd .mrd-timeline-card{margin-bottom:16px}
#mrd .mrd-timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;padding:18px;border:1px dashed #ccd9df;border-radius:10px;background:#fafcfd;color:#738792;text-align:center}
#mrd .mrd-timeline-empty b{color:#4f6875;margin-bottom:3px}
#mrd .mrd-timeline-empty span{font-size:11px}
#mrd .mrd-timeline-list{display:grid;gap:9px}
#mrd .mrd-event{margin:0;padding:11px 12px;border:1px solid #e2eaee;border-left:4px solid #8ea7b4;border-radius:9px;background:#fbfcfd}
#mrd .mrd-event-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
#mrd .mrd-event-top small{color:#72848d;font-size:10px}
#mrd .mrd-kind{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#4f6e7e}
#mrd .mrd-event>b{display:block;color:#234b5e;font-size:12px}
#mrd .mrd-event-summary{margin-top:4px;color:#5b707c;font-size:11px;line-height:1.45}
#mrd .mrd-event button{margin-top:8px!important}

/* Entry cards and forms */
#mrd .mrd-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#mrd .mrd-entry-card{min-width:0}
#mrd .mrd-form-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
#mrd .mrd-form-grid .mrd-field{display:block!important;min-width:0!important;margin:0!important}
#mrd .mrd-form-grid .mrd-field.span-2{grid-column:span 2!important}
#mrd .mrd-form-grid .mrd-field.span-3{grid-column:span 3!important}
#mrd .mrd-form-grid .mrd-field.span-4{grid-column:span 4!important}
#mrd .mrd-form-grid .mrd-field.span-6{grid-column:1/-1!important}
#mrd .mrd-form-grid .mrd-field>label{display:block!important;margin:0 0 5px!important;color:#607986!important;font-size:9px!important;font-weight:900!important;letter-spacing:.045em!important;text-transform:uppercase!important;line-height:1.2!important}
#mrd .mrd-form-grid .mrd-field>input:not([type=file]),#mrd .mrd-form-grid .mrd-field>select,#mrd .mrd-form-grid .mrd-field>textarea{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:9px 10px!important;border:1px solid #cbd9df!important;border-radius:8px!important;background:#fff!important;color:#193645!important;font-size:12px!important;box-shadow:none!important}
#mrd .mrd-form-grid .mrd-field>input:not([type=file]),#mrd .mrd-form-grid .mrd-field>select{height:39px!important}
#mrd .mrd-form-grid .mrd-field>textarea{min-height:82px!important;resize:vertical!important;line-height:1.4!important}
#mrd .mrd-form-grid .mrd-field>input:focus,#mrd .mrd-form-grid .mrd-field>select:focus,#mrd .mrd-form-grid .mrd-field>textarea:focus{outline:none!important;border-color:#2aaabd!important;box-shadow:0 0 0 3px rgba(42,170,189,.10)!important}
#mrd .mrd-file-field>input[type=file]{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:8px!important;border:1px dashed #aec5cf!important;border-radius:8px!important;background:#f7fbfc!important;font-size:11px!important}
#mrd .mrd-file-field>small{display:block;margin-top:4px;color:#748993;font-size:9px;line-height:1.35}
#mrd .mrd-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #edf2f4}
#mrd .mrd-form-actions button{margin:0!important}
#mrd .mrd-status{min-height:18px;margin:0;font-size:11px}
#mrd .mrd-status.good{color:#28703d}
#mrd .mrd-status.bad{color:#a82929}

@media(max-width:1180px){
  #mrd .mrd-action-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  #mrd .mrd-search-row{grid-template-columns:1fr}
  #mrd .mrd-current-patient-btn{width:100%!important}
  #mrd .mrd-patient{align-items:flex-start;flex-wrap:wrap}
  #mrd .mrd-patient-meta{width:100%;margin-left:52px;gap:16px}
  #mrd .mrd-form-grid{grid-template-columns:1fr!important}
  #mrd .mrd-form-grid .mrd-field.span-2,#mrd .mrd-form-grid .mrd-field.span-3,#mrd .mrd-form-grid .mrd-field.span-4,#mrd .mrd-form-grid .mrd-field.span-6{grid-column:1/-1!important}
}
@media(max-width:560px){
  #mrd .mrd-search-card,#mrd .mrd-card{padding:12px}
  #mrd .mrd-search-result{grid-template-columns:1fr!important}
  #mrd .mrd-result-meta{justify-content:flex-start}
  #mrd .mrd-patient-meta{margin-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}