/* v14 final design corrections: close to supplied dark reference */
:root[data-theme="dark"]{color-scheme:dark;--bg:#131416!important;--surface:#1d1f20!important;--surface-2:#232527!important;--text:#f4f5f6!important;--muted:#b2b8bc!important;--border:#383d40!important;--sidebar:#191b1d!important;--sidebar-hover:#292d2f!important}
html[data-theme="dark"] .df-nav,html[data-theme="dark"] .df-nav-bottom{background:#17191b!important;border-color:#363b3f!important}
html[data-theme="dark"] .df-panel,html[data-theme="dark"] .df-feature-panel,html[data-theme="dark"] .df-modal,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .df-drawer{background:#1d1f20!important;border-color:#34383b!important;color:#eef0f2!important}
html[data-theme="dark"] button,html[data-theme="dark"] .nav-item,html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] .df-top-icon,html[data-theme="dark"] .df-user,html[data-theme="dark"] .df-search-trigger,html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .df-button.secondary{background:#282b2e!important;color:#edf0f1!important;border:1px solid #41484c!important}
html[data-theme="dark"] .df-top-icon i,html[data-theme="dark"] .nav-item i,html[data-theme="dark"] .df-nav button i,html[data-theme="dark"] .btn i{color:inherit!important;opacity:1!important}
html[data-theme="dark"] .df-link:hover,html[data-theme="dark"] .nav-item:hover{background:#2b3032!important;color:#ffffff!important}
html[data-theme="dark"] .df-stat{background:#202223!important;border:1px solid #3b4042!important;color:#e7eaed!important}
html[data-theme="dark"] .df-dialog{background:rgba(30,32,34,.94)!important;border:1px solid rgba(255,255,255,.16)!important;color:#f5f6f8!important}
html[data-theme="dark"] .df-dialog p{color:#c2c5cb!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#272a2c!important;border-color:#44494b!important;color:#f5f6f8!important}
.df-theme-control{min-height:60px!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:10px 14px!important;gap:10px!important;background:transparent!important;border:0!important}
.df-theme-title{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.df-theme-title i{width:19px;text-align:center}
.df-theme-control .df-switch{appearance:none!important;display:block!important;position:relative!important;flex:0 0 48px!important;width:48px!important;height:27px!important;margin:0 0 0 auto!important;padding:0!important;overflow:hidden!important;border-radius:99px!important;border:1px solid #747a7e!important;background:#555c61!important;cursor:pointer!important;line-height:0!important;box-shadow:none!important;transition:background .25s ease!important}
.df-theme-control .df-switch::before,.df-theme-control .df-switch::after{display:none!important;content:none!important}
.df-theme-control .df-switch-knob{display:block!important;position:absolute!important;top:3px!important;left:3px!important;height:19px!important;width:19px!important;border-radius:50%!important;background:white!important;box-shadow:0 1px 4px #0005!important;transform:translateX(0)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important}
.df-theme-control .df-switch[aria-checked="true"]{background:#50b2ad!important;border-color:#50b2ad!important}
.df-theme-control .df-switch[aria-checked="true"] .df-switch-knob{transform:translateX(21px)!important}
/* typography logo, no image and no decorative square */
#authGate .auth-icon,.df-nav-brand .df-monogram{background:none!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;padding:0!important;border-radius:0!important}
#authGate .auth-brand{margin-bottom:28px!important}
#authGate .df-type-mark,.df-nav-brand .df-type-mark{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;background:none!important;border:0!important;box-shadow:none!important}
#authGate .df-type-ar{color:#50b2ad!important;font-size:46px!important;line-height:1.25!important;font-weight:700!important}
#authGate .df-type-en{color:#56b6b1!important;font-size:12px!important;letter-spacing:.3em!important;font-weight:800!important}
.df-nav-brand .df-type-ar{font-size:25px!important;color:#50b2ad!important;line-height:1!important}
.df-nav-brand .df-type-en{font-size:7px!important;letter-spacing:.18em!important;color:#50b2ad!important}
#authGate .auth-brand h1{display:none!important}
