:root{--ui-primary:#164e70;--ui-primary-2:#0e7490;--ui-ink:#10233d;--ui-muted:#64748b;--ui-line:#dbe5ee;--ui-surface:#fff;--ui-soft:#f4f8fb;--ui-radius:16px;--ui-shadow:0 12px 32px rgba(15,49,65,.08)}
html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f7f9fc 0%,#eef4f8 100%)!important;color:var(--ui-ink)!important}
button,a,input,select,textarea{font-family:inherit}button,.btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}
button:hover:not(:disabled),.btn:hover{transform:translateY(-1px)}
input,select,textarea{min-height:46px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;color:var(--ui-ink)!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important;outline:none!important}
input:focus,select:focus,textarea:focus{border-color:#58a6bd!important;box-shadow:0 0 0 4px rgba(14,116,144,.11)!important}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#527184 50%),linear-gradient(135deg,#527184 50%,transparent 50%)!important;background-position:calc(14px) 50%,calc(20px) 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;padding-left:38px!important}
.btn,.primary-button,.secondary-button,.action-button{min-height:42px!important;border-radius:12px!important;font-weight:800!important;letter-spacing:0!important}
.primary,.primary-button{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(14,116,144,.18)!important}
.primary:hover,.primary-button:hover{box-shadow:0 12px 26px rgba(14,116,144,.24)!important}
.secondary-button,.btn:not(.primary){background:#fff!important;border:1px solid var(--ui-line)!important;color:#23445a!important}
.card,.box,.hero,.top,.panel,.table-wrapper{border-color:var(--ui-line)!important}
.card,.box,.panel{border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}
.badge,.status-badge{border-radius:999px!important;padding:6px 12px!important;font-weight:800!important}
table{border-collapse:separate!important;border-spacing:0!important;width:100%}thead th{background:#f5f9fc!important;color:#4b6576!important;font-weight:800!important;border-bottom:1px solid var(--ui-line)!important}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f8fbfd!important}th,td{padding:15px 14px!important}
.modal{backdrop-filter:blur(8px)}.modal .box{border:1px solid rgba(255,255,255,.7)!important}
@media(max-width:700px){input,select,textarea{font-size:16px!important}.btn,.primary-button,.secondary-button{width:100%}.top{gap:12px;align-items:flex-start!important;flex-direction:column}.top>div:last-child{display:flex;width:100%;gap:8px}.top>div:last-child>*{flex:1}}
/* واجهة لوحة التحكم */
body .platform{background:linear-gradient(180deg,#f7f9fc 0%,#eef4f8 100%)!important;color:var(--ui-ink)!important}
body .main-content{padding-left:34px!important;padding-right:34px!important}
body .page-toolbar{padding:18px 20px!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,49,65,.05)!important}
body .content-card,body .settings-panel,body .dashboard-card,body .entity-card,body .modal-card{border:1px solid var(--ui-line)!important;border-radius:20px!important;box-shadow:var(--ui-shadow)!important;background:rgba(255,255,255,.97)!important}
body .primary-button,body .secondary-button,body .action-button,body .icon-button,body .modal-close{min-height:42px!important;border-radius:13px!important;font-weight:800!important}
body .primary-button{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary-2))!important;color:#fff!important;box-shadow:0 8px 20px rgba(14,116,144,.18)!important;padding:11px 20px!important}
body .secondary-button,body .action-button{background:#fff!important;border:1px solid var(--ui-line)!important;color:#23445a!important;padding:10px 14px!important}
body .action-button.danger{background:#fff7f7!important;border-color:#f4caca!important;color:#a93232!important}
body .form-field{gap:8px!important}body .form-field label{font-size:12px!important;color:#334b5c!important}
body .form-field input,body .form-field select,body .form-field textarea,body .report-filter-row input,body .notification-toolbar select.small-button{min-height:46px!important;padding:11px 13px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;color:var(--ui-ink)!important;font-size:13px!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important}
body .form-field select,body .notification-toolbar select.small-button{appearance:none!important;background-image:linear-gradient(45deg,transparent 50%,#527184 50%),linear-gradient(135deg,#527184 50%,transparent 50%)!important;background-position:14px 50%,20px 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;padding-left:38px!important}
body .form-field input:focus,body .form-field select:focus,body .form-field textarea:focus{border-color:#58a6bd!important;box-shadow:0 0 0 4px rgba(14,116,144,.11)!important}
body .table-wrapper{border:1px solid var(--ui-line)!important;border-radius:18px!important;background:#fff!important;overflow:auto!important}
body .status-badge{border-radius:999px!important;padding:6px 12px!important;font-weight:800!important}
body .table-actions{gap:8px!important}body .modal-backdrop{backdrop-filter:blur(8px)!important;background:rgba(15,35,55,.58)!important}
body .nav-item{min-height:48px!important;border-radius:14px!important;padding:13px 14px!important}body .nav-item.active{box-shadow:0 8px 22px rgba(0,0,0,.13)!important}body .nav-item:hover{transform:translateX(-2px)!important}
body .topbar{background:rgba(247,249,252,.9)!important;backdrop-filter:blur(12px)!important;position:sticky!important;top:0!important;z-index:50!important}
@media(max-width:900px){body .main-content{padding-left:16px!important;padding-right:16px!important}body .page-toolbar{align-items:stretch!important;flex-direction:column!important}body .page-toolbar>.primary-button{width:100%!important}body .form-field input,body .form-field select,body .form-field textarea{font-size:16px!important}}

/* V2.5.0 — نظام عناصر تحكم حديث موحّد */
:root{
  --ui-primary:#0f5b78;--ui-primary-hover:#0b4a63;--ui-accent:#0e7490;
  --ui-danger:#b42318;--ui-success:#13795b;--ui-warning:#a15c00;
  --ui-control-h:46px;--ui-control-radius:14px;
}

/* إزالة المظهر الافتراضي القديم من جميع عناصر التحكم */
button,input,select,textarea{font:inherit}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::file-selector-button{
  -webkit-appearance:none;appearance:none;
}
button:not(.nav-item):not(.notification-bell):not(.mobile-menu-button):not(.icon-button):not(.modal-close),
input[type="button"],input[type="submit"],input[type="reset"],
.btn,.primary-button,.secondary-button,.action-button,.small-button,.save,.switch,.text-button{
  min-height:42px;border:1px solid var(--ui-line);border-radius:13px;
  padding:10px 16px;background:#fff;color:#24465b;font-weight:800;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 3px 10px rgba(15,49,65,.055);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
  text-decoration:none;line-height:1.2;
}
button:not(.nav-item):not(.notification-bell):not(.mobile-menu-button):not(.icon-button):not(.modal-close):hover:not(:disabled),
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,
.btn:hover,.secondary-button:hover,.action-button:hover,.small-button:hover,.switch:hover,.text-button:hover{
  background:#f7fbfd;border-color:#b8cfdb;box-shadow:0 8px 18px rgba(15,49,65,.1);transform:translateY(-1px);
}
button:active:not(:disabled),.btn:active{transform:translateY(0);box-shadow:0 3px 8px rgba(15,49,65,.08)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a.btn:focus-visible{
  outline:3px solid rgba(14,116,144,.22)!important;outline-offset:2px!important;
}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* الأزرار الأساسية والخطرة */
.primary,.primary-button,.save,button[type="submit"]:not(.secondary-button):not(.action-button),input[type="submit"]{
  border-color:transparent!important;background:linear-gradient(135deg,#164e70,#0e7490)!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(14,116,144,.2)!important;
}
.primary:hover,.primary-button:hover,.save:hover,button[type="submit"]:hover,input[type="submit"]:hover{
  background:linear-gradient(135deg,#123f5b,#0b647c)!important;box-shadow:0 12px 26px rgba(14,116,144,.27)!important;
}
.danger,.action-button.danger,button[data-action="reject"]{background:#fff7f7!important;border-color:#efc3c3!important;color:var(--ui-danger)!important}

/* الحقول والقوائم المنسدلة */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea{
  width:100%;min-height:var(--ui-control-h)!important;border:1px solid #d7e3eb!important;border-radius:var(--ui-control-radius)!important;
  background:#fff!important;color:#163247!important;padding:11px 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 8px rgba(15,49,65,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
input::placeholder,textarea::placeholder{color:#91a3af}
select{
  appearance:none!important;-webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234d6b7b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:14px center!important;background-size:17px!important;padding-left:44px!important;
}
input:focus,select:focus,textarea:focus{border-color:#4b9ab2!important;background:#fff!important;box-shadow:0 0 0 4px rgba(14,116,144,.12)!important;outline:none!important}

/* رفع الملفات بصورة حديثة */
input[type="file"]{
  width:100%;min-height:56px;padding:7px;border:1px dashed #b8ccd8;border-radius:16px;background:#f9fcfd;color:#607987;cursor:pointer;
}
input[type="file"]::file-selector-button{
  min-height:40px;margin-inline-end:12px;border:0;border-radius:11px;padding:9px 16px;
  background:linear-gradient(135deg,#164e70,#0e7490);color:#fff;font-weight:800;cursor:pointer;
  box-shadow:0 6px 14px rgba(14,116,144,.18);transition:.16s ease;
}
input[type="file"]::file-selector-button:hover{background:linear-gradient(135deg,#123f5b,#0b647c);transform:translateY(-1px)}

/* مربعات الاختيار والراديو */
input[type="checkbox"],input[type="radio"]{
  appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;vertical-align:middle;
  border:1.5px solid #a9becb;background:#fff;display:inline-grid;place-content:center;cursor:pointer;
  transition:.15s ease;box-shadow:0 1px 3px rgba(15,49,65,.06)
}
input[type="checkbox"]{border-radius:6px}input[type="radio"]{border-radius:50%}
input[type="checkbox"]::before{content:"";width:10px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);margin-top:-2px;transition:.12s ease}
input[type="radio"]::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;transform:scale(0);transition:.12s ease}
input[type="checkbox"]:checked,input[type="radio"]:checked{background:#0e7490;border-color:#0e7490}
input[type="checkbox"]:checked::before,input[type="radio"]:checked::before{transform:rotate(45deg) scale(1)}
input[type="radio"]:checked::before{transform:scale(1)}

/* التبويبات */
[role="tablist"],.tabs,.settings-tabs,.update-tabs{display:flex;gap:8px;padding:7px;background:#edf4f7;border:1px solid #dbe7ed;border-radius:16px;overflow:auto}
[role="tab"],.tab-button,.settings-tab,.update-tab{
  min-height:42px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#587180!important;box-shadow:none!important;white-space:nowrap;
}
[role="tab"][aria-selected="true"],.tab-button.active,.settings-tab.active,.update-tab.active{
  background:#fff!important;color:#153e56!important;box-shadow:0 5px 14px rgba(15,49,65,.09)!important;
}

/* أزرار الإجراءات داخل الجداول */
.table-actions button,.table-actions .btn,td button,td .btn{min-height:36px;padding:8px 12px;border-radius:10px;font-size:12px}

/* تحسين الجوال */
@media(max-width:700px){
  button:not(.icon-button):not(.notification-bell):not(.mobile-menu-button),.btn{min-height:44px}
  .table-actions{display:flex;flex-wrap:wrap}.table-actions>*{flex:1 1 auto}
  input[type="file"]::file-selector-button{display:block;width:100%;margin:0 0 7px}
}
