:root{--mj-ink:#081225;--mj-muted:#516076;--mj-primary:#2458d3;--mj-primary-hover:#071a3f;--mj-navy:#071a3f;--mj-peach:#6fa4ff;--mj-soft:#f3f7ff;--mj-border:#d9e4f5;--mj-focus:0 0 0 3px #2458d322;--accent:var(--mj-primary);--nav:var(--mj-navy);--ink:var(--mj-ink);--line:var(--mj-border);--citron:var(--mj-peach)}body{background:#f5f7fb}.munjez-catalog-heading,#library .munjez-catalog-heading{border-inline-start-color:var(--mj-peach)}.munjez-catalog-heading .eyebrow,.munjez-catalog-heading .catalog-total span{color:var(--mj-peach)}.workspace-page{min-height:100vh;background:linear-gradient(120deg,#f3f7ff,#fff)}.workspace-page header{border-bottom:1px solid var(--mj-border);background:white}.workspace-page header img{width:155px;height:54px;object-fit:contain}.workspace-main{max-width:1060px;margin:auto}.workspace-page .auth-card{max-width:460px;margin:45px auto;border-top:4px solid var(--mj-primary);box-shadow:0 24px 90px #071a3f0c}.auth-heading .eyebrow{color:var(--mj-primary)}.munjez-full-logo{object-fit:contain}.app-sidebar a.side-item{display:flex;text-decoration:none;font-size:15px;gap:10px;color:var(--mj-primary)}@media(max-width:600px){.workspace-page .auth-card{margin:24px 12px}}
/* One Melos control system for forms, settings and dialogs. */
@font-face{font-family:MelosCairo;src:url('/brand/cairo-arabic.woff2') format('woff2');font-display:swap}body,button,input,select,textarea{font-family:MelosCairo,Arial,sans-serif}button,a.primary,a.secondary,input,select,textarea{border-radius:var(--mj-radius)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--mj-primary)}input[type=checkbox],input[type=radio]{accent-color:var(--mj-primary)}select{background-color:var(--mj-surface);color:var(--mj-ink)}select option{background:var(--mj-surface);color:var(--mj-ink)}.mj-select-trigger,.profession-combobox input,.date-picker{background:var(--mj-soft)!important;border-color:var(--mj-border)!important;color:var(--mj-ink)!important}.mj-select-options,.profession-options{background:var(--mj-surface);border-color:var(--mj-border);box-shadow:0 12px 32px #071a3f14}.mj-select-option:hover,.profession-option:hover,.profession-option[aria-selected=true]{background:var(--mj-soft)!important;color:var(--mj-primary)!important}.mj-select-option[aria-selected=true],.cal-grid button.selected,.quick-chip.selected{background:var(--mj-primary)!important;color:#fff!important}.primary{background:var(--mj-primary)!important;border-color:var(--mj-primary)!important;color:white!important}.primary:hover{background:var(--mj-primary-hover)!important}.secondary,.quiet,.menu-toggle,.top-home{color:var(--mj-primary)}dialog,.calendar,.profile-dialog,.munjez-confirm{border-color:var(--mj-border);background:var(--mj-surface);color:var(--mj-ink);box-shadow:0 24px 80px #071a3f24}dialog h2,.modal-head h2{color:var(--mj-navy)}dialog::backdrop{background:#071a3f66}.model::before{background:var(--mj-primary)!important}.model-action,.model-action>span,.document-mark{color:var(--mj-primary)!important}.document-mark,.model-action>span,.group h3 span{background:var(--mj-soft)!important}.model:hover .model-action>span{background:var(--mj-primary)!important;color:white!important}.entry-head{background:var(--mj-navy)}.quiet.danger{color:var(--mj-danger)}

.melos-spinner{display:inline-block;width:30px;height:30px;border:3px solid var(--mj-border,#d9e4f5);border-top-color:var(--mj-primary,#2458d3);border-radius:50%;animation:melos-spin .8s linear infinite}@keyframes melos-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.melos-spinner{animation:none}}