*{box-sizing:border-box}body{margin:0;font:14px Segoe UI,Arial;background:#edf3f7;color:#17364e}.hide{display:none!important}#login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#164d73,#edf3f7)}.loginbox,.panel,.cards>div{background:white;border-radius:12px;padding:22px;box-shadow:0 4px 18px #0002}.loginbox{width:min(440px,92vw);text-align:center}.logo{width:64px;height:64px;border-radius:14px;background:#17628d;color:white;display:grid;place-items:center;font-size:36px;font-weight:800;margin:auto}.loginbox input{width:100%}header{padding:17px 4vw;background:#174e74;color:white;display:flex;justify-content:space-between;align-items:center}header b{font-size:21px}header small{display:block}nav{display:flex;gap:7px;padding:10px 4vw;background:white;overflow:auto}main{max-width:1400px;margin:auto;padding:24px 4vw}button{border:0;border-radius:7px;padding:10px 15px;background:#176b9b;color:white;font-weight:700;cursor:pointer}.red{background:#b93434}input,select{display:block;width:100%;padding:10px;margin:6px 0 10px;border:1px solid #cad7df;border-radius:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards b{display:block;font-size:32px}.panel{margin:14px 0}.tests{height:190px;overflow:auto;border:1px solid #d5e0e7}.item{display:flex;gap:8px;padding:7px;border-bottom:1px solid #eee}.item input{width:auto;margin:2px}.pill{display:inline-block;background:#e3eef5;padding:7px 10px;border-radius:18px;margin:4px}.pill i{color:#a22;margin-left:8px;cursor:pointer}.actions{display:flex;gap:8px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:9px;border:1px solid #dce5eb;text-align:left}th{background:#e8f0f5}.coa{background:white;padding:25px;margin-top:15px}.badge{padding:4px 8px;border-radius:12px;background:#e5edf2}.audit{font-size:12px}@media(max-width:800px){.grid,.cols,.cards{grid-template-columns:1fr}}@media print{header,nav,#coa>h2,#coa select,#coa button{display:none!important}main{padding:0}.coa{box-shadow:none}}
.registration-page{max-width:1060px}.reg-title{height:38px;background:#d9d9d9;color:#c00;font-size:20px;font-weight:800;display:flex;justify-content:center;gap:55px;align-items:center;margin-bottom:15px}.arabic{direction:rtl}.section-bar{background:#ddd;color:#c00;font-weight:800;padding:5px;margin:12px 0;width:100%}.centered{text-align:center}.sample-info-layout{display:grid;grid-template-columns:1fr 1fr 1.15fr 150px;gap:28px;align-items:start}.info-col label{display:grid;grid-template-columns:95px 1fr;gap:8px;align-items:center;margin-bottom:8px}.info-col label b{background:#ddd;padding:4px;font-size:12px}.info-col input,.info-col select,.info-col textarea{margin:0;border-radius:0;padding:6px;height:29px}.info-col textarea{height:44px}.compact{margin:-1px 0 8px 103px;padding:6px 10px}.nav-col{display:grid;gap:8px}.green{background:#1da65b}.test-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.test-head{display:grid;grid-template-columns:150px 55px 1fr 28px;align-items:center}.test-head span{background:#1da65b;color:white;text-align:center;font-weight:700;padding:4px}.test-head input{margin:0;border-radius:0;height:27px;padding:4px}.xbtn{background:#c74444;border-radius:0;padding:5px}.tests{height:150px;background:white}.test-buttons{display:flex;justify-content:center;gap:10px;margin:10px}.gray{background:#68778a}.selected-title{font-size:13px;margin:8px 5px}.selected-box{height:108px;width:65%;border:1px solid #cfd8df;background:white;padding:5px}.bottom-actions{display:flex;gap:8px;margin-top:8px}.savebtn{background:#8bd1f5;color:#254458;font-weight:500;border:1px solid #57b7e9}.closebtn{margin-left:48px;min-width:110px}@media(max-width:900px){.sample-info-layout{grid-template-columns:1fr}.test-layout{grid-template-columns:1fr;gap:15px}.selected-box{width:100%}}

.access-shell{background:#edf2f6;min-height:100vh}.access-header{height:114px;background:#0d3d5d;padding:18px 30px;color:#fff;display:block}.access-header b{font-size:25px}.access-header small{font-size:12px;margin-top:2px}.access-main{max-width:none;margin:0;padding:50px 30px 20px}.access-dashboard{max-width:1022px}.quick-row{display:grid;grid-template-columns:160px 140px 166px 140px 166px 115px;gap:12px;margin-bottom:32px}.qa{height:37px;border-radius:0}.yellow{background:#ffb900;color:#111}.orange{background:#ed8750}.blue{background:#1e6c9c}.home-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.home-group{background:white;border:1px solid #c8d0d6;padding:12px 20px 20px;height:212px}.home-group h3{font-size:13px;margin:2px 0 12px}.home-group button{display:block;width:100%;height:33px;border-radius:0;margin:6px 0;background:#1f6b99}.status-panel{background:white;border:1px solid #c8d0d6;margin-top:43px;padding:16px 20px 18px;height:95px}.status-panel h3{font-size:14px;margin:0 0 14px}.status-values{display:grid;grid-template-columns:140px 180px 140px 150px 1fr;align-items:center;font-size:12px}.status-values b{font-size:16px;margin-left:18px}.status-values span:nth-child(1) b{color:#1474d4}.status-values span:nth-child(2) b{color:#159a40}.status-values span:nth-child(3) b{color:#7143ce}.status-values span:nth-child(4) b{color:#f06b00}.status-actions{display:flex;gap:12px;justify-content:flex-end}.admin-mode{background:#5e6f8c}.status-actions button{border-radius:0;padding:8px 20px}.access-footer{font-size:10px;color:#7e8d98;margin-top:44px}
@media(max-width:1050px){.quick-row{grid-template-columns:repeat(3,1fr)}.home-groups{grid-template-columns:repeat(2,1fr)}.status-values{grid-template-columns:repeat(2,1fr);gap:8px}.status-panel{height:auto}}

.result-entry-page{max-width:850px;padding:0 10px 40px}
.result-title{font-size:22px;color:#555;margin:10px 0 18px}
.result-form{font-size:13px;color:#555}
.result-row{display:grid;gap:24px;margin-bottom:10px}
.wide-row{grid-template-columns:460px 220px}
.result-row label,.result-grid label,.comments-label{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:12px}
.result-row input,.result-row select,.result-grid input,.result-grid select,.comments-label textarea{
  margin:0;height:28px;border-radius:0;padding:4px 6px;background:#fff;border:1px solid #c8c8c8
}
.review-status{grid-template-columns:105px 115px!important}
.result-grid{display:grid;grid-template-columns:330px 300px;column-gap:70px;row-gap:10px;margin-top:12px}
.result-grid label{grid-template-columns:115px 1fr}
.compliance-box{background:#ffe681!important;font-weight:700;color:#111}
.comments-label{grid-template-columns:115px 1fr;margin-top:14px;width:660px}
.comments-label textarea{height:50px;resize:vertical}
.result-navigation{display:flex;gap:5px;margin:8px 0 12px 170px}
.result-navigation button{background:#8fd1f2;color:#21455d;border:1px solid #52b6e5;border-radius:0;height:30px;padding:5px 18px;font-weight:500}
.result-actions-layout{display:grid;grid-template-columns:165px 175px 190px;gap:18px;margin-top:4px}
.result-actions-layout>div{display:grid;gap:12px}
.result-actions-layout button{border-radius:0;min-height:39px;background:#8fd1f2;color:#21455d;border:1px solid #52b6e5;font-weight:500}
.result-actions-layout .save-evaluate{background:#79df8e;color:#234b2d;border-color:#62c877}
.result-actions-layout .red{background:#b92e2e;color:#fff;border-color:#a12121}
.result-close{min-height:27px!important;height:27px!important;margin:0 20px}
@media(max-width:850px){
  .wide-row,.result-grid{grid-template-columns:1fr}
  .result-grid{column-gap:0}
  .comments-label{width:100%}
  .result-actions-layout{grid-template-columns:1fr}
  .result-navigation{margin-left:0;flex-wrap:wrap}
}

.sample-result-page{max-width:1380px}
.sample-result-header{
  display:grid;
  grid-template-columns:260px 260px 260px 1fr;
  gap:14px;
  background:#fff;
  border:1px solid #d2dce3;
  padding:14px;
}
.sample-result-header label,
.sample-result-footer label{
  font-size:12px;
  font-weight:700;
}
.sample-result-header input,
.sample-result-header select,
.sample-result-footer input,
.sample-result-footer textarea{
  margin-top:5px;
}
.result-sample-summary{
  display:flex;
  gap:30px;
  background:#e7edf2;
  padding:9px 14px;
  margin-top:10px;
  font-size:12px;
}
.result-sample-summary b{font-size:14px}
.result-table-wrap{
  overflow:auto;
  background:#fff;
  border:1px solid #cfd9e0;
  margin-top:10px;
  max-height:520px;
}
.sample-results-table{
  min-width:1450px;
  margin:0;
}
.sample-results-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#dce5eb;
  white-space:nowrap;
  font-size:12px;
}
.sample-results-table td{
  padding:6px;
  vertical-align:middle;
}
.sample-results-table input,
.sample-results-table select{
  margin:0;
  padding:6px;
  min-width:90px;
  height:31px;
}
.sample-results-table .final-input{min-width:125px}
.sample-results-table .compliance{
  min-width:110px;
  font-weight:700;
  text-align:center;
}
.comp-ok{background:#d9f2df!important;color:#17652d}
.comp-fail{background:#f8d7da!important;color:#8a1d25}
.comp-na{background:#ffe99b!important;color:#5b4a00}
.sample-result-footer{
  display:grid;
  grid-template-columns:190px 220px 1fr;
  gap:14px;
  margin-top:12px;
  background:#fff;
  border:1px solid #d2dce3;
  padding:12px;
}
.sample-result-comments textarea{height:55px;resize:vertical}
.sample-result-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.sample-result-actions button{border-radius:0}
.sample-result-actions .save-evaluate{
  background:#79df8e;
  color:#21482b;
  border:1px solid #59c271;
}
@media(max-width:900px){
  .sample-result-header,.sample-result-footer{grid-template-columns:1fr}
}

.customer-master-panel{padding:20px}
.customer-actions,.customer-bottom-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
.customer-actions button,.customer-bottom-actions button{
  min-width:180px;
}
.back-sample-btn{
  background:#1f6b99;
  color:#fff;
}
.customer-bottom-actions{
  margin-top:14px;
}

.global-back-btn{
  position:fixed;
  right:22px;
  top:205px;
  z-index:9999;
  background:#246b99;
  color:#fff;
  border:0;
  padding:10px 18px;
  min-width:105px;
  font-weight:700;
  box-shadow:0 2px 7px rgba(0,0,0,.18);
}
.sample-control-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  margin:12px 0;
}
.sample-control-toolbar input{
  width:460px;
  max-width:60vw;
}
.sample-control-note{
  background:#fff4cf;
  border:1px solid #e5cf7d;
  padding:9px 12px;
  margin-bottom:10px;
  font-size:12px;
}
.sample-control-table-wrap{
  overflow:auto;
  background:#fff;
  border:1px solid #ccd8e0;
}
.sample-control-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
  margin:0;
}
.sample-control-table th{
  background:#dce6ed;
  position:sticky;
  top:0;
  z-index:1;
}
.sample-control-table th,.sample-control-table td{
  border:1px solid #d6e0e6;
  padding:8px;
  text-align:left;
}
.sample-control-table .action-cell{
  white-space:nowrap;
}
.sample-control-table .action-cell button{
  margin:2px;
  padding:7px 10px;
  min-width:auto;
}
.sample-control-table .delete-sample-btn{
  background:#bf3434;
  color:#fff;
}

.all-samples-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  margin:12px 0;
}
.all-samples-toolbar input{
  width:420px;
  max-width:60vw;
}
.all-samples-note{
  margin:8px 0;
  font-size:12px;
  color:#5e6e7a;
}
.all-samples-wrap{
  overflow:auto;
  background:#fff;
  border:1px solid #d3dde4;
}
.all-samples-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
  margin:0;
}
.all-samples-table th{
  background:#dfe8ee;
  position:sticky;
  top:0;
  z-index:1;
}
.all-samples-table th,
.all-samples-table td{
  border:1px solid #d7e0e6;
  padding:8px 10px;
  text-align:left;
}
.all-samples-table .admin-delete-btn{
  background:#b72f2f;
  color:#fff;
  border:none;
  padding:7px 12px;
  font-weight:700;
}
.all-samples-table .view-only{
  color:#7b8892;
  font-size:12px;
}
.all-samples-bottom{
  margin-top:12px;
}

.reviewer-field{display:inline-flex;flex-direction:column;gap:6px;margin-left:14px;vertical-align:top}
.reviewer-field input{min-width:210px;background:#f7fafc}

/* V16.1 Technical Reviewer */
.sample-result-footer{
  grid-template-columns:190px 210px 210px 1fr !important;
}
#technicalReviewerWrap input{
  background:#f4f7f9;
  font-weight:700;
}
.technical-review-mode .result-title::after{
  content:" - TECHNICAL REVIEW";
  color:#1f6b99;
}
@media(max-width:1000px){
  .sample-result-footer{grid-template-columns:1fr 1fr !important}
}

button:disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:grayscale(.35);
}

/* V18 User Management */
.user-actions-v18{display:flex;gap:8px;align-items:center}
.edit-user-v18{background:#2f6f9f !important;color:#fff !important;min-width:75px}
.delete-user-v18{background:#bf3434 !important;color:#fff !important;min-width:75px}
#userCancelEditBtn{background:#68778b;color:#fff;margin-left:8px}

/* ============================================================
   V19 Analyst privacy + work queue
   ============================================================ */
.analyst-queue-banner{
  background:#e7f1f7;
  border:1px solid #b8d1e0;
  color:#234f6c;
  padding:9px 12px;
  margin:10px 0;
  font-size:12px;
  font-weight:700;
}
.analyst-no-tasks{
  background:#f5f7f8;
  border:1px solid #d1dbe2;
  color:#50636f;
  padding:24px;
  margin:10px 0;
  text-align:center;
  font-weight:700;
}
.analyst-private-hidden{
  display:none !important;
}
.sample-result-header.analyst-layout{
  grid-template-columns:280px 1fr !important;
}

/* V19.1 - permanent Back button on Result Entry */
.result-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
}
.result-title-row .result-title{
  margin:0;
}
.result-back-home-btn{
  background:#2c6f9f !important;
  color:#fff !important;
  border:1px solid #225d87 !important;
  min-width:145px;
  padding:10px 16px;
  font-weight:700;
  border-radius:6px;
}
.result-back-home-btn:hover{
  background:#245f89 !important;
}

/* V20 Reviewer return workflow */
.review-return-btn{
  background:#d88920 !important;
  color:#fff !important;
  border:1px solid #b66e0d !important;
  font-weight:700;
}
.analyst-return-note{
  background:#fff1c9;
  border:1px solid #dfbd5c;
  color:#6c5211;
  padding:10px 12px;
  margin:8px 0 10px;
  font-size:12px;
  font-weight:700;
  white-space:pre-wrap;
}

/* V21 - persistent logged-in user/date/time */
header { position: relative; }
.top-user-info{
  position:absolute;
  right:28px;
  top:18px;
  min-width:230px;
  text-align:right;
  color:#fff;
  font-size:13px;
  line-height:1.55;
  font-weight:600;
  z-index:50;
}
.top-user-info #topUserName{font-size:15px;font-weight:800;}
.top-user-info #topUserRole{opacity:.92;}
@media (max-width:760px){
  .top-user-info{right:12px;top:12px;font-size:11px;min-width:170px;}
  .top-user-info #topUserName{font-size:13px;}
}

/* ============================================================
   V22 Notifications
   ============================================================ */
.top-user-info{
  padding-left:52px;
}
.notification-bell{
  position:absolute;
  left:0;
  top:4px;
  width:40px;
  height:40px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.notification-bell:hover{
  background:rgba(255,255,255,.20);
}
.notification-badge{
  position:absolute;
  right:-5px;
  top:-6px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:10px;
  background:#d92929;
  color:#fff;
  font-size:11px;
  line-height:20px;
  text-align:center;
  font-weight:800;
  border:2px solid #163e5d;
}
.notification-panel{
  position:fixed;
  right:24px;
  top:82px;
  width:360px;
  max-height:460px;
  overflow:auto;
  z-index:10000;
  background:#fff;
  border:1px solid #c9d5dd;
  box-shadow:0 8px 28px rgba(0,0,0,.25);
}
.notification-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:11px 13px;
  background:#1f5f8b;
  color:#fff;
}
.notification-panel-head button{
  background:transparent;
  color:#fff;
  border:0;
  font-size:22px;
  min-width:auto;
  padding:0 4px;
}
.notification-list{
  padding:8px;
}
.notification-item{
  border-bottom:1px solid #e1e7eb;
  padding:10px 8px;
  cursor:pointer;
}
.notification-item:last-child{
  border-bottom:0;
}
.notification-item:hover{
  background:#f2f7fa;
}
.notification-item b{
  display:block;
  color:#173b55;
  margin-bottom:3px;
}
.notification-item small{
  color:#657885;
}
.notification-empty{
  text-align:center;
  padding:25px 10px;
  color:#667985;
}

/* ============================================================
   V23 Final Approval workflow
   ============================================================ */
.final-approve-btn{
  background:#2e9b50 !important;
  color:#fff !important;
  border:1px solid #237d40 !important;
  font-weight:700;
}
.return-reviewer-btn{
  background:#b7791f !important;
  color:#fff !important;
  border:1px solid #945f15 !important;
  font-weight:700;
}
#finalApprovalWrap input{
  background:#f4f7f9;
  font-weight:700;
}
.sample-result-footer.final-approval-footer{
  grid-template-columns:180px 190px 190px 190px 1fr !important;
}

/* V24 F-780-01 COA */
.coa-f780{max-width:1050px;margin:15px auto;color:#111;font-family:"Times New Roman",Arial;background:#fff}.coa-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:0;padding:0 25px}.coa-brand{font-weight:800;text-align:center;border:1px solid #777;padding:8px 14px}.coa-title-ar{text-align:right;font-size:20px;font-weight:700;line-height:1.25}.coa-title-ar small{font-size:12px;font-weight:400}.coa-report-title{display:flex;justify-content:space-between;border-bottom:4px solid #111;margin:4px 25px 10px;padding:0 15px;font-size:20px;font-style:italic}.coa-info{margin:0 30px;border-bottom:3px solid #111}.coa-info.two{display:grid;grid-template-columns:1fr 1fr}.coa-info.two>div{padding:5px 20px}.coa-info.two>div+div{border-left:1px solid #111}.coa-info h4,.coa-section-center{text-align:center;margin:2px}.coa-info p{margin:5px 0}.coa-analysis{display:inline-block;background:#ddd;margin:18px 30px 8px;padding:2px 5px;text-decoration:underline}.coa-results{width:calc(100% - 40px);margin:0 20px;font-size:12px}.coa-results th{background:#d6d3d3;text-align:center}.coa-results td{border:0;text-align:center;padding:4px}.coa-remarks{margin:35px 35px 15px;font-size:12px}.coa-remarks h4{text-decoration:underline;margin:8px 0}.coa-sign{display:grid;grid-template-columns:1fr 160px 1fr;align-items:end;text-align:center;margin:45px 45px 20px}.coa-stamp{width:120px;height:80px;border:2px solid #8aa;border-radius:50%;display:grid;place-items:center;margin:auto;opacity:.6}.coa-footer{display:grid;grid-template-columns:repeat(5,1fr);margin:0 25px;border:1px solid #111;text-align:center}.coa-footer span{padding:7px;border-right:1px solid #111}.coa-footer span:last-child{border:0}@media print{.coa-f780{font-size:11px;margin:0;max-width:none}.coa-analysis{margin-top:12px}.coa-remarks{margin-top:22px}.coa-sign{margin-top:30px}.coa-results{font-size:10px}}

/* ============================================================
   V25 Editable F-780 Report
   ============================================================ */
.report-page-panel{padding:18px}
.report-select-row{
  display:flex;
  align-items:end;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.report-select-row label{flex:1;min-width:280px;font-weight:700}
.report-select-row select{width:100%;margin-top:5px}
.report-edit-btn{background:#2f6f9f!important;color:#fff!important}
.report-save-btn{background:#2d9450!important;color:#fff!important}
.report-print-btn{background:#1f5f8b!important;color:#fff!important}
.report-editor-v25{
  background:#f3f6f8;
  border:1px solid #c8d4dc;
  padding:14px;
  margin:12px 0 18px;
}
.report-editor-v25 h3{margin-top:0}
.report-editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.report-editor-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
  font-weight:700;
  font-size:12px;
}
.report-editor-grid input,
.report-editor-grid textarea{
  width:100%;
  box-sizing:border-box;
}
.report-editor-grid textarea{
  min-height:75px;
  resize:vertical;
}
.report-editor-wide{grid-column:1/-1}
.report-editor-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}

.coa-f780 .coa-head-v25{
  display:grid;
  grid-template-columns:190px 1fr 125px;
  gap:14px;
  align-items:start;
  padding:0 28px 4px;
}
.coa-logo-block{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:95px;
}
.coa-logo-fahis{
  max-width:170px;
  max-height:82px;
  object-fit:contain;
}
.coa-logo-saac{
  max-width:100px;
  max-height:110px;
  object-fit:contain;
}
.coa-header-center{
  text-align:right;
  font-weight:700;
  font-size:19px;
  line-height:1.35;
}
.coa-header-center .coa-header-en{
  font-size:12px;
  font-weight:400;
}
.coa-header-center .coa-lab-name{
  font-size:15px;
  margin-top:3px;
}
.coa-footer-custom{
  margin:7px 25px 0;
  text-align:center;
  font-size:11px;
  white-space:pre-wrap;
}
.coa-remarks p{
  white-space:pre-wrap;
}
@media(max-width:800px){
  .report-editor-grid{grid-template-columns:1fr}
  .report-editor-wide{grid-column:1}
}
@media print{
  body *{visibility:hidden!important}
  #coaPreview,#coaPreview *{visibility:visible!important}
  #coaPreview{
    position:absolute!important;
    left:0;top:0;
    width:100%;
  }
  .report-select-row,.report-editor-v25,.top-user-info,.global-back-btn{
    display:none!important;
  }
  .coa-f780{
    box-shadow:none!important;
    border:0!important;
  }
}

/* V25.1: both report logos grouped on the LEFT */
.coa-f780 .coa-head-v25-leftlogos{
  grid-template-columns:300px 1fr !important;
  align-items:start;
}
.coa-f780 .coa-logo-pair{
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px;
  min-height:105px;
}
.coa-f780 .coa-logo-pair .coa-logo-fahis{
  width:165px;
  max-width:165px;
  max-height:80px;
  object-fit:contain;
}
.coa-f780 .coa-logo-pair .coa-logo-saac{
  width:82px;
  max-width:82px;
  max-height:105px;
  object-fit:contain;
}

/* V25.2: center the lab name under the two header lines */
.coa-f780 .coa-header-center{
  text-align:center !important;
}
.coa-f780 .coa-header-center .coa-lab-name{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  direction:rtl !important;
}

.report-word-btn{background:#6f42c1!important;color:#fff!important;}

/* V26.2 — A4 report preview */
.coa-f780 {
  width: 210mm !important;
  min-height: 297mm !important;
  max-width: 210mm !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 12mm !important;
  background: white !important;
}
@media print {
  @page { size: A4 portrait; margin: 0; }
  html, body { margin: 0 !important; padding: 0 !important; }
  .coa-f780 {
    width: 210mm !important;
    min-height: 297mm !important;
    padding: 12mm !important;
    margin: 0 !important;
  }
}

/* V26.3: remove duplicate final footer text line */
.footer-note, .report-footer-note, .coa-footer-note { display:none !important; }

/* V26.4 remove the duplicate text line under F-780 table */
.coa-footer-custom{display:none !important;}

/* V26.5 official FAHIS stamp image */
.coa-stamp { border:none !important; border-radius:0 !important; width:170px !important; height:115px !important;
display:flex !important; align-items:center !important; justify-content:center !important; background:transparent !important; }
.coa-stamp img { max-width:165px !important; max-height:110px !important; object-fit:contain !important; display:block !important; }

/* V26.6 report signatures */
.report-signature{
 display:block !important;
 width:auto !important;
 max-width:150px !important;
 height:42px !important;
 object-fit:contain !important;
 margin:0 auto 3px auto !important;
}

/* V26.7: Keep the complete approval footer together on ONE A4 page.
   Never split signatures/stamp from F-780-01 table. */
@media print {
  .coa-signatures,
  .coa-signatures + .coa-doc-control,
  .coa-doc-control,
  .coa-footer,
  .report-footer {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .coa-signatures {
    break-after: avoid !important;
    page-break-after: avoid !important;
    margin-bottom: 6px !important;
  }
  .coa-doc-control {
    break-before: avoid !important;
    page-break-before: avoid !important;
  }
}

/* V26.8 - actual F-780 approval footer is one indivisible unit */
.coa-approval-footer{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
  width:100%;
}
.coa-approval-footer .coa-sign{
  margin:24px 45px 8px !important;
  break-after:avoid !important;
  page-break-after:avoid !important;
}
.coa-approval-footer .coa-footer{
  break-before:avoid !important;
  page-break-before:avoid !important;
}
.coa-signer{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
.coa-signer .report-signature{
  display:block !important;
  height:32px !important;
  max-width:145px !important;
  width:auto !important;
  object-fit:contain !important;
  margin:0 auto 2px !important;
}
@media print{
  .coa-approval-footer{
    display:block !important;
    break-inside:avoid-page !important;
    page-break-inside:avoid !important;
  }
  .coa-approval-footer .coa-sign{
    margin-top:12px !important;
    margin-bottom:4px !important;
  }
  .coa-signer{min-height:54px !important;}
  .coa-signer .report-signature{height:25px !important;max-width:120px !important;}
  .coa-approval-footer .coa-stamp{height:105px !important;width:170px !important;}
  .coa-approval-footer .coa-stamp img{height:100px !important;width:165px !important;max-height:100px !important;max-width:165px !important;object-fit:contain !important;}
  .coa-approval-footer .coa-footer span{padding:4px 2px !important;}
}

/* V26.9 - approval footer: name first, signature directly below, then role */
.coa-approval-footer .coa-signer{justify-content:flex-end !important;gap:2px !important;}
.coa-approval-footer .coa-signer b{display:block !important;line-height:1.1 !important;}
.coa-approval-footer .coa-signer .report-signature{margin:2px auto !important;}
.coa-approval-footer .coa-signer span{display:block !important;line-height:1.1 !important;}

/* V26.11 - The complete circled approval block IS the print footer. */
@media print {
  .coa-approval-footer{
    position:fixed !important;
    left:12mm !important;
    right:12mm !important;
    bottom:8mm !important;
    width:auto !important;
    margin:0 !important;
    background:#fff !important;
    z-index:1000 !important;
    break-inside:avoid !important;
    page-break-inside:avoid !important;
  }
  .coa-approval-footer .coa-sign{
    margin:0 18px 5px !important;
    grid-template-columns:1fr 190px 1fr !important;
    align-items:end !important;
  }
  .coa-approval-footer .coa-stamp{
    width:190px !important;
    height:118px !important;
  }
  .coa-approval-footer .coa-stamp img{
    width:185px !important;
    height:113px !important;
    max-width:185px !important;
    max-height:113px !important;
  }
  .coa-approval-footer .coa-footer{
    margin:0 !important;
  }
  /* reserve room so report body never prints underneath the footer */
  .coa-f780{padding-bottom:48mm !important;box-sizing:border-box !important;}
}


/* V26.12 - keep the four accreditation legend lines together above the fixed footer */
.coa-accreditation-legend{
  display:block !important;
  break-inside:avoid !important;
  page-break-inside:avoid !important;
  orphans:4 !important;
  widows:4 !important;
}
@media print{
  .coa-accreditation-legend{
    break-inside:avoid-page !important;
    page-break-inside:avoid !important;
    margin-bottom:4mm !important;
  }
}

/* ============================================================
   V27 TEST MASTER
   ============================================================ */
.tm27-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.tm27-head h2{margin:0 0 4px;color:#203b55}
.tm27-head p{margin:0;color:#607487}
.tm27-back{background:#3373a3!important;color:#fff!important}
.tm27-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 190px auto auto;gap:10px;margin-bottom:14px}
.tm27-toolbar input,.tm27-toolbar select{width:100%;box-sizing:border-box}
.tm27-editor{background:#fff;border:1px solid #cad5dd;padding:16px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.tm27-editor h3{margin-top:0;color:#203b55}
.tm27-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px}
.tm27-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#24415a}
.tm27-grid input,.tm27-grid select,.tm27-grid textarea{width:100%;box-sizing:border-box}
.tm27-grid textarea{min-height:70px;resize:vertical}
.tm27-wide{grid-column:1/-1}
.tm27-editor-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.tm27-summary{display:flex;gap:30px;background:#e7eef3;padding:10px 14px;margin-bottom:10px;color:#24415a}
.tm27-table-wrap{overflow:auto;max-height:520px;border:1px solid #cbd6de;background:#fff}
.tm27-table{width:100%;border-collapse:collapse;min-width:1550px;font-size:12px}
.tm27-table th{position:sticky;top:0;background:#dce5eb;color:#173a54;z-index:2}
.tm27-table th,.tm27-table td{border:1px solid #d4dde3;padding:7px 8px;vertical-align:top}
.tm27-table tr.tm27-chem-row td:first-child{border-left:4px solid #2d70a0}
.tm27-table tr.tm27-micro-row td:first-child{border-left:4px solid #3c9554}
.tm27-table tr:hover td{background:#f5f9fb}
.tm27-status-active{font-weight:700;color:#267840}
.tm27-status-inactive{font-weight:700;color:#a33a3a}
.tm27-edit-btn{background:#3373a3!important;color:#fff!important;padding:6px 12px!important}
@media(max-width:1100px){
  .tm27-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}
  .tm27-toolbar{grid-template-columns:1fr 180px}
}

/* ============================================================
   V28 SAMPLE BARCODE LABELS
   ============================================================ */
.barcodebtn{
  background:#6f42c1 !important;
  color:#fff !important;
  font-weight:700 !important;
}
.barcodebtn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.coa-drive-qr{width:95px;text-align:center;align-self:end}.coa-drive-qr img{width:78px;height:78px;display:block;margin:auto}.coa-drive-qr small{font-size:9px;display:block}.coa-approval-footer .coa-sign{grid-template-columns:1fr 150px 95px 1fr!important}

/* V38: automatic unique QR on every report, right side of footer */
.coa-approval-footer .coa-sign{grid-template-columns:1fr 150px 1fr 105px!important;gap:8px!important;align-items:end!important}
.coa-drive-qr{width:100px!important;text-align:center!important;align-self:end!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important}
.coa-drive-qr img,.coa-auto-qr-svg-v38{width:88px!important;height:88px!important;display:block!important;margin:0 auto!important;background:#fff!important}
.coa-drive-qr small{font-size:9px!important;font-weight:700!important;display:block!important;margin-top:2px!important}
.coa-drive-qr em{font-size:8px!important;font-style:normal!important;display:block!important;margin-top:1px!important}
@media print{
 .coa-approval-footer .coa-sign{grid-template-columns:1fr 145px 1fr 100px!important;gap:5px!important}
 .coa-drive-qr img,.coa-auto-qr-svg-v38{width:23mm!important;height:23mm!important}
 .coa-drive-qr small{font-size:7pt!important}.coa-drive-qr em{font-size:6.5pt!important}
}

/* ============================================================
   V39.2 - QR visible in the ACTIVE report footer
   ============================================================ */
.coa-sign.coa-sign-v392{
  display:grid !important;
  grid-template-columns:1fr 150px 1fr 115px !important;
  gap:8px !important;
  align-items:end !important;
}
.coa-drive-qr-v392{
  width:110px !important;
  min-width:110px !important;
  min-height:112px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  visibility:visible !important;
  opacity:1 !important;
}
.coa-drive-qr-v392 img,
.coa-drive-qr-v392 .coa-auto-qr-svg-v38{
  width:92px !important;
  height:92px !important;
  display:block !important;
  margin:0 auto !important;
  background:#fff !important;
}
.coa-drive-qr-v392 small{
  display:block !important;
  font-size:9px !important;
  font-weight:700 !important;
  margin-top:2px !important;
}
.coa-drive-qr-v392 em{
  display:block !important;
  font-size:8px !important;
  font-style:normal !important;
  margin-top:1px !important;
}
@media print{
  .coa-sign.coa-sign-v392{
    grid-template-columns:1fr 145px 1fr 28mm !important;
    gap:4px !important;
  }
  .coa-drive-qr-v392{
    width:28mm !important;
    min-width:28mm !important;
    min-height:29mm !important;
  }
  .coa-drive-qr-v392 img,
  .coa-drive-qr-v392 .coa-auto-qr-svg-v38{
    width:24mm !important;
    height:24mm !important;
  }
}
/* ===== MAIN DASHBOARD SIZE & CENTER ===== */

.access-main {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

.access-dashboard {
    width: 100%;
    margin: 0 auto;
}

.quick-row {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.home-groups {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 30px auto;
}

.home-group {
    width: auto;
}

.status-panel {
    width: 100%;
    margin: 30px auto;
}
/* ===== CENTER & ENLARGE MAIN DASHBOARD ===== */

.access-main {
    width: 100%;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 30px 40px !important;
    box-sizing: border-box;
}

.access-dashboard {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.quick-row {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 30px auto !important;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 12px !important;
}

.quick-row button {
    width: 100% !important;
    min-height: 52px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.home-groups {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

.home-group {
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    box-sizing: border-box;
}

.home-group button {
    width: 100% !important;
    min-height: 45px !important;
    font-size: 15px !important;
}

.status-panel {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 30px auto 0 auto !important;
    box-sizing: border-box;
}

.access-footer {
    width: 100%;
    max-width: 1400px;
    margin: 20px auto 0 auto !important;
}
/* ===== MODERN LIMS SIDEBAR LAYOUT ===== */

body {
    margin: 0;
}

/* الصفحة بالكامل */
.access-main {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100vh - 90px);
    padding: 0 !important;
    margin: 0 !important;
}

/* القائمة اليسرى */
.lims-sidebar {
    width: 260px;
    min-width: 260px;
    background: #123a63;
    padding: 20px 14px;
    box-sizing: border-box;
    min-height: calc(100vh - 90px);
}

/* أزرار القائمة */
.lims-sidebar button {
    display: block;
    width: 100%;
    min-height: 48px;
    margin-bottom: 8px;
    padding: 10px 14px;

    text-align: left;
    font-size: 15px;
    font-weight: 600;

    color: white;
    background: transparent;

    border: 0;
    border-radius: 8px;

    cursor: pointer;
}

/* عند مرور الماوس */
.lims-sidebar button:hover {
    background: rgba(255,255,255,0.15);
}

/* المحتوى في اليمين */
.lims-content {
    flex: 1;
    min-width: 0;
    padding: 25px 30px;
    box-sizing: border-box;
    background: #f5f7fa;
}

/* كل الصفحات الداخلية */
.lims-content .section,
.lims-content .page,
.lims-content .panel {
    max-width: 1400px;
    margin: 0 auto;
}
/* ==========================================
   FORCE FIXED LEFT SIDEBAR
========================================== */

.access-main {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* LEFT SIDEBAR */
.access-main > .lims-sidebar {
    display: block !important;

    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;

    min-height: calc(100vh - 110px) !important;

    background: #163d61 !important;

    padding: 20px 12px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    flex: 0 0 260px !important;
}

/* TITLE */
.lims-sidebar .sidebar-title {
    display: block !important;

    color: #ffffff !important;

    font-size: 21px !important;
    font-weight: 800 !important;

    padding: 8px 10px 22px !important;
}

/* SECTION HEADINGS */
.lims-sidebar .sidebar-section {
    display: block !important;

    color: #9fb8cc !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: 1px !important;

    margin: 18px 10px 7px !important;
}

/* SIDEBAR BUTTONS */
.access-main > .lims-sidebar button {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 45px !important;

    margin: 5px 0 !important;
    padding: 10px 14px !important;

    background: transparent !important;
    color: white !important;

    border: 0 !important;
    border-radius: 7px !important;

    text-align: left !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

/* HOVER */
.access-main > .lims-sidebar button:hover {
    background: #2f6794 !important;
}

/* LOGOUT */
.access-main > .lims-sidebar .sidebar-logout {
    background: #a93636 !important;
    margin-top: 25px !important;
}

.access-main > .lims-sidebar .sidebar-logout:hover {
    background: #c54444 !important;
}

/* RIGHT CONTENT */
.access-main > .lims-content {
    display: block !important;

    flex: 1 1 auto !important;

    width: calc(100% - 260px) !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 25px 30px !important;

    box-sizing: border-box !important;

    background: #f3f6f9 !important;
}

/* PAGES INSIDE RIGHT AREA */
.lims-content > section {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* ==========================================
   MODERN SIDEBAR + TOP MENU ENHANCEMENT
========================================== */

/* ===== الفاصل بين الهيدر والمحتوى ===== */
.access-header {
    box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
    border-bottom: 4px solid #2f77a8 !important;
    position: relative;
    z-index: 5;
}

/* ===== القائمة الجانبية ===== */
.access-main > .lims-sidebar {
    background: linear-gradient(180deg, #173f63 0%, #102f4e 100%) !important;
    border-right: 5px solid #2f77a8 !important;
    box-shadow: 5px 0 15px rgba(0,0,0,0.14) !important;
}

/* ===== عنوان FOOD LIMS ===== */
.sidebar-title {
    background: #0e2e4b !important;

    color: white !important;

    font-size: 22px !important;
    font-weight: 800 !important;

    text-align: center !important;

    padding: 15px 10px !important;
    margin: -5px 0 22px 0 !important;

    border-radius: 10px !important;

    box-shadow:
        0 5px 10px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;

    border-bottom: 3px solid #3b82b5 !important;
}

/* ===== عناوين الأقسام ===== */
.sidebar-section {
    color: #ffffff !important;

    background: rgba(255,255,255,0.08) !important;

    border-left: 4px solid #5aa6d6 !important;

    padding: 9px 10px !important;

    margin: 18px 0 10px 0 !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: 1.2px !important;

    border-radius: 4px !important;
}

/* خط فاصل بين كل قسم */
.sidebar-section:not(:first-of-type) {
    border-top: 1px solid rgba(255,255,255,0.15);
}

/* ===== أزرار القائمة الجانبية ===== */
.access-main > .lims-sidebar button {
    background: rgba(255,255,255,0.04) !important;

    border: 1px solid rgba(255,255,255,0.08) !important;

    border-radius: 8px !important;

    margin: 6px 0 !important;

    box-shadow:
        0 2px 4px rgba(0,0,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;

    transition: all 0.18s ease !important;
}

/* حركة عند مرور الماوس */
.access-main > .lims-sidebar button:hover {
    background: #2f6794 !important;

    transform: translateX(4px) !important;

    box-shadow:
        0 5px 10px rgba(0,0,0,0.22) !important;

    border-color: rgba(255,255,255,0.22) !important;
}

/* عند الضغط */
.access-main > .lims-sidebar button:active {
    transform: translateX(4px) translateY(1px) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.22) !important;
}

/* ===== Logout ===== */
.access-main > .lims-sidebar .sidebar-logout {
    background: #a83c36 !important;

    border: 1px solid #c85b54 !important;

    box-shadow: 0 4px 8px rgba(0,0,0,0.25) !important;
}

/* ===== القائمة العلوية ===== */
.quick-row {
    background: #ffffff !important;

    padding: 15px !important;

    border-radius: 10px !important;

    border-top: 4px solid #3478a8 !important;

    box-shadow: 0 5px 13px rgba(0,0,0,0.13) !important;

    margin-bottom: 25px !important;
}

/* ===== الأزرار العلوية ===== */
.quick-row button {
    border-radius: 7px !important;

    border: none !important;

    box-shadow:
        0 4px 7px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;

    transition: all 0.18s ease !important;

    position: relative;
}

/* تأثير البروز */
.quick-row button:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        0 7px 14px rgba(0,0,0,0.25) !important;
}

/* تأثير الضغط */
.quick-row button:active {
    transform: translateY(1px) !important;

    box-shadow:
        0 2px 4px rgba(0,0,0,0.25) !important;
}

/* ===== محتوى الصفحة ===== */
.lims-content {
    border-left: 1px solid #d5dde5 !important;
}

/* ===== كروت Dashboard ===== */
.home-group {
    background: white !important;

    border-radius: 8px !important;

    border: 1px solid #ccd5de !important;

    box-shadow: 0 4px 10px rgba(0,0,0,0.10) !important;

    transition: 0.2s !important;
}

/* الكارت يرتفع قليلاً */
.home-group:hover {
    transform: translateY(-2px) !important;

    box-shadow: 0 7px 15px rgba(0,0,0,0.14) !important;
}

/* عنوان كل كارت */
.home-group h3 {
    border-bottom: 3px solid #3577a6 !important;

    padding-bottom: 10px !important;

    margin-bottom: 12px !important;
}

/* ===== System Status ===== */
.status-panel {
    border-radius: 8px !important;

    border-top: 4px solid #3478a8 !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.11) !important;
}
/* =========================================================
   FOOD LAB LIMS - MODERN BLUE GLOSSY THEME
   ضع هذا الكود في آخر style.css
========================================================= */

/* ---------- HEADER ---------- */
.access-header {
    background: linear-gradient(180deg, #062b4d 0%, #0b3b63 100%) !important;
    border-bottom: 3px solid #3ab7ff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.28) !important;
}

/* ---------- MAIN LAYOUT ---------- */
.access-main {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   LEFT SIDEBAR
========================================================= */

.access-main > .lims-sidebar {
    width: 305px !important;
    min-width: 305px !important;
    max-width: 305px !important;

    background:
        linear-gradient(180deg, #062f54 0%, #07385f 45%, #052b4a 100%) !important;

    border-right: 3px solid #37bfff !important;

    box-shadow:
        5px 0 14px rgba(0,0,0,0.25),
        inset -1px 0 0 rgba(255,255,255,0.08) !important;

    padding: 16px 16px 20px !important;
    box-sizing: border-box !important;

    min-height: calc(100vh - 110px) !important;
}

/* MAIN MENU */
.sidebar-title {
    background: linear-gradient(180deg, #123e69, #092d50) !important;

    color: white !important;

    font-size: 26px !important;
    font-weight: 800 !important;
    text-align: center !important;

    padding: 16px 10px !important;
    margin: 0 0 20px 0 !important;

    border: 2px solid #38bfff !important;
    border-radius: 9px !important;

    box-shadow:
        0 0 8px rgba(43,190,255,.75),
        0 5px 10px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.15) !important;
}

/* SECTION TITLES */
.sidebar-section {
    display: block !important;

    color: #ffe600 !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    letter-spacing: .3px !important;

    background: linear-gradient(
        90deg,
        rgba(25,94,143,.95),
        rgba(8,54,91,.75)
    ) !important;

    border: 2px solid #38bfff !important;
    border-radius: 7px !important;

    padding: 10px 12px !important;
    margin: 17px 0 8px !important;

    text-shadow: 0 1px 2px rgba(0,0,0,.8) !important;

    box-shadow:
        0 0 6px rgba(56,191,255,.65),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* SIDEBAR BUTTONS */
.access-main > .lims-sidebar button {
    display: block !important;

    width: 100% !important;
    min-height: 47px !important;

    margin: 5px 0 !important;
    padding: 10px 14px !important;

    text-align: left !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    background: linear-gradient(
        180deg,
        #113f68 0%,
        #092f52 100%
    ) !important;

    border: 1px solid #3378a8 !important;
    border-radius: 7px !important;

    box-shadow:
        0 3px 6px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    transition: all .16s ease !important;
}

/* HOVER */
.access-main > .lims-sidebar button:hover {
    background: linear-gradient(
        180deg,
        #1766a0,
        #0b4a7c
    ) !important;

    border-color: #51c8ff !important;

    transform: translateX(3px) !important;

    box-shadow:
        0 0 8px rgba(56,191,255,.55),
        0 5px 9px rgba(0,0,0,.30) !important;
}

/* LOGOUT */
.access-main > .lims-sidebar .sidebar-logout {
    background: linear-gradient(
        180deg,
        #e52b2b,
        #aa1515
    ) !important;

    border: 1px solid #ff6464 !important;

    margin-top: 14px !important;

    box-shadow:
        0 4px 8px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* =========================================================
   RIGHT CONTENT
========================================================= */

.access-main > .lims-content {
    flex: 1 !important;
    min-width: 0 !important;

    width: calc(100% - 305px) !important;

    padding: 24px 26px 35px !important;

    background: #f4f7fa !important;

    box-sizing: border-box !important;
}

/* =========================================================
   TOP QUICK BUTTONS
========================================================= */

.quick-row {
    display: grid !important;
    grid-template-columns:
        1.05fr 1.05fr 1.12fr 1.05fr 1.15fr .85fr !important;

    gap: 16px !important;

    width: 100% !important;

    padding: 14px !important;
    margin: 0 0 26px !important;

    background: white !important;

    border-radius: 10px !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.17) !important;
}

.quick-row button {
    width: 100% !important;
    min-height: 68px !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    border-radius: 8px !important;

    box-shadow:
        0 5px 8px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

    transition: all .16s ease !important;
}

.quick-row button:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        0 8px 14px rgba(0,0,0,.32) !important;
}

/* GREEN */
.quick-row .green {
    background: linear-gradient(180deg, #32a94a, #16812f) !important;
    color: white !important;
}

/* YELLOW */
.quick-row .yellow {
    background: linear-gradient(180deg, #ffc928, #dda900) !important;
    color: #111 !important;
}

/* ORANGE */
.quick-row .orange {
    background: linear-gradient(180deg, #f79528, #df6f00) !important;
    color: white !important;
}

/* BLUE */
.quick-row .blue {
    background: linear-gradient(180deg, #1475ad, #07518a) !important;
    color: white !important;
}

/* RED */
.quick-row .red {
    background: linear-gradient(180deg, #e12e2e, #ae1919) !important;
    color: white !important;
}

/* =========================================================
   DASHBOARD CARDS
========================================================= */

.home-groups {
    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 20px !important;

    width: 100% !important;

    margin: 0 !important;
}

.home-group {
    background: #ffffff !important;

    border: 1px solid #d0d8e0 !important;

    border-radius: 9px !important;

    padding: 16px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 4px 11px rgba(0,0,0,.14) !important;
}

/* CARD TITLES */
.home-group h3 {
    color: #082b4d !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    padding-bottom: 11px !important;
    margin: 0 0 14px !important;

    border-bottom: 3px solid #1877b5 !important;
}

/* CARD BUTTONS */
.home-group button {
    width: 100% !important;

    min-height: 53px !important;

    margin: 6px 0 !important;

    color: white !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    background: linear-gradient(
        180deg,
        #1780bd,
        #075b95
    ) !important;

    border: 1px solid #075387 !important;
    border-radius: 6px !important;

    box-shadow:
        0 4px 7px rgba(0,0,0,.27),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    transition: .16s !important;
}

.home-group button:hover {
    background: linear-gradient(
        180deg,
        #2397d7,
        #0968a5
    ) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 10px rgba(0,0,0,.30) !important;
}

/* =========================================================
   SYSTEM STATUS
========================================================= */

.status-panel {
    width: 100% !important;

    margin: 24px 0 0 !important;

    background: #ffffff !important;

    border: 1px solid #d2dae2 !important;
    border-radius: 9px !important;

    border-top: 4px solid #1477b6 !important;

    box-shadow:
        0 4px 11px rgba(0,0,0,.15) !important;

    padding: 18px 20px !important;

    box-sizing: border-box !important;
}

.status-panel h3 {
    color: #082b4d !important;
    font-size: 16px !important;
    font-weight: 800 !important;

    border-bottom: 3px solid #1378b7 !important;

    padding-bottom: 10px !important;
}

/* EXIT BUTTON */
.status-panel button {
    box-shadow:
        0 4px 7px rgba(0,0,0,.28) !important;
}

/* FOOTER */
.access-footer {
    margin-top: 28px !important;
    color: #74879a !important;
}
/* ===== SIDEBAR ICON ALIGNMENT ===== */

.lims-sidebar button {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.lims-sidebar button span {
    display: inline-block;
}

/* تكبير الرموز */
.lims-sidebar button {
    font-size: 18px !important;
}

.lims-sidebar button span {
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* عناوين الأقسام */
.sidebar-section {
    font-size: 14px !important;
}
/* ===== FIX SYSTEM STATUS OVERLAP ===== */

.status-panel {
    margin-top: 95px !important;
}

/* ============================================================
   Ver56 - Sample Receiving Form
   ============================================================ */
.receivingbtn-v56{background:#1976a8!important;color:#fff!important;font-weight:700!important}
.receiving-page-v56{max-width:1500px;margin:0 auto;padding:4px 0 35px}
.receiving-title-v56{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0b3a63,#176a9d);color:#fff;border-radius:10px;padding:14px 20px;margin-bottom:14px;box-shadow:0 5px 13px rgba(0,0,0,.18)}
.receiving-title-v56 h2{margin:0;font-size:22px}.receiving-title-v56 div div{opacity:.9;margin-top:4px}.receiving-title-ar-v56{text-align:right}
.receiving-toolbar-v56{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #cdd7df;padding:12px;border-radius:9px;margin-bottom:14px;box-shadow:0 3px 9px rgba(0,0,0,.09)}
.receiving-toolbar-v56 label{display:grid;gap:5px;font-weight:700;min-width:300px}.receiving-toolbar-v56 select{height:38px}.receiving-toolbar-v56 button{min-height:38px}
.receiving-card-v56{background:#fff;border:1px solid #cbd6df;border-top:4px solid #1777b2;border-radius:10px;padding:18px;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.receiving-logo-row-v56{display:grid;grid-template-columns:190px 1fr;align-items:center;border-bottom:2px solid #18374f;padding-bottom:12px;margin-bottom:14px}.receiving-logo-row-v56 img{max-width:155px;max-height:85px;object-fit:contain}.receiving-org-v56{text-align:right;color:#17364f}.receiving-org-v56 b{display:block;font-size:19px}.receiving-org-v56 span,.receiving-org-v56 strong{display:block;margin-top:4px}
.receiving-grid-v56{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.receiving-grid-3-v56{grid-template-columns:repeat(3,minmax(210px,1fr));margin-top:12px}.recv-field-v56{display:grid;gap:5px}.recv-field-v56 label{font-weight:700;color:#17364e}.recv-field-v56 input,.recv-field-v56 select,.recv-field-v56 textarea{width:100%;box-sizing:border-box;border:1px solid #aebdca;border-radius:5px;padding:8px;background:#fff}.recv-field-v56 input[readonly]{background:#eef3f7}.recv-wide-v56{grid-column:span 2}.recv-required-v56{border-color:#c7463a!important;background:#fff6f5!important}
.receiving-checks-v56{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.recv-check-v56{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:12px;background:#f3f7fa;border:1px solid #d2dce4;border-radius:7px;padding:9px}.recv-check-v56 span{font-weight:700}.recv-check-v56 select{height:34px}
.receiving-section-v56{margin:18px 0 9px;background:#e3e7ea;border-left:5px solid #1979b4;color:#143853;font-weight:800;padding:8px 10px}.receiving-options-v56{display:flex;gap:28px;background:#f7f9fb;border:1px solid #d6dee5;padding:10px;border-radius:6px}.receiving-options-v56 label{font-weight:700}.receiving-tests-v56{min-height:65px;border:1px solid #c8d4dd;background:#fbfcfd;border-radius:6px;padding:9px}.receiving-tests-v56 span{display:inline-block;background:#0d639c;color:#fff;padding:6px 9px;border-radius:5px;margin:3px;font-size:12px}
.receiving-disclaimer-v56{margin-top:16px;border-top:2px solid #17364f;padding:10px;background:#f6f6f6;line-height:1.7;font-size:12px}.receiving-register-v56{margin-top:18px;background:#fff;border:1px solid #ccd7df;border-radius:9px;padding:14px;box-shadow:0 4px 11px rgba(0,0,0,.10)}.receiving-register-head-v56{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:3px solid #1777b2;padding-bottom:10px;margin-bottom:10px}.receiving-register-head-v56 h3{margin:0;color:#143853}.receiving-register-head-v56 input{min-width:300px;padding:8px;border:1px solid #adbdca;border-radius:5px}.receiving-table-wrap-v56{overflow:auto}.receiving-table-wrap-v56 table{width:100%;border-collapse:collapse}.receiving-table-wrap-v56 th,.receiving-table-wrap-v56 td{border:1px solid #d3dde4;padding:8px;text-align:left}.receiving-table-wrap-v56 th{background:#e9eef2;color:#17364e}.recv-decision-v56{display:inline-block;padding:4px 7px;border-radius:10px;font-weight:700;font-size:11px}.recv-accepted{background:#dff3e4;color:#176530}.recv-accepted-with-condition{background:#fff1c7;color:#7a5800}.recv-rejected{background:#f9dddd;color:#971d1d}
@media(max-width:1100px){.receiving-grid-v56{grid-template-columns:repeat(2,1fr)}.receiving-grid-3-v56{grid-template-columns:1fr 1fr}.receiving-checks-v56{grid-template-columns:1fr}.recv-wide-v56{grid-column:span 1}}


/* ============================================================
   VER59 - Subcontracted Testing / External Laboratories
============================================================ */
.v59-page{padding:18px 22px}.v59-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.v59-head h2{margin:0;color:#0b385e}.v59-head p{margin:4px 0;color:#62768a}.v59-card{background:#fff;border:1px solid #cad6df;border-radius:9px;padding:16px;margin-bottom:16px;box-shadow:0 3px 10px rgba(0,0,0,.08)}.v59-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v59-grid label{display:grid;gap:5px;font-weight:700}.v59-grid input,.v59-grid select,.v59-grid textarea,.v59-toolbar input,.v59-toolbar select{min-height:38px;border:1px solid #aebdca;border-radius:5px;padding:6px 9px;box-sizing:border-box}.v59-wide{grid-column:1/-1}.v59-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.v59-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.v59-table{width:100%;border-collapse:collapse}.v59-table th,.v59-table td{border:1px solid #d2dbe3;padding:8px;vertical-align:middle}.v59-table th{background:#e8eef3;color:#17364f}.v59-table select{width:100%;min-width:150px}.selected-routing-v59{display:grid!important;gap:7px!important;padding:8px!important;min-height:90px}.selected-test-row-v59{display:grid;grid-template-columns:minmax(260px,1.7fr) 150px minmax(180px,1fr) 38px;gap:8px;align-items:center;background:#f8fbfd;border:1px solid #d3e0e9;border-radius:6px;padding:7px}.selected-test-name-v59{font-weight:700;color:#173b5b}.selected-test-row-v59 select{height:34px;border:1px solid #aebdca;border-radius:5px;padding:4px}.selected-remove-v59{height:34px;background:#bd3a34!important;color:#fff!important;border:0;border-radius:5px;font-size:20px}.routing-note-v59{font-size:12px;color:#5e7180;margin:5px 0 12px}.v59-status{display:inline-block;padding:4px 7px;background:#e8eef3;border-radius:12px;font-size:12px}@media(max-width:900px){.v59-grid,.v59-toolbar{grid-template-columns:1fr}.selected-test-row-v59{grid-template-columns:1fr}.v59-wide{grid-column:auto}}
\n\n/* =========================================================\n   Ver60 - Organized Selected Tests / Subcontract Routing\n========================================================= */\n.registration-page .selected-box{\n  width:100% !important;\n  height:auto !important;\n  min-height:90px !important;\n  max-height:360px !important;\n  overflow:auto !important;\n  padding:10px !important;\n  box-sizing:border-box !important;\n  border:1px solid #c7d5e0 !important;\n  border-radius:7px !important;\n  background:#fff !important;\n}\n.selected-test-header-v60,\n.selected-test-row-v59{\n  display:grid !important;\n  grid-template-columns:minmax(260px,2fr) 160px minmax(210px,1.35fr) 70px !important;\n  gap:10px !important;\n  align-items:center !important;\n}\n.selected-test-header-v60{\n  position:sticky;\n  top:-10px;\n  z-index:2;\n  margin:-10px -10px 8px !important;\n  padding:10px !important;\n  background:#e7eef4 !important;\n  border-bottom:1px solid #bdccd8 !important;\n  color:#173b5b !important;\n  font-size:12px !important;\n  font-weight:800 !important;\n}\n.selected-test-header-v60>div:last-child{text-align:center}\n.selected-test-row-v59{\n  min-height:52px !important;\n  margin:0 0 7px !important;\n  padding:8px 10px !important;\n  background:#f8fbfd !important;\n  border:1px solid #d3e0e9 !important;\n  border-radius:6px !important;\n  box-sizing:border-box !important;\n}\n.selected-test-name-v59{\n  min-width:0 !important;\n  overflow-wrap:anywhere !important;\n  line-height:1.3 !important;\n}\n.selected-test-row-v59 select{\n  width:100% !important;\n  min-width:0 !important;\n  height:36px !important;\n  box-sizing:border-box !important;\n}\n.selected-remove-v59{\n  width:52px !important;\n  min-width:52px !important;\n  height:36px !important;\n  justify-self:center !important;\n}\n.routing-note-v59{\n  margin:7px 3px 12px !important;\n  padding:7px 10px !important;\n  border-left:3px solid #3478a8 !important;\n  background:#eef5fa !important;\n  border-radius:4px !important;\n}\n.registration-page .bottom-actions{\n  clear:both !important;\n  display:flex !important;\n  flex-wrap:wrap !important;\n  align-items:center !important;\n  gap:10px !important;\n  margin-top:16px !important;\n  padding-top:10px !important;\n  border-top:1px solid #d5dee6 !important;\n}\n.registration-page .bottom-actions .closebtn{margin-left:auto !important}\n@media(max-width:1050px){\n  .selected-test-header-v60{display:none !important}\n  .selected-test-row-v59{grid-template-columns:1fr 150px minmax(180px,1fr) 55px !important}\n}\n@media(max-width:760px){\n  .selected-test-row-v59{grid-template-columns:1fr !important;gap:7px !important}\n  .selected-test-row-v59 .selected-lab-v59[style*=\"visibility:hidden\"]{display:none !important}\n  .selected-remove-v59{justify-self:end !important}\n  .registration-page .bottom-actions .closebtn{margin-left:0 !important}\n}\n
/* =========================================================
   Ver61 - Compact Selected Tests + Safe Stacking
   - Smaller selected-test rows
   - Every added test occupies its own row with clear spacing
   - Internal scroll prevents rows from covering action buttons
========================================================= */
.registration-page .selected-title{
  margin:10px 4px 6px !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

.registration-page .selected-box{
  width:100% !important;
  min-height:118px !important;
  height:auto !important;
  max-height:285px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:7px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  position:relative !important;
  border:1px solid #c7d5e0 !important;
  border-radius:7px !important;
  background:#fff !important;
  scrollbar-gutter:stable !important;
}

.selected-test-header-v60,
.selected-test-row-v59{
  display:grid !important;
  grid-template-columns:minmax(230px,2fr) 142px minmax(185px,1.25fr) 42px !important;
  column-gap:8px !important;
  align-items:center !important;
  width:100% !important;
  box-sizing:border-box !important;
}

.selected-test-header-v60{
  position:sticky !important;
  top:-7px !important;
  z-index:4 !important;
  margin:-7px -7px 6px !important;
  padding:7px 9px !important;
  background:#e7eef4 !important;
  border-bottom:1px solid #bdccd8 !important;
  color:#173b5b !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

.selected-test-row-v59{
  min-height:40px !important;
  margin:0 0 5px !important;
  padding:4px 7px !important;
  background:#f8fbfd !important;
  border:1px solid #d3e0e9 !important;
  border-radius:5px !important;
  position:relative !important;
}
.selected-test-row-v59:last-child{margin-bottom:0 !important;}

.selected-test-name-v59{
  min-width:0 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  padding-right:4px !important;
}

.selected-test-row-v59 select{
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  padding:2px 5px !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  box-sizing:border-box !important;
  border:1px solid #aebdca !important;
  border-radius:4px !important;
  background:#fff !important;
}

.selected-remove-v59{
  width:32px !important;
  min-width:32px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:17px !important;
  line-height:1 !important;
  border-radius:4px !important;
}

/* Keep the note and action buttons outside the scrolling test table */
.routing-note-v59{
  position:relative !important;
  z-index:1 !important;
  margin:8px 3px 0 !important;
  padding:6px 9px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

.registration-page .bottom-actions{
  position:relative !important;
  z-index:2 !important;
  clear:both !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:9px !important;
  margin-top:16px !important;
  padding:12px 0 4px !important;
  background:#f3f6f9 !important;
  border-top:1px solid #d5dee6 !important;
}
.registration-page .bottom-actions button{
  position:relative !important;
  z-index:3 !important;
}
.registration-page .bottom-actions .closebtn{margin-left:auto !important;}

@media(max-width:1050px){
  .selected-test-header-v60{display:none !important;}
  .selected-test-row-v59{
    grid-template-columns:minmax(190px,1.6fr) 135px minmax(160px,1fr) 38px !important;
  }
}
@media(max-width:760px){
  .registration-page .selected-box{max-height:320px !important;}
  .selected-test-row-v59{grid-template-columns:1fr !important;row-gap:5px !important;}
  .selected-test-row-v59 .selected-lab-v59[style*="visibility:hidden"]{display:none !important;}
  .selected-remove-v59{justify-self:end !important;}
  .registration-page .bottom-actions .closebtn{margin-left:0 !important;}
}

/* =========================================================
   Ver62 - Fit-to-Screen Sidebar + Extra Compact Selected Tests
   - Compact left navigation so Administration remains visible
   - Sidebar scrolls independently on short screens
   - Selected Tests rows are smaller and safely contained
   - Action buttons remain outside the scrolling selected-tests area
========================================================= */

/* ---------- LEFT SIDEBAR: FIT TO SCREEN ---------- */
.access-main > .lims-sidebar{
  min-height:calc(100vh - 114px) !important;
  height:calc(100vh - 114px) !important;
  max-height:calc(100vh - 114px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:10px 10px 12px !important;
  scrollbar-gutter:stable !important;
}

.lims-sidebar .sidebar-title{
  font-size:19px !important;
  line-height:1.1 !important;
  padding:11px 8px !important;
  margin:0 0 10px !important;
  min-height:0 !important;
}

.lims-sidebar .sidebar-section{
  font-size:10.5px !important;
  line-height:1.1 !important;
  padding:7px 8px !important;
  margin:9px 0 5px !important;
  letter-spacing:.6px !important;
}

.access-main > .lims-sidebar button{
  min-height:35px !important;
  height:auto !important;
  padding:6px 9px !important;
  margin:3px 0 !important;
  border-radius:6px !important;
  font-size:14px !important;
  line-height:1.1 !important;
  gap:8px !important;
}

.access-main > .lims-sidebar button span{
  font-size:13px !important;
  line-height:1.1 !important;
}

.access-main > .lims-sidebar .sidebar-logout{
  margin-top:8px !important;
  min-height:37px !important;
}

/* Make dashboard cards slightly shorter so the home view also fits better */
.home-group{
  padding:11px !important;
}
.home-group h3{
  font-size:13px !important;
  padding-bottom:7px !important;
  margin-bottom:8px !important;
}
.home-group button{
  min-height:39px !important;
  margin:4px 0 !important;
  padding:6px 8px !important;
  font-size:13px !important;
  line-height:1.15 !important;
}

/* ---------- SELECTED TESTS: EXTRA COMPACT ---------- */
.registration-page .selected-title{
  margin:7px 4px 4px !important;
  font-size:11px !important;
}

.registration-page .selected-box{
  min-height:88px !important;
  max-height:205px !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:5px !important;
  margin:0 !important;
  scrollbar-gutter:stable !important;
}

.selected-test-header-v60,
.selected-test-row-v59{
  grid-template-columns:minmax(210px,2fr) 128px minmax(165px,1.2fr) 34px !important;
  column-gap:6px !important;
}

.selected-test-header-v60{
  top:-5px !important;
  margin:-5px -5px 4px !important;
  padding:5px 7px !important;
  font-size:9.5px !important;
  line-height:1.05 !important;
}

.selected-test-row-v59{
  min-height:33px !important;
  margin:0 0 3px !important;
  padding:2px 5px !important;
  border-radius:4px !important;
  align-items:center !important;
}

.selected-test-name-v59{
  font-size:11px !important;
  line-height:1.08 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.selected-test-row-v59 select{
  height:26px !important;
  min-height:26px !important;
  padding:1px 4px !important;
  font-size:10.5px !important;
  line-height:1 !important;
}

.selected-remove-v59{
  width:27px !important;
  min-width:27px !important;
  height:26px !important;
  min-height:26px !important;
  font-size:14px !important;
  border-radius:4px !important;
}

.routing-note-v59{
  margin:5px 3px 0 !important;
  padding:4px 7px !important;
  font-size:10px !important;
  line-height:1.25 !important;
}

.registration-page .bottom-actions{
  margin-top:10px !important;
  padding:8px 0 3px !important;
  gap:7px !important;
}
.registration-page .bottom-actions button{
  min-height:33px !important;
  padding:6px 10px !important;
  font-size:12px !important;
}

/* Short laptop displays */
@media(max-height:820px){
  .access-main > .lims-sidebar{
    height:calc(100vh - 96px) !important;
    max-height:calc(100vh - 96px) !important;
    min-height:calc(100vh - 96px) !important;
    padding-top:7px !important;
  }
  .lims-sidebar .sidebar-title{font-size:18px !important;padding:9px 7px !important;margin-bottom:7px !important;}
  .lims-sidebar .sidebar-section{margin-top:6px !important;padding:5px 7px !important;font-size:9.5px !important;}
  .access-main > .lims-sidebar button{min-height:31px !important;padding:5px 8px !important;margin:2px 0 !important;}
  .access-main > .lims-sidebar button span{font-size:12px !important;}
  .registration-page .selected-box{max-height:175px !important;}
}

@media(max-width:1050px){
  .selected-test-row-v59{
    grid-template-columns:minmax(180px,1.6fr) 120px minmax(145px,1fr) 30px !important;
  }
}


/* ============================================================
   VER66 - EQUIPMENT MANAGEMENT
============================================================ */
.equipment-page-v66{padding:4px 2px 24px;box-sizing:border-box}
.equipment-head-v66{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}
.equipment-head-v66 h2{margin:0;color:#123d61}.equipment-subtitle-v66{color:#64788b;font-size:12px;margin-top:3px}
.equipment-metrics-v66{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.equipment-metric-v66{background:#fff;border:1px solid #d4dde6;border-top:4px solid #1477b6;border-radius:8px;padding:9px 12px;box-shadow:0 2px 7px rgba(0,0,0,.08)}
.equipment-metric-v66 span{display:block;font-size:11px;color:#607286;font-weight:700}.equipment-metric-v66 b{font-size:24px;color:#173d60}.equipment-metric-v66.ok{border-top-color:#2d9c56}.equipment-metric-v66.warn{border-top-color:#e3a100}.equipment-metric-v66.danger{border-top-color:#c93737}.equipment-metric-v66.muted{border-top-color:#68798a}
.equipment-tabs-v66{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border:1px solid #d8e0e7;border-radius:8px;padding:6px;margin-bottom:12px}.equipment-tabs-v66 button{background:#eef3f7;color:#234c6f;border:1px solid #d2dee8}.equipment-tabs-v66 button.active{background:#126aa5;color:#fff;border-color:#126aa5}
.equipment-grid-v66{display:grid;grid-template-columns:minmax(390px,.8fr) minmax(560px,1.4fr);gap:12px;align-items:start}.equipment-form-card-v66,.equipment-table-card-v66{background:#fff;border:1px solid #d6dee6;border-radius:8px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.07);box-sizing:border-box}.equipment-form-card-v66 h3,.equipment-table-card-v66 h3{margin:0 0 10px;color:#174b73}
.equipment-form-grid-v66{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px}.equipment-form-grid-v66 label,.equipment-form-card-v66>label{font-size:11px;font-weight:700;color:#43576a}.equipment-form-grid-v66 input,.equipment-form-grid-v66 select,.equipment-form-grid-v66 textarea,.equipment-form-card-v66>label select{width:100%;box-sizing:border-box;margin-top:3px;padding:6px 7px;font-size:12px;min-height:31px}.equipment-form-grid-v66 .wide{grid-column:1/-1}.equipment-form-actions-v66{display:flex;gap:8px;margin-top:10px}
.equipment-table-toolbar-v66{display:flex;gap:7px;align-items:center;margin-bottom:8px}.equipment-table-toolbar-v66 input{flex:1;min-width:130px}.equipment-table-toolbar-v66 input,.equipment-table-toolbar-v66 select{padding:6px 8px;font-size:12px}
.equipment-table-wrap-v66{overflow:auto;max-height:500px;border:1px solid #dbe2e8;border-radius:6px}.equipment-table-v66{width:100%;border-collapse:collapse;font-size:11px}.equipment-table-v66 th{position:sticky;top:0;background:#eaf1f6;color:#24465f;z-index:1}.equipment-table-v66 th,.equipment-table-v66 td{border-bottom:1px solid #e0e6eb;padding:6px 7px;text-align:left;vertical-align:middle;white-space:nowrap}.equipment-table-v66 td:nth-child(2){white-space:normal;min-width:130px}.equipment-table-v66 button{padding:4px 7px;font-size:10px;margin:1px}.eq-status-v66{display:inline-block;padding:3px 7px;border-radius:10px;font-size:10px;font-weight:800;background:#e8eef3;color:#415568}.eq-status-v66.active{background:#e4f5e9;color:#21733c}.eq-status-v66.due{background:#fff4ce;color:#8a6200}.eq-status-v66.expired{background:#fde4e4;color:#a51e1e}.eq-status-v66.maintenance{background:#e8edf2;color:#536372}
.equipment-history-v66{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto}.equipment-history-item-v66{border-left:4px solid #1976ad;background:#f7fafc;padding:8px 10px;border-radius:4px}.equipment-history-item-v66 b{color:#174b73}.equipment-history-item-v66 small{display:block;color:#748391;margin-top:3px}
@media(max-width:1100px){.equipment-grid-v66{grid-template-columns:1fr}.equipment-metrics-v66{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.equipment-metrics-v66{grid-template-columns:repeat(2,1fr)}.equipment-form-grid-v66{grid-template-columns:1fr}.equipment-form-grid-v66 .wide{grid-column:auto}}


/* ============================================================
   V67 - Test / Equipment Traceability
============================================================ */
.sample-results-table .r-equipment-v67{min-width:190px;max-width:240px;font-size:11px;padding:4px 5px;height:30px}
.eq-result-status-v67{display:inline-block;min-width:90px;padding:5px 7px;border-radius:6px;font-size:10px;font-weight:800;text-align:center;white-space:nowrap}
.eq-result-status-v67.ok{background:#dff4e6;color:#146c2e;border:1px solid #9dd7ad}
.eq-result-status-v67.warn{background:#fff3cd;color:#795b00;border:1px solid #ebd37d}
.eq-result-status-v67.bad{background:#fde2e2;color:#a31616;border:1px solid #efaaaa}
.eq-result-status-v67.external{background:#e5f0ff;color:#14548c;border:1px solid #a9cbe9}
.eq-external-v67{font-size:11px;font-weight:700;color:#174d75;line-height:1.25}.eq-external-v67 small{font-weight:500;color:#53697b}
/* Ver68 Inventory & Reagents */
.inv-metrics-v68{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 14px}.inv-metrics-v68>div{background:#fff;border:1px solid #dbe5ee;border-radius:9px;padding:12px;font-weight:700}.inv-metrics-v68 b{float:right;font-size:20px}.inv-grid-v68{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.inv-grid-v68 label{font-size:12px;font-weight:700}.inv-grid-v68 input,.inv-grid-v68 select,.inv-grid-v68 textarea{width:100%;box-sizing:border-box}.inv-wide-v68{grid-column:1/-1}.inv-status-v68{font-weight:800}.inv-bad-v68{color:#b42318}.inv-warn-v68{color:#a15c00}.inv-ok-v68{color:#18794e}@media(max-width:1000px){.inv-grid-v68{grid-template-columns:repeat(2,1fr)}.inv-metrics-v68{grid-template-columns:repeat(2,1fr)}}


/* Ver72 - Smart Lab Control Center / TAT / Timeline */
.lab-control-v72{margin-top:14px;background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 2px 10px #00000012;border-top:4px solid #2f78b7}
.lab-control-v72 h3{margin:0 0 10px;color:#17364f}
.lab-kpis-v72{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:9px;margin-bottom:10px}
.lab-kpis-v72>div{background:#f4f8fb;border:1px solid #d7e2eb;border-radius:8px;padding:8px 10px;text-align:center}
.lab-kpis-v72 span{display:block;font-size:11px;color:#5a6b78;font-weight:700}.lab-kpis-v72 b{display:block;font-size:22px;color:#1e5b8f;margin-top:2px}
.lab-status-table-v72{max-height:205px;overflow:auto;border:1px solid #d9e2e8;border-radius:7px}.lab-status-table-v72 table{width:100%;border-collapse:collapse;font-size:12px}.lab-status-table-v72 th{position:sticky;top:0;background:#e9f1f7;color:#183d5b;padding:7px;text-align:left}.lab-status-table-v72 td{padding:6px 7px;border-top:1px solid #e8eef2}
.tat-v72{display:inline-block;padding:3px 7px;border-radius:12px;font-weight:800;font-size:10px}.tat-v72.ontime{background:#e7f6eb;color:#20783b}.tat-v72.soon{background:#fff4cf;color:#936b00}.tat-v72.today{background:#ffe0b2;color:#9a4d00}.tat-v72.overdue{background:#ffe0e0;color:#b42318}.tat-v72.neutral{background:#eee;color:#555}
.timeline-btn-v72{padding:4px 10px!important;min-height:0!important;font-size:11px!important}
.v72-timeline-panel{position:fixed;inset:0;background:#0007;z-index:99999;display:flex;align-items:center;justify-content:center}.v72-timeline-panel.hide{display:none}.v72-timeline-card{width:min(620px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:12px;padding:20px;position:relative;box-shadow:0 20px 60px #0006}.v72-close{position:absolute;right:12px;top:10px;border:0;background:#b33;color:#fff;border-radius:50%;width:30px;height:30px}.timeline-event-v72{display:flex;gap:12px;padding:10px 4px;border-left:2px solid #2f78b7;margin-left:8px}.timeline-event-v72 .dot{width:10px;height:10px;border-radius:50%;background:#2f78b7;margin-left:-6px;margin-top:4px}.timeline-event-v72 b{display:block;color:#193a55}.timeline-event-v72 small{display:block;color:#6b7882;margin-top:2px}
@media(max-width:900px){.lab-kpis-v72{grid-template-columns:repeat(2,1fr)}}
/* ===== Ver73 Smart Lab Operations ===== */
.smart-ops-v73{padding:18px}.ops-head-v73{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.ops-head-v73 h2{margin:0;color:#163f68}.ops-head-v73 p{margin:4px 0;color:#60758a}.ops-kpis-v73{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:14px}.ops-kpis-v73>div,.morning-brief-v73{background:#fff;border:1px solid #d6e0e9;border-radius:10px;padding:12px;box-shadow:0 2px 8px #00000012}.ops-kpis-v73 span{display:block;font-size:12px;color:#65798c}.ops-kpis-v73 b{font-size:22px;color:#1f6298}.ops-grid-v73{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-wide-v73{grid-column:1/-1}.ops-two-v73,.ops-three-v73,.ops-four-v73{display:grid;gap:8px}.ops-two-v73{grid-template-columns:1fr 1fr}.ops-three-v73{grid-template-columns:repeat(3,1fr)}.ops-four-v73{grid-template-columns:1fr 1fr 1.4fr 1.2fr}.ops-actions-v73{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.ops-mini-list-v73{max-height:160px;overflow:auto;margin-top:10px}.ops-mini-list-v73 div{padding:6px 8px;border-bottom:1px solid #e5ebf0;font-size:12px}.smart-ops-v73 table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px}.smart-ops-v73 th,.smart-ops-v73 td{padding:7px;border:1px solid #dce4ea;text-align:left}.smart-ops-v73 th{background:#eaf1f6}.ops-oos-v73{background:#fff0f0;color:#b52323;font-weight:700}.ops-ok-v73{color:#218647;font-weight:700}.morning-brief-v73{margin-top:12px;border-left:5px solid #2a78b7}.morning-brief-v73 h3{margin:0 0 7px}.morning-brief-v73 #v73MorningSummary{font-weight:700;color:#29445d}.doc-link-v73{font-weight:700;color:#14649c;cursor:pointer;text-decoration:underline}@media(max-width:1000px){.ops-kpis-v73{grid-template-columns:repeat(2,1fr)}.ops-grid-v73{grid-template-columns:1fr}.ops-wide-v73{grid-column:auto}.ops-four-v73,.ops-three-v73,.ops-two-v73{grid-template-columns:1fr}}
/* Ver74 Quality Management Center */
.quality-v74{padding-bottom:30px}.quality-tabs-v74{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.quality-tabs-v74 button{min-width:150px}.qtab-v74 textarea{min-height:64px}.qtab-v74 table{width:100%;margin-top:14px;border-collapse:collapse}.qtab-v74 th,.qtab-v74 td{padding:7px;border:1px solid #d7dee7;font-size:12px}.qtab-v74 th{background:#eef3f8}


/* ============================================================
   VER75 - USER PERMISSIONS MATRIX
============================================================ */
.permission-panel-v75{margin-top:18px}
.perm-toolbar-v75{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}
.perm-toolbar-v75 label{min-width:190px;font-weight:700}
.permission-matrix-v75{overflow:auto;border:1px solid #d6e0e8;border-radius:9px;max-height:520px;background:#fff}
.permission-matrix-v75 table{width:100%;border-collapse:collapse;margin:0}
.permission-matrix-v75 th{position:sticky;top:0;background:#123f67;color:#fff;z-index:2}
.permission-matrix-v75 th,.permission-matrix-v75 td{padding:9px 10px;border-bottom:1px solid #e5ebf0;text-align:left}
.permission-matrix-v75 tr:nth-child(even) td{background:#f8fbfd}
.permission-matrix-v75 .perm-check-v75{text-align:center;width:90px}
.permission-matrix-v75 input[type=checkbox]{width:18px;height:18px;cursor:pointer}
.perm-note-v75{margin-top:10px;color:#5e6f7f;font-size:12px}
.perm-denied-v75{opacity:.45;filter:grayscale(.2)}
.user-actions-v18 button.permissions-user-v75{background:#176b9f;color:#fff}

.cloud-sync-badge{
 position:fixed;right:18px;bottom:18px;z-index:9998;width:auto!important;
 padding:8px 12px;border:0;border-radius:18px;background:#244f73;color:#fff;
 box-shadow:0 2px 10px #0003;font-size:12px;cursor:pointer
}
.cloud-sync-badge.ok{background:#2d7b4b}.cloud-sync-badge.err{background:#a63f3f}

.v92bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:7px 12px;background:#eef5fb;border-bottom:1px solid #bfd5e6;color:#173b5d;font-size:12px;position:sticky;top:0;z-index:9000}
.v92bar span{background:#fff;border:1px solid #cbddea;border-radius:6px;padding:5px 8px}.v92bar strong{margin-left:5px;font-size:15px}
.v92bar button{border:0;border-radius:16px;background:#245f8d;color:#fff;padding:6px 10px}.v92bar small{margin-left:auto}
.v92admin{position:fixed;right:16px;bottom:62px;z-index:9997;background:#fff;border:1px solid #d5dfe7;padding:7px;border-radius:8px;box-shadow:0 2px 10px #0002;display:flex;gap:5px}
.v92admin button{border:0;border-radius:5px;background:#6c4d98;color:#fff;padding:7px 9px;cursor:pointer}

/* ===== VER96 Integrated Laboratory Dashboard ===== */
.v96-dashboard-page{position:absolute;left:292px;right:18px;top:185px;z-index:8500;background:#f4f7fa;padding:18px;min-height:720px;color:#17324d}
.v96-dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#fff;border:1px solid #d7e2eb;border-radius:10px;padding:16px 18px;margin-bottom:14px}
.v96-dash-head h2{margin:0;color:#173b5d;font-size:22px}.v96-dash-head p{margin:5px 0 0;color:#6a7c8d}
.v96-head-actions{display:flex;gap:7px}.v96-head-actions button,.v96-card-title button,.v96-error button{border:0;border-radius:6px;background:#2f6f9f;color:#fff;padding:8px 12px;cursor:pointer}
.v96-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.v96-kpis article{background:#fff;border:1px solid #d7e2eb;border-radius:9px;padding:13px}.v96-kpis span{display:block;font-size:12px;color:#65788a}.v96-kpis strong{display:block;font-size:25px;margin:5px 0;color:#173b5d}.v96-kpis small{color:#7b8b99}
.v96-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v96-card{background:#fff;border:1px solid #d7e2eb;border-radius:10px;padding:15px;min-width:0}.v96-wide{grid-column:1/-1}
.v96-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e4ebf1;padding-bottom:9px;margin-bottom:12px}.v96-card-title h3{margin:0;font-size:16px;color:#173b5d}.v96-card-title span{font-size:11px;color:#708293}
.v96-chart-flex{display:flex;align-items:center;justify-content:center;gap:24px;min-height:190px}.v96-donut{width:180px;height:180px}.v96-donut-total{font-size:25px;font-weight:800;fill:#173b5d}.v96-donut-label{font-size:11px;fill:#718291}
.v96-legend{min-width:180px}.v96-legend div{display:grid;grid-template-columns:14px 1fr auto;gap:7px;align-items:center;padding:5px 0}.v96-dot{width:9px;height:9px;border-radius:50%;background:#2e75b6}.v96-dot-1{background:#70ad47}.v96-dot-2{background:#ffc000}.v96-dot-3{background:#ed7d31}.v96-dot-4{background:#a5a5a5}
.v96-bars{display:flex;flex-direction:column;gap:11px}.v96-bar-row{display:grid;grid-template-columns:120px 1fr 34px;gap:8px;align-items:center;font-size:12px}.v96-bar-row>div{height:12px;background:#edf2f6;border-radius:8px;overflow:hidden}.v96-bar-row i{display:block;height:100%;background:#3d78a7;border-radius:8px}
.v96-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.v96-mini-kpis div{background:#f4f8fb;border-radius:7px;padding:9px;text-align:center}.v96-mini-kpis b{display:block;font-size:20px}.v96-mini-kpis span{font-size:10px;color:#66798a}
.v96-alert-list div,.v96-system div{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px solid #edf1f4;font-size:12px}.v96-alert-list span,.v96-system span{color:#6b7c8d}.v96-online{color:#2e7d32!important}
.v96-table-wrap{overflow-x:auto}.v96-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.v96-table-wrap th,.v96-table-wrap td{padding:8px;border-bottom:1px solid #e4eaf0;text-align:left;white-space:nowrap}.v96-table-wrap th{background:#eef4f8}.v96-status{display:inline-block;background:#eef4f8;border-radius:12px;padding:3px 8px}
.v96-loading,.v96-error{background:#fff;border:1px solid #d7e2eb;border-radius:10px;padding:30px;text-align:center}
@media(max-width:1100px){.v96-dashboard-page{left:10px;right:10px}.v96-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v96-dashboard-page{position:absolute;left:4px;right:4px;top:145px;padding:8px}.v96-kpis{grid-template-columns:repeat(2,1fr)}.v96-grid{grid-template-columns:1fr}.v96-wide{grid-column:auto}.v96-chart-flex{flex-direction:column}.v96-mini-kpis{grid-template-columns:repeat(2,1fr)}.v96-dash-head{flex-direction:column}.v96-bar-row{grid-template-columns:90px 1fr 28px}}


/* VER110 - Compact Remarks to keep final report on one A4 page */
@media print {
  .coa-remarks{
    font-size:8pt !important;
    line-height:1.05 !important;
    margin:3mm 9mm 1.5mm !important;
  }
  .coa-remarks h4{
    font-size:8.5pt !important;
    line-height:1.05 !important;
    margin:1.2mm 0 0.6mm !important;
  }
  .coa-remarks p{
    font-size:8pt !important;
    line-height:1.05 !important;
    margin:0 0 1mm !important;
  }
  .coa-accreditation-legend{
    font-size:7pt !important;
    line-height:1.05 !important;
    margin:1mm 0 1mm !important;
  }
  .coa-f780{padding-bottom:42mm !important;}
}
\n/* Ver111 Method Performance */\n.method-performance-v111 h2 small{font-size:12px;color:#667}.mp-kpis-v111{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.mp-kpis-v111>div{background:#fff;border:1px solid #cddce8;border-radius:9px;padding:14px;text-align:center}.mp-kpis-v111 b{display:block;font-size:24px;margin-top:5px}.mp-grid-v111{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}.mp-grid-v111 label{font-weight:700}.mp-grid-v111 input,.mp-grid-v111 select,.mp-grid-v111 textarea{width:100%;box-sizing:border-box;margin-top:5px}.mp-wide-v111{grid-column:span 2}.method-performance-v111 table{width:100%;border-collapse:collapse}.method-performance-v111 th,.method-performance-v111 td{border:1px solid #d7e1e8;padding:7px;font-size:12px}.method-performance-v111 th{background:#eaf2f8}@media(max-width:900px){.mp-grid-v111{grid-template-columns:1fr 1fr}.mp-kpis-v111{grid-template-columns:1fr 1fr}}\n
/* VER112 Sample Retention */
.ret-grid-v112{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.ret-grid-v112 label{display:flex;flex-direction:column;font-weight:700;gap:5px}.ret-grid-v112 input,.ret-grid-v112 select,.ret-grid-v112 textarea{padding:9px;border:1px solid #b8c8d8;border-radius:6px}.ret-wide-v112{grid-column:1/-1}.ret-wide-v112 textarea{min-height:75px}@media(max-width:850px){.ret-grid-v112{grid-template-columns:1fr}}

/* Ver121 CRM */
.crm-v121 h2 small{font-size:12px;color:#667}
.crm-kpis-v121{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}
.crm-kpis-v121>div{background:#fff;border:1px solid #cfdbe6;border-radius:10px;padding:14px;text-align:center}
.crm-kpis-v121 span{display:block;font-weight:700;color:#52616f}
.crm-kpis-v121 b{display:block;font-size:24px;margin-top:5px}
.crm-tabs-v121{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.crm-grid-v121{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}
.crm-grid-v121 label{font-weight:700}
.crm-grid-v121 input,.crm-grid-v121 select,.crm-grid-v121 textarea{width:100%;box-sizing:border-box;margin-top:5px}
.crm-wide-v121{grid-column:span 2}
.crm-v121 table{width:100%;border-collapse:collapse}
.crm-v121 th,.crm-v121 td{border:1px solid #d8e1e8;padding:7px;font-size:12px}
.crm-v121 th{background:#edf3f7}
@media(max-width:900px){.crm-kpis-v121{grid-template-columns:1fr 1fr}.crm-grid-v121{grid-template-columns:1fr 1fr}}

/* Ver123 - prominent CRM access */
.crm-quick-v123{font-weight:800!important}
.crm-float-v123{
  position:fixed;right:18px;bottom:18px;z-index:99999;
  border:0;border-radius:999px;padding:13px 18px;
  box-shadow:0 5px 18px rgba(0,0,0,.25);
  font-weight:800;cursor:pointer;
}

/* Ver124 CRM sidebar */
.crm-side-v124{font-weight:800}
.crm-side-v124 span:first-child{margin-right:7px}
#crmQuickBtnV123,#crmFloatBtnV123{display:none!important}

/* VER149 - Login is an isolated top-level screen, never a report/print layer. */
#login{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  z-index:1000000 !important;
  overflow:auto !important;
  place-items:center !important;
}
#login.hide{display:none !important}
#login .loginbox{position:relative;z-index:1}