/* SRCA v88 review — official visual identity and consistent controls. */
:root{
  --v88-green:#188b5a;
  --v88-green-dark:#106f47;
  --v88-indigo:#1b194d;
  --v88-red:#df242b;
  --v88-surface:#fff;
  --v88-bg:#f3f5f6;
  --v88-line:#d9dedc;
  --v88-text:#252a2d;
  --v88-muted:#66706d;
  --ops-navy:var(--v88-indigo);
  --ops-blue:var(--v88-green);
  --ops-accent:var(--v88-green);
  --ops-bg:var(--v88-bg);
  --ops-panel:var(--v88-surface);
  --ops-line:var(--v88-line);
  --ops-text:var(--v88-text);
  --ops-muted:var(--v88-muted);
  --v86-navy:var(--v88-indigo);
  --v86-blue:var(--v88-green);
}
html,body,button,input,select,textarea{font-family:"Sakkal Majalla","Traditional Arabic",Tahoma,Arial,sans-serif!important}
body{background:var(--v88-bg);color:var(--v88-text)}
.page-view,.page-view.active{animation:none!important;transition:none!important}
.ops-header{backdrop-filter:none!important}
.container.ops-content{scroll-behavior:auto!important}
.srca-nav{background:#fff!important;border-left:1px solid var(--v88-line)!important;box-shadow:-8px 0 22px rgba(28,33,39,.06)!important}
.srca-nav{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:var(--v88-green) #e6ece9!important;overscroll-behavior:contain}
.srca-nav::-webkit-scrollbar{display:block!important;width:8px!important;height:8px!important}.srca-nav::-webkit-scrollbar-track{background:#e6ece9!important}.srca-nav::-webkit-scrollbar-thumb{background:var(--v88-green)!important;border-radius:8px!important;border:2px solid #e6ece9!important}
.srca-nav-btn{min-height:48px!important;border-radius:5px!important;color:#333b39!important;font-size:20px!important}
.srca-nav-btn:hover{background:#edf7f2!important;color:var(--v88-green-dark)!important}
.srca-nav-btn.active{background:var(--v88-green)!important;color:#fff!important;box-shadow:inset 4px 0 rgba(255,255,255,.28)!important}
.v86-nav-group{color:#727a78!important;font-size:15px!important}
.ops-header{background:#fff!important;border-bottom:1px solid var(--v88-line)!important;box-shadow:0 4px 18px rgba(28,33,39,.05)!important}
.ops-header .brand-title,.ops-header .authority{color:var(--v88-text)!important}
.page-view>h1{color:var(--v88-indigo)!important;font-size:clamp(30px,2vw,42px)!important}
.divider{background:var(--v88-green)!important;height:4px!important;width:76px!important}
.dashboard-card,.ops-panel,.shift-message-panel,.daily-prep-card,.diag-status-card,.access-panel,.custom-card-shell>section{
  border:1px solid var(--v88-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 16px rgba(28,33,39,.07)!important
}
.dashboard-card:hover{border-color:#aacdbd!important;box-shadow:0 8px 20px rgba(24,139,90,.12)!important}
.btn,button.btn,.shift-actions .btn{min-height:44px!important;padding:8px 20px!important;border-radius:4px!important;font-size:19px!important;font-weight:700!important}
.btn:not(.btn-danger):not(.btn-gray),button.action-save,button.action-approve{background:var(--v88-green)!important;border-color:var(--v88-green)!important;color:#fff!important}
.btn:not(.btn-danger):not(.btn-gray):hover{background:var(--v88-green-dark)!important;border-color:var(--v88-green-dark)!important}
.btn-gray{background:#fff!important;border:1px solid #aeb8b4!important;color:#39433f!important}
.btn-danger{background:#fff!important;border:1px solid var(--v88-red)!important;color:var(--v88-red)!important}
input,select,textarea{border-radius:4px!important;border-color:#bdc6c2!important;font-size:19px!important}
input:focus,select:focus,textarea:focus{border-color:var(--v88-green)!important;box-shadow:0 0 0 3px rgba(24,139,90,.12)!important}
.dp-card-header{background:var(--v88-indigo)!important}
.dp-card-header-name{color:#fff!important;font-size:21px!important}
.daily-prep-card.done{border-color:var(--v88-green)!important;box-shadow:0 6px 18px rgba(24,139,90,.16)!important}
.dp-check{width:24px!important;height:24px!important;border:2px solid #8e9c96!important;background:#fff!important}
.dp-check:checked{background:var(--v88-green)!important;border-color:var(--v88-green)!important}
.dp-check:checked::after{content:'✓'!important;color:#fff!important;font-size:18px!important;line-height:1!important}
.dp-count{color:var(--v88-green-dark)!important}
.sector-duty-card .duty-sector-card-head,.sector-duty-detail-head{background:var(--v88-indigo)!important}
.sector-duty-card .duty-sector-name,.sector-duty-detail-head .sector-duty-detail-title{color:#fff!important}
.attendance-sector-head{background:var(--v88-indigo)!important;color:#fff!important}
.attendance-sector-head span,.attendance-sector-head b{color:#fff!important}
.auth-gate{background:#eef1f2!important}
.auth-identity{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(27,25,77,.96),rgba(27,25,77,.82)),url('../../favicon.png') center/280px no-repeat!important}
.auth-identity::after{content:'';position:absolute;inset:auto 0 0;height:7px;background:var(--v88-green)}
.auth-identity-line{background:var(--v88-green)!important;border-radius:0!important}
.auth-dialog{border-radius:12px!important;border-top:6px solid var(--v88-green)!important}
.auth-primary{background:var(--v88-green)!important;border-radius:4px!important}
.auth-brand-mark{background:var(--v88-indigo)!important}
.v88-maintenance-overlay{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f5f7f7,#e7edeb);direction:rtl}
.v88-maintenance-card{width:min(520px,100%);padding:38px;text-align:center;border-top:7px solid var(--v88-green);border-radius:10px;background:#fff;box-shadow:0 24px 70px rgba(27,25,77,.18)}
.v88-maintenance-card img{width:105px;height:105px;object-fit:contain}.v88-maintenance-card h1{margin:18px 0 8px;color:var(--v88-indigo);font-size:38px}.v88-maintenance-card p{margin:0;color:var(--v88-muted);font-size:22px;line-height:1.6}.v88-maintenance-card small{display:block;margin-top:20px;color:#7a8380;font-size:16px}
.v88-admin-tools{margin-top:22px;padding:22px;border:1px solid var(--v88-line);border-radius:8px;background:#fff}.v88-admin-tools h3{margin:0 0 6px;color:var(--v88-indigo);font-size:25px}.v88-admin-tools p{margin:0 0 14px;color:var(--v88-muted);font-size:17px}.v88-tools-actions{display:flex;flex-wrap:wrap;gap:10px}.v88-maintenance-on{background:var(--v88-green)!important;color:#fff!important;border-color:var(--v88-green)!important}
.v88-install-btn[hidden]{display:none!important}
@media(max-width:980px){
  .srca-nav{height:70px!important;min-height:70px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important;scrollbar-width:thin!important}
  .page-view{max-width:100%!important;padding-inline:14px!important}
  .table-container,.access-table-wrap,.sector-duty-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
@media(max-width:900px){.srca-nav-btn{font-size:17px!important}.auth-identity{background:var(--v88-indigo)!important}.v88-tools-actions{display:grid}.v88-tools-actions>*{width:100%}}
@media(max-width:620px){
  .page-view{padding:16px 9px 36px!important}.page-view>h1{font-size:28px!important}
  .shift-form-grid,.shift-text-grid,.external-editor-grid{grid-template-columns:1fr!important}
  .btn,button.btn,.shift-actions .btn{width:100%;max-width:100%}
  .auth-form-side{padding-inline:12px!important}.auth-dialog{width:100%!important}
}
@media print{.v88-maintenance-overlay{display:none!important}}