/* RSU Jati Husada: larger typography and stronger contrast for patient access. */
:root{--ink:#182e3f;--muted:#4c6273;font-family:"Segoe UI",Arial,sans-serif;font-size:16px}
.hospital-logo{display:block;object-fit:contain;flex-shrink:0;width:64px;height:64px}
.hospital-brand,.sidebar .hospital-brand{gap:12px;font-size:1.0625rem;letter-spacing:.1px;font-weight:750;line-height:1.35}
.hospital-brand small,.sidebar .hospital-brand small{font-size:.75rem;letter-spacing:1.6px;line-height:1.4;color:#4c6776;margin-top:5px;font-weight:650}
.brand-light.hospital-brand{font-size:1.375rem}
.brand-light .hospital-logo{width:82px;height:82px}
.brand-light.hospital-brand small{color:#d3e6e8;font-size:.875rem}
.sidebar{width:272px;padding:28px 18px 20px}.workspace{margin-left:272px}
.main-content{padding-left:32px;padding-right:32px}.topbar{padding-left:32px;padding-right:32px}
.sidebar .hospital-brand{padding-left:0;font-size:1rem;gap:10px}.sidebar .hospital-logo{width:60px;height:60px}
.sidebar-label{font-size:.75rem;color:#566c7c;margin-top:35px}.nav-link{font-size:1rem;color:#4d6475;gap:10px}.nav-count{font-size:.875rem;color:#526c7d}
.help-card h3,.logout-button{font-size:.9375rem}.help-card p{font-size:.875rem;color:#526879;line-height:1.7}.sidebar-version{font-size:.75rem;color:#5d7180}
.breadcrumb{font-size:.875rem;color:#5c7181}.breadcrumb strong{color:#344f62}.topbar-patient strong{font-size:.9375rem}.topbar-patient div>span{font-size:.8125rem;color:#5c7181}.avatar{font-size:1rem}
.login-layout{grid-template-columns:45% 55%}.login-main{padding-left:42px;padding-right:42px}.login-card{max-width:480px;padding:30px 0}
.login-topline{font-size:.875rem;color:#516779}.tag-outline{font-size:.75rem;color:#486171}
.login-card h2{font-size:2rem;line-height:1.3;font-weight:700;letter-spacing:-.7px}
.login-card .section-kicker,.section-kicker,.page-heading .section-kicker{font-size:.8125rem;font-weight:700;color:#00676c;letter-spacing:1.2px}
.login-description{font-size:1.0625rem;color:#4c6273;line-height:1.75;margin:14px 0 26px}
.field label{font-size:1.0625rem;font-weight:650}.field small{font-size:.875rem;color:#53697a;line-height:1.65}
.input-wrap{height:58px;border-color:#aebdc7;background:#fff}.input-wrap input{font-size:1.125rem;font-weight:500;color:#182e3f}.input-wrap input::placeholder{color:#677d8c;font-weight:400}.input-wrap .icon{width:22px;height:22px;color:#617b8c}
.login-button{height:56px;font-size:1.0625rem;font-weight:650}.login-privacy{font-size:.875rem;color:#526a78;line-height:1.7}.login-privacy .icon{width:19px;height:19px;color:#3d7f73}
.demo-label{font-size:.75rem;color:#456273;letter-spacing:.7px}.demo-card{padding:16px;flex-wrap:wrap}.demo-card p{font-size:.9375rem;color:#405d6f}.demo-card p span{color:#597280}.button-demo{font-size:.875rem;min-height:42px;padding:8px 12px}.login-help strong{font-size:1rem}.login-help p{font-size:.9375rem;color:#4c6273;max-width:420px}.login-footer{font-size:.8125rem;color:#536c7c;flex-wrap:wrap}
.eyebrow{font-size:.75rem;line-height:1.6;color:#c1e4e5;letter-spacing:1px}.story-content>p{font-size:1.125rem;line-height:1.85;color:#d1e5e8}.service-preview strong{font-size:1.0625rem}.service-preview span{font-size:.875rem;color:#c6e0e3;line-height:1.6}.story-note{font-size:1rem;color:#d0e5e7}.story-footer{font-size:.8125rem;color:#c4e0e4;flex-wrap:wrap}
.demo-banner{font-size:.875rem;color:#3d6074;line-height:1.6}.demo-pill{font-size:.6875rem;color:#496e82}.page-heading h1{font-size:2rem;font-weight:700}.page-heading p{font-size:1rem;color:#506778}.today-date{font-size:.875rem;color:#506778}
.patient-strip{gap:24px;flex-wrap:wrap}.patient-strip small{font-size:.875rem;color:#526b7d}.patient-strip strong{font-size:1rem;font-weight:650}.patient-strip-title{min-width:155px}.verified{font-size:.8125rem;color:#247a65}
.stat-top{font-size:1rem;color:#415e71}.stat-number{font-size:2.25rem;font-weight:700}.stat-number>span{font-size:.875rem;color:#556e80}.stat-foot{font-size:.8125rem;color:#536e80;line-height:1.6}
.panel-heading h2{font-size:1.1875rem;font-weight:650}.panel-heading p{font-size:.9375rem;color:#536d7d}.subtle-badge{font-size:.8125rem;color:#526c7c}.result-tab{font-size:.9375rem;color:#546f7f}.result-tab span{font-size:.8125rem;color:#526c7d;min-width:23px}
.search-field input,.filter-select select,.button-filter{font-size:.9375rem;height:44px;color:#3f5c70}.search-field input::placeholder{color:#657b8c}.search-field input,.filter-select select{border-color:#bdcbd4}.filter-select select{width:190px}.reset-link{font-size:.875rem}
.results-table th{font-size:.8125rem;color:#4d687b;letter-spacing:.5px}.results-table td{font-size:.9375rem;padding-left:15px;padding-right:15px}.exam-title a{font-size:1rem;color:#223e53;font-weight:650}.table-date{font-size:.9375rem;color:#3e5b70}.results-table small,.exam-title small{font-size:.8125rem;color:#5e7688;letter-spacing:0}.type-label,.status-badge{font-size:.8125rem;font-weight:600}.text-blue{color:#326492}.text-violet{color:#76519d}.ready{color:#26745a}.detail-link{font-size:.9375rem;font-weight:650}.table-footer{font-size:.8125rem;color:#556e80;line-height:1.6}
.result-guidance{font-size:.9375rem;color:#536c7e;line-height:1.8}.result-guidance>.icon{color:#527d90;width:19px;height:19px}.workspace-footer{font-size:.8125rem;color:#5c7181}
.back-link{font-size:.9375rem;color:#496b7d}.report-heading>.button{font-size:1rem;min-height:48px}.document-brand .hospital-logo{width:64px;height:64px}.document-brand strong{font-size:1.125rem}.document-brand span{font-size:.875rem;color:#536c7d}.document-demo{font-size:.8125rem;color:#74531f;line-height:1.6}.report-metadata dt{font-size:.875rem;color:#516c7e}.report-metadata dd{font-size:1rem;color:#263f52}.lab-result-heading h2{font-size:1.0625rem}.lab-result-heading span{font-size:.875rem;color:#566f80}.lab-table{font-size:1rem}.lab-table thead th{font-size:.9375rem;color:#3d6770}.lab-table tbody td{color:#476273}.radiology-content h2{font-size:1.125rem}.radiology-content p{font-size:1rem;color:#425e72;line-height:1.9}.report-note{font-size:.9375rem;color:#4a697c}.report-signoff small{font-size:.875rem;color:#516e80}.report-signoff strong{font-size:1rem}.report-signoff>span{font-size:.8125rem;color:#60798a}.empty-state h2,.empty-state h3{font-size:1.25rem}.empty-state p{font-size:1rem}.alert{font-size:1rem}
@media(max-width:1200px){.login-story{padding:30px}.login-main{padding-left:32px;padding-right:32px}.brand-light.hospital-brand{font-size:1.1875rem}.brand-light .hospital-logo{width:72px;height:72px}.sidebar{width:246px;padding-left:14px;padding-right:14px}.workspace{margin-left:246px}.sidebar .hospital-brand{font-size:.9375rem}.sidebar .hospital-logo{width:54px;height:54px}.nav-link{font-size:.9375rem}.main-content{padding-left:25px;padding-right:25px}.stat-foot{display:none}.stat-number>span{display:block;margin-left:0}.stats-grid{gap:14px}.results-table{min-width:820px}.patient-strip{gap:20px}.patient-strip strong{font-size:.9375rem}}
@media(max-width:960px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.workspace{margin-left:215px}.sidebar .hospital-brand{font-size:.8125rem;gap:8px}.sidebar .hospital-logo{width:48px;height:48px}.sidebar .hospital-brand small{font-size:.6875rem;letter-spacing:1px}.nav-link{font-size:.875rem}.sidebar-label{font-size:.6875rem}.nav-count{display:none}.login-layout{grid-template-columns:40% 60%}.brand-light.hospital-brand{font-size:1rem;gap:9px}.brand-light .hospital-logo{width:58px;height:58px}.brand-light.hospital-brand small{font-size:.75rem}.login-story{padding:26px}.login-main{padding-left:27px;padding-right:27px}.login-card h2{font-size:1.8rem}.service-preview strong{font-size:1rem}.story-content h1{font-size:2.15rem}.service-preview span{font-size:.875rem}.login-topline{font-size:.8125rem}.tag-outline{display:none}.stat-top{font-size:.875rem}.stat-number>span{font-size:.8125rem}.page-heading h1{font-size:1.8rem}.patient-strip{grid-template-columns:1fr 1fr}.patient-strip>div:nth-child(3){padding-left:0}.report-document{padding:24px}}
@media(max-width:960px){.login-layout{display:block}.login-story{padding:19px 23px}.brand-light .hospital-logo{width:62px;height:62px}.brand-light.hospital-brand{font-size:1.1875rem;gap:12px}.brand-light.hospital-brand small{font-size:.8125rem}.login-main{padding:27px 23px 24px;min-height:calc(100vh - 100px)}.login-card{padding:0 0 30px;max-width:480px}.login-card h2{font-size:1.875rem}.login-description{font-size:1rem}.field label{font-size:1rem}.field small{font-size:.875rem}.input-wrap input{font-size:1.125rem}.login-card .section-kicker{font-size:.75rem}.demo-card p{font-size:.875rem}.button-demo{font-size:.875rem}.login-help p{font-size:.9375rem}.login-footer{font-size:.75rem}.sidebar{width:100%;padding:17px 16px 0}.workspace{margin-left:0}.sidebar .hospital-logo{width:54px;height:54px}.sidebar .hospital-brand{font-size:1.0625rem;gap:10px}.sidebar .hospital-brand small{font-size:.75rem;letter-spacing:1px}.sidebar-bottom{right:12px;top:23px}.sidebar-nav{margin-top:18px;gap:4px}.nav-link{font-size:.875rem;padding:12px 5px;gap:5px}.nav-link .icon{width:16px;height:16px}.logout-button{font-size:0;width:40px;height:40px}.topbar{height:auto;min-height:65px;padding:12px 18px;gap:12px;flex-wrap:wrap}.breadcrumb{font-size:.8125rem}.breadcrumb>strong,.breadcrumb>.icon{display:none}.topbar-patient strong{font-size:.875rem}.topbar-patient div>span{font-size:.75rem}.main-content{padding:20px 18px 0}.demo-banner{font-size:.8125rem}.page-heading h1{font-size:1.875rem}.page-heading p{font-size:1rem}.page-heading .section-kicker{font-size:.75rem}.patient-strip{padding:17px 15px;gap:20px 14px}.patient-strip-title{min-width:0}.patient-strip .patient-icon{display:none}.patient-strip small{font-size:.8125rem}.patient-strip strong{font-size:1rem}.patient-strip>div:nth-child(3){padding-left:0}.stats-grid{gap:9px}.stat-card{padding:14px 11px}.stat-top{font-size:.8125rem;line-height:1.5;min-height:39px;align-items:flex-start}.stat-number{font-size:2rem}.stat-number>span{font-size:.6875rem}.panel-heading h2{font-size:1.125rem}.panel-heading p{font-size:.875rem}.result-tabs{gap:17px;padding:0 16px}.result-tab{font-size:.875rem}.result-tab span{display:none}.filters{padding:16px}.search-field input{font-size:1rem;height:46px}.filter-select select,.button-filter{font-size:.9375rem;height:44px}.results-table{min-width:0}.results-table tr{padding:18px 16px;gap:12px 8px;grid-template-columns:minmax(0,1fr) auto}.results-table td,.results-table td:first-child,.results-table td:last-child{padding:0}.exam-title{gap:10px}.exam-title a{font-size:1rem;line-height:1.5}.exam-title small{font-size:.75rem}.exam-icon{width:33px;height:37px}.results-table td:nth-child(2){padding-left:0}.table-date{font-size:.875rem}.results-table td:nth-child(2) small{display:block;margin-left:0;font-size:.75rem}.detail-link{font-size:.875rem;gap:5px}.status-badge{font-size:.75rem;padding:4px 6px}.table-footer{font-size:.875rem}.result-guidance{font-size:.875rem}.workspace-footer{font-size:.75rem;flex-wrap:wrap}.back-link{font-size:.875rem}.report-heading h1{font-size:1.875rem}.report-heading p{font-size:.875rem}.report-heading>.button{font-size:.9375rem}.report-document{padding:22px 17px}.document-header{flex-wrap:wrap;gap:16px}.document-brand .hospital-logo{width:54px;height:54px}.document-brand strong{font-size:1.0625rem}.document-brand span{font-size:.875rem}.document-header .status-badge{font-size:.75rem}.document-demo{font-size:.75rem}.report-metadata{gap:20px 18px}.report-metadata dt{font-size:.8125rem}.report-metadata dd{font-size:.9375rem}.lab-result-heading{align-items:flex-start;flex-wrap:wrap;gap:6px}.lab-result-heading h2{font-size:1.0625rem}.lab-table{min-width:440px;font-size:.9375rem}.lab-table thead th{font-size:.875rem}.radiology-content h2{font-size:1.0625rem}.radiology-content p{font-size:1rem}.report-note{font-size:.875rem}.report-signoff strong{font-size:.9375rem}.report-signoff>span{font-size:.75rem}}
@media(max-width:380px){.sidebar{padding-left:12px;padding-right:12px}.sidebar .hospital-brand{font-size:1rem}.nav-link{font-size:.8125rem;gap:4px}.nav-link .icon{width:14px;height:14px}.main-content{padding-left:14px;padding-right:14px}.result-tabs{gap:13px}.result-tab{font-size:.8125rem}.stat-top{font-size:.75rem}.stat-number>span{font-size:.625rem}.patient-strip strong{font-size:.9375rem}.exam-title a{font-size:.9375rem}.results-table tr{padding:17px 13px}.results-table td:first-child{grid-column:1 / -1}.results-table td:nth-child(4){grid-column:2;grid-row:2}.results-table td:nth-child(5){grid-column:2;grid-row:3}.results-table td:nth-child(2){grid-row:2 / 4}.report-metadata{grid-template-columns:1fr}.login-main{padding-left:20px;padding-right:20px}.login-card h2{font-size:1.75rem}}
/* Android and other touch browsers: no page-wide horizontal scrolling. */
.main-content,.workspace,.login-main,.login-card,.report-document{min-width:0}
.table-scroll{position:relative}
.patient-strip strong,.report-metadata dd,.report-signoff strong,.page-heading h1{overflow-wrap:anywhere}
.hospital-logo{max-width:100%;height:auto;aspect-ratio:1}
@media screen and (max-width:960px){
    .login-main{min-height:calc(100dvh - 100px)}
    .sidebar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
    .nav-link{min-width:0;min-height:65px;flex-direction:column;justify-content:center;gap:5px;padding:10px 3px;font-size:.875rem;line-height:1.4;white-space:normal;text-align:center}
    .nav-link .icon{width:19px;height:19px}
    .nav-link span{overflow-wrap:anywhere}
    .sidebar .hospital-brand{max-width:calc(100% - 44px)}
    .sidebar .hospital-brand>span{min-width:0;overflow-wrap:anywhere}
    .logout-button{width:44px;height:44px;padding:13px}
    .result-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px;overflow:visible}
    .result-tab{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;min-height:50px;padding:10px 0;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
    .filters{align-items:stretch}
    .filter-select{min-width:0}
    .filter-select select{width:100%;min-height:46px;padding-right:20px}
    .search-field input{min-height:48px}
    .button,.button-filter,.button-demo{min-height:46px}
    .detail-link{min-height:44px}
    .exam-title a{display:inline-flex;align-items:center;min-height:36px}
    .back-link{min-height:44px;margin-bottom:14px}
    .reset-link{display:inline-flex;align-items:center;min-height:44px;padding:8px}
    .patient-strip>div{min-width:0}
    .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .stat-card{min-width:0}
    .stat-top{font-size:.8125rem}
    .stat-number>span{font-size:.75rem;overflow-wrap:anywhere}
    .stat-number{font-size:2rem}
    .table-scroll{max-width:100%}
    .lab-table{display:block;min-width:0;max-width:100%}
    .lab-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
    .lab-table tbody{display:grid;gap:14px}
    .lab-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce6eb;border-radius:8px;overflow:hidden}
    .lab-table tbody th{grid-column:1 / -1;background:#f2f7f8;padding:12px 13px;font-size:1rem;font-weight:650;line-height:1.5;color:#233e50}
    .lab-table tbody td{border-bottom:0;padding:12px 10px;font-size:.9375rem;overflow-wrap:anywhere;line-height:1.6}
    .lab-table tbody td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:500;color:#536c7d;margin-bottom:5px}
    .lab-table tbody .lab-value{font-size:1.0625rem;font-weight:700;color:#066c70}
    .lab-table tbody td+td{border-left:1px solid #e7eef1}
    .report-heading>.button{width:100%}
    .document-brand{min-width:0}
    .document-brand>div{min-width:0}
    .document-brand strong{overflow-wrap:anywhere}
    .report-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-metadata>div{min-width:0}
    .radiology-content p,.report-note p{overflow-wrap:anywhere}
    .topbar-patient{min-width:0}
    .topbar-patient>div{min-width:0}
    .topbar-patient strong{overflow-wrap:anywhere}
    .workspace-footer{gap:10px 15px;line-height:1.7}
}
@media screen and (max-width:380px){
    .nav-link,.result-tab{font-size:.8125rem}
    .sidebar .hospital-brand{font-size:.9375rem;gap:8px}
    .sidebar .hospital-logo{width:46px;height:46px}
    .patient-strip{gap:18px 12px;padding:16px 13px}
    .patient-strip strong{font-size:.875rem}
    .stat-card{padding:12px 8px}
    .stat-top{font-size:.75rem}
    .stat-number>span{font-size:.6875rem}
    .report-metadata{grid-template-columns:1fr}
    .demo-card{align-items:flex-start;gap:12px}
    .demo-card p{font-size:.875rem}
    .login-description{font-size:1rem}
    .document-brand .hospital-logo{width:46px;height:46px}
}
@media screen and (max-height:500px) and (orientation:landscape){.sidebar{position:static;width:100%;padding:16px}.sidebar-label,.help-card,.sidebar-version{display:none}.sidebar-bottom{display:block;position:absolute;right:16px;top:18px;padding:0;margin:0}.logout-button{width:44px;height:44px;margin:0;padding:13px;font-size:0;gap:0}.sidebar-nav{display:flex;flex-direction:row;margin-top:15px}.nav-link{flex:1;flex-direction:row;min-height:44px}.workspace{margin-left:0}.login-layout{display:block}.login-story{padding:15px 24px}.story-content,.story-footer{display:none}.login-main{min-height:0}.login-card{max-width:540px}.login-topline{display:none}}
.story-content h1{font-size:clamp(.875rem,1.7vw,1.5rem);line-height:1.4;letter-spacing:-.3px;white-space:nowrap;font-weight:650}
@media print{.workspace{margin:0}.main-content{padding:0}.report-document{padding:0}.hospital-logo,.document-brand .hospital-logo{width:60px;height:60px}.report-metadata dt{font-size:9pt}.report-metadata dd{font-size:10pt}.lab-table,.lab-table thead th{font-size:10pt}.report-note{font-size:9pt}.report-signoff strong{font-size:10pt}.document-brand strong{font-size:14pt}.document-brand span{font-size:10pt}.document-demo{font-size:9pt}.radiology-content p{font-size:11pt}}