/* ── Management pages (v4 skin) ─────────────────────────────────────────── One visual layer over the older management pages so they read like the redesigned ones (dk-base.css): requests, refunds, bank cards, student accounts, review report, admins, teams, performance, notifications, events, challenges. Markup contracts stay owned by each page's JS; this file only restyles. Page geometry that already works is kept. Shared parts (in order): page frame · header · dev furniture · buttons · fields · stat strip · segmented filters · panels · tables · empty states. Per-page details follow at the end. Legacy theme rules use !important and `body.light-theme …` selectors, so visual properties here are !important and scoped by page id (id specificity wins). */ /* the eleven pages */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage){ --pg-pad:0px; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage)::before, :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage)::after{ content:none !important; } /* inner shells: no nested card look, one readable width */ :is(.ar-page,.abc-page,.sa-shell,.noti-shell,.adm-page,.perfhub-shell,.ev-shell){ max-width:1240px; margin-inline:auto !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } :is(#teamsPage){ max-width:1240px; margin-inline:auto !important; } :is(.ar-page,.abc-page,.sa-shell,.noti-shell,.adm-page,.perfhub-shell,.ev-shell)::before, :is(.ar-page,.abc-page,.sa-shell,.noti-shell,.adm-page,.perfhub-shell,.ev-shell)::after{ content:none !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-page,.abc-page,.sa-shell,.noti-shell,.adm-page,.perfhub-shell,.ev-shell){ display:flex !important; flex-direction:column; gap:16px !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-page,.abc-page,.sa-shell,.noti-shell,.adm-page,.perfhub-shell,.ev-shell) > *{ margin:0 !important; } /* ═══ header ═══════════════════════════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#adminsPage,#teamsPage,#performanceHubPage) :is(.ar-header,.abc-header,.adm-header,.tp-head,.perfhub-head), :is(#studentAccountsPage,#reviewRequestsManagementPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.sa-hero,.noti-hero,.ev-hero){ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important; margin:0 !important; padding:0 !important; min-height:0 !important; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } :is(.ar-header,.abc-header,.adm-header,.tp-head,.perfhub-head,.sa-hero,.noti-hero,.ev-hero)::before, :is(.ar-header,.abc-header,.adm-header,.tp-head,.perfhub-head,.sa-hero,.noti-hero,.ev-hero)::after{ content:none !important; } /* emoji header icons go; the title carries the page */ :is(.ar-header-icon,.abc-header-icon,.adm-header-icon,.tp-head-icon,.perfhub-head-icon,.ev-hero-icon,.ev-panel-icon){ display:none !important; } :is(.ar-header-left,.abc-header-left,.adm-header-left,.tp-head-info,.perfhub-head-info){ display:block !important; gap:0 !important; } :is(.ar-header-title,.abc-header-title,.adm-header-title,.perfhub-head-title), .tp-head-text h2, :is(#studentAccountsPage .sa-hero,#reviewRequestsManagementPage .noti-hero,#notificationsPage .noti-hero,#eventsPage .ev-hero,#challengesPage .ev-hero,#notificationsArchivePage .noti-hero) h1{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; line-height:1.5 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; letter-spacing:0 !important; } :is(.ar-header-sub,.abc-header-sub,.adm-header-sub,.perfhub-head-sub), .tp-head-text p, :is(#studentAccountsPage .sa-hero,#reviewRequestsManagementPage .noti-hero,#notificationsPage .noti-hero,#eventsPage .ev-hero,#challengesPage .ev-hero,#notificationsArchivePage .noti-hero) p{ margin:2px 0 0 !important; max-width:80ch; font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; font-weight:400 !important; } :is(.ar-header-actions,.abc-header-actions,.adm-header-actions,.tp-head-actions,.perfhub-head-actions){ display:flex !important; align-items:center; gap:8px !important; flex-wrap:wrap; margin:0 !important; } /* legacy dev header rows (title + codename + "back to portal"): the page's own hero is the title, so only the action buttons survive, pinned to the hero's end edge */ :is(#eventsPage,#challengesPage,#notificationsPage,#notificationsArchivePage){ position:relative; } :is(#eventsPage,#challengesPage,#notificationsPage,#notificationsArchivePage) > .headRow{ position:absolute !important; inset-inline-end:0; top:0; z-index:2; display:flex !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; width:auto !important; } :is(#eventsPage,#challengesPage,#notificationsPage,#notificationsArchivePage) > .headRow .smart-tool-title-wrap{ display:none !important; } :is(#eventsPage,#challengesPage,#notificationsPage,#notificationsArchivePage) > .headRow .actions{ margin:0 !important; gap:8px; } :is(#eventsPage,#challengesPage) .ev-hero{ padding-inline-end:56px !important; } #studentAccountsPage .sa-topbar{ display:none !important; } .smart-tool-codename, #studentAccountsPage .sa-hero-badges{ display:none !important; } /* "back" buttons: the sidebar and top bar already navigate */ #adminRequestsBackBtn, #refundRequestsBackBtn, #adminsBackBtn, #performanceHubBackBtn, #eventsBackBtn, #challengesBackBtn, #notificationsBackBtn, #studentAccountsBackBtn, #reviewRequestsManagementBackBtn{ display:none !important; } /* ═══ buttons ══════════════════════════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.btn,.ar-new-btn,.ar-icon-btn,.ar-back-btn,.abc-btn-pri,.abc-btn-ghost,.adm-new-btn,.adm-icon-btn,.adm-back-btn){ display:inline-flex !important; align-items:center; justify-content:center; gap:7px; height:var(--dk-h) !important; min-height:0 !important; width:auto; margin:0 !important; padding:0 14px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; background-image:none !important; font:inherit !important; font-size:var(--dk-fs) !important; font-weight:700 !important; line-height:1 !important; box-shadow:none !important; text-shadow:none !important; transform:none !important; white-space:nowrap; cursor:pointer; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.btn,.ar-new-btn,.ar-icon-btn,.ar-back-btn,.abc-btn-pri,.abc-btn-ghost,.adm-new-btn,.adm-icon-btn,.adm-back-btn):hover{ background:var(--dk-hover) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.btn,.ar-new-btn,.ar-icon-btn,.abc-btn-pri,.abc-btn-ghost,.adm-new-btn,.adm-icon-btn):focus-visible{ outline:none !important; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; } /* primary */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.btn.pri,.ar-new-btn,.abc-btn-pri,.adm-new-btn,.ev-submit,.ev-form-submit){ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.btn.pri,.ar-new-btn,.abc-btn-pri,.adm-new-btn):hover{ background:var(--dk-accent-fill) !important; filter:brightness(1.08); } /* "ok" (green) buttons were used for neutral actions like refresh → neutral */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .btn.ok{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border-color:var(--dk-border) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .btn.danger{ background:var(--dk-surface-solid) !important; color:var(--dk-danger) !important; border-color:color-mix(in srgb, var(--dk-danger) 30%, var(--dk-border)) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .btn.danger:hover{ background:var(--dk-danger-soft) !important; } /* icon-only buttons (refresh etc.) */ #adminRequestsRefreshBtn, #refundRequestsRefreshBtn, #adminCardsRefreshBtn, #adminsRefreshBtn, #teamsRefreshBtn, #performanceHubRefreshBtn, #eventsRefreshBtn, #challengesRefreshBtn, #studentAccountsRefreshBtn, #reviewRequestsManagementRefreshBtn, #notificationsRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; color:var(--dk-muted) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .dk-ic{ width:16px; height:16px; flex:0 0 auto; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) [data-dk-ic]{ display:inline-flex; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) button:disabled{ opacity:.55 !important; cursor:not-allowed !important; } /* ═══ fields ═══════════════════════════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(input[type="text"],input[type="search"],input[type="number"],input[type="url"],input[type="email"],input[type="tel"],input[type="password"],input[type="date"],input[type="datetime-local"],input:not([type]),select,textarea,.es-combo-trigger){ min-height:var(--dk-h-lg) !important; margin:0 !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-text) !important; background-image:none !important; font:inherit !important; font-size:var(--dk-fs) !important; box-shadow:none !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .es-combo-trigger{ padding-inline:12px !important; } html[data-theme="dark"] :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(input[type="text"],input[type="search"],input[type="number"],input[type="url"],input[type="email"],input[type="tel"],input[type="password"],input[type="date"],input[type="datetime-local"],input:not([type]),select,textarea,.es-combo-trigger){ background:rgba(15,23,42,.45) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(input,select,textarea):focus{ outline:none !important; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) ::placeholder{ color:var(--dk-faint) !important; opacity:1; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.field > label,.ev-form-label,.adm-flabel,.sa-filter-field > label,.sa-filter-field > span){ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; } :is(.ev-form-optional){ color:var(--dk-faint) !important; font-weight:500 !important; } /* ═══ stat strip: one bordered strip with dividers instead of card rows ═ */ :is(#adminRequestsPage,#refundRequestsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-stats,.adm-stats,.perfhub-kpis,.noti-stats,.sa-stats,.ev-hero-stats){ display:grid !important; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)) !important; gap:0 !important; margin:0 !important; padding:0 !important; overflow:hidden; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important; } :is(#eventsPage,#challengesPage) .ev-hero-stats{ flex:1 1 100%; order:3; } :is(#reviewRequestsManagementPage,#notificationsPage,#notificationsArchivePage) .noti-stats{ box-shadow:none !important; margin:0 0 12px !important; } :is(#adminRequestsPage,#refundRequestsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-stat,.adm-stat,.perfhub-kpi,.noti-stat-card,.sa-stat-card,.ev-stat){ display:flex !important; flex-direction:column; align-items:flex-start !important; justify-content:center; gap:2px !important; min-height:0 !important; margin:0 !important; padding:14px 18px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; transform:none !important; border-inline-start:1px solid var(--dk-border) !important; } :is(.ar-stat,.adm-stat,.perfhub-kpi,.noti-stat-card,.sa-stat-card,.ev-stat)::before, :is(.ar-stat,.adm-stat,.perfhub-kpi,.noti-stat-card,.sa-stat-card,.ev-stat)::after{ content:none !important; } :is(.ar-stat,.adm-stat,.perfhub-kpi,.noti-stat-card,.sa-stat-card,.ev-stat):first-child{ border-inline-start:0 !important; } :is(.ar-stat-icon,.ev-stat-icon,.perfhub-kpi-ic,.adm-stat-bar,.sa-stat-glow){ display:none !important; } .ar-stat > div, .ev-stat-body, .perfhub-kpi-top{ display:contents !important; } :is(.ar-stat-val,.adm-stat-val,.perfhub-kpi-value,.noti-stat-value,.sa-stat-value,.ev-stat-value){ order:2; margin:0 !important; font-size:22px !important; font-weight:800 !important; line-height:1.3 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; font-variant-numeric:tabular-nums; } :is(.ar-stat-key,.adm-stat-key,.perfhub-kpi-title,.noti-stat-label,.sa-stat-label,.ev-stat-label){ order:1; margin:0 !important; font-size:var(--dk-fs-sm) !important; font-weight:600 !important; color:var(--dk-muted) !important; line-height:1.6 !important; } .sa-stat-sub, .perfhub-kpi-sub{ order:3; font-size:12px !important; color:var(--dk-faint) !important; margin:0 !important; } /* ═══ segmented filters / chip rows ═══════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-filter-tabs,.abc-seg,.perfhub-range,.adm-role-tabs,.noti-type-picker,.ev-filter-tabs,.ev-tabs,.ev-list-tabs){ display:inline-flex !important; flex-wrap:wrap; align-items:center; gap:2px !important; width:auto !important; margin:0 !important; padding:3px !important; border-radius:11px !important; background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-ftab,.abc-seg-btn,.perfhub-range-chip,.adm-role-tab,.noti-type-btn,.ev-filter-tab,.ev-tab,.ev-list-tab){ height:32px !important; min-height:0 !important; margin:0 !important; padding:0 12px !important; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important; cursor:pointer; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-ftab,.abc-seg-btn,.perfhub-range-chip,.adm-role-tab,.noti-type-btn,.ev-filter-tab,.ev-tab,.ev-list-tab):hover{ color:var(--dk-text) !important; } :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-ftab,.abc-seg-btn,.perfhub-range-chip,.adm-role-tab,.noti-type-btn,.ev-filter-tab,.ev-tab,.ev-list-tab):is(.is-active,.is-on,.active,[aria-pressed="true"],[aria-selected="true"]){ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; } html[data-theme="dark"] :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-ftab,.abc-seg-btn,.perfhub-range-chip,.adm-role-tab,.noti-type-btn,.ev-filter-tab,.ev-tab,.ev-list-tab):is(.is-active,.is-on,.active,[aria-pressed="true"],[aria-selected="true"]){ background:rgba(71,85,105,.55) !important; } /* ═══ panels ═══════════════════════════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-table-card,.adm-form-card,.adm-table-card,.adm-list-card,.perfhub-table-wrap,.noti-panel,.sa-panel,.sa-action-card,.ev-form-panel,.ev-list-panel,.ev-gallery-panel){ margin:0 !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important; backdrop-filter:none !important; } :is(.ar-table-card,.adm-form-card,.perfhub-table-wrap,.noti-panel,.sa-panel,.sa-action-card,.ev-form-panel,.ev-list-panel)::before, :is(.ar-table-card,.adm-form-card,.perfhub-table-wrap,.noti-panel,.sa-panel,.sa-action-card,.ev-form-panel,.ev-list-panel)::after{ content:none !important; } :is(.noti-panel-head,.ev-panel-head,.adm-form-head){ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px; flex-wrap:wrap; margin:0 0 14px !important; padding:0 0 12px !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; } :is(.noti-panel-title,.ev-panel-title,.adm-form-head-title,.sa-panel-title), .tp-list-head h3{ margin:0 !important; font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } /* ═══ tables ═══════════════════════════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-thead){ background:var(--dk-surface-2) !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; border-radius:0 !important; box-shadow:none !important; } :is(#adminRequestsPage,#refundRequestsPage) .ar-th, #performanceHubPage .perfhub-th{ font-size:12px !important; font-weight:700 !important; color:var(--dk-muted) !important; background:none !important; } :is(#adminRequestsPage,#refundRequestsPage) .ar-trow{ background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; margin:0 !important; border-top:1px solid var(--dk-border) !important; font-size:13px !important; color:var(--dk-text) !important; } :is(#adminRequestsPage,#refundRequestsPage) .ar-trow:first-child{ border-top:0 !important; } :is(#adminRequestsPage,#refundRequestsPage) .ar-trow:hover{ background:var(--dk-hover) !important; } #performanceHubPage .perfhub-table{ border-collapse:collapse !important; background:none !important; } #performanceHubPage .perfhub-table thead th{ background:var(--dk-surface-2) !important; border-bottom:1px solid var(--dk-border) !important; } #performanceHubPage .perfhub-table tbody td{ border-top:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-text) !important; font-size:13px !important; } #performanceHubPage .perfhub-table tbody tr:hover td{ background:var(--dk-hover) !important; } /* ═══ empty states ═════════════════════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-empty,.rr-empty,.abc-empty,.noti-empty,.team-empty,.perfhub-empty,.ev-empty,.sa-empty,.adm-empty,.iv-empty){ margin:0 !important; padding:36px 16px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; text-align:center; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; } /* ═══ fixes after first pass ═══════════════════════════════════════════ */ /* hide rules need page scope to beat the button rule above */ :is(#adminRequestsPage,#refundRequestsPage,#adminsPage,#performanceHubPage,#eventsPage,#challengesPage,#notificationsPage,#studentAccountsPage,#reviewRequestsManagementPage,#notificationsArchivePage) :is(#adminRequestsBackBtn,#refundRequestsBackBtn,#adminsBackBtn,#performanceHubBackBtn,#eventsBackBtn,#challengesBackBtn,#notificationsBackBtn,#studentAccountsBackBtn,#reviewRequestsManagementBackBtn){ display:none !important; } :is(#adminRequestsPage,#refundRequestsPage,#studentAccountsPage,#adminsPage,#performanceHubPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.ar-stat-icon,.ev-stat-icon,.perfhub-kpi-ic,.adm-stat-bar,.sa-stat-glow,.ar-header-icon,.adm-header-icon,.perfhub-head-icon,.ev-hero-icon,.ev-panel-icon){ display:none !important; } :is(#adminCardsPage) .abc-header-icon, #teamsPage .tp-head-icon{ display:none !important; } /* spinning refresh while a page reloads (JS toggles .is-busy) */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .is-busy .dk-ic, :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) button:disabled > [data-dk-ic] .dk-ic{ animation:mp-spin .9s linear infinite; } @keyframes mp-spin{ to{ transform:rotate(-360deg); } } @media (prefers-reduced-motion:reduce){ .is-busy .dk-ic{ animation:none !important; } } /* search box: icon inside a single field */ :is(#adminRequestsPage,#refundRequestsPage) .ar-toolbar{ display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; } :is(#adminRequestsPage,#refundRequestsPage) .ar-toolbar-right{ display:flex !important; align-items:center; gap:8px !important; flex-wrap:wrap; } :is(#adminRequestsPage,#refundRequestsPage) .ar-search-box{ position:relative; display:flex !important; align-items:center; padding:0 !important; margin:0 !important; border:0 !important; background:none !important; box-shadow:none !important; min-width:220px; } :is(#adminRequestsPage,#refundRequestsPage) .ar-search-icon{ position:absolute; inset-inline-start:11px; display:inline-flex !important; color:var(--dk-faint) !important; pointer-events:none; font-size:0 !important; } :is(#adminRequestsPage,#refundRequestsPage) .ar-search-box input{ width:100%; height:var(--dk-h) !important; min-height:0 !important; padding:0 12px !important; padding-inline-start:34px !important; } /* events/challenges hero: room for the pinned refresh button without shrinking the stat strip */ :is(#eventsPage,#challengesPage) .ev-hero{ padding-inline-end:0 !important; } :is(#eventsPage,#challengesPage) .ev-hero-copy{ max-width:calc(100% - 64px); margin:0 !important; padding:0 !important; } /* student accounts: quiet reminder, quiet alerts, compact action cards */ #studentAccountsPage .sa-mode-bar{ display:flex !important; align-items:center; justify-content:space-between; gap:12px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; } #studentAccountsPage .sa-mode-note{ margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; line-height:1.8 !important; } #studentAccountsPage .sa-mode-note strong{ color:var(--dk-text) !important; font-weight:700; } #studentAccountsPage .sa-alert-grid:empty{ display:none !important; } #studentAccountsPage .sa-alert-grid{ display:grid !important; gap:8px !important; margin:0 !important; } #studentAccountsPage .sa-alert-card{ margin:0 !important; padding:12px 16px !important; border-radius:var(--dk-r-lg) !important; box-shadow:none !important; background-image:none !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface) !important; color:var(--dk-text) !important; } #studentAccountsPage .sa-alert-card::before, #studentAccountsPage .sa-alert-card::after{ content:none !important; } #studentAccountsPage .sa-alert-title{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; margin:0 0 2px !important; } #studentAccountsPage .sa-alert-body{ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; } #studentAccountsPage .sa-alert-card:is(.warn,.is-warn,.sa-alert-warn,.sa-alert-card-warn,.danger,.sa-alert-danger,.sa-alert-card-danger){ border-color:color-mix(in srgb, var(--dk-warn) 35%, var(--dk-border)) !important; background:var(--dk-warn-soft) !important; } #studentAccountsPage .sa-action-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:16px !important; margin:0 !important; } #studentAccountsPage .sa-action-card{ display:flex !important; flex-direction:column; align-items:flex-start; gap:6px; padding:18px 20px !important; min-height:0 !important; } #studentAccountsPage .sa-action-eyebrow, #studentAccountsPage .sa-action-points{ display:none !important; } #studentAccountsPage .sa-action-card h2{ margin:0 !important; font-size:16px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } #studentAccountsPage .sa-action-card p{ margin:0 0 8px !important; font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; } #studentAccountsPage .sa-action-card .actions{ margin-top:auto !important; } @media (max-width:760px){ #studentAccountsPage .sa-action-grid{ grid-template-columns:minmax(0,1fr) !important; } } /* style.css hides these titles inside the management portal (body.management-portal-active … {display:none!important}); the redesigned pages need them back as the page title */ html body.management-portal-active #adminsPage .adm-header{ display:flex !important; } html body.management-portal-active #reviewRequestsManagementPage .noti-hero, html body #reviewRequestsContentPage .noti-hero{ display:block !important; } /* ═══ درخواست‌ها + استرداد (ar-/rr-) ════════════════════════════════════ */ :is(#adminRequestsPage,#refundRequestsPage) .ar-table-card{ overflow:hidden; padding:0 !important; } #adminRequestsPage .ar-trow{ min-height:52px; } #adminRequestsPage .ar-td{ font-size:13px !important; color:var(--dk-text) !important; } #adminRequestsPage .ar-td-id{ color:var(--dk-faint) !important; font-variant-numeric:tabular-nums; font-weight:600 !important; } #adminRequestsPage .ar-td-amount{ font-weight:800 !important; font-variant-numeric:tabular-nums; } #adminRequestsPage .ar-note-text{ color:var(--dk-text) !important; } :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-order-chip,.rr-order){ display:inline-flex; align-items:center; height:22px; padding:0 8px !important; margin:0 4px !important; border-radius:6px !important; background:var(--dk-chip) !important; border:0 !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:600 !important; font-variant-numeric:tabular-nums; } #adminRequestsPage .ar-account{ display:inline-flex !important; align-items:center; gap:6px; padding:0 !important; border:0 !important; background:none !important; color:var(--dk-text) !important; font-size:13px !important; cursor:copy; direction:ltr; unicode-bidi:isolate; } #adminRequestsPage .ar-copy-icon{ display:inline-flex !important; color:var(--dk-faint) !important; } #adminRequestsPage .ar-account:hover .ar-copy-icon{ color:var(--dk-accent) !important; } #adminRequestsPage .ar-action-meta{ display:inline-flex !important; align-items:center; gap:5px; color:var(--dk-muted) !important; font-size:12.5px !important; } #adminRequestsPage .ar-action-meta .dk-ic{ color:var(--dk-ok); } #adminRequestsPage .ar-ab{ display:inline-flex !important; align-items:center; gap:5px; height:30px !important; padding:0 12px !important; margin:0 !important; border-radius:var(--dk-r-sm) !important; border:0 !important; box-shadow:none !important; background:var(--dk-accent-fill) !important; color:var(--dk-on-accent) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; cursor:pointer; } /* status pills (both pages) */ :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-status,.rr-chip){ --tone:var(--dk-neutral); --tone-soft:var(--dk-neutral-soft); display:inline-flex !important; align-items:center; gap:5px; height:24px !important; padding:0 9px !important; margin:0 !important; border-radius:999px !important; border:0 !important; box-shadow:none !important; background:var(--tone-soft) !important; color:var(--tone) !important; font-size:12px !important; font-weight:700 !important; white-space:nowrap; } :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-status,.rr-chip:is(.rr-s-open,.rr-s-refunded,.rr-s-rejected,.rr-s-cancelled))::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-s-pending,.rr-s-open){ --tone:var(--dk-warn); --tone-soft:var(--dk-warn-soft); } :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-s-paid,.rr-s-refunded){ --tone:var(--dk-ok); --tone-soft:var(--dk-ok-soft); } :is(#adminRequestsPage,#refundRequestsPage) :is(.ar-s-rejected,.rr-s-rejected){ --tone:var(--dk-danger); --tone-soft:var(--dk-danger-soft); } #refundRequestsPage .rr-chip:is(.rr-m-bank,.rr-m-wallet){ --tone:var(--dk-muted); --tone-soft:var(--dk-chip); } #refundRequestsPage .rr-chip.rr-m-withdraw{ --tone:var(--dk-violet); --tone-soft:var(--dk-violet-soft); } #refundRequestsPage .rr-chip .dk-ic{ width:13px; height:13px; } #refundRequestsPage .rr-p-urgent{ --tone:var(--dk-warn); --tone-soft:var(--dk-warn-soft); } #refundRequestsPage .rr-p-critical{ --tone:var(--dk-danger); --tone-soft:var(--dk-danger-soft); } /* refund cards */ #refundRequestsPage .rr-list{ display:flex !important; flex-direction:column; gap:0 !important; padding:0 !important; } #refundRequestsPage .rr-card{ margin:0 !important; padding:14px 18px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:none !important; background-image:none !important; border-top:1px solid var(--dk-border) !important; } #refundRequestsPage .rr-card:first-child{ border-top:0 !important; } #refundRequestsPage .rr-card::before, #refundRequestsPage .rr-card::after{ content:none !important; } #refundRequestsPage .rr-card:hover{ background:var(--dk-hover) !important; } #refundRequestsPage .rr-top-main{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px !important; } #refundRequestsPage .rr-id{ color:var(--dk-faint) !important; font-weight:700 !important; font-size:12.5px !important; font-variant-numeric:tabular-nums; } #refundRequestsPage .rr-amount-net{ font-size:18px !important; font-weight:800 !important; color:var(--dk-text) !important; font-variant-numeric:tabular-nums; } #refundRequestsPage .rr-cur{ margin-inline-start:4px; font-size:12px !important; font-weight:600 !important; color:var(--dk-muted) !important; } #refundRequestsPage .rr-amount-sub{ font-size:12px !important; color:var(--dk-muted) !important; } #refundRequestsPage .rr-amount-words{ font-size:12px !important; color:var(--dk-faint) !important; } #refundRequestsPage .rr-field{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #refundRequestsPage .rr-field-label{ font-size:12px !important; color:var(--dk-faint) !important; font-weight:600 !important; } #refundRequestsPage .rr-field-value, #refundRequestsPage .rr-copy-txt{ font-size:13px !important; color:var(--dk-text) !important; font-weight:700 !important; } #refundRequestsPage .rr-copy{ display:inline-flex !important; align-items:center; gap:6px; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; cursor:copy; } #refundRequestsPage .rr-copy-txt{ direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; } #refundRequestsPage .rr-copy-ico{ display:inline-flex !important; color:var(--dk-faint) !important; } #refundRequestsPage .rr-copy:hover .rr-copy-ico{ color:var(--dk-accent) !important; } #refundRequestsPage .rr-reason{ font-size:13px !important; color:var(--dk-text) !important; background:none !important; border:0 !important; padding:0 !important; } #refundRequestsPage .rr-reason .rr-field-label{ margin-inline-end:6px; } #refundRequestsPage :is(.rr-note-reject,.rr-note-done){ margin-top:6px !important; padding:8px 12px !important; border-radius:var(--dk-r-sm) !important; border:0 !important; font-size:12.5px !important; } #refundRequestsPage .rr-note-reject{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; } #refundRequestsPage .rr-note-done{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; } #refundRequestsPage :is(.rr-meta,.rr-meta span){ font-size:12px !important; color:var(--dk-faint) !important; } #refundRequestsPage .rr-btn{ display:inline-flex !important; align-items:center; gap:5px; height:32px !important; padding:0 12px !important; margin:0 !important; border-radius:var(--dk-r-sm) !important; box-shadow:none !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; cursor:pointer; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; } #refundRequestsPage .rr-btn-ok{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; } #refundRequestsPage .rr-btn-no{ color:var(--dk-danger) !important; } #refundRequestsPage .rr-btn-no:hover{ background:var(--dk-danger-soft) !important; } #refundRequestsPage .rr-receipt-thumb{ border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; } #refundRequestsPage .rr-receipt-thumb-label{ font-size:12px !important; } /* ═══ کارت‌های بانکی (abc-) — the card faces stay; the frame around them calms ═ */ #adminCardsPage .abc-toolbar{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; } #adminCardsPage .abc-search{ flex:1 1 260px; height:var(--dk-h) !important; min-height:0 !important; padding:0 12px !important; } #adminCardsPage .abc-toolbar .es-combo{ flex:0 0 190px; } #adminCardsPage .abc-grid{ gap:16px !important; } #adminCardsPage .abc-card-cell{ display:flex !important; flex-direction:column; gap:12px; margin:0 !important; padding:14px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important; } #adminCardsPage .abc-card-cell::before, #adminCardsPage .abc-card-cell::after{ content:none !important; } #adminCardsPage .abc-card-cell.is-inactive{ opacity:.72; } #adminCardsPage .abc-card-label{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px; margin:0 !important; font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; } #adminCardsPage .abc-tag{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; margin:0 !important; border-radius:6px !important; border:0 !important; box-shadow:none !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; } #adminCardsPage .abc-tag-shared{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; } #adminCardsPage .abc-tag-replace{ background:var(--dk-violet-soft) !important; color:var(--dk-violet) !important; } #adminCardsPage .abc-tag-single{ background:var(--dk-info-soft) !important; color:var(--dk-info) !important; } #adminCardsPage .abc-tag-acc{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-weight:600 !important; } #adminCardsPage .abc-card-actions{ display:flex !important; flex-wrap:wrap; gap:6px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; } #adminCardsPage .abc-act{ display:inline-flex !important; align-items:center; gap:5px; height:30px !important; min-height:0 !important; margin:0 !important; padding:0 10px !important; border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; background:var(--dk-surface-solid) !important; background-image:none !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; cursor:pointer; } #adminCardsPage .abc-act:hover{ background:var(--dk-hover) !important; } #adminCardsPage .abc-act:first-child{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; } #adminCardsPage .abc-act-danger{ color:var(--dk-danger) !important; } #adminCardsPage .abc-act-danger:hover{ background:var(--dk-danger-soft) !important; } #adminCardsPage .abc-act:disabled{ opacity:.5 !important; cursor:not-allowed !important; } #adminCardsPage .abc-eye, #adminCardsPage .abc-copy{ display:inline-flex !important; align-items:center; gap:5px; } #adminCardsPage .abc-eye .dk-ic, #adminCardsPage .abc-copy .dk-ic{ width:14px; height:14px; } #adminCardsPage .abc-skel{ border-radius:var(--dk-r-lg) !important; background:var(--dk-chip) !important; } /* ═══ ادمین‌ها (adm-) ════════════════════════════════════════════════════ */ #adminsPage .adm-toolbar{ display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; } #adminsPage .adm-filter-tabs{ display:inline-flex !important; gap:2px !important; padding:3px !important; border-radius:11px !important; background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; } #adminsPage .adm-ftab{ height:32px !important; padding:0 12px !important; margin:0 !important; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important; } #adminsPage .adm-ftab.is-active{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; } html[data-theme="dark"] #adminsPage .adm-ftab.is-active{ background:rgba(71,85,105,.55) !important; } #adminsPage .adm-search-box{ position:relative; display:flex !important; align-items:center; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; min-width:240px; } #adminsPage .adm-search-icon{ position:absolute; inset-inline-start:11px; display:inline-flex !important; color:var(--dk-faint) !important; pointer-events:none; } #adminsPage .adm-search-box input{ width:100%; height:var(--dk-h) !important; min-height:0 !important; padding:0 12px !important; padding-inline-start:34px !important; } #adminsPage .adm-table-card{ padding:0 !important; overflow:hidden; } #adminsPage .adm-thead{ background:var(--dk-surface-2) !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; border-radius:0 !important; box-shadow:none !important; } #adminsPage .adm-th{ font-size:12px !important; font-weight:700 !important; color:var(--dk-muted) !important; } #adminsPage .adm-trow{ margin:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:none !important; border-top:1px solid var(--dk-border) !important; } #adminsPage .adm-trow:first-child{ border-top:0 !important; } #adminsPage .adm-trow:hover{ background:var(--dk-hover) !important; } #adminsPage .adm-td{ font-size:13px !important; color:var(--dk-text) !important; } #adminsPage .adm-td-id{ color:var(--dk-faint) !important; font-variant-numeric:tabular-nums; } #adminsPage .adm-av{ width:34px !important; height:34px !important; border-radius:10px !important; font-size:14px !important; font-weight:800 !important; box-shadow:none !important; } #adminsPage .adm-user-name{ display:flex; align-items:center; gap:5px; font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; } #adminsPage .adm-user-email{ font-size:12px !important; color:var(--dk-faint) !important; } #adminsPage :is(.adm-tg,.adm-2fa){ display:inline-flex; color:var(--dk-muted); } #adminsPage :is(.adm-tg,.adm-2fa) .dk-ic{ width:14px; height:14px; } #adminsPage .adm-2fa{ color:var(--dk-ok); } #adminsPage :is(.adm-badge,.adm-ptag){ --tone:var(--dk-neutral); --tone-soft:var(--dk-neutral-soft); display:inline-flex !important; align-items:center; gap:5px; height:22px !important; padding:0 8px !important; margin:0 !important; border-radius:999px !important; border:0 !important; box-shadow:none !important; background:var(--tone-soft) !important; color:var(--tone) !important; font-size:11.5px !important; font-weight:700 !important; white-space:nowrap; } #adminsPage .adm-ptag{ border-radius:6px !important; --tone:var(--dk-muted); --tone-soft:var(--dk-chip); } #adminsPage .adm-portals-cell{ display:flex; flex-wrap:wrap; gap:4px; } #adminsPage :is(.adm-b-active,.adm-b-verified){ --tone:var(--dk-ok); --tone-soft:var(--dk-ok-soft); } #adminsPage .adm-b-active::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #adminsPage .adm-b-inactive{ --tone:var(--dk-muted); --tone-soft:var(--dk-chip); } #adminsPage .adm-b-unverified{ --tone:var(--dk-warn); --tone-soft:var(--dk-warn-soft); } #adminsPage .adm-b-role{ --tone:var(--dk-accent); --tone-soft:var(--dk-accent-soft); border-radius:6px !important; } #adminsPage .adm-ab{ display:inline-flex !important; align-items:center; height:30px !important; padding:0 10px !important; margin:0 !important; border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; cursor:pointer; } #adminsPage .adm-ab:hover{ background:var(--dk-hover) !important; } #adminsPage .adm-ab-dis{ color:var(--dk-danger) !important; } #adminsPage .adm-ab-dis:hover{ background:var(--dk-danger-soft) !important; } /* collapsible "new admin" form */ #adminsPage .adm-form-card{ padding:0 !important; overflow:hidden; } #adminsPage .adm-form-head{ margin:0 !important; padding:14px 16px !important; border-bottom:0 !important; cursor:pointer; } #adminsPage .adm-form-head:hover{ background:var(--dk-hover) !important; } #adminsPage .adm-form-head-left{ display:flex !important; align-items:center; gap:8px; } #adminsPage .adm-mode-tag{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; } #adminsPage .adm-form-toggle{ color:var(--dk-faint) !important; font-size:12px !important; } #adminsPage .adm-form-body{ padding:16px !important; border-top:1px solid var(--dk-border) !important; background:none !important; } #adminsPage .adm-form-bottom{ display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:14px !important; padding:0 !important; background:none !important; border:0 !important; } #adminsPage .adm-portals-block{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px 12px; background:none !important; border:0 !important; padding:0 !important; } #adminsPage .adm-portals-label{ font-size:12.5px !important; font-weight:700 !important; color:var(--dk-muted) !important; } #adminsPage .adm-portals-inline{ display:flex !important; flex-wrap:wrap; gap:6px !important; } #adminsPage .adm-portal-tog{ display:inline-flex !important; align-items:center; gap:6px; height:32px; padding:0 10px !important; margin:0 !important; border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; box-shadow:none !important; font-size:13px !important; font-weight:600 !important; color:var(--dk-text) !important; cursor:pointer; } #adminsPage .adm-portal-tog:has(input:checked){ border-color:var(--dk-accent) !important; background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; } #adminsPage .adm-portal-tog input{ accent-color:var(--dk-accent-fill); margin:0; } #adminsPage .adm-form-actions{ display:flex !important; gap:8px; } #adminsPage :is(.adm-submit-btn,.adm-cancel-btn){ display:inline-flex !important; align-items:center; height:var(--dk-h) !important; padding:0 16px !important; margin:0 !important; border-radius:var(--dk-r) !important; box-shadow:none !important; font:inherit !important; font-size:var(--dk-fs) !important; font-weight:700 !important; cursor:pointer; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; } #adminsPage .adm-submit-btn{ background:var(--dk-accent-fill) !important; border-color:transparent !important; color:var(--dk-on-accent) !important; } #adminsPage .adm-finput{ height:var(--dk-h-lg); padding:0 12px !important; } #adminsPage :is(.adm-badge,.adm-ptag){ letter-spacing:0 !important; text-transform:none !important; font-family:inherit !important; } /* ═══ تیم‌ها (tp-) ═══════════════════════════════════════════════════════ */ #teamsPage:not(.hidden){ display:flex !important; flex-direction:column; gap:16px; } #teamsPage > *{ margin:0 !important; } #teamsPage .tp-list-head{ display:flex !important; align-items:center; gap:8px; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; } #teamsPage .tp-count{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important; } #teamsPage .teams-list{ display:flex !important; flex-direction:column; gap:0 !important; padding:0 !important; overflow:hidden; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important; } #teamsPage .tp-card{ display:grid !important; grid-template-columns:40px minmax(0,1fr) auto auto; align-items:center; gap:14px !important; margin:0 !important; padding:12px 16px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:none !important; background-image:none !important; border-top:1px solid var(--dk-border) !important; transform:none !important; } #teamsPage .tp-card:first-child{ border-top:0 !important; } #teamsPage .tp-card:hover{ background:var(--dk-hover) !important; } #teamsPage .tp-card.is-inactive{ opacity:.7; } #teamsPage .tp-card-icon{ width:40px !important; height:40px !important; display:inline-grid !important; place-items:center; border-radius:10px !important; font-size:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; border:0 !important; box-shadow:none !important; } #teamsPage .tp-card-icon .dk-ic{ width:18px; height:18px; } #teamsPage .tp-card-name{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px; font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; } #teamsPage .tp-card-sub{ display:flex !important; gap:10px; margin-top:2px; font-size:12.5px !important; color:var(--dk-muted) !important; } #teamsPage .tp-chip{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; } #teamsPage .tp-foot-count{ font-size:12.5px !important; color:var(--dk-muted) !important; } #teamsPage .tp-avatars .adm-av{ width:28px !important; height:28px !important; border-radius:8px !important; font-size:12px !important; } #teamsPage .tp-card-acts{ display:flex !important; gap:4px; } #teamsPage .tp-ib{ width:32px !important; height:32px !important; display:inline-grid !important; place-items:center; padding:0 !important; margin:0 !important; border-radius:var(--dk-r-sm) !important; border:1px solid transparent !important; background:none !important; box-shadow:none !important; color:var(--dk-muted) !important; font-size:0 !important; cursor:pointer; } #teamsPage .tp-ib:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; } #teamsPage .tp-ib.is-del:hover{ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; } #teamsPage .tp-ib .dk-ic{ width:16px; height:16px; } #teamsPage .tp-head-actions #teamsRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; } @media (max-width:640px){ #teamsPage .tp-card{ grid-template-columns:40px minmax(0,1fr) auto; } #teamsPage .tp-card-avwrap{ display:none !important; } } /* team modals: icon boxes + icon buttons (modals live outside the page) */ :is(.tp-modal-icon){ display:inline-grid !important; place-items:center; font-size:0 !important; color:var(--dk-muted) !important; } :is(.tp-modal-icon) .dk-ic{ width:20px; height:20px; } :is(.tp-iconbtn){ display:inline-grid !important; place-items:center; font-size:0 !important; color:var(--dk-muted) !important; } :is(.tp-iconbtn) .dk-ic{ width:15px; height:15px; } #teamsPage .tp-list-head{ justify-content:flex-start !important; } /* ═══ عملکرد تیم (perfhub-) ══════════════════════════════════════════════ */ #performanceHubPage .perfhub-range{ align-self:flex-start; } #performanceHubPage .perfhub-table-wrap{ padding:0 !important; overflow:auto; } #performanceHubPage .perfhub-th{ height:38px; padding:0 12px !important; text-align:start; white-space:nowrap; } #performanceHubPage .perfhub-th[data-perfhub-sort]{ cursor:pointer; } #performanceHubPage .perfhub-th.is-sorted{ color:var(--dk-text) !important; } #performanceHubPage .perfhub-cell{ padding:10px 12px !important; } #performanceHubPage .perfhub-num{ font-weight:700 !important; color:var(--dk-text) !important; font-variant-numeric:tabular-nums; background:none !important; } #performanceHubPage .perfhub-admin{ display:flex !important; align-items:center; gap:10px; } #performanceHubPage .perfhub-admin-av{ width:32px !important; height:32px !important; border-radius:9px !important; display:inline-grid !important; place-items:center; background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-weight:800 !important; font-size:13px !important; box-shadow:none !important; } #performanceHubPage .perfhub-admin-name{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; } #performanceHubPage .perfhub-admin-email{ font-size:12px !important; color:var(--dk-faint) !important; } #performanceHubPage .perfhub-rank{ display:inline-grid !important; place-items:center; min-width:26px; height:26px; padding:0 6px; border-radius:8px !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12.5px !important; font-weight:800 !important; box-shadow:none !important; border:0 !important; } #performanceHubPage .perfhub-rank:is(.is-top,.is-second,.is-third){ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; } #performanceHubPage .perfhub-state{ display:inline-flex !important; align-items:center; gap:5px; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; font-size:11.5px !important; font-weight:700 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; box-shadow:none !important; } #performanceHubPage .perfhub-state::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #performanceHubPage .perfhub-state.on{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; } #performanceHubPage .perfhub-kpi-value{ white-space:nowrap; font-size:20px !important; } /* noti heroes are just

+

: stack them */ html body :is(#reviewRequestsManagementPage,#notificationsPage,#notificationsArchivePage) .noti-hero{ display:block !important; } #notificationsPage .noti-type-picker{ justify-self:start; width:fit-content !important; } /* ═══ اکانت‌های دانشجویی (sa-) — list, report and status ═══════════════ */ #studentAccountsPage .sa-panel{ padding:18px !important; } #studentAccountsPage .sa-report-bar{ display:flex !important; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px !important; margin:0 0 14px !important; padding:0 0 14px !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; } #studentAccountsPage .sa-report-title-wrap{ display:flex !important; align-items:center; gap:8px; } #studentAccountsPage .sa-results-meta{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important; box-shadow:none !important; } #studentAccountsPage .sa-report-filters{ display:flex !important; flex-wrap:wrap; align-items:flex-end; gap:8px !important; } #studentAccountsPage .sa-filter-field{ display:grid !important; gap:4px; } #studentAccountsPage .sa-table-wrap{ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r) !important; background:none !important; box-shadow:none !important; overflow:auto; } #studentAccountsPage .sa-table{ width:100%; border-collapse:collapse !important; background:none !important; } #studentAccountsPage .sa-table th{ height:36px; padding:0 12px !important; text-align:start; white-space:nowrap; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important; } #studentAccountsPage .sa-table td{ padding:10px 12px !important; border:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-text) !important; font-size:13px !important; } #studentAccountsPage .sa-table tr:first-child td{ border-top:0 !important; } #studentAccountsPage .sa-table tbody tr:hover td{ background:var(--dk-hover) !important; } #studentAccountsPage .sa-cell-main{ font-weight:700 !important; color:var(--dk-text) !important; } #studentAccountsPage .sa-cell-sub{ font-size:12px !important; color:var(--dk-faint) !important; } #studentAccountsPage .sa-status{ display:inline-flex !important; align-items:center; gap:5px; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; font-size:11.5px !important; font-weight:700 !important; background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; box-shadow:none !important; } #studentAccountsPage .sa-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #studentAccountsPage :is(.sa-status-expiring,.sa-status-soon,.sa-status-warn){ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; } #studentAccountsPage :is(.sa-status-expired,.sa-status-danger){ background:var(--dk-danger-soft) !important; color:var(--dk-danger) !important; } #studentAccountsPage .sa-product-report-card{ margin:0 0 12px !important; padding:14px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-solid) !important; box-shadow:none !important; } #studentAccountsPage .sa-product-report-title{ font-size:14.5px !important; font-weight:800 !important; color:var(--dk-text) !important; } #studentAccountsPage .sa-product-report-meta{ font-size:12.5px !important; color:var(--dk-muted) !important; } #studentAccountsPage .sa-page-btn{ min-width:32px; height:32px; padding:0 8px !important; margin:0 !important; border-radius:8px !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; box-shadow:none !important; } #studentAccountsPage .sa-page-btn:is(.is-active,.active){ background:var(--dk-accent-soft) !important; border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; } #refundRequestsPage .rr-amount-sub b{ color:var(--dk-warn) !important; } #studentAccountsPage #studentAccountsClearAllBtn{ color:var(--dk-danger) !important; border-color:color-mix(in srgb, var(--dk-danger) 30%, var(--dk-border)) !important; } #studentAccountsPage #studentAccountsClearAllBtn:hover{ background:var(--dk-danger-soft) !important; } /* ═══ محصول و آموزش: محصولات، تامین‌کنندگان، راهنمای محصولات، سوالات متداول، تمرین با AI ═ */ :is(#suppliersPage,#productsCatalogPage){ position:relative; } html body :is(#suppliersPage,#productsCatalogPage) > .headRow{ position:absolute !important; inset-inline-end:0; top:0; z-index:2; display:flex !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; width:auto !important; } :is(#suppliersPage,#productsCatalogPage) > .headRow .smart-tool-title-wrap{ display:none !important; } :is(#suppliersPage,#productsCatalogPage) :is(#suppliersBackBtn,#productsCatalogBackBtn){ display:none !important; } :is(#suppliersPage,#productsCatalogPage) :is(#suppliersRefreshBtn,#productsCatalogRefreshBtn), #orderTrainingManagementRefreshBtn, #faqManagementRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; color:var(--dk-muted) !important; } :is(#suppliersPage,#productsCatalogPage) .sup-shell{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-shell > *{ margin:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-hero, html body.management-portal-active #orderTrainingManagementPage .training-hero, html body.management-portal-active #faqManagementPage .faq-header, #aiTrainingPage .support-hero{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important; margin:0 !important; padding:0 !important; min-height:0 !important; background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } :is(#suppliersPage,#productsCatalogPage) .sup-hero{ display:block !important; padding-inline-end:56px !important; } :is(.sup-hero,.training-hero,.faq-header,.ai-training-hero)::before, :is(.sup-hero,.training-hero,.faq-header,.ai-training-hero)::after{ content:none !important; } :is(#suppliersPage,#productsCatalogPage) .sup-hero h1, #orderTrainingManagementPage .training-hero h1, #faqManagementPage .faq-title, #aiTrainingPage .support-hero h1{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; line-height:1.5 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; letter-spacing:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-hero p, #orderTrainingManagementPage .training-hero p, #faqManagementPage .faq-desc, #aiTrainingPage .support-hero p{ margin:2px 0 0 !important; max-width:80ch; font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; } #aiTrainingPage .support-title-row{ display:block !important; } :is(#orderTrainingManagementBackBtn,#faqManagementBackBtn,#aiTrainingBackBtn){ display:none !important; } :is(.training-shell,.faq-page,.ai-training-page){ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } :is(.training-shell,.faq-page,.ai-training-page) > *{ margin:0 !important; } /* panels */ :is(#suppliersPage,#productsCatalogPage) .sup-panel, #orderTrainingManagementPage .training-panel, #faqManagementPage :is(.faq-import-bar,.faq-stored-card,.faq-preview-wrap), #aiTrainingPage :is(.support-chat-shell,.ai-training-knowledge-panel){ margin:0 !important; padding:18px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important; backdrop-filter:none !important; } :is(.sup-panel,.training-panel,.faq-import-bar,.faq-stored-card,.support-chat-shell,.ai-training-knowledge-panel)::before, :is(.sup-panel,.training-panel,.faq-import-bar,.faq-stored-card,.support-chat-shell,.ai-training-knowledge-panel)::after{ content:none !important; } #faqManagementPage .faq-preview-wrap:has(.faq-empty){ box-shadow:none !important; } :is(#suppliersPage,#productsCatalogPage) .sup-panel-head, #orderTrainingManagementPage .training-panel-head, #faqManagementPage .faq-stored-header, #aiTrainingPage :is(.support-chat-head,.ai-training-knowledge-head){ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap; gap:10px; margin:0 0 14px !important; padding:0 0 12px !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; } :is(.sup-panel-title,.training-panel-title,.support-panel-title), #faqManagementPage .faq-section-label{ margin:0 !important; font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } :is(.sup-panel-sub,.support-chat-sub,.faq-section-hint,.sup-form-hint,.pc-icon-hint){ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; line-height:1.8 !important; background:none !important; border:0 !important; padding:0 !important; } #faqManagementPage .faq-section-hint code{ padding:0 5px; border-radius:5px; background:var(--dk-chip) !important; color:var(--dk-text) !important; border:0 !important; font-size:12px; } :is(#suppliersPage,#productsCatalogPage) .sup-grid{ gap:16px !important; margin:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-form{ display:flex !important; flex-direction:column; gap:14px !important; } :is(#suppliersPage,#productsCatalogPage) .sup-form .field{ margin:0 !important; display:grid; gap:6px; } :is(#suppliersPage,#productsCatalogPage) .sup-form .field > label{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; } :is(#suppliersPage,#productsCatalogPage) .sup-form .actions{ display:flex !important; justify-content:flex-start; gap:8px !important; } :is(#suppliersPage,#productsCatalogPage) .sup-count-chip, :is(#suppliersPage,#productsCatalogPage) .sup-stat-card{ box-shadow:none !important; } :is(#suppliersPage,#productsCatalogPage) .sup-count-chip{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important; } /* product icon picker */ #productsCatalogPage .pc-icon-upload{ display:flex !important; align-items:center; gap:12px; } #productsCatalogPage .pc-icon-preview{ width:56px !important; height:56px !important; flex:0 0 56px; border-radius:12px !important; overflow:hidden; display:grid !important; place-items:center; border:1.5px dashed color-mix(in srgb, var(--dk-faint) 50%, transparent) !important; background:var(--dk-surface-2) !important; font-size:11px !important; color:var(--dk-faint) !important; text-align:center; line-height:1.4 !important; box-shadow:none !important; } #productsCatalogPage .pc-icon-upload-actions{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px 8px; } #productsCatalogPage .pc-icon-hint{ flex:1 1 100%; font-size:12px !important; } /* supplier / product stat strip + tables */ :is(#suppliersPage,#productsCatalogPage) .sup-stats{ display:grid !important; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)) !important; gap:0 !important; margin:0 !important; padding:0 !important; overflow:hidden; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important; } #productsCatalogPage .sup-stats{ box-shadow:none !important; margin:0 0 12px !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-card{ display:flex !important; flex-direction:column; gap:2px !important; min-height:0 !important; margin:0 !important; padding:12px 16px !important; border:0 !important; border-radius:0 !important; background:none !important; border-inline-start:1px solid var(--dk-border) !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-card:first-child{ border-inline-start:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-label{ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; font-weight:600 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-value{ font-size:20px !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } :is(#suppliersPage,#productsCatalogPage) :is(.sup-table-wrap,.table-wrap){ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r) !important; background:none !important; box-shadow:none !important; overflow:auto; } :is(#suppliersPage,#productsCatalogPage) .sup-table{ width:100%; border-collapse:collapse !important; background:none !important; } :is(#suppliersPage,#productsCatalogPage) .sup-table th{ height:36px; padding:0 12px !important; text-align:start; white-space:nowrap; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-table td{ padding:10px 12px !important; border:0 !important; border-top:1px solid var(--dk-border) !important; background:none !important; color:var(--dk-text) !important; font-size:13px !important; vertical-align:middle; } :is(#suppliersPage,#productsCatalogPage) .sup-table tbody tr:first-child td{ border-top:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-table tbody tr:hover td{ background:var(--dk-hover) !important; } :is(#suppliersPage,#productsCatalogPage) .sup-table .btn{ height:30px !important; padding:0 10px !important; font-size:12.5px !important; border-radius:var(--dk-r-sm) !important; } :is(#suppliersPage,#productsCatalogPage) .sup-empty{ margin:0 !important; padding:28px 16px !important; border:0 !important; background:none !important; text-align:center; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; } /* guide: product list */ #orderTrainingManagementPage .training-panel-head-split{ align-items:center !important; } #orderTrainingManagementPage .training-toolbar{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px !important; } :is(#orderTrainingManagementPage .training-search-box,#faqManagementPage .faq-search-box){ position:relative; display:flex !important; align-items:center; min-width:240px; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; } :is(#orderTrainingManagementPage .training-search-icon,#faqManagementPage .faq-search-icon){ position:absolute; inset-inline-start:11px; display:inline-flex !important; color:var(--dk-faint) !important; pointer-events:none; font-size:0 !important; } :is(#orderTrainingManagementPage .training-search-box,#faqManagementPage .faq-search-box) input{ width:100%; height:var(--dk-h) !important; min-height:0 !important; padding:0 12px !important; padding-inline-start:34px !important; } :is(#orderTrainingManagementPage .training-stat-chip,#faqManagementPage .faq-stat-chip,#aiTrainingPage .support-stat-chip){ display:inline-flex !important; align-items:center; gap:4px; height:26px; padding:0 10px !important; margin:0 !important; border-radius:999px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:600 !important; box-shadow:none !important; } :is(#orderTrainingManagementPage .training-stat-chip,#faqManagementPage .faq-stat-chip,#aiTrainingPage .support-stat-chip) :is(strong,b,span){ color:var(--dk-text) !important; font-weight:800 !important; } :is(#orderTrainingManagementPage .training-stats,#faqManagementPage .faq-stats,#aiTrainingPage .support-stats){ display:flex !important; flex-wrap:wrap; gap:6px !important; margin:0 !important; } :is(#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(.training-empty,.faq-empty,.support-empty,.ai-training-knowledge-empty){ margin:0 !important; padding:28px 16px !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; text-align:center; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; } /* FAQ import bar */ #faqManagementPage .faq-import-bar{ display:flex !important; flex-wrap:wrap; align-items:center; gap:12px 16px !important; } #faqManagementPage .faq-import-meta{ display:flex !important; flex-direction:column; gap:2px; flex:1 1 260px; } #faqManagementPage .faq-import-fields{ display:flex !important; align-items:center; } #faqManagementPage .faq-file-btn{ cursor:pointer; } #faqManagementPage .faq-import-actions{ display:flex !important; flex-wrap:wrap; align-items:center; gap:8px !important; flex:1 1 100%; justify-content:flex-end; } #faqManagementPage .faq-import-summary{ margin-inline-end:auto; font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; background:none !important; border:0 !important; padding:0 !important; } #faqManagementPage #faqManagementSaveBtn:not(:disabled){ background:var(--dk-accent-fill) !important; color:var(--dk-on-accent) !important; border-color:transparent !important; } #faqManagementPage .faq-stored-controls{ display:flex !important; align-items:center; gap:8px !important; } /* AI training */ #aiTrainingPage .ai-training-mode-switch{ display:inline-flex !important; align-self:flex-start; gap:2px !important; padding:3px !important; margin:0 !important; border-radius:11px !important; background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; } #aiTrainingPage .ai-training-mode-btn{ height:32px !important; padding:0 14px !important; margin:0 !important; border:0 !important; border-radius:8px !important; background:transparent !important; background-image:none !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important; cursor:pointer; } #aiTrainingPage .ai-training-mode-btn.active{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; } html[data-theme="dark"] #aiTrainingPage .ai-training-mode-btn.active{ background:rgba(71,85,105,.55) !important; } #aiTrainingPage .ai-training-grid{ gap:16px !important; margin:0 !important; } #aiTrainingPage .support-chat-stage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #aiTrainingPage .support-messages{ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; } #aiTrainingPage .support-empty-chat-icon{ display:none !important; } #aiTrainingPage .support-empty-chat-title{ font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; } #aiTrainingPage .support-empty-chat-text{ font-size:13px !important; color:var(--dk-muted) !important; } #aiTrainingPage .support-composer{ margin-top:14px !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; display:flex !important; flex-direction:column; gap:10px; } #aiTrainingPage .support-suggestions{ display:flex !important; flex-wrap:wrap; gap:6px !important; } #aiTrainingPage .support-suggestion-chip{ height:28px !important; padding:0 10px !important; margin:0 !important; border-radius:999px !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-muted) !important; font:inherit !important; font-size:12px !important; font-weight:600 !important; box-shadow:none !important; cursor:pointer; } #aiTrainingPage .support-suggestion-chip:hover{ color:var(--dk-text) !important; border-color:var(--dk-border-strong) !important; } #aiTrainingPage .support-actions{ display:flex !important; justify-content:flex-end; gap:8px !important; } #aiTrainingPage #aiTrainingSendBtn{ background:var(--dk-accent-fill) !important; color:var(--dk-on-accent) !important; border-color:transparent !important; } #aiTrainingPage .ai-training-knowledge-panel{ align-self:start; } /* fixes: product/training group */ :is(#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#suppliersPage,#productsCatalogPage) :is(#orderTrainingManagementBackBtn,#faqManagementBackBtn,#aiTrainingBackBtn,#suppliersBackBtn,#productsCatalogBackBtn){ display:none !important; } html body.management-portal-active #suppliersPage > .headRow:first-child{ position:absolute !important; inset-inline-end:0; top:0; z-index:2; display:flex !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; width:auto !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-card{ border-inline-end:0 !important; border-top:0 !important; border-bottom:0 !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-card:not(:first-child){ border-inline-start:1px solid var(--dk-border) !important; } :is(#suppliersPage,#productsCatalogPage) .sup-stat-card::before, :is(#suppliersPage,#productsCatalogPage) .sup-stat-card::after{ content:none !important; } #faqManagementPage .faq-header-title{ display:block !important; } #aiTrainingPage .support-hero{ align-items:flex-start !important; } #suppliersPage .sup-name-cell{ display:flex !important; flex-wrap:wrap; align-items:center; gap:4px 8px; } #suppliersPage .sup-name-main{ font-size:13.5px !important; font-weight:800 !important; color:var(--dk-text) !important; } #suppliersPage .sup-name-meta{ flex:1 1 100%; display:flex !important; gap:10px; font-size:12px !important; color:var(--dk-muted) !important; } #suppliersPage .sup-meta-item b{ color:var(--dk-text) !important; } #suppliersPage .sup-meta-divider{ display:none !important; } #suppliersPage .sup-risk-badge{ --tone:var(--dk-neutral); --tone-soft:var(--dk-neutral-soft); display:inline-flex !important; align-items:center; gap:5px; height:20px; padding:0 8px !important; border-radius:999px !important; border:0 !important; box-shadow:none !important; background:var(--tone-soft) !important; color:var(--tone) !important; font-size:11px !important; font-weight:700 !important; } #suppliersPage .sup-risk-badge::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #suppliersPage tr.sup-risk-healthy .sup-risk-badge{ --tone:var(--dk-ok); --tone-soft:var(--dk-ok-soft); } #suppliersPage tr:is(.sup-risk-warning,.sup-risk-attention) .sup-risk-badge{ --tone:var(--dk-warn); --tone-soft:var(--dk-warn-soft); } #suppliersPage tr.sup-risk-critical .sup-risk-badge{ --tone:var(--dk-danger); --tone-soft:var(--dk-danger-soft); } #suppliersPage :is(.sup-num,.sup-id-cell){ font-variant-numeric:tabular-nums; } #suppliersPage .sup-id-cell{ color:var(--dk-faint) !important; } #suppliersPage tr[class^="sup-risk-"] td{ border-inline-start:0 !important; } /* ask mode is disabled in code → a one-option switch says nothing */ #aiTrainingPage .ai-training-mode-switch:has(#aiTrainingAskBtn.hidden){ display:none !important; } /* ═══ راهنمای محصولات — product cards + detail page ═════════════════════ */ #orderTrainingManagementPage .training-panel-wide{ padding:18px !important; } #orderTrainingManagementPage .training-products-list{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)) !important; gap:12px !important; direction:rtl !important; } #orderTrainingManagementPage .tg-card{ display:grid; grid-template-columns:44px minmax(0,1fr) 20px; grid-template-areas:"icon text go" "prog prog prog"; align-items:center; gap:10px 12px; width:100%; margin:0; padding:14px; border:1px solid var(--dk-border); border-radius:var(--dk-r-lg); background:var(--dk-surface-solid); box-shadow:none; font:inherit; color:var(--dk-text); text-align:start; cursor:pointer; transition:border-color .12s, box-shadow .12s; } #orderTrainingManagementPage .tg-card:hover{ border-color:var(--dk-border-strong); box-shadow:var(--dk-shadow-hover); } #orderTrainingManagementPage .tg-card:focus-visible{ outline:none; border-color:var(--dk-accent); box-shadow:var(--dk-focus); } #orderTrainingManagementPage .tg-card-icon{ grid-area:icon; } :is(#orderTrainingManagementPage .tg-card-icon, :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-detail-icon){ width:44px; height:44px; border-radius:12px; overflow:hidden; display:inline-grid; place-items:center; background:var(--dk-chip); color:var(--dk-accent); font-weight:800; font-size:16px; } :is(#orderTrainingManagementPage .tg-card-icon, :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-detail-icon) img{ width:100%; height:100%; object-fit:cover; } #orderTrainingManagementPage .tg-card-text{ grid-area:text; display:flex; flex-direction:column; min-width:0; } #orderTrainingManagementPage .tg-card-text b{ font-size:14.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #orderTrainingManagementPage .tg-card-text small{ font-size:12px; color:var(--dk-muted); } #orderTrainingManagementPage .tg-card-go{ grid-area:go; display:inline-flex; color:var(--dk-faint); transition:color .12s, transform .12s; } #orderTrainingManagementPage .tg-card:hover .tg-card-go{ color:var(--dk-accent); transform:translateX(-2px); } #orderTrainingManagementPage .tg-card-progress{ grid-area:prog; display:flex; flex-direction:column; gap:5px; } #orderTrainingManagementPage .tg-bar{ display:block; height:5px; border-radius:5px; background:var(--dk-chip); overflow:hidden; } #orderTrainingManagementPage .tg-bar > span{ display:block; height:100%; border-radius:5px; background:var(--dk-accent-fill); } #orderTrainingManagementPage .tg-card.is-done .tg-bar > span{ background:var(--dk-ok-mark); } #orderTrainingManagementPage .tg-card-progress small{ font-size:12px; color:var(--dk-muted); } #orderTrainingManagementPage .tg-card.is-done .tg-card-progress small{ color:var(--dk-ok); font-weight:700; } /* detail page */ :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage){ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-detail-shell{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-detail-shell::before, :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-detail-shell::after{ content:none !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-modal-head.tg-detail-head{ display:flex !important; flex-direction:column; align-items:stretch !important; gap:10px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; position:static !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-detail-head > div{ display:flex !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-crumb{ display:inline-flex; align-self:flex-start; align-items:center; gap:6px; height:28px; margin:0; padding:0 8px 0 10px; border:0; border-radius:8px; background:none; box-shadow:none; color:var(--dk-muted); font:inherit; font-size:13px; font-weight:700; cursor:pointer; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-crumb:hover{ background:var(--dk-hover); color:var(--dk-text); } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-crumb-ic{ display:inline-flex; transform:scaleX(-1); } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-detail-title-row{ align-items:center; gap:14px; flex-wrap:wrap; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-detail-icon{ width:52px; height:52px; border-radius:14px; flex:0 0 52px; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-detail-copy{ flex:1 1 300px; min-width:0; display:block !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-modal-title{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.5 !important; background:none !important; -webkit-text-fill-color:currentColor !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-modal-sub{ margin:2px 0 0 !important; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; line-height:1.8 !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-site-link{ text-decoration:none; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-modal-body{ padding:0 !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editors{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(460px, 1fr)); gap:16px !important; } @media (max-width:640px){ :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editors{ grid-template-columns:minmax(0,1fr); } } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor{ display:flex !important; flex-direction:column; gap:14px; margin:0 !important; padding:16px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor::before, :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor::after{ content:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-head{ display:flex !important; flex-direction:row !important; direction:rtl !important; align-items:center !important; justify-content:space-between !important; gap:10px; margin:0 !important; padding:0 0 12px !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-plan-name{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-title{ font-size:15px !important; font-weight:800 !important; color:var(--dk-text) !important; direction:ltr; unicode-bidi:isolate; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-price{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-text) !important; font-size:12px !important; font-weight:700 !important; direction:ltr; box-shadow:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-settings-btn{ height:32px !important; padding:0 10px !important; font-size:12.5px !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-summary{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px !important; margin:0 !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-summary-card{ margin:0 !important; padding:10px 12px !important; border:0 !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-summary-title{ font-size:12px !important; font-weight:700 !important; color:var(--dk-muted) !important; margin:0 0 6px !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-summary-items{ display:flex !important; flex-wrap:wrap; gap:4px; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-summary-chip{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-size:11.5px !important; font-weight:700 !important; box-shadow:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-summary-chip-success{ background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-summary-empty{ font-size:12px !important; color:var(--dk-faint) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-grid{ display:flex !important; flex-direction:column; gap:12px !important; margin:0 !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-popup-triggers{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px !important; margin:0 !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-tile{ display:flex !important; align-items:center; gap:10px; min-height:56px !important; height:auto !important; width:100%; margin:0 !important; padding:10px 12px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important; box-shadow:none !important; color:var(--dk-text) !important; font:inherit !important; text-align:start; cursor:pointer; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-tile:hover{ border-color:var(--dk-border-strong) !important; background:var(--dk-hover) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-tile:focus-visible{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-tile-ic{ width:32px; height:32px; flex:0 0 32px; display:inline-grid; place-items:center; border-radius:9px; background:var(--dk-chip); color:var(--dk-muted); } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-tile.has-content .tg-tile-ic{ background:var(--dk-ok-soft); color:var(--dk-ok); } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-tile-text{ display:flex; flex-direction:column; min-width:0; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-popup-trigger-label{ font-size:13px !important; font-weight:800 !important; color:var(--dk-text) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-popup-trigger-meta{ font-size:12px !important; color:var(--dk-muted) !important; font-weight:500 !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-discount{ display:grid; gap:6px; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-discount label{ font-size:var(--dk-fs-sm); font-weight:700; color:var(--dk-muted); } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-discount-row{ display:flex; gap:8px; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-discount-row input{ flex:1; min-width:0; } /* shared controls on the detail page (same language as the other pages) */ :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .btn{ display:inline-flex !important; align-items:center; justify-content:center; gap:6px; height:var(--dk-h) !important; min-height:0 !important; margin:0 !important; padding:0 14px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important; color:var(--dk-text) !important; font:inherit !important; font-size:var(--dk-fs) !important; font-weight:700 !important; box-shadow:none !important; white-space:nowrap; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .btn:hover{ background:var(--dk-hover) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .btn .dk-ic{ width:15px; height:15px; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-save-btn{ background:var(--dk-accent-fill) !important; color:var(--dk-on-accent) !important; border-color:transparent !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(input[type="text"],.training-input){ height:var(--dk-h) !important; min-height:0 !important; margin:0 !important; padding:0 12px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font:inherit !important; font-size:var(--dk-fs) !important; box-shadow:none !important; } html[data-theme="dark"] :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(input[type="text"],.training-input){ background:rgba(15,23,42,.45) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(input,.training-input):focus{ outline:none !important; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; } /* plan settings panel (payment / login / ready account) */ :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-settings-wrap{ margin:0 !important; padding:12px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-config-card{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-config-title{ font-size:12.5px !important; font-weight:800 !important; color:var(--dk-text) !important; margin:0 0 6px !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(.training-toggle-pill,.training-radio-pill){ display:inline-flex !important; align-items:center; gap:6px; height:30px; padding:0 10px !important; margin:0 !important; border-radius:8px !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; font-size:12.5px !important; box-shadow:none !important; cursor:pointer; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(.training-toggle-pill,.training-radio-pill):has(input:checked){ border-color:var(--dk-accent) !important; background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(.training-toggle-pill,.training-radio-pill) input{ accent-color:var(--dk-accent-fill); margin:0; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-empty{ padding:28px 16px !important; border:0 !important; background:none !important; text-align:center; color:var(--dk-muted) !important; } @media (max-width:760px){ :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(.training-plan-summary,.training-popup-triggers){ grid-template-columns:minmax(0,1fr); } } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .hidden.hidden{ display:none !important; } /* detail page: beat legacy id/mgmt-mode rules */ html body.management-portal-active :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-modal-head.tg-detail-head > div.tg-detail-title-row, html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-modal-head.tg-detail-head > div.tg-detail-title-row{ display:flex !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(#orderTrainingManagementDetailBackBtn,#orderTrainingSalesViewerBackBtn).tg-crumb{ display:inline-flex !important; align-items:center; gap:6px; width:auto !important; height:30px !important; min-height:0 !important; margin:0 !important; padding:0 8px 0 10px !important; border:0 !important; border-radius:8px !important; background:none !important; background-image:none !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) :is(#orderTrainingManagementDetailBackBtn,#orderTrainingSalesViewerBackBtn).tg-crumb:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-grid .training-popup-triggers{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; width:100% !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-popup-triggers .tg-tile{ flex-direction:row !important; justify-content:flex-start !important; align-items:center !important; width:100% !important; min-width:0 !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-grid{ display:flex !important; flex-direction:column !important; grid-template-columns:none !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-discount-row input{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .tg-discount-row .training-discount-save-btn{ flex:0 0 auto !important; width:auto !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-settings-btn{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border-color:var(--dk-border) !important; } @media (max-width:760px){ html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-plan-editor-grid .training-popup-triggers{ grid-template-columns:minmax(0,1fr) !important; } } /* search icons: legacy gave them a 34px white box that covered the start of the placeholder («ستوجو…»). Icon only, no box, and room in the input. */ html body :is(.training-search-icon,.faq-search-icon,.ar-search-icon,.adm-search-icon){ width:auto !important; height:auto !important; min-width:0 !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; inset-inline-start:12px !important; inset-inline-end:auto !important; left:auto; top:50% !important; transform:translateY(-50%) !important; } html body :is(.training-search-box,.faq-search-box,.ar-search-box,.adm-search-box) input{ padding-inline-start:36px !important; padding-inline-end:12px !important; } /* ═══ تنظیمات: فاکتور، Outlook، تنظیمات سایت، API، راهنمای پورتال ═══════ */ /* page titles (some are hidden by style.css in management mode) */ :is(#invoicesPage,#apiPage) .st-title{ margin:0; font-size:var(--dk-fs-xl); font-weight:800; line-height:1.5; color:var(--dk-text); } :is(#invoicesPage,#apiPage) .st-sub{ margin:2px 0 0; max-width:80ch; font-size:var(--dk-fs); line-height:1.8; color:var(--dk-muted); } html body #invoicesPage .invoice-live-head, html body.management-portal-active #apiPage > .headRow:first-child, html body #apiPage > .headRow.st-api-head, html body.management-portal-active #outlookPage .outlook-hero, html body #outlookPage .outlook-hero, html body #siteSettingsPage .site-settings-hero, html body :is(#managementGuidePage,#salesGuidePage) .mg-guide-head{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px 16px !important; margin:0 !important; padding:0 !important; min-height:0 !important; position:static !important; background:none !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } :is(.invoice-live-head,.st-api-head,.outlook-hero,.site-settings-hero,.mg-guide-head)::before, :is(.invoice-live-head,.st-api-head,.outlook-hero,.site-settings-hero,.mg-guide-head)::after{ content:none !important; } #invoicesPage .invoice-live-head .smart-tool-title-wrap{ display:block !important; } #outlookPage .outlook-hero h1, #siteSettingsPage .site-settings-hero-title, :is(#managementGuidePage,#salesGuidePage) .mg-guide-head .sp-panel-title{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; line-height:1.5 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } #outlookPage .outlook-hero p, #siteSettingsPage .site-settings-subtitle{ margin:2px 0 0 !important; max-width:80ch; font-size:var(--dk-fs) !important; line-height:1.8 !important; color:var(--dk-muted) !important; } #siteSettingsPage .site-settings-hero-icon, #siteSettingsPage .site-settings-hero-main > .site-settings-hero-icon{ display:none !important; } #siteSettingsPage .site-settings-hero-main{ display:block !important; } :is(#siteSettingsBackBtn,#apiBackBtn,#managementGuideBackBtn,#salesGuideBackBtn){ display:none !important; } :is(#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) :is(#siteSettingsBackBtn,#apiBackBtn,#managementGuideBackBtn,#salesGuideBackBtn){ display:none !important; } :is(.invoice-live-shell,.outlook-shell,.site-settings-shell,.mg-guide-shell){ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } :is(.invoice-live-shell,.outlook-shell,.site-settings-shell,.mg-guide-shell) > *{ margin:0 !important; } #apiPage:not(.hidden){ display:flex !important; flex-direction:column; gap:16px; max-width:1240px; margin-inline:auto !important; } #apiPage > *{ margin:0 !important; } /* invoices: the invoice itself is a print template in an iframe — only frame it */ #invoicesPage .invoice-template-frame{ border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; box-shadow:var(--dk-shadow) !important; background:#fff !important; } /* shared panel look */ #outlookPage :is(.outlook-card), #siteSettingsPage .site-settings-card, #apiPage .api-provider-panel, :is(#managementGuidePage,#salesGuidePage) .mg-guide-panel{ margin:0 !important; padding:18px !important; border:1px solid var(--dk-border) !important; border-top-width:1px !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; background-image:none !important; box-shadow:var(--dk-shadow) !important; backdrop-filter:none !important; } :is(.outlook-card,.site-settings-card,.api-provider-panel,.mg-guide-panel)::before, :is(.outlook-card,.site-settings-card,.api-provider-panel,.mg-guide-panel)::after{ content:none !important; } :is(#managementGuidePage,#salesGuidePage) .mg-guide-panel{ padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; display:flex !important; flex-direction:column; gap:16px; } #outlookPage .outlook-card-head, #siteSettingsPage .site-settings-card-head, #apiPage .api-panel-header{ display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap; gap:6px 10px; margin:0 0 14px !important; padding:0 0 12px !important; border:0 !important; border-bottom:1px solid var(--dk-border) !important; background:none !important; } :is(.outlook-card-title,.site-settings-card-title,.api-panel-header-title){ margin:0 !important; font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } :is(.outlook-card-sub,.site-settings-card-hint,.outlook-field-hint){ font-size:var(--dk-fs-sm) !important; color:var(--dk-muted) !important; line-height:1.8 !important; } #siteSettingsPage .site-settings-card-icon{ background:var(--dk-chip) !important; color:var(--dk-muted) !important; border:0 !important; box-shadow:none !important; } #apiPage .api-panel-badge{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; letter-spacing:0 !important; text-transform:none !important; } #apiPage .api-panel-header{ justify-content:flex-start !important; } #apiPage .api-provider-panel{ display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px 16px !important; } #apiPage .api-provider-panel > .api-panel-header, #apiPage .api-provider-panel > .actions, #apiPage .api-provider-panel > .field:has(input[type="password"]){ grid-column:1 / -1; } #apiPage .api-provider-panel .field{ margin:0 !important; display:grid; gap:6px; padding:0 !important; border:0 !important; background:none !important; } #apiPage .api-provider-panel .field > label{ letter-spacing:0 !important; text-transform:none !important; } #apiPage .api-provider-panel > .actions{ display:flex !important; justify-content:flex-start; gap:8px !important; padding-top:4px; } @media (max-width:760px){ #apiPage .api-provider-panel{ grid-template-columns:minmax(0,1fr); } } /* API model dropdown (custom, built by api.js) */ #apiPage .api-model-toggle{ width:100%; min-height:var(--dk-h-lg) !important; padding:0 12px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font:inherit !important; font-size:var(--dk-fs) !important; box-shadow:none !important; } #apiPage .api-model-menu{ border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; box-shadow:var(--dk-shadow-pop) !important; } /* outlook tabs → segmented */ #outlookPage .outlook-tabs{ display:inline-flex !important; align-self:flex-start; gap:2px !important; padding:3px !important; border-radius:11px !important; background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; box-shadow:none !important; width:auto !important; } #outlookPage .outlook-tab{ display:inline-flex !important; align-items:center; gap:6px; height:32px !important; min-height:0 !important; padding:0 12px !important; margin:0 !important; border:0 !important; border-radius:8px !important; background:transparent !important; background-image:none !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important; flex:0 0 auto !important; } #outlookPage .outlook-tab.is-active{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; } html[data-theme="dark"] #outlookPage .outlook-tab.is-active{ background:rgba(71,85,105,.55) !important; } #outlookPage .outlook-tab-icon{ display:inline-flex !important; font-size:0 !important; background:none !important; width:auto !important; height:auto !important; } #outlookPage .outlook-label{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; } #outlookPage .outlook-input{ border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font-size:var(--dk-fs) !important; box-shadow:none !important; } #outlookPage .outlook-actions{ display:flex !important; gap:8px !important; justify-content:flex-start; } #outlookPage .outlook-actions .btn.ok{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; } #outlookPage .outlook-empty{ padding:28px 16px !important; border:0 !important; background:none !important; text-align:center; color:var(--dk-muted) !important; } #outlookPage .outlook-oauth-step-num{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; box-shadow:none !important; border:0 !important; } /* site settings */ #siteSettingsPage #siteSettingsSaveBtn{ background:var(--dk-accent-fill) !important; color:var(--dk-on-accent) !important; border-color:transparent !important; } #siteSettingsPage .site-settings-grid{ gap:16px !important; margin:0 !important; } #siteSettingsPage .site-settings-logo-dropzone{ border:1.5px dashed color-mix(in srgb, var(--dk-faint) 50%, transparent) !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; } #siteSettingsPage .site-settings-section-label{ font-size:var(--dk-fs-sm) !important; font-weight:700 !important; color:var(--dk-muted) !important; } #siteSettingsPage .site-settings-template-summary{ border:0 !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; color:var(--dk-text) !important; } #siteSettingsPage :is(.site-settings-status-labels-wrap){ border:0 !important; background:none !important; box-shadow:none !important; padding:0 !important; } #siteSettingsPage .site-settings-status-labels-table .btn{ height:32px !important; padding:0 12px !important; font-size:12.5px !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border-color:var(--dk-border) !important; } #siteSettingsPage [class*="site-settings-"][class*="note"], #siteSettingsPage .site-settings-info{ background:var(--dk-surface-2) !important; border:0 !important; color:var(--dk-muted) !important; box-shadow:none !important; } /* management guide: readable document with a sticky contents rail */ :is(#managementGuidePage,#salesGuidePage) .sp-guide-layout{ gap:24px !important; align-items:start; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-toc{ position:sticky !important; top:calc(var(--gtop-h, 64px) + 16px); max-height:calc(100vh - 120px); overflow:auto; padding:14px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:none !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-toc-title{ font-size:12.5px !important; font-weight:800 !important; color:var(--dk-muted) !important; margin:0 0 8px !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-toc-link{ display:block; padding:6px 10px !important; border-radius:8px !important; font-size:13px !important; color:var(--dk-muted) !important; text-decoration:none; background:none !important; border:0 !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-toc-link:hover{ background:var(--dk-hover) !important; color:var(--dk-text) !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-toc-link.is-active{ background:var(--dk-accent-soft) !important; color:var(--dk-accent) !important; font-weight:700 !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-content{ max-width:76ch; padding:24px 28px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface) !important; box-shadow:var(--dk-shadow) !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-h2{ font-size:19px !important; font-weight:800 !important; color:var(--dk-text) !important; border:0 !important; padding:0 !important; margin:28px 0 10px !important; background:none !important; -webkit-text-fill-color:currentColor !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-section:first-child .sp-guide-h2{ margin-top:0 !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-h3{ font-size:15px !important; font-weight:800 !important; color:var(--dk-text) !important; margin:18px 0 6px !important; } :is(#managementGuidePage,#salesGuidePage) :is(.sp-guide-lead,.sp-guide-content p,.sp-guide-bullets li,.sp-guide-ol li){ font-size:14px !important; line-height:2 !important; color:var(--dk-text) !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-callout{ padding:12px 14px !important; border:0 !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-callout-icon{ display:none !important; } :is(#managementGuidePage,#salesGuidePage) .sp-guide-section + .sp-guide-section{ border-top:1px solid var(--dk-border) !important; padding-top:8px !important; } #apiPage .api-provider-panel :is(.field,.field > label,.api-panel-header)::before, #apiPage .api-provider-panel :is(.field,.field > label,.api-panel-header)::after{ content:none !important; display:none !important; } html body #apiPage .api-provider-panel > .actions{ border:0 !important; background:none !important; box-shadow:none !important; padding:4px 0 0 !important; margin:0 !important; border-radius:0 !important; } html body #apiPage .api-provider-panel > .actions .btn{ flex:0 0 auto !important; width:auto !important; } html body #siteSettingsPage #siteSettingsOpenTemplateModalBtn{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; border-color:var(--dk-border) !important; } #orderTrainingSalesPage, #orderTrainingSalesViewerPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; color:var(--dk-text) !important; } #orderTrainingSalesViewerPage .training-shell, #orderTrainingSalesViewerPage #orderTrainingSalesViewer{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #orderTrainingSalesViewerPage #orderTrainingSalesViewer::before, #orderTrainingSalesViewerPage #orderTrainingSalesViewer::after{ content:none !important; } :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-readonly-box{ display:flex; align-items:center; justify-content:flex-end; min-height:var(--dk-h); padding:0 12px !important; border-radius:var(--dk-r) !important; border:1px dashed var(--dk-border) !important; background:var(--dk-surface-2) !important; color:var(--dk-text) !important; font-size:13px !important; box-shadow:none !important; direction:ltr; } #orderTrainingSalesPage .training-shell{ max-width:1240px; margin-inline:auto !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #orderTrainingSalesPage .training-sales-search-panel{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; display:flex !important; flex-direction:column; gap:16px; } #orderTrainingSalesPage .training-sales-search-panel::before, #orderTrainingSalesPage .training-sales-search-panel::after{ content:none !important; } #orderTrainingSalesPage .training-sales-search-shell{ display:flex !important; flex-direction:column; align-items:stretch !important; gap:12px !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; text-align:start !important; } #orderTrainingSalesPage .training-sales-search-copy{ display:block !important; text-align:start !important; } #orderTrainingSalesPage .st-title{ margin:0; font-size:var(--dk-fs-xl); font-weight:800; line-height:1.5; color:var(--dk-text); } #orderTrainingSalesPage .st-sub{ margin:2px 0 0; max-width:80ch; font-size:var(--dk-fs); line-height:1.8; color:var(--dk-muted); } #orderTrainingSalesPage .training-search-hero{ display:block !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; max-width:560px; } html body #orderTrainingSalesPage .training-search-box{ position:relative; display:flex !important; align-items:center; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; border-radius:0 !important; min-height:0 !important; } html body #orderTrainingSalesPage .training-search-box input{ width:100%; height:44px !important; padding:0 14px !important; padding-inline-start:40px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; font:inherit !important; font-size:14px !important; box-shadow:var(--dk-shadow) !important; text-align:start !important; } html body #orderTrainingSalesPage .training-search-box input:focus{ outline:none; border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; } html body #orderTrainingSalesPage .training-search-icon{ position:absolute; inset-inline-start:13px; top:50%; transform:translateY(-50%); width:auto !important; height:auto !important; background:none !important; border:0 !important; box-shadow:none !important; color:var(--dk-faint) !important; display:inline-flex !important; } #orderTrainingSalesPage .training-sales-recent{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px 10px; } #orderTrainingSalesPage .training-sales-recent-label{ display:inline-flex !important; align-items:center; gap:5px; font-size:12.5px !important; color:var(--dk-muted) !important; } #orderTrainingSalesPage .training-sales-recent-icon{ display:inline-flex; } #orderTrainingSalesPage .training-sales-recent-icon .dk-ic{ width:14px; height:14px; } #orderTrainingSalesPage .training-sales-recent-chips{ display:flex !important; flex-wrap:wrap; gap:6px !important; } #orderTrainingSalesPage .training-recent-search-chip{ height:28px !important; padding:0 10px !important; margin:0 !important; border-radius:999px !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:600 !important; box-shadow:none !important; cursor:pointer; } #orderTrainingSalesPage .training-recent-search-chip:hover{ border-color:var(--dk-border-strong) !important; } #orderTrainingSalesPage .training-stats{ justify-content:flex-start !important; } #orderTrainingSalesPage .training-sales-section{ display:flex !important; flex-direction:column; gap:12px; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; } #orderTrainingSalesPage .training-sales-section-head{ display:flex !important; align-items:center; gap:8px; } #orderTrainingSalesPage .training-sales-section-title{ font-size:var(--dk-fs-md) !important; font-weight:800 !important; color:var(--dk-text) !important; } #orderTrainingSalesPage .training-sales-section-count{ display:inline-grid !important; place-items:center; min-width:22px; height:22px; padding:0 7px; border-radius:999px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:12px !important; font-weight:700 !important; } #orderTrainingSalesPage .tg-grid{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)) !important; gap:12px !important; } #orderTrainingSalesPage .tg-card{ display:grid !important; grid-template-columns:44px minmax(0,1fr) 20px; align-items:center; gap:12px; width:100%; min-height:0 !important; margin:0 !important; padding:14px !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-solid) !important; background-image:none !important; box-shadow:none !important; font:inherit !important; color:var(--dk-text) !important; text-align:start; cursor:pointer; transform:none !important; } #orderTrainingSalesPage .tg-card::before, #orderTrainingSalesPage .tg-card::after{ content:none !important; display:none !important; } #orderTrainingSalesPage .tg-card:hover{ border-color:var(--dk-border-strong) !important; box-shadow:var(--dk-shadow-hover) !important; } #orderTrainingSalesPage .tg-card-icon{ width:44px; height:44px; border-radius:12px; overflow:hidden; display:inline-grid; place-items:center; background:var(--dk-chip); color:var(--dk-accent); font-weight:800; font-size:16px; } #orderTrainingSalesPage .tg-card-icon img{ width:100%; height:100%; object-fit:cover; } #orderTrainingSalesPage .tg-card-text{ display:flex; flex-direction:column; min-width:0; } #orderTrainingSalesPage .tg-card-text b{ font-size:14.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #orderTrainingSalesPage .tg-card-text small{ font-size:12px; color:var(--dk-muted); } #orderTrainingSalesPage .tg-card-go{ display:inline-flex; color:var(--dk-faint); } #orderTrainingSalesPage .tg-card:hover .tg-card-go{ color:var(--dk-accent); } #orderTrainingSalesPage .training-search-suggestions{ border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; box-shadow:var(--dk-shadow-pop) !important; } #orderTrainingSalesPage .training-empty{ padding:28px 16px !important; border:0 !important; background:none !important; text-align:center; color:var(--dk-muted) !important; } html body #orderTrainingSalesPage .training-sales-search-copy{ width:100% !important; max-width:none !important; margin:0 !important; align-self:stretch !important; } html body #orderTrainingSalesPage .training-search-hero{ align-self:flex-start !important; width:100%; } html body #orderTrainingSalesPage .training-search-icon{ background-image:none !important; } html body #orderTrainingSalesPage .training-sales-section-count{ margin:0 !important; } html body #orderTrainingSalesPage .training-sales-recent{ justify-content:flex-start !important; } html body #orderTrainingSalesViewerPage .training-shell, html body #orderTrainingSalesViewerPage #orderTrainingSalesViewer{ width:100% !important; max-width:1240px !important; margin-inline:auto !important; align-self:stretch !important; } html body :is(#orderTrainingManagementDetailPage,#orderTrainingSalesViewerPage) .training-readonly-box{ direction:rtl !important; unicode-bidi:plaintext !important; justify-content:flex-start !important; } html body #orderTrainingSalesViewerPage .training-plan-editor{ background:var(--dk-surface) !important; } #salesGuidePage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } :is(#salesGuidePage) #salesGuideBackBtn{ display:none !important; } #reviewRequestsContentPage #reviewRequestsContentBackBtn{ display:none !important; } #reviewRequestsContentPage #reviewRequestsContentRefreshBtn{ width:var(--dk-h) !important; padding:0 !important; color:var(--dk-muted) !important; } #reviewRequestsContentPage .noti-shell{ max-width:1240px; margin-inline:auto !important; display:flex !important; flex-direction:column; gap:16px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #reviewRequestsContentPage .noti-hero h1{ margin:0 !important; font-size:var(--dk-fs-xl) !important; font-weight:800 !important; color:var(--dk-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; } #reviewRequestsContentPage .noti-hero p{ margin:2px 0 0 !important; font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; line-height:1.8 !important; } #reviewRequestsContentPage .noti-hero{ padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; } #reviewRequestsContentPage .noti-archive-body{ padding:10px 12px !important; border-radius:var(--dk-r-sm) !important; background:var(--dk-surface-2) !important; } #reviewRequestsContentPage .noti-archive-footer .btn.ok{ background:var(--dk-accent-fill) !important; color:var(--dk-on-accent) !important; border-color:transparent !important; } /* ═══ guard: `.hidden` always wins inside these pages (several rules above set display with !important and page-id specificity) — keep LAST ═══ */ :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage) .hidden.hidden, :is(#adminRequestsPage,#refundRequestsPage,#adminCardsPage,#studentAccountsPage,#reviewRequestsManagementPage,#adminsPage,#teamsPage,#performanceHubPage,#notificationsPage,#eventsPage,#challengesPage,#suppliersPage,#productsCatalogPage,#orderTrainingManagementPage,#faqManagementPage,#aiTrainingPage,#invoicesPage,#outlookPage,#siteSettingsPage,#apiPage,:is(#managementGuidePage,#salesGuidePage),#salesAssignPage,#salesAssignedPage,#salesBrokenPage,#salesNotificationsPage,#salesEventsPage,#salesChallengesPage,#reviewRequestsContentPage,#smartToolsPage,#contentWriterPage,#warrantyPage,#builderPage,#notificationsArchivePage).hidden{ display:none !important; } /* ═══ رویدادها + چالش‌ها (ev- / ch-admin-) ══════════════════════════════ */ :is(#eventsPage,#challengesPage) .ev-grid{ gap:16px !important; margin:0 !important; } :is(#eventsPage,#challengesPage) :is(.ev-form-panel,.ev-list-panel){ padding:18px !important; } :is(#eventsPage,#challengesPage) .ev-form{ gap:14px !important; } :is(#eventsPage,#challengesPage) .ev-form-badge{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; font-size:11.5px !important; font-weight:700 !important; } :is(#eventsPage,#challengesPage) .ev-form-required{ color:var(--dk-danger) !important; } :is(#eventsPage,#challengesPage) .ev-hint, :is(#eventsPage,#challengesPage) .ev-image-hint{ font-size:12px !important; color:var(--dk-muted) !important; line-height:1.8 !important; } /* image picker */ #eventsPage .ev-image-dropzone{ padding:12px !important; border:1.5px dashed color-mix(in srgb, var(--dk-faint) 50%, transparent) !important; border-radius:var(--dk-r) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; } #eventsPage .ev-image-preview{ border-radius:var(--dk-r-sm) !important; border:0 !important; background:var(--dk-surface-solid) !important; box-shadow:none !important; min-height:140px; } #eventsPage .ev-image-empty-icon{ color:var(--dk-faint) !important; font-size:0 !important; } #eventsPage .ev-image-empty-icon .dk-ic{ width:22px; height:22px; } #eventsPage .ev-image-empty-text{ font-size:12.5px !important; color:var(--dk-muted) !important; } /* extras (features / FAQ / steps) */ :is(#eventsPage,#challengesPage) .ev-extras{ gap:8px !important; padding-top:14px !important; border-top:1px solid var(--dk-border) !important; } :is(#eventsPage,#challengesPage) .ev-extra-btn{ display:flex !important; align-items:center; gap:8px; min-height:44px !important; height:auto !important; margin:0 !important; padding:8px 10px !important; border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important; box-shadow:none !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; text-align:start; cursor:pointer; } :is(#eventsPage,#challengesPage) .ev-extra-btn:hover{ background:var(--dk-hover) !important; border-color:var(--dk-border-strong) !important; } :is(#eventsPage,#challengesPage) .ev-extra-icon{ display:inline-flex !important; color:var(--dk-muted) !important; font-size:0 !important; background:none !important; width:auto !important; height:auto !important; } :is(#eventsPage,#challengesPage) .ev-extra-label{ flex:1; line-height:1.5 !important; } :is(#eventsPage,#challengesPage) .ev-extra-count{ display:inline-grid !important; place-items:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:700 !important; } /* list head + filter chips */ :is(#eventsPage,#challengesPage) .ev-list-filters{ display:inline-flex !important; gap:2px !important; padding:3px !important; border-radius:11px !important; background:var(--dk-chip) !important; border:1px solid var(--dk-border) !important; } :is(#eventsPage,#challengesPage) .ev-filter-chip{ height:30px !important; padding:0 12px !important; margin:0 !important; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; color:var(--dk-muted) !important; font:inherit !important; font-size:13px !important; font-weight:700 !important; } :is(#eventsPage,#challengesPage) .ev-filter-chip.active{ background:var(--dk-surface-solid) !important; color:var(--dk-text) !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; } html[data-theme="dark"] :is(#eventsPage,#challengesPage) .ev-filter-chip.active{ background:rgba(71,85,105,.55) !important; } :is(#eventsPage,#challengesPage) .ev-list-empty{ padding:36px 16px !important; border:0 !important; background:none !important; box-shadow:none !important; } :is(#eventsPage,#challengesPage) .ev-list-empty-icon{ display:none !important; } :is(#eventsPage,#challengesPage) .ev-list-empty-text{ font-size:var(--dk-fs) !important; color:var(--dk-muted) !important; } /* event cards */ #eventsPage .ev-list{ gap:12px !important; } #eventsPage .ev-card, #challengesPage .ch-admin-card{ margin:0 !important; border:1px solid var(--dk-border) !important; border-radius:var(--dk-r-lg) !important; background:var(--dk-surface-solid) !important; background-image:none !important; box-shadow:none !important; overflow:hidden; transform:none !important; } #eventsPage .ev-card::before, #eventsPage .ev-card::after, #challengesPage .ch-admin-card::before, #challengesPage .ch-admin-card::after{ content:none !important; } #eventsPage .ev-card:hover, #challengesPage .ch-admin-card:hover{ border-color:var(--dk-border-strong) !important; } :is(#eventsPage .ev-card,#challengesPage .ch-admin-card).ev-card-editing{ border-color:var(--dk-accent) !important; box-shadow:var(--dk-focus) !important; } #eventsPage .ev-card-expired{ opacity:.7; } #eventsPage .ev-card-image{ background:var(--dk-chip) !important; } #eventsPage .ev-card-image-fallback{ color:var(--dk-faint) !important; font-size:0 !important; } #eventsPage .ev-card-image-fallback .dk-ic{ width:26px; height:26px; } #eventsPage .ev-card-body{ padding:12px 14px !important; gap:6px !important; } :is(#eventsPage .ev-card-title,#challengesPage .ch-admin-card-title){ margin:0 !important; font-size:14.5px !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.6 !important; } #eventsPage .ev-card-desc{ margin:0 !important; font-size:13px !important; line-height:1.8 !important; color:var(--dk-muted) !important; } #eventsPage .ev-card-meta-row{ display:flex !important; flex-wrap:wrap; gap:4px 14px !important; } #eventsPage :is(.ev-card-meta,.ev-card-link){ display:inline-flex !important; align-items:center; gap:5px; font-size:12px !important; color:var(--dk-muted) !important; background:none !important; padding:0 !important; border:0 !important; } #eventsPage .ev-card-link{ color:var(--dk-accent) !important; font-weight:700 !important; text-decoration:none; } #eventsPage .ev-card-meta .dk-ic, #eventsPage .ev-card-link .dk-ic{ width:14px; height:14px; } :is(#eventsPage,#challengesPage) .ev-status{ display:inline-flex !important; align-items:center; gap:5px; height:22px; padding:0 8px !important; border-radius:999px !important; border:0 !important; font-size:11.5px !important; font-weight:700 !important; background:var(--dk-ok-soft) !important; color:var(--dk-ok) !important; box-shadow:none !important; white-space:nowrap; } :is(#eventsPage,#challengesPage) .ev-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #eventsPage .ev-status-expired{ background:var(--dk-chip) !important; color:var(--dk-muted) !important; } #challengesPage .ev-status{ background:var(--dk-warn-soft) !important; color:var(--dk-warn) !important; } :is(#eventsPage .ev-card-actions,#challengesPage .ch-admin-card-actions){ display:flex !important; gap:6px !important; margin-top:6px !important; } :is(#eventsPage,#challengesPage) .ev-card-btn{ display:inline-flex !important; align-items:center; height:30px !important; padding:0 12px !important; margin:0 !important; border-radius:var(--dk-r-sm) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-solid) !important; background-image:none !important; box-shadow:none !important; color:var(--dk-text) !important; font:inherit !important; font-size:12.5px !important; font-weight:700 !important; cursor:pointer; } :is(#eventsPage,#challengesPage) .ev-card-btn:hover{ background:var(--dk-hover) !important; } :is(#eventsPage,#challengesPage) .ev-card-btn-delete{ color:var(--dk-danger) !important; } :is(#eventsPage,#challengesPage) .ev-card-btn-delete:hover{ background:var(--dk-danger-soft) !important; } /* challenge cards */ #challengesPage .ch-admin-list{ display:flex !important; flex-direction:column; gap:12px !important; } #challengesPage .ch-admin-card{ padding:12px 14px !important; display:flex !important; flex-direction:column; gap:6px; } #challengesPage .ch-admin-card-head{ display:flex !important; align-items:center; justify-content:space-between; gap:8px; } #challengesPage .ch-admin-card-product{ display:flex !important; align-items:center; gap:8px; } #challengesPage .ch-row-icon{ width:28px !important; height:28px !important; border-radius:8px !important; object-fit:cover; } #challengesPage .ch-row-icon-empty{ display:inline-grid !important; place-items:center; background:var(--dk-chip) !important; color:var(--dk-faint) !important; font-size:0 !important; } #challengesPage .ch-row-icon-empty .dk-ic{ width:15px; height:15px; } #challengesPage .ch-admin-card-product-name{ font-size:12.5px !important; font-weight:700 !important; color:var(--dk-muted) !important; } #challengesPage .ch-admin-card-meta{ display:flex !important; flex-wrap:wrap; gap:4px !important; } #challengesPage .ch-mini-chip{ display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; background:var(--dk-chip) !important; color:var(--dk-muted) !important; font-size:11.5px !important; font-weight:600 !important; box-shadow:none !important; } /* ═══ ارسال اعلان + گزارش بازبینی (noti-) ════════════════════════════════ */ :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-grid{ gap:16px !important; margin:0 !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-panel{ padding:18px !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-panel-head .actions{ display:flex !important; gap:8px !important; margin:0 !important; } #notificationsPage .noti-form{ display:flex !important; flex-direction:column; gap:14px !important; } #notificationsPage .noti-form .field{ margin:0 !important; display:grid; gap:6px; } #notificationsPage .noti-form .actions{ display:flex !important; justify-content:flex-end; gap:8px !important; } #notificationsPage .noti-type-picker{ align-self:flex-start; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-list{ display:flex !important; flex-direction:column; gap:0 !important; margin:0 !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-card{ margin:0 !important; padding:14px 2px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:none !important; background-image:none !important; border-top:1px solid var(--dk-border) !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-card:first-child{ border-top:0 !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-card::before, :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-card::after{ content:none !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-top{ display:flex !important; justify-content:space-between; align-items:flex-start; gap:12px; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-card h3{ margin:0 0 4px !important; font-size:14px !important; font-weight:800 !important; color:var(--dk-text) !important; line-height:1.6 !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-meta{ display:flex !important; flex-wrap:wrap; align-items:center; gap:4px 10px !important; font-size:12.5px !important; color:var(--dk-muted) !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-meta > span:not(.noti-kind-chip){ background:none !important; border:0 !important; padding:0 !important; color:var(--dk-muted) !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-time{ flex:0 0 auto; font-size:12px !important; color:var(--dk-faint) !important; white-space:nowrap; background:none !important; border:0 !important; padding:0 !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-body{ margin:6px 0 0 !important; padding:0 !important; border:0 !important; background:none !important; font-size:13px !important; line-height:1.8 !important; color:var(--dk-text) !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-footer{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px 12px !important; margin-top:8px !important; padding:0 !important; border:0 !important; background:none !important; font-size:12px !important; color:var(--dk-faint) !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-footer-actions{ display:flex !important; flex-wrap:wrap; gap:6px !important; margin-inline-start:auto; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-footer .btn{ height:30px !important; padding:0 10px !important; font-size:12.5px !important; border-radius:var(--dk-r-sm) !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-kind-chip{ --tone:var(--dk-neutral); --tone-soft:var(--dk-neutral-soft); display:inline-flex !important; align-items:center; height:22px; padding:0 8px !important; border-radius:6px !important; border:0 !important; box-shadow:none !important; background:var(--tone-soft) !important; color:var(--tone) !important; font-size:11.5px !important; font-weight:700 !important; } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-kind-important{ --tone:var(--dk-danger); --tone-soft:var(--dk-danger-soft); } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-kind-task{ --tone:var(--dk-accent); --tone-soft:var(--dk-accent-soft); } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-kind-info{ --tone:var(--dk-info); --tone-soft:var(--dk-info-soft); } :is(#notificationsPage,#reviewRequestsManagementPage,#salesNotificationsPage,#reviewRequestsContentPage,#notificationsArchivePage) .noti-archive-preview-footer{ display:flex; justify-content:center; padding-top:12px !important; border-top:1px solid var(--dk-border) !important; } #notificationsPage .notification-recipients-picker{ border-radius:var(--dk-r) !important; border:1px solid var(--dk-border) !important; background:var(--dk-surface-2) !important; box-shadow:none !important; }