/* Browser-only appearance, orthogonal to engineer discipline and authorization. */
.appearance-control{display:inline-flex;position:relative;align-items:center;vertical-align:middle}
.appearance-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d5dfea;border-radius:12px;background:#edf3fa;color:#365a7b;cursor:pointer;font-size:22px;flex-shrink:0}
.appearance-toggle:hover{background:#dde9f5}.appearance-toggle:focus-visible{outline:3px solid #d7a751;outline-offset:3px}
.appearance-sun{display:none}.appearance-feedback:empty{display:none}.appearance-feedback:not(:empty){position:absolute;top:48px;inset-inline-end:0;width:220px;padding:12px;background:#fff4d8;color:#74511a;border-radius:10px;z-index:1100;font-size:12px}
.auth-appearance{display:flex;justify-content:flex-end;padding:12px 20px}
html[data-appearance="dark"]{color-scheme:dark;--night-bg:#111923;--night-surface:#1b2735;--night-raised:#243345;--night-text:#e4ebf3;--night-muted:#aab9ca;--night-border:#35475a;
--bs-body-bg:#111923;--bs-body-bg-rgb:17,25,35;--bs-body-color:#e4ebf3;--bs-body-color-rgb:228,235,243;--bs-border-color:#35475a;--pc-heading-color:#e4ebf3;--pc-active-background:#243345;--pc-header-color:#e4ebf3;--pc-header-background:#182332f2;--pc-header-submenu-background:#1b2735;--pc-header-submenu-color:#e4ebf3}
html[data-appearance="dark"] .appearance-moon{display:none}
html[data-appearance="dark"] .appearance-sun{display:block}
html[data-appearance="dark"] .appearance-toggle{background:#29394a;color:#f4d28a;border-color:#46556a}
html[data-appearance="dark"] body{background:var(--night-bg);color:var(--night-text)}
html[data-appearance="dark"] .portal-theme{--engineer-soft:#243345}
html[data-appearance="dark"] .portal-theme .pc-container{background:var(--night-bg)!important}
html[data-appearance="dark"] :is(.dashboard-shell,.account-shell,.report-workspace,.supervisor-projects,.supervision-queue){color:var(--night-text)}
html[data-appearance="dark"] :is(h1,h2,h3,h4,h5,h6){color:var(--night-text)}
html[data-appearance="dark"] :is(.card,.modal-content,.dropdown-menu,.list-group-item,.accordion-item,.offcanvas,.popover,.theme-settings,.formula-dialog,.queue-table-wrap,.report-filters,.projects-toolbar,.project-card,.report-metrics article,.projects-summary>div,.portal:not(.featured)){
background:var(--night-surface)!important;color:var(--night-text);border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.card-header,.card-footer,.modal-header,.modal-footer,.dropdown-header,.dropdown-footer){background:transparent;border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.text-dark,.text-body,.text-black){color:var(--night-text)!important}
html[data-appearance="dark"] :is(.text-muted,.text-secondary,.text-body-secondary){color:var(--night-muted)!important}
html[data-appearance="dark"] :is(.bg-white,.bg-light,.bg-light-secondary){background:var(--night-surface)!important}
html[data-appearance="dark"] :is(.border,.border-top,.border-bottom,.border-start,.border-end,hr){border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.form-control,.form-select,.datatable-input,.datatable-selector,.project-search input){background-color:#14202d!important;color:var(--night-text)!important;border-color:#465b71!important}
html[data-appearance="dark"] :is(input,textarea)::placeholder{color:#92a5ba!important;opacity:1}
html[data-appearance="dark"] :is(input,select,textarea):disabled{background-color:#293440!important;color:#99a9ba!important}
html[data-appearance="dark"] :is(.form-label,.filter-grid label,.queue-filters label,.projects-toolbar label){color:#c3d2e2!important}
html[data-appearance="dark"] :is(.input-group-text,.accordion-button){background:#243345;color:var(--night-text);border-color:var(--night-border)}
html[data-appearance="dark"] .btn-close{filter:invert(1) grayscale(100%) brightness(180%)}
html[data-appearance="dark"] .dropdown-item{color:var(--night-text)}
html[data-appearance="dark"] .dropdown-item:hover{background:var(--night-raised)}
html[data-appearance="dark"] :is(.table,.datatable-table){--bs-table-bg:#1b2735;--bs-table-color:#e4ebf3;--bs-table-border-color:#35475a;--bs-table-striped-bg:#223143;--bs-table-striped-color:#e4ebf3;--bs-table-hover-bg:#2a3c50;--bs-table-hover-color:#fff;color:var(--night-text)}
html[data-appearance="dark"] :is(.table-responsive,.table tbody tr){background-color:var(--night-surface)!important;border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.table thead,.table thead th,.queue-table-wrap thead th,.formula-equation,.formula-groups h3){background:#26384c!important;color:#d7e7f7!important}
html[data-appearance="dark"] :is(.table td,.table th){border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.datatable-sorter,.table td small,.table td:before,.formula-groups section>div span){color:var(--night-muted)!important}
html[data-appearance="dark"] .table td[data-label="عنوان گزارش"]{background:#26384c!important;color:#d7e7f7!important}
html[data-appearance="dark"] :is(.pc-content a:not(.btn):not([class]),.table a,.dropdown-notification a){color:#a9d5ff}
html[data-appearance="dark"] :is(.member-metrics strong,.report-metrics strong,.projects-summary strong,.member-dashboard h2,.member-dashboard h3,.dashboard-section-heading h2,.card-header h5){color:#d7e7f7!important}
html[data-appearance="dark"] :is(.dashboard-section-heading p,.queue-head p,.queue-summary span,.projects-hero p,.filter-heading p,.projects-summary span,.report-metrics span,.theme-settings>p,.formula-dialog header p,.landing-intro p,.portal p,.portal-label,.landing-footer){color:var(--night-muted)!important}
html[data-appearance="dark"] :is(.report-primary,.report-secondary,.reset-button,.reports-pagination button,.view-switch,.theme-choice,.theme-choice.selected,.portal>a,.header-entry,.account-pills .nav-link.active){background:#293d52!important;color:#d6eaff!important;border-color:#536d88!important}
html[data-appearance="dark"] .account-pills .nav-link{color:#bdcddd}
html[data-appearance="dark"] :is(.signature-notice,.account-notice,.alert-warning){background:#3e3321!important;color:#f1d79e!important;border-color:#7b6136!important}
html[data-appearance="dark"] :is(.signature-notice h2,.signature-notice p,.account-notice h2,.account-notice p){color:#f1d79e!important}
html[data-appearance="dark"] .alert-danger{background:#43292f;color:#ffc5ce;border-color:#80505c}
html[data-appearance="dark"] .alert-success{background:#203e34;color:#b6ead6;border-color:#406e5d}
html[data-appearance="dark"] :is(.alert-info,.bg-light-primary,.bg-light-info){background:#213b50!important;color:#c1e4ff!important;border-color:#426580}
html[data-appearance="dark"] .score-number{color:#89deca}
html[data-appearance="dark"] .queue-mobile .current-member{background:#223e53!important;border-color:#6995bb!important}
html[data-appearance="dark"] .pc-header{background:#182332f2!important;border-color:var(--night-border)}
html[data-appearance="dark"] .pc-header .pc-head-link{color:#c9d9eb}
html[data-appearance="dark"] .pc-header :is(.header-dashboard,.message-action){background:#243b4b!important;border-color:#426077!important}
html[data-appearance="dark"] .pc-header :is(.header-dashboard,.message-action)>i{color:#addbe7!important}
html[data-appearance="dark"] .pc-header .header-logout{background:#432a32!important;border-color:#704550!important}
html[data-appearance="dark"] .pc-header .header-logout>i{color:#f1adb8}
html[data-appearance="dark"] .landing{background:radial-gradient(ellipse at 85% 0%,#1d3b4a,transparent 55%),#111923;color:var(--night-text)}
html[data-appearance="dark"] .landing-intro h1{color:#dfecf6}
html[data-appearance="dark"] .landing-intro h1 span{color:#83d4cd}
html[data-appearance="dark"] .landing-brand span{color:#adc1d4}
html[data-appearance="dark"] .auth-main{background-color:#111923}
html[data-appearance="dark"] .auth-main .auth-wrapper .card{background:#1b2735!important}
html[data-appearance="dark"] .auth-sidefooter{color:#b3c5d7}
html[data-appearance="dark"] .apexcharts-tooltip{background:#1b2735!important;color:#e4ebf3;border-color:#35475a!important}
html[data-appearance="dark"] .apexcharts-tooltip-title{background:#243345!important;border-color:#35475a!important}
html[data-appearance="dark"] .apexcharts-text{fill:#b7c9dc!important}
@media(max-width:575px){.appearance-toggle{width:38px;height:38px}}
@media print{html[data-appearance="dark"] body{background:white!important;color:black!important}.appearance-control,.auth-appearance{display:none!important}}

html[data-appearance="dark"] :is(.workspace-card,.persian-calendar,.projects-empty,.project-card header){background:var(--night-surface)!important;color:var(--night-text)!important;border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.workspace-card h2,.project-card h3){color:var(--night-text)!important}
html[data-appearance="dark"] :is(.workspace-card p,.card-address,.project-card dt,.projects-pagination,.reports-pagination){color:var(--night-muted)!important}
html[data-appearance="dark"] :is(.workspace-icon,.workspace-action,.field-tag,.projects-pagination button){color:#b6d9f1!important}
html[data-appearance="dark"] :is(.workspace-icon,.field-tag,.projects-pagination button){background:#293d52!important;border-color:var(--night-border)!important}
html[data-appearance="dark"] .calendar-heading select{background:#14202d;color:var(--night-text);border-color:var(--night-border)}
html[data-appearance="dark"] :is(.calendar-heading button,.calendar-grid button){color:var(--night-text)}
html[data-appearance="dark"] .calendar-grid .weekday{color:var(--night-muted)}
html[data-appearance="dark"] .calendar-grid button:disabled{color:#708195}
html[data-appearance="dark"] .calendar-grid button.selected{background:#276fa5;color:white}
html[data-appearance="dark"] :is(.validation-message,.text-danger){color:#ffabb6!important}
html[data-appearance="dark"] .text-success{color:#89dbb5!important}
html[data-appearance="dark"] .btn-outline-primary{--bs-btn-color:#b6d9f1;--bs-btn-border-color:#6385a5}

html[data-appearance="dark"] .dashboard-shell{--report-accent:var(--engineer-sidebar-accent,#a9d1ed);--report-surface:#243345;--report-border:#43556a}
html[data-appearance="dark"] .dashboard-shell .support-bar .support-chart-summary{
    background:linear-gradient(115deg,var(--engineer-dark,#1a3247),#1b2735)!important;
    border-top-color:var(--report-border)!important;
}
html[data-appearance="dark"] .dashboard-shell .support-chart-summary h4,
html[data-appearance="dark"] .dashboard-shell .support-chart-summary h6{color:var(--report-accent)!important}
html[data-appearance="dark"] .dashboard-shell .account-overview-card .card-header{background:var(--report-surface)}

html[data-appearance="dark"] .portal-theme .btn-outline-primary{--bs-btn-color:var(--engineer-sidebar-accent,#b6d9f1);--bs-btn-border-color:var(--engineer-sidebar-accent,#6385a5);--bs-btn-disabled-color:var(--engineer-sidebar-accent,#b6d9f1);--bs-btn-disabled-border-color:var(--engineer-sidebar-accent,#6385a5)}
html[data-appearance="dark"] .portal-theme :is(.btn-primary,.btn-outline-primary):focus-visible{outline-color:var(--engineer-sidebar-accent,#b6d9f1)}
html[data-appearance="dark"] .portal-theme :is(.text-primary,.link-primary,.table-rank,.table-score){color:var(--engineer-sidebar-accent,#b6d9f1)!important}
html[data-appearance="dark"] .messages-workspace{--message-accent:var(--engineer-sidebar-accent,#b6d9f1)}
html[data-appearance="dark"] .messages-workspace .message-new{background:var(--message-accent);color:#14202d}
html[data-appearance="dark"] .messages-workspace .message-row:hover{background:#293d52!important}
html[data-appearance="dark"] .messages-workspace .message-unread{border-inline-start-color:var(--message-accent)!important}
html[data-appearance="dark"] :is(.design-score-dialog,.queue-card,.queue-filters,.formula-panel,.metric-panel,.calculation-panel,.score-header){background:var(--night-surface)!important;color:var(--night-text);border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.formula-final,.icon-close,.section-icon,.score-open,.table-score-open){background:var(--night-raised)!important;color:var(--engineer-sidebar-accent,#b6d9f1)!important;border-color:var(--night-border)!important}
html[data-appearance="dark"] .queue-table{color:var(--night-text)}
html[data-appearance="dark"] .queue-table thead th{background:var(--night-raised);color:var(--night-muted)}
html[data-appearance="dark"] .queue-table :is(td,th){border-color:var(--night-border)}
html[data-appearance="dark"] .queue-table tbody tr:nth-child(even){background:#202f40}
html[data-appearance="dark"] .queue-table tbody tr:hover,
html[data-appearance="dark"] .queue-table tr.queue-self{background:#293e50}

/* Custom workflow, designer and owner surfaces use the shared dark palette too. */
html[data-appearance="dark"] :is(.design-queue,.owner-flow,.owner-overview,.candidate-picker,.flow-dialog){color:var(--night-text)}
html[data-appearance="dark"] :is(.queue-loading,.queue-empty,.score-footer,.owner-overview,.candidate-picker,.picker-header,.picker-tools,.candidate,.picker-footer,.flow-project,.flow-slot,.flow-coordinator,.flow-loading,.flow-success,.flow-dialog){background:var(--night-surface)!important;color:var(--night-text);border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.overview-heading,.flow-footer,.kind-tabs,.candidate-rank,.score-details,.eligibility-message,.queue-summary,.rank,.formula-parts code,.calculation-terms>span){background:var(--night-raised)!important;color:var(--night-text)!important;border-color:var(--night-border)!important}
html[data-appearance="dark"] :is(.queue-filters select,.queue-search input,.candidate-search input,.flow-coordinator select){background:#14202d;color:var(--night-text);border-color:#465b71}
html[data-appearance="dark"] :is(.queue-intro,.queue-note,.member-base,.queue-facts dt,.score-details dt,.metric-panel dt,.formula-parts span,.formula-note,.score-context dt,.score-footer span,.flow-heading p,.flow-footer p,.flow-coordinator p,.flow-project small,.slot-selection p,.slot-selection small,.candidate-heading p,.candidate-info dt,.candidate-office,.picker-footer p,.section-hint,.facts-grid dt,.person-fields dt,.person-role){color:var(--night-muted)}
html[data-appearance="dark"] :is(.metric-panel dd,.calculation-terms b,.candidate-info dd){color:var(--night-text)}
html[data-appearance="dark"] :is(.queue-heading>i,.queue-score strong,.queue-card summary,.metric-panel h3,.calculation-panel p strong,.symbol,.eligibility-check summary,.flow-eyebrow){color:var(--engineer-sidebar-accent,#b6d9f1)}
html[data-appearance="dark"] :is(.metric-panel dl>div,.score-details>div,.queue-score,.queue-card details,.process-table td,.process-table th){border-color:var(--night-border)}
html[data-appearance="dark"] :is(.flow-outline,.select-candidate,.score-details-button,.eligibility-input button,.overview-tabs button.active,.kind-tabs button.active){background:#293d52;color:var(--engineer-sidebar-accent,#b6d9f1);border-color:#536d88}
html[data-appearance="dark"] :is(.process-table th,.process-table .current-row,.empty-state){background:var(--night-raised);color:var(--night-text)}
html[data-appearance="dark"] .overview-tabs button{color:var(--night-muted)}

html[data-appearance="dark"] .portal-guide{background:#1b2735;color:#e3ecf5;border-color:#42546a}
html[data-appearance="dark"] .portal-guide :is(header,footer,.guide-close){border-color:#42546a}
html[data-appearance="dark"] .portal-guide .guide-destination{color:var(--engineer-sidebar-accent,#b6d9f1)}
html[data-appearance="dark"] .portal-guide .guide-notice{background:#233f36}
html[data-appearance="dark"] .pc-header .header-guide{background:#293d52!important;border-color:#536d88!important}
html[data-appearance="dark"] .pc-header .header-guide>i{color:#c5dcf4!important}
html[data-appearance="dark"] .pc-header .header-guide:hover{background:#344e69!important}
html[data-appearance="dark"] .pc-header .appearance-toggle>.appearance-sun{display:block}
html[data-appearance="dark"] .pc-header .appearance-toggle>.appearance-moon{display:none}

html[data-appearance="dark"] .suggestion-workspace .suggestion-title{border-color:#42546a}
html[data-appearance="dark"] .suggestion-workspace .suggestion-title span{color:#b3c4d7}