#opu-panel{max-width:1180px;margin:18px auto;padding:22px;background:#f8fbfc;border:1px solid #dce8ed;border-radius:20px}
#opu-panel .directory-head{margin-bottom:14px}#opu-panel .directory-head h3{font-size:21px;color:#123d4b}
#opu-panel .opu-case-summary{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:14px;background:linear-gradient(110deg,#103f50,#16697a);color:#fff;padding:18px 22px;border-radius:14px;margin:12px 0 20px}
#opu-panel .opu-case-summary>div{display:flex;flex-direction:column;gap:5px;justify-content:center}#opu-panel .opu-case-summary strong{font-size:17px}#opu-panel .opu-case-summary small,#opu-panel .opu-case-summary span{font-size:12px;color:#d4e8ee}
#opu-panel .opu-flow-tabs{display:flex;gap:6px;padding:6px;background:#e9f1f4;border-radius:12px;margin-bottom:18px;position:sticky;top:0;z-index:8}
#opu-panel .opu-flow-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;min-height:44px;padding:10px 8px;background:transparent;color:#54717d;font-size:13px;border-radius:9px}
#opu-panel .opu-flow-tab:before{content:attr(data-step);border-radius:50%;width:23px;height:23px;line-height:23px;background:#dbe7ed;color:#3f6472;flex-shrink:0}
#opu-panel .opu-flow-tab.active{background:#fff;color:#125e71;box-shadow:0 2px 6px #123b4b12;font-weight:700}#opu-panel .opu-flow-tab.active:before{background:#146a7c;color:white}
#opu-panel .opu-day-tabs{display:flex;gap:8px;margin:0 0 12px}#opu-panel .opu-day-tabs button{padding:8px 18px;min-height:36px;border-radius:20px;background:white;border:1px solid #d7e6ec}#opu-panel .opu-day-tabs button.active{background:#146a7c;color:white}
#opu-panel .opu-stage{margin:12px 0;border-radius:12px}#opu-panel .opu-stage>summary{padding:13px 16px;font-size:15px;background:#edf5f7;border-radius:12px}#opu-panel .opu-stage>div{padding:16px}
#opu-panel .grid,.opu-quick-dialog .grid{gap:12px 18px}#opu-panel .field{margin:0}#opu-panel .field>span,#opu-panel .field>label{font-size:12px;margin-bottom:5px;color:#57717d}
#opu-panel input:not([type=checkbox]):not([type=radio]),#opu-panel select{min-height:40px;height:40px;padding:8px 11px!important;font-size:14px;border-radius:8px}#opu-panel textarea{min-height:48px;height:55px;padding:9px 11px!important;font-size:14px;border-radius:8px}#opu-panel .dmy-date-picker-button{min-height:40px;height:40px;padding:5px!important}#opu-panel .conditional-box{padding:12px;margin:10px 0;border-radius:10px}
#opu-panel fieldset.iui-sample{padding:12px}#opu-panel .iui-sample>section{border:1px solid #e4ecef;border-radius:9px;margin:9px 0;padding:12px}#opu-panel .iui-sample h3{font-size:14px;margin:0 0 12px}#opu-panel .iui-sample .step{display:none}#opu-panel .iui-sample .hint{font-size:11px}
#opu-panel .opu-embryo-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:10px;align-items:center;padding:10px;margin:0;background:white}#opu-panel .opu-embryo-row>legend{float:right;width:70px;font-weight:700;font-size:13px}#opu-panel .opu-embryo-row>.grid{grid-template-columns:repeat(3,minmax(85px,1fr));gap:10px}#opu-panel .opu-embryo-row>label.field{margin:0}#opu-panel .opu-embryo-row textarea{height:40px;min-height:40px}#opu-panel .opu-embryo-row output{grid-column:2/-1;margin:0;font-size:13px}
#opu-panel .opu-save-bar{position:sticky;bottom:0;z-index:9;display:flex;gap:8px;align-items:center;background:#ffffffed;backdrop-filter:blur(8px);padding:12px 16px;border:1px solid #dce8ed;border-radius:12px;box-shadow:0 -4px 20px #163b4b08;margin-top:18px}#opu-panel .opu-save-bar button{min-height:40px;padding:8px 16px;font-size:13px}#opu-panel #opu-close-case{margin-inline-start:auto}#opu-panel #opu-save{background:#126d7d;color:white}#opu-panel #opu-status{font-size:13px;margin:8px 0}
#opu-panel .opu-freeze-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 18px;border:1px solid #bfdfe4;background:linear-gradient(110deg,#f1faf9,#edf6fa);border-radius:12px;margin-top:18px}#opu-panel .opu-freeze-card>div{flex:1}#opu-panel .opu-freeze-card strong{font-size:14px;color:#16697a}#opu-panel .opu-freeze-card p{font-size:12px;color:#69818b;margin:4px 0}#opu-panel .opu-freeze-card>button{font-size:13px;min-height:38px;padding:8px 14px}#opu-panel .opu-freeze-saved{flex-basis:100%;background:white;text-align:start}
.opu-quick-dialog{width:min(780px,94vw);max-height:90vh;border:1px solid #cfe2e7;border-radius:18px;padding:0;color:#244551;font-family:inherit}.opu-quick-dialog::backdrop{background:#123b4b70;backdrop-filter:blur(3px)}.opu-quick-dialog header,.opu-quick-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:#f2f8fa}.opu-quick-dialog header{position:sticky;top:0;z-index:2;border-bottom:1px solid #dce9ed}.opu-quick-dialog header h3{margin:0;font-size:19px}.opu-quick-dialog footer{position:sticky;bottom:0;border-top:1px solid #dce9ed}.opu-quick-dialog footer span{font-size:12px}.opu-quick-dialog button{cursor:pointer;padding:9px 14px;border:1px solid #bcd5de;border-radius:8px;background:white;color:#12687a;font-family:inherit}.opu-quick-dialog #opu-quick-save{background:#126d7d;color:white;border-color:#126d7d}.opu-quick-body{padding:18px 22px}.opu-quick-dialog .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.opu-quick-dialog label.field{display:flex;flex-direction:column;gap:5px;font-size:12px}.opu-quick-dialog input:not([type=checkbox]),.opu-quick-dialog select,.opu-quick-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #ccdde4;border-radius:8px;font-family:inherit;color:#1e4555;background:white;padding:9px 11px;min-height:40px;font-size:14px}.opu-quick-dialog textarea{height:55px}.opu-quick-dialog .dmy-date-control{display:flex}.opu-quick-dialog .dmy-date-picker-popup{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:1px!important;pointer-events:none}.opu-quick-dialog .opu-sample-summary{padding:12px;border:1px solid #cee3e7;background:#edf8f7;border-radius:9px;font-size:13px;line-height:1.7;margin-bottom:14px}.opu-quick-dialog .opu-quick-site{border:1px solid #d4e3e9;border-radius:10px;padding:12px;margin:12px 0}.opu-quick-dialog .opu-quick-site .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.opu-quick-dialog legend{font-weight:700;font-size:13px}.opu-embryo-choice{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #e1ebef}.opu-embryo-choice>label:first-child{display:flex;align-items:center;gap:12px;flex:1}.opu-embryo-choice>label.field{width:90px}.opu-embryo-choice input[type=checkbox]{width:18px;height:18px;accent-color:#126d7d}.opu-embryo-choice strong{background:#e8f3f6;padding:3px 10px;border-radius:6px}.opu-quick-dialog #opu-quick-error{color:#ac2b29;margin:0 22px;font-size:13px}.opu-quick-dialog [hidden]{display:none!important}
@media(max-width:800px){#opu-panel{padding:12px}#opu-panel .opu-case-summary{grid-template-columns:repeat(2,1fr)}#opu-panel .opu-case-summary>div:first-child{grid-column:1/-1}#opu-panel .opu-flow-tabs{overflow:auto}#opu-panel .opu-flow-tab{flex:none;font-size:12px}#opu-panel .opu-embryo-row{grid-template-columns:1fr}#opu-panel .opu-embryo-row>legend{float:none;width:auto}#opu-panel .opu-save-bar{flex-wrap:wrap}#opu-panel .opu-save-bar button{flex:1}.opu-quick-dialog .grid{grid-template-columns:1fr}}

#sfa-intake #opu-panel .opu-embryo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 16px;min-width:0}#sfa-intake #opu-panel .opu-embryo-row>legend{float:none;width:auto;padding:0 7px}#sfa-intake #opu-panel .opu-embryo-row>.grid{flex:2 1 320px;display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));width:auto;margin:0}#sfa-intake #opu-panel .opu-embryo-row>label.field{flex:1 1 200px;width:auto;margin:0}#sfa-intake #opu-panel .opu-embryo-row>output{order:3;flex-basis:100%;margin:0;text-align:start}#sfa-intake #opu-panel .opu-embryo-row textarea{height:40px;min-height:40px}

/* All portal dialogs use the same installed application typeface. */
body,dialog,.opu-quick-dialog{font-family:"Tajawal",Tahoma,Arial,sans-serif}dialog input,dialog select,dialog textarea,dialog button{font-family:inherit}
.ivf-datetime-split{display:grid;grid-template-columns:minmax(150px,1.6fr) minmax(110px,1fr);gap:10px;width:100%;align-items:end}.ivf-datetime-part{display:flex;flex-direction:column;min-width:0;gap:4px}.ivf-datetime-caption{font-size:12px;color:#57717d}.ivf-datetime-part input[type=time],.ivf-case-time input[type=time]{width:100%;box-sizing:border-box;font-family:inherit}.ivf-case-time{display:flex;flex-wrap:wrap;gap:6px;width:100%}.ivf-case-time small{flex-basis:100%}input[data-split-datetime],input[data-case-time]{display:none!important}

#sfa-intake #opu-panel .opu-flow-tabs{overflow-x:auto;flex-wrap:nowrap}#sfa-intake #opu-panel .opu-flow-tab{min-width:105px;white-space:nowrap;font-size:12px;padding:9px 6px;gap:5px}#opu-panel .opu-media-list{margin-top:12px}#opu-panel .opu-media-row{padding:12px;background:#f0f7f8;border-radius:10px;margin:8px 0}#sfa-intake #opu-panel .opu-choice-row{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e3edef;padding:9px 0}#opu-panel .opu-choice-row>label,#opu-panel .opu-choice-row>span{min-width:130px}#opu-panel .opu-inline-choices{display:flex;flex-wrap:wrap;gap:6px;flex:1}#sfa-intake #opu-panel .opu-inline-choices button{font-size:12px;min-height:32px;padding:5px 11px;border:1px solid #cee1e6;border-radius:18px;background:white;color:#315665}#sfa-intake #opu-panel .opu-inline-choices button.selected{background:#126d7d;color:white;border-color:#126d7d}#opu-panel .opu-biopsy-event{border:1px solid #c9dfe6;margin:15px 0;padding:16px;border-radius:12px}#opu-panel .opu-biopsy-event>legend{font-weight:700;color:#126d7d}

#opu-panel .opu-inline-choices button.selected:before{content:'✓ ';font-weight:700}#opu-panel .opu-biopsy-event>summary{font-weight:700;color:#126d7d;cursor:pointer;padding:10px}#opu-panel .opu-media-row{grid-template-columns:repeat(2,minmax(0,1fr))}

#embryology-register-results{overflow-x:auto}#sfa-intake .opu-register-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:14px;text-align:start}#sfa-intake .opu-register-table th{background:#edf5f7;color:#466774;font-weight:700;padding:12px 10px;white-space:nowrap}#sfa-intake .opu-register-table td{padding:11px 10px;border-bottom:1px solid #dce8ed;white-space:nowrap}#sfa-intake .opu-register-table tbody tr:hover{background:#f4fafb}#sfa-intake .opu-register-table td:first-child{font-weight:700;white-space:normal;min-width:180px}#sfa-intake .opu-register-table button{min-height:32px;padding:5px 14px;font-size:13px;width:auto}#opu-panel .opu-existing-cases{background:#fff8e8;border:1px solid #e6d4a2;padding:14px;border-radius:10px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px}#opu-panel .opu-existing-cases>strong{flex-basis:100%}#opu-panel .opu-existing-cases>.field{display:flex;flex-direction:row;align-items:center;gap:12px;flex-basis:100%}#opu-panel .opu-existing-cases input[type=checkbox]{width:18px;height:18px}

/* 0.9.7 compact laboratory entry */
.opu-micro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.opu-micro-card .opu-metric .field{margin:8px 0}.opu-micro-card input,.opu-micro-card select,.opu-post-card input,.opu-post-card select{min-height:42px!important;padding:9px 12px!important;font:inherit}.opu-micro-card textarea{min-height:62px}.opu-calculated-strip,.opu-allocation-summary{display:flex;flex-wrap:wrap;gap:20px;background:#eaf4f5;border-radius:10px;padding:14px;margin-top:14px;color:#126b7b;font-weight:600}.opu-allocation-summary.invalid{background:#fff0ef;color:#b42318}.opu-post-card{border:1px solid #cbdfe5;border-radius:14px;padding:18px;margin-top:18px;background:#f8fbfc}.opu-post-values{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.opu-post-values .field:last-child{grid-column:1/-1}.opu-post-values output{display:inline-block;background:#e4f1f3;padding:6px 14px;border-radius:20px}.opu-optional-notes summary{cursor:pointer;color:#126b7b;margin-top:14px}.opu-pn-cohort .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.opu-stage .opu-stage{margin:12px 0}.opu-stage .opu-stage>summary{font-size:1em}.opu-post-card h3{margin:0 0 14px}.opu-micro-card [hidden],.opu-stage [hidden]{display:none!important}@media(max-width:900px){.opu-micro-grid,.opu-post-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}.opu-pn-cohort .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

#opu-panel .opu-save-bar{flex-wrap:wrap}#opu-panel #opu-save-feedback{flex-basis:100%;margin:0;font-size:13px;white-space:pre-wrap}#opu-panel #opu-save-feedback:empty{display:none}