/* Independent account shell styling. Functional selectors and IDs remain unchanged. */ html:has(#dashboardView:not(.hidden)), body:has(#dashboardView:not(.hidden)), #dashboardView{ color-scheme:light!important; } /* Final mobile layout: compact horizontal navigation and full-width content. */ @media (max-width: 760px) { html, body { overflow-x: hidden !important; } .account-page { width: 100% !important; max-width: 100% !important; padding: 8px !important; } .account-top { margin: 0 0 8px !important; padding: 8px 10px !important; border-radius: 12px !important; } .account-layout { display: flex !important; flex-direction: column !important; gap: 8px !important; } .account-nav, .account-nav.main-sidebar { order: 0 !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 6px !important; border-radius: 12px !important; position: static !important; overflow: hidden !important; } .account-nav .brand-link, .account-nav .user-panel, .account-nav:before { display: none !important; } .account-nav .sidebar, .account-nav nav, .account-nav .account-menu-list { width: 100% !important; margin: 0 !important; padding: 0 !important; } .account-nav .account-menu-list { display: flex !important; flex-direction: row !important; gap: 5px !important; overflow-x: auto !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .account-nav .account-menu-list::-webkit-scrollbar { display: none; } .account-nav .account-menu-list > button, .account-nav .account-menu-list > li > button { flex: 0 0 auto !important; width: auto !important; min-width: 88px !important; min-height: 42px !important; padding: 7px 10px !important; justify-content: center !important; white-space: nowrap !important; border-radius: 9px !important; font-size: 11px !important; } .account-nav .account-menu-list > button .nav-label, .account-nav .account-menu-list > li > button p { display: inline !important; margin: 0 !important; white-space: nowrap !important; } .account-view { order: 1 !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; } .account-view > [data-section]:not(.hidden), .account-card { width: 100% !important; min-height: 0 !important; padding: 14px !important; border-radius: 12px !important; } .account-view h2 { font-size: 19px !important; margin-bottom: 12px !important; } .profile-head { align-items: flex-start !important; } .profile-head p { font-size: 16px !important; } .profile-settings, .profile-edit-card, .usage-card { padding: 11px !important; } .profile-setting { padding: 11px 5px !important; gap: 8px !important; } .profile-setting .setting-text { font-size: 13px !important; } .profile-setting small { font-size: 10px !important; } .metric-grid { grid-template-columns: 1fr !important; gap: 8px !important; } .metric-grid .metric:nth-child(3) { grid-column: auto !important; } .metric { min-height: 105px !important; padding: 11px !important; } .section-heading { gap: 8px !important; } .project-tools { width: 100% !important; } .project-search { width: 100% !important; } .support-filter-panel { grid-template-columns: 1fr !important; } .support-toolbar { flex-wrap: wrap !important; } .account-table { display: block !important; overflow-x: auto !important; white-space: nowrap !important; } .account-table th, .account-table td { padding: 8px 7px !important; font-size: 11px !important; } #authView.account-auth { margin: 16px auto !important; padding: 24px 0 !important; border-radius: 16px !important; } } @media (max-width:760px){ body.mobile-menu-open{overflow:hidden!important} body.mobile-menu-open:after{content:"";position:fixed;inset:0;background:rgba(18,29,24,.48);z-index:1039} body.mobile-menu-open #dashboardView .account-nav.main-sidebar{transform:translateX(0)!important;visibility:visible!important;right:0!important} #dashboardView .account-nav.main-sidebar{ position:fixed!important;top:0!important;right:0!important;bottom:0!important;z-index:1040!important; width:min(84vw,320px)!important;height:100dvh!important;min-height:100dvh!important; padding:14px 10px!important;border-radius:0!important;transform:translateX(105%)!important; transition:transform .24s ease,visibility .24s ease!important;visibility:hidden!important; overflow-y:auto!important;background:#243b31!important; } #dashboardView .account-nav .brand-link{display:flex!important;align-items:center!important;margin:0 4px 16px!important;color:#fff!important} #dashboardView .account-nav .user-panel{display:flex!important;margin:0 4px 12px!important;padding:10px 4px!important;border-bottom:1px solid #ffffff2b!important} #dashboardView .account-nav .account-menu-list{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:4px!important} #dashboardView .account-nav .account-menu-list>button, #dashboardView .account-nav .account-menu-list>li>button{ width:100%!important;min-width:0!important;justify-content:flex-start!important;padding:13px 14px!important; min-height:46px!important;color:#e8eee9!important;font-size:13px!important;border-radius:10px!important; } #dashboardView .account-nav .account-menu-list>button.active, #dashboardView .account-nav .account-menu-list>li>button.active{background:#ffffff1c!important;color:#fff!important} #dashboardView .account-nav .account-menu-list>button .nav-label, #dashboardView .account-nav .account-menu-list>li>button p{display:inline!important} #dashboardView .account-view>[data-section]:not(.hidden){padding:12px!important} #dashboardView .profile-edit-header{position:sticky!important;top:-12px!important;z-index:2!important; margin:-12px -12px 12px!important;padding:10px 2px!important;background:var(--rv-card)!important; border-bottom:1px solid var(--rv-border)!important} #dashboardView .profile-edit-header h2{margin:0!important;font-size:18px!important} #dashboardView .profile-back{width:42px!important;height:42px!important;display:grid!important;place-items:center!important; flex:0 0 42px!important;border-radius:50%!important;background:#eeeae2!important;font-size:24px!important} #dashboardView [data-section="consumption"] .usage-page{gap:10px!important} #dashboardView [data-section="consumption"] .usage-summary{text-align:right!important;padding:14px!important} #dashboardView [data-section="consumption"] .usage-summary h3{font-size:17px!important} #dashboardView [data-section="consumption"] .usage-rings{gap:34px!important;margin:16px 0 28px!important} #dashboardView [data-section="consumption"] .usage-card{padding:13px!important} #dashboardView [data-section="consumption"] .usage-toggle-row{align-items:flex-start!important} #dashboardView [data-section="consumption"] .usage-toggle-row>div{min-width:0!important} #dashboardView [data-section="consumption"] .usage-toggle-row h3{font-size:15px!important} #dashboardView [data-section="consumption"] .usage-toggle-row p, #dashboardView [data-section="consumption"] .usage-card>p, #dashboardView [data-section="consumption"] .usage-summary p{font-size:11px!important;line-height:1.9!important} #dashboardView [data-section="consumption"] .usage-fields{grid-template-columns:1fr!important;gap:8px!important} #dashboardView [data-section="consumption"] .usage-fields input{height:42px!important} } .custom-select-menu{ position:fixed!important; z-index:99999!important; max-height:260px!important; overflow-y:auto!important; background:#fff!important; border:1px solid #ced4da!important; border-radius:8px!important; box-shadow:0 8px 24px rgba(0,0,0,.18)!important; padding:4px!important; direction:rtl!important; } .custom-select-option{ display:block!important; width:100%!important; border:0!important; border-radius:5px!important; background:#fff!important; color:#212529!important; text-align:right!important; font:inherit!important; font-size:13px!important; padding:8px 10px!important; cursor:pointer!important; white-space:nowrap!important; } .custom-select-option:hover, .custom-select-option.selected{ background:#e9ecef!important; color:#212529!important; } /* Highlight support-related navigation items on hover without changing the active-state styling of the rest of the menu. */ #dashboardView .account-nav .account-menu-list > button[data-view="support"]:hover, #dashboardView .account-nav .account-menu-list > button[data-view="admin-support"]:hover, #dashboardView .account-nav .account-menu-list > li > button[data-view="support"]:hover, #dashboardView .account-nav .account-menu-list > li > button[data-view="admin-support"]:hover{ background:#e9ecef!important; color:#212529!important; box-shadow:none!important; } /* The themed hover belongs to the opened support/ticket cards, not the nav. */ #dashboardView [data-section="support"] .support-ticket:hover, #dashboardView [data-section="admin-support"] .support-ticket:hover{ background:#e9ecef!important; border-color:#adb5bd!important; box-shadow:inset -3px 0 #6c757d!important; } :root{--pro-ink:#20362e;--pro-green:#234b3d;--pro-deep:#152f27;--pro-gold:#c58b45;--pro-paper:#f4f1e9;--pro-line:#e1ddd4} body.theme-dark{color-scheme:light} body:has(.account-page){background:radial-gradient(circle at 8% 8%,#eadfc9 0,transparent 27%),linear-gradient(135deg,#f7f5ef,#eee8dc);padding:0} body:has(#authView:not(.hidden)) .account-top{display:none!important} .account-page{max-width:1280px!important;padding:28px 34px 70px!important;position:relative} .account-page:before{content:"";position:fixed;left:-180px;bottom:-190px;width:580px;height:580px;border:1px solid #cda87455;border-radius:50%;box-shadow:0 0 0 30px #cda87414,0 0 0 62px #cda8740d;pointer-events:none} .account-top{height:70px!important;margin-bottom:25px!important;padding:0 20px!important;border:1px solid #dcd8cd!important;border-radius:18px!important;background:#ffffffc9!important;backdrop-filter:blur(12px);box-shadow:0 12px 35px #3e4c4012!important} .account-top h1{font-size:20px!important;letter-spacing:-.4px!important}.account-top h1:before{content:"⚖"!important;font-size:21px!important;color:var(--pro-gold)!important} .account-top a,.account-top button{background:#edf1eb!important;color:var(--pro-green)!important;border:1px solid #dce5dc!important;border-radius:10px!important;padding:9px 16px!important;font-weight:700} .account-userbar{gap:10px!important}.account-userbar .user-icon{width:38px!important;height:38px!important;background:var(--pro-green)!important;color:#f5ddae!important} .account-userbar .user-name{font-size:13px} .account-layout{grid-template-columns:minmax(0,1fr) 218px!important;gap:22px!important} .account-nav,.account-card{border:1px solid #dedbd1!important;border-radius:21px!important;background:#fffffff0!important;box-shadow:0 14px 35px #334b3d12!important} .account-nav{padding:13px!important;gap:6px!important;min-height:calc(100vh - 123px)!important} .account-nav:before{content:"پنل کاربری";display:block;padding:9px 12px 15px;color:#899188;font-size:11px;font-weight:800} .account-nav button{padding:13px 12px!important;border-radius:12px!important;font-size:12px!important;color:#677169!important} .account-nav button:hover{background:#f0f3ee!important;color:var(--pro-green)!important;transform:translateX(-2px)} .account-nav button.active{background:linear-gradient(100deg,#e9f0e9,#f5f7f2)!important;color:var(--pro-green)!important;box-shadow:inset -3px 0 var(--pro-gold)} .account-view{min-height:650px!important}.account-view h2{font-size:25px!important;letter-spacing:-.4px} #authView.account-auth{position:relative;overflow:hidden;max-width:920px!important;min-height:560px;margin:70px auto!important;padding:0!important;display:grid;grid-template-columns:1.02fr .98fr;direction:ltr;border:1px solid #d9d6cd!important;border-radius:28px!important;background:#fff!important;box-shadow:0 28px 70px #37483d1c!important} #authView.account-auth:after{content:"";position:absolute;inset:0 50% 0 0;background:radial-gradient(circle at 30% 22%,#6f9a7d55,transparent 34%),linear-gradient(150deg,#244b3d,#17352c 72%,#112920);pointer-events:none} #authView.account-auth:before{content:"⚖";position:absolute;z-index:2;left:calc(25% - 39px);top:155px;width:78px;height:78px;display:grid;place-items:center;border:1px solid #e1bf835c;border-radius:25px;background:#ffffff12;color:#f0cb8c;font-size:39px;box-shadow:0 15px 30px #10251d55} #authView.account-auth>*:not(:before){grid-column:2;direction:rtl;position:relative;z-index:3} #authView.account-auth h2{margin:67px 48px 10px!important;color:var(--pro-ink);font-size:30px!important;text-align:right!important} #authView.account-auth h2:after{content:"حساب خود را بسازید و از جستجو و تحلیل حقوقی استفاده کنید.";display:block;margin-top:10px;color:#8b938c;font-size:12px;font-weight:400;line-height:2} #authView.account-auth .account-tabs{margin:22px 48px 0!important;background:#eef2ed!important;border-radius:12px!important;padding:4px!important} #authView.account-auth .account-tabs button{padding:11px!important;color:#748078!important} #authView.account-auth .account-tabs button.active{background:#fff!important;color:var(--pro-green)!important} #authView.account-auth form{margin:17px 48px 0!important;gap:12px!important} #authView.account-auth input{height:49px!important;border:1px solid #dedfd9!important;background:#fbfcfa!important;border-radius:11px!important;padding:0 14px!important;font-size:13px!important} #authView.account-auth input:focus{border-color:var(--pro-gold)!important;box-shadow:0 0 0 4px #c58b4520!important} #authView.account-auth button[type=submit]{height:49px!important;border-radius:11px!important;background:linear-gradient(110deg,#c98f48,#a86c32)!important;box-shadow:0 10px 20px #bb7e3a2c!important} #authView.account-auth .account-error{margin:12px 48px 0!important} #authView.account-auth:after{content:"دستیار حقوقی هوشمند\A\A پاسخ مستند، جستجوی سریع و منابع حقوقی ایران";white-space:pre-wrap;color:#f4f0e6;font-size:26px;font-weight:800;line-height:1.8;text-align:center;display:flex;align-items:center;justify-content:center;padding:38px;letter-spacing:-.5px} #dashboardView .account-card{padding:25px!important} #profileSummary{background:linear-gradient(120deg,#f2f5f0,#fbfaf7)!important;border:1px solid #e1e6df!important;padding:24px!important} .profile-settings{background:#fcfcfa!important;border-color:#e3e5de!important}.profile-setting{padding:17px 10px!important}.profile-setting .setting-icon{background:#e7efe7!important;color:var(--pro-green)!important} .metric-grid{gap:16px!important}.metric{min-height:145px!important;background:linear-gradient(145deg,#fff,#f8f8f4)!important}.metric:before{background:conic-gradient(var(--pro-gold) calc(var(--progress,0) * 1%),#e8eae2 0)!important} @media(max-width:760px){.account-page{padding:14px 12px 40px!important}.account-top{height:auto!important;min-height:62px}.account-layout{gap:12px!important}#authView.account-auth{display:block;min-height:0;margin:28px auto!important;padding:38px 0 30px!important}#authView.account-auth:after{position:relative;display:block;inset:auto;width:auto;height:150px;padding:20px;font-size:20px;text-align:center}#authView.account-auth:before{display:none}#authView.account-auth h2{margin:0 28px 10px!important}#authView.account-auth .account-tabs,#authView.account-auth form{margin-left:28px!important;margin-right:28px!important}#authView.account-auth .account-error{margin-left:28px!important;margin-right:28px!important}} /* Final auth layout guard: keep the decorative panel behind the form and prevent the login controls from collapsing or being covered. */ #authView.account-auth{isolation:isolate!important} #authView.account-auth:after{z-index:0!important;pointer-events:none!important} #authView.account-auth:before{z-index:1!important;pointer-events:none!important} #authView.account-auth>*{position:relative!important;z-index:4!important} #authView.account-auth h2{display:none!important} #authView.account-auth .account-tabs{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:38px!important;width:auto!important;margin:50px 48px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} #authView.account-auth .account-tabs button{display:block!important;flex:1 1 0!important;min-height:38px!important;height:38px!important;padding:7px 12px!important;font-size:12px!important;line-height:1.2!important} #authView.account-auth h2, #authView.account-auth h2:after, #authView.account-auth form, #authView.account-auth .account-error{text-align:right!important} #authView.account-auth form{display:grid!important;visibility:visible!important;opacity:1!important;margin-top:16px!important} #authView.account-auth form.hidden{display:none!important} #authView.account-auth input{display:block!important;visibility:visible!important} #authView.account-auth button[type=submit]{display:block!important;visibility:visible!important;min-height:49px!important} #authView.account-auth .account-error{display:block!important;min-height:22px!important} @media(min-width:761px){ #authView.account-auth:after{left:50%!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:auto!important;padding:40px!important} #authView.account-auth:before{left:calc(75% - 39px)!important;top:150px!important} #authView.account-auth>*:not(:before){grid-column:1!important} } /* Conversation-window light theme applied consistently to all dashboard sections and admin controls. */ #dashboardView [data-section], #dashboardView [data-section] > .profile-edit-page, #dashboardView [data-section] > .support-page, #dashboardView [data-section] > .admin-analysis-settings, #dashboardView [data-section] .profile-edit-card, #dashboardView [data-section] .usage-summary, #dashboardView [data-section] .usage-card, #dashboardView [data-section] .profile-settings, #dashboardView [data-section] .account-table, #dashboardView [data-section] .support-ticket, #dashboardView [data-section] .support-filter-panel{ background:#fff!important; color:#343a40!important; border-color:#dee2e6!important; } #dashboardView [data-section] select, #dashboardView [data-section] select option{ background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; color-scheme:light!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link .brand-text{ display:block!important; width:100%!important; max-width:69px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; font-size:9px!important; color:#fff!important; } } /* Mobile overrides (must remain last so they win over desktop/admin rules). */ @media (max-width:760px){ .account-layout{display:flex!important;flex-direction:column!important;gap:8px!important} .account-nav.main-sidebar{width:100%!important;height:auto!important;min-height:0!important;position:static!important;overflow:hidden!important;padding:6px!important} .account-nav .brand-link,.account-nav .user-panel,.account-nav:before{display:none!important} .account-nav .sidebar,.account-nav nav,.account-nav .account-menu-list{width:100%!important;margin:0!important;padding:0!important} .account-nav .account-menu-list{display:flex!important;flex-direction:row!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none} .account-nav .account-menu-list>button,.account-nav .account-menu-list>li>button{flex:0 0 auto!important;width:auto!important;min-width:88px!important;min-height:42px!important;padding:7px 10px!important;justify-content:center!important;white-space:nowrap!important;font-size:11px!important} .account-view{width:100%!important;min-height:0!important;padding:0!important} .account-view>[data-section]:not(.hidden),.account-card{width:100%!important;min-height:0!important;padding:14px!important;border-radius:12px!important} .account-view h2{font-size:19px!important;margin-bottom:12px!important} .metric-grid{grid-template-columns:1fr!important;gap:8px!important} .metric-grid .metric:nth-child(3){grid-column:auto!important} .metric{min-height:105px!important;padding:11px!important} .section-heading{gap:8px!important} .project-tools{width:100%!important}.project-search{width:100%!important} .support-filter-panel{grid-template-columns:1fr!important}.support-toolbar{flex-wrap:wrap!important} .account-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important} .account-table th,.account-table td{padding:8px 7px!important;font-size:11px!important} } /* Keep the management title visible in the collapsed sidebar. */ @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info a{ display:block!important; width:57px!important; max-width:57px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; font-size:9px!important; line-height:1.3!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info a{ display:block!important; width:100%!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; text-align:center!important; font-size:14px!important; line-height:1.5!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link{ flex-direction:column!important; justify-content:center!important; gap:3px!important; padding:8px 2px!important; min-height:70px!important; overflow:visible!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link .brand-text{ display:block!important; width:100%!important; max-width:69px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; font-size:9px!important; line-height:1.3!important; color:#fff!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link{ flex-direction:row!important; justify-content:flex-start!important; gap:0!important; padding:8px 14px!important; min-height:57px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link .brand-text{ width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; text-overflow:clip!important; text-align:right!important; font-size:15px!important; } } /* Final branding/header alignment. */ #dashboardView .account-nav .brand-link{ justify-content:flex-start!important; } #dashboardView .account-nav .brand-link .account-brand-mark{ margin-left:8px!important; margin-right:0!important; flex:0 0 33px!important; text-align:center!important; } #dashboardView .account-nav .brand-link .brand-text{ font-size:14px!important; font-weight:500!important; color:#f1f3f5!important; } body:has(#dashboardView:not(.hidden)) .account-nav .brand-link .brand-text{ color:#f1f3f5!important; font-size:19px!important; font-weight:700!important; margin-right:10px!important; } body:has(#dashboardView:not(.hidden)) .account-nav .brand-link .account-brand-mark{ margin-left:0!important; margin-right:14px!important; } body:has(#dashboardView:not(.hidden)) .account-top .account-userbar #topUserAvatar, body:has(#dashboardView:not(.hidden)) .account-top .account-userbar #topUserName{ display:none!important; } body:has(#dashboardView:not(.hidden)) .account-top .account-userbar{ display:flex!important; margin-right:auto!important; } body:has(#dashboardView:not(.hidden)) .account-nav .user-panel{ flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; } body:has(#dashboardView:not(.hidden)) .account-nav .user-panel .image{ margin:0 auto 6px!important; padding:0!important; display:flex!important; justify-content:center!important; align-items:center!important; } body:has(#dashboardView:not(.hidden)) .account-nav .user-panel .info{ width:100%!important; padding:0!important; text-align:center!important; } body:has(#dashboardView:not(.hidden)) .account-nav .user-panel .info a{ display:block!important; width:100%!important; text-align:center!important; font-size:14px!important; color:#fff!important; white-space:nowrap!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel{ flex-direction:column!important; align-items:center!important; justify-content:center!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info a{ display:block!important; width:100%!important; max-width:none!important; overflow:visible!important; font-size:14px!important; text-align:center!important; } } #dashboardView .account-top .account-userbar{ display:none!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .brand-link{ flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:3px!important; padding:8px 2px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .brand-link .account-brand-mark{ margin:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link{ flex-direction:row!important; justify-content:flex-start!important; align-items:center!important; gap:0!important; padding:8px 14px!important; } } /* Last override: exact fixed AdminLTE sidebar, no hover expansion or scrollbar. */ @media (min-width:992px){ html:has(#dashboardView:not(.hidden)), body:has(#dashboardView:not(.hidden)){overflow-x:hidden!important;overflow-x:clip!important} body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ position:fixed!important; top:0!important; right:0!important; bottom:0!important; left:auto!important; width:250px!important; height:100vh!important; min-height:0!important; margin:0!important; overflow:hidden!important; z-index:1038!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:73px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:center!important; } body:has(#dashboardView:not(.hidden)) .account-top{margin-right:250px!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-top{margin-right:73px!important} body:has(#dashboardView:not(.hidden)) .account-view{margin-right:250px!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-view{margin-right:73px!important} } /* EOF: force starter.html navigation colors, sizing and clean focus state. */ .account-nav .account-menu-list > li > button.nav-link, .account-nav .account-menu-list > li > button.nav-link:focus, .account-nav .account-menu-list > li > button.nav-link:active{ border:0!important; outline:none!important; box-shadow:none!important; color:#c2c7d0!important; background:transparent!important; font-family:"Vazir",sans-serif!important; font-size:1rem!important; font-weight:400!important; } .account-nav .account-menu-list > li > button.nav-link:hover{ color:#fff!important; background:rgba(255,255,255,.1)!important; } .account-nav .account-menu-list > li > button.nav-link.active, .account-nav .account-menu-list > li > button.nav-link.active:focus, .account-nav .account-menu-list > li > button.nav-link.active:active{ color:#fff!important; background:#007bff!important; outline:none!important; box-shadow:none!important; } .account-nav .account-menu-list > li > button.nav-link .nav-icon{ width:1.6rem!important; min-width:1.6rem!important; margin-right:.2rem!important; margin-left:.4rem!important; font-size:1.2rem!important; color:inherit!important; } .account-nav .account-menu-list > li > button.nav-link p{ display:inline-block!important; margin:0!important; font-family:"Vazir",sans-serif!important; font-size:1rem!important; font-weight:400!important; color:inherit!important; } .account-nav .account-menu-list > li > button.nav-link::-moz-focus-inner{border:0!important} /* Final AdminLTE nav states: no dotted focus ring, larger readable labels. */ .account-menu-list > li > button.nav-link, .account-menu-list > li > button.nav-link:focus, .account-menu-list > li > button.nav-link:focus-visible, .account-menu-list > li > button.nav-link:active{ border:0!important; outline:none!important; box-shadow:none!important; color:#c2c7d0!important; background-color:transparent!important; font-family:"Vazir",Tahoma,sans-serif!important; font-size:16px!important; font-weight:400!important; } .account-menu-list > li > button.nav-link:hover{ color:#fff!important; background-color:rgba(255,255,255,.1)!important; } .account-menu-list > li > button.nav-link.active{ color:#fff!important; background-color:#007bff!important; } .account-menu-list > li > button.nav-link .nav-icon{ width:1.6rem!important; min-width:1.6rem!important; margin-right:.2rem!important; margin-left:.4rem!important; font-size:1.2rem!important; text-align:center!important; } .account-menu-list > li > button.nav-link p{ display:inline-block!important; margin:0!important; font-size:16px!important; font-weight:400!important; } .account-menu-list > li > button.nav-link::-moz-focus-inner{border:0!important} /* Exact AdminLTE nav-link states and sizing for the right sidebar. */ .account-menu-list > li > button.nav-link, .account-menu-list > li > button.nav-link:focus, .account-menu-list > li > button.nav-link:focus-visible, .account-menu-list > li > button.nav-link:active{ border:0!important; outline:0!important; box-shadow:none!important; text-decoration:none!important; color:#c2c7d0!important; background-color:transparent!important; font-family:"Vazir",Tahoma,sans-serif!important; font-size:16px!important; font-weight:400!important; } .account-menu-list > li > button.nav-link:hover{ color:#fff!important; background-color:rgba(255,255,255,.1)!important; } .account-menu-list > li > button.nav-link.active{ color:#fff!important; background-color:#007bff!important; } .account-menu-list > li > button.nav-link .nav-icon{ width:1.6rem!important; min-width:1.6rem!important; margin-right:.2rem!important; margin-left:.4rem!important; font-size:1.2rem!important; text-align:center!important; } .account-menu-list > li > button.nav-link p{ display:inline-block!important; margin:0!important; font-size:16px!important; font-weight:400!important; } .account-menu-list > li > button.nav-link::-moz-focus-inner{border:0!important} @media (min-width:992px){ body.sidebar-collapse .account-menu-list > li > button.nav-link{ font-size:16px!important; } } /* Definitive starter.html-style sidebar rules. */ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list{ background-color:#343a40!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button{ color:#fff!important; position:relative!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list .nav-label{ color:#fff!important; display:inline-block!important; flex:1 1 auto!important; text-align:right!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button::before, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button::before{ display:inline-block!important; width:1.6rem!important; min-width:1.6rem!important; margin-left:.4rem!important; margin-right:.2rem!important; text-align:center!important; font-family:"FontAwesome"!important; color:inherit!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-nav-link]::before{content:"\f015"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="history"]::before{content:"\f086"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="support"]::before{content:"\f1cd"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="plans"]::before{content:"\f09d"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="overview"]::before{content:"\f007"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="admin"]::before{content:"\f0c0"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="analysis-settings"]::before{content:"\f085"} body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button[data-view="admin-support"]::before{content:"\f145"} @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > li > button{ width:57px!important; min-width:57px!important; max-width:57px!important; padding-left:0!important; padding-right:0!important; justify-content:center!important; overflow:hidden!important; white-space:nowrap!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > button::before, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > li > button::before{ margin:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list .nav-label{ display:none!important; width:0!important; flex:0 0 0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list .nav-label{ display:inline-block!important; width:auto!important; flex:1 1 auto!important; } } /* Final sidebar/content coordination and unclipped menu items. */ @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ max-height:100vh!important; overflow:hidden!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar > .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar > .sidebar > nav, body:has(#dashboardView:not(.hidden)) .account-menu-list{ height:auto!important; max-height:none!important; overflow:visible!important; } body:has(#dashboardView:not(.hidden)) .account-menu-list > li{ display:block!important; height:auto!important; max-height:none!important; } .account-menu-toggle{ position:relative!important; z-index:2000!important; flex:0 0 44px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)):has(.account-nav.main-sidebar:hover) .account-top{ margin-right:250px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)):has(.account-nav.main-sidebar:hover) .account-view{ margin-right:250px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)):has(.account-nav.main-sidebar:hover) .account-menu-toggle{ margin-right:0!important; margin-left:8px!important; } } /* End-of-file overflow guard: menu expands as an overlay, never as page width. */ html:has(#dashboardView:not(.hidden)), body:has(#dashboardView:not(.hidden)){ width:100%!important; max-width:100%!important; overflow-x:hidden!important; overflow-x:clip!important; } @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav, body:has(#dashboardView:not(.hidden)) .account-menu-list{ overflow-x:hidden!important; overflow-y:hidden!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar::-webkit-scrollbar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar::-webkit-scrollbar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav::-webkit-scrollbar, body:has(#dashboardView:not(.hidden)) .account-menu-list::-webkit-scrollbar{ display:none!important; width:0!important; height:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; max-width:250px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:block!important; } } /* Final hover-expand behavior, placed after all legacy sidebar rules. */ @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:flex-start!important; } } /* Dedicated ticket-status list box styling. */ #dashboardView [data-section="admin-support"] [data-ticket-status]{ display:block!important; appearance:auto!important; -webkit-appearance:auto!important; min-width:130px!important; min-height:36px!important; padding:6px 10px!important; border:1px solid #ced4da!important; border-radius:4px!important; background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; color-scheme:light!important; } #dashboardView [data-section="admin-support"] [data-ticket-status] option{ background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; opacity:1!important; } /* Reuse the working support-filter select treatment for ticket statuses. */ #dashboardView [data-ticket-status]{ width:100%!important; min-height:40px!important; padding:8px 12px!important; border:1px solid var(--rv-border,#ced4da)!important; border-radius:10px!important; background:#fff!important; color:var(--rv-ink,#212529)!important; -webkit-text-fill-color:var(--rv-ink,#212529)!important; color-scheme:light!important; appearance:auto!important; -webkit-appearance:auto!important; } #dashboardView [data-ticket-status] option{ background:#fff!important; color:var(--rv-ink,#212529)!important; -webkit-text-fill-color:var(--rv-ink,#212529)!important; } /* Match the working support-filter direction/visibility for analysis selects. */ #dashboardView .admin-analysis-fields select, #dashboardView #analysisComputeDevice, #dashboardView #adminAnalysisSettings select{ direction:rtl!important; text-align:right!important; text-align-last:right!important; background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; color-scheme:light!important; } #dashboardView .support-filter-select{ width:100%!important; min-height:40px!important; padding:10px!important; border:1px solid var(--rv-border)!important; border-radius:10px!important; background:#fff!important; color:var(--rv-ink)!important; -webkit-text-fill-color:var(--rv-ink)!important; direction:rtl!important; text-align:right!important; color-scheme:light!important; } #dashboardView .support-filter-select option{ background:#fff!important; color:var(--rv-ink)!important; -webkit-text-fill-color:var(--rv-ink)!important; direction:rtl!important; text-align:right!important; } #dashboardView .admin-analysis-fields select, #dashboardView .admin-analysis-fields select option, #dashboardView [data-section="admin-support"] [data-ticket-status], #dashboardView [data-section="admin-support"] [data-ticket-status] option{ color-scheme:light!important; forced-color-adjust:none!important; visibility:visible!important; text-indent:0!important; font-family:inherit!important; font-size:14px!important; } #dashboardView .admin-analysis-fields select option, #dashboardView #analysisComputeDevice option, #dashboardView #adminAnalysisSettings select option{ direction:rtl!important; text-align:right!important; background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; opacity:1!important; } /* Final readable admin selects without altering the surrounding theme. */ #dashboardView #adminContent select, #dashboardView #adminAnalysisSettings select, #dashboardView #adminTickets select, #dashboardView [data-section="admin"] select, #dashboardView [data-section="analysis-settings"] select, #dashboardView [data-section="admin-support"] select{ background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; color-scheme:light!important; } #dashboardView #adminContent select option, #dashboardView #adminAnalysisSettings select option, #dashboardView #adminTickets select option, #dashboardView [data-section="admin"] select option, #dashboardView [data-section="analysis-settings"] select option, #dashboardView [data-section="admin-support"] select option{ background:#fff!important; color:#212529!important; -webkit-text-fill-color:#212529!important; opacity:1!important; } /* Header/branding final overrides. */ #dashboardView .account-top .account-userbar{ display:flex!important; align-items:center!important; margin-right:auto!important; } #dashboardView .account-top .account-userbar #topUserAvatar, #dashboardView .account-top .account-userbar #topUserName{ display:none!important; } #dashboardView .account-top .account-userbar #logoutBtn{ display:inline-flex!important; } #dashboardView .account-top h1{ position:absolute!important; left:50%!important; transform:translateX(-50%)!important; margin:0!important; width:max-content!important; max-width:70%!important; text-align:center!important; font-size:18px!important; font-weight:700!important; color:#343a40!important; white-space:nowrap!important; } #dashboardView .account-nav .brand-link .account-brand-mark{ margin:0 14px 0 0!important; flex:0 0 33px!important; text-align:center!important; } #dashboardView .account-nav .brand-link .brand-text{ color:#f1f3f5!important; font-size:19px!important; font-weight:700!important; margin-right:10px!important; line-height:1.4!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info a{ font-size:14px!important; line-height:1.5!important; transform:none!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link{ flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:3px!important; padding:8px 2px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link .brand-text{ display:block!important; width:100%!important; max-width:69px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; font-size:9px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link{ flex-direction:row!important; justify-content:flex-start!important; gap:0!important; padding:8px 14px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link .brand-text{ width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; text-overflow:clip!important; text-align:right!important; font-size:14px!important; } } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link .brand-text{ display:block!important; width:100%!important; max-width:69px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; font-size:9px!important; line-height:1.3!important; color:#fff!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link .brand-text{ width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; text-overflow:clip!important; text-align:right!important; font-size:15px!important; } } /* Absolute last pass: force visible labels and reliable hamburger collapse. */ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list{ background:#343a40!important; background-color:#343a40!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button{ color:#ffffff!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list .nav-label{ color:#ffffff!important; } /* Actual account markup uses .secondary buttons directly under the menu list. */ #dashboardView .account-nav .account-menu-list > button.secondary, #dashboardView .account-nav .account-menu-list > li > button.secondary, #dashboardView .account-nav .account-menu-list > button.secondary .nav-label, #dashboardView .account-nav .account-menu-list > li > button.secondary .nav-label{ color:#fff!important; -webkit-text-fill-color:#fff!important; opacity:1!important; } #dashboardView .account-nav .brand-link, #dashboardView .account-nav .brand-link .brand-text, #dashboardView .account-nav .user-panel .info, #dashboardView .account-nav .user-panel .info a{ color:#fff!important; -webkit-text-fill-color:#fff!important; font-family:"VazirLocal","Vazir",Tahoma,sans-serif!important; font-weight:500!important; opacity:1!important; } #dashboardView .account-nav .brand-link .brand-text{ font-size:15px!important; } #dashboardView .account-nav .user-panel .info a{ font-size:14px!important; } /* Normal labels match starter.html; hover/active states become white. */ #dashboardView .account-nav .account-menu-list > button.secondary, #dashboardView .account-nav .account-menu-list > li > button.secondary, #dashboardView .account-nav .account-menu-list > button.secondary .nav-label, #dashboardView .account-nav .account-menu-list > li > button.secondary .nav-label{ color:#c2c7d0!important; -webkit-text-fill-color:#c2c7d0!important; } #dashboardView .account-nav .account-menu-list > button.secondary:hover, #dashboardView .account-nav .account-menu-list > li > button.secondary:hover, #dashboardView .account-nav .account-menu-list > button.secondary.active, #dashboardView .account-nav .account-menu-list > li > button.secondary.active{ color:#fff!important; -webkit-text-fill-color:#fff!important; } /* Absolute final hover/active contrast. */ #dashboardView .account-nav .account-menu-list > button.secondary:hover, #dashboardView .account-nav .account-menu-list > button.secondary:hover .nav-label, #dashboardView .account-nav .account-menu-list > li > button.secondary:hover, #dashboardView .account-nav .account-menu-list > li > button.secondary:hover .nav-label, #dashboardView .account-nav .account-menu-list > button.secondary.active, #dashboardView .account-nav .account-menu-list > button.secondary.active .nav-label, #dashboardView .account-nav .account-menu-list > li > button.secondary.active, #dashboardView .account-nav .account-menu-list > li > button.secondary.active .nav-label{ color:#fff!important; -webkit-text-fill-color:#fff!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel{ width:100%!important; overflow:visible!important; justify-content:flex-start!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info{ display:block!important; width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info a{ display:block!important; width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; color:#fff!important; } } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ width:73px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list .nav-label, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > li > button{ width:57px!important; max-width:57px!important; padding:11px 0!important; margin-left:auto!important; margin-right:auto!important; justify-content:center!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list .nav-label, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info{ display:inline-block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list > li > button{ width:100%!important; max-width:none!important; padding:11px 14px!important; justify-content:flex-start!important; } } /* Final AdminLTE sidebar behavior: readable white labels, icon-only collapse. */ body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button{ color:#fff!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button .nav-icon, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button .nav-icon{ color:inherit!important; opacity:1!important; flex:0 0 1.6rem!important; width:1.6rem!important; min-width:1.6rem!important; display:inline-block!important; text-align:center!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) #dashboardView .account-nav.main-sidebar .brand-text{ display:block!important; width:100%!important; max-width:69px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; font-size:9px!important; color:#fff!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button p, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button p, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .brand-text{ display:none!important; width:0!important; max-width:0!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button{ width:57px!important; min-width:57px!important; max-width:57px!important; padding:11px 0!important; margin-left:auto!important; margin-right:auto!important; justify-content:center!important; overflow:hidden!important; white-space:nowrap!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button .nav-icon, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button .nav-icon{ margin:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list > li > button{ width:100%!important; max-width:none!important; padding:11px 14px!important; justify-content:flex-start!important; } } /* Improve sidebar label contrast and keep the support badge from shifting the icon when the sidebar is collapsed. */ body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list .nav-label{ color:#f8f9fa!important; } .account-menu-list .support-badge{ margin-right:auto!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list .support-badge{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list .support-badge{ display:inline-grid!important; margin-right:auto!important; } } .account-menu-list > li > button{ min-height:48px!important; padding:11px 14px!important; font-size:16px!important; line-height:1.6!important; font-weight:500!important; } .account-menu-list > li > button p{ font-size:16px!important; font-weight:500!important; } .account-menu-list > li > button .nav-icon{ width:26px!important; min-width:26px!important; margin-left:11px!important; font-size:20px!important; } .account-nav .user-panel .info a{font-size:15px!important} @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-menu-list > li > button{ width:57px!important; min-width:57px!important; max-width:57px!important; padding:11px 0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-menu-list > li > button .nav-icon{ width:26px!important; min-width:26px!important; margin:0!important; font-size:20px!important; } } /* Prevent sidebar hover from creating page or menu scrollbars. */ html:has(#dashboardView:not(.hidden)), body:has(#dashboardView:not(.hidden)){ width:100%!important; max-width:100%!important; overflow-x:hidden!important; overflow-x:clip!important; } @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-layout, body:has(#dashboardView:not(.hidden)) .account-nav, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body:has(#dashboardView:not(.hidden)) .account-nav .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav nav, body:has(#dashboardView:not(.hidden)) .account-menu-list{ overflow-x:hidden!important; overflow-y:visible!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar::-webkit-scrollbar, body:has(#dashboardView:not(.hidden)) .account-nav .sidebar::-webkit-scrollbar, body:has(#dashboardView:not(.hidden)) .account-nav nav::-webkit-scrollbar, body:has(#dashboardView:not(.hidden)) .account-menu-list::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; max-width:250px!important; overflow:hidden!important; overflow-x:hidden!important; overflow-y:visible!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .sidebar, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover nav, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list{ width:100%!important; max-width:100%!important; overflow:hidden!important; } } /* Collapsed AdminLTE sidebar: expand only while hovered, then collapse again. */ @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ overflow:hidden!important; overflow-y:hidden!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar::-webkit-scrollbar{ display:none!important; width:0!important; height:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; overflow:hidden!important; z-index:1040!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link{ justify-content:flex-start!important; padding-right:14px!important; padding-left:14px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel{ justify-content:flex-start!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:flex-start!important; padding-right:12px!important; padding-left:12px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-icon{ margin-left:8px!important; margin-right:0!important; } } /* Absolute last rule: hover-expand wins over all legacy overrides. */ @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:flex-start!important; } } .account-menu-list, .account-menu-list > li, .account-menu-list > li > button{ overflow:visible!important; } .account-menu-list > li > button{ font-size:13px!important; line-height:1.5!important; } .account-menu-list > li > button p{ font-size:13px!important; white-space:nowrap!important; } /* Match starter.html's nav typography and icon sizing. */ .account-nav, .account-nav .sidebar, .account-menu-list, .account-menu-list > li > button{ font-family:"Vazir","VazirLocal",Tahoma,sans-serif!important; } .account-menu-list > li > button{ min-height:44px!important; padding:10px 12px!important; font-size:14px!important; line-height:1.5!important; font-weight:400!important; outline:0!important; } .account-menu-list > li > button .nav-icon{ width:22px!important; min-width:22px!important; margin-left:10px!important; font-size:16px!important; line-height:1!important; } .account-menu-list > li > button p{ font-size:14px!important; font-weight:400!important; } .account-menu-toggle, .account-menu-toggle:focus, .account-menu-toggle:active{ outline:0!important; box-shadow:none!important; border:0!important; } .account-menu-toggle::-moz-focus-inner{border:0!important} .account-nav .account-sidebar-avatar{ flex:0 0 34px!important; overflow:hidden!important; text-align:center!important; line-height:34px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .account-sidebar-avatar{ margin:0!important; } .account-sidebar-avatar img{ width:100%!important; height:100%!important; object-fit:cover!important; border-radius:50%!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-menu-list > li > button{ width:57px!important; min-width:57px!important; max-width:57px!important; margin-right:auto!important; margin-left:auto!important; padding:10px 0!important; justify-content:center!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-menu-list > li > button .nav-icon{ width:22px!important; min-width:22px!important; margin:0!important; font-size:16px!important; } } /* Final precedence guard for the starter.html pushmenu behavior. */ @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ position:fixed!important; top:57px!important; right:0!important; bottom:0!important; left:auto!important; width:250px!important; height:calc(100vh - 57px)!important; min-height:0!important; margin:0!important; overflow-y:auto!important; overflow-x:hidden!important; z-index:1038!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{width:73px!important;margin-right:0!important} body:has(#dashboardView:not(.hidden)) .account-view{margin-right:250px!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-view{margin-right:73px!important} body:has(#dashboardView:not(.hidden)) .account-top{margin-right:250px!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-top{margin-right:73px!important} } @media(max-width:760px){ #authView.account-auth .account-tabs{margin:0 28px!important} #authView.account-auth form{margin-top:16px!important} } /* Match starter.html's real AdminLTE pushmenu layout (RTL). */ @media (min-width: 992px){ body:has(#dashboardView:not(.hidden)){ overflow-x:hidden!important; } body:has(#dashboardView:not(.hidden)) .account-top{ margin-right:250px!important; transition:margin-right .3s ease-in-out!important; } body:has(#dashboardView:not(.hidden)) .account-layout{ display:block!important; min-height:calc(100vh - 57px)!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ position:fixed!important; top:57px!important; right:0!important; bottom:0!important; left:auto!important; width:250px!important; height:calc(100vh - 57px)!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; z-index:1038!important; transition:margin-right .3s ease-in-out,width .3s ease-in-out!important; } body:has(#dashboardView:not(.hidden)) .account-view{ display:block!important; width:auto!important; min-height:calc(100vh - 57px)!important; margin-right:250px!important; padding:24px!important; transition:margin-right .3s ease-in-out!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-top{ margin-right:73px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ width:73px!important; margin-right:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .nav-link p{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .brand-link{ justify-content:center!important; padding:8px 4px!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .user-panel{ justify-content:center!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .nav-link{ justify-content:center!important; padding-left:0!important; padding-right:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav .nav-icon{ margin:0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-view{ margin-right:73px!important; } } .account-menu-toggle{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:57px!important; margin:0 0 0 8px!important; padding:0!important; border:0!important; background:transparent!important; color:#495057!important; cursor:pointer!important; } .account-menu-toggle:hover{background:#f4f6f9!important;color:#007bff!important} @media(max-width:991.98px){ .account-menu-toggle{display:inline-flex!important} .account-nav.main-sidebar{ position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; width:100%!important; height:auto!important; max-height:none!important; overflow:visible!important; } .account-view{margin-right:0!important} .account-top{margin-right:0!important} } /* AdminLTE-compatible shell: keeps the existing IDs and account.js behavior. */ @font-face{font-family:"VazirLocal";src:url("./fonts/Vazir.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"VazirLocal";src:url("./fonts/Vazir-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap} body:has(.account-page){font-family:"VazirLocal","Vazir",Tahoma,sans-serif!important;background:#f4f6f9!important} .account-page{max-width:none!important;min-height:100vh!important;padding:0 0 32px!important;background:#f4f6f9!important} .account-top{height:57px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important} .account-top h1{font-size:18px!important;color:#343a40!important} .account-top h1:before{color:#007bff!important} /* Final title/sidebar typography correction. */ #dashboardView .account-top h1{ position:absolute!important; left:50%!important; right:auto!important; transform:translateX(-50%)!important; margin:0!important; text-align:center!important; font-size:18px!important; font-weight:700!important; white-space:nowrap!important; } #dashboardView .account-top h1::before{ content:"⚖"!important; display:inline-block!important; margin-left:6px!important; font-size:21px!important; font-weight:700!important; background:linear-gradient(135deg,#f0c05a,#d9792b)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; color:transparent!important; } #dashboardView .account-top h1 .account-title-icon{ color:#d39b45!important; font-size:21px!important; margin-left:5px!important; vertical-align:middle!important; } /* Sidebar heading follows the same collapsed/hover behavior as the user name. */ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar::before{ display:none!important; content:none!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar::before{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover::before{ display:none!important; } } #dashboardView .account-nav .brand-link .brand-text{ font-size:19px!important; font-weight:700!important; color:#f1f3f5!important; } /* Profile cards layout and matching controls. */ #dashboardView [data-section="overview"] #profileSummary + .profile-settings{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } #dashboardView [data-section="overview"] #profileSummary + .profile-settings .profile-setting:nth-child(2){ display:none!important; } #dashboardView [data-section="overview"] #profileSummary + .profile-settings .profile-setting{ border:1px solid #e3e5de!important; border-radius:12px!important; border-bottom:1px solid #e3e5de!important; } #dashboardView [data-section="overview"] .profile-settings:last-child{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } #dashboardView [data-section="overview"] .profile-settings:last-child .profile-setting{ border:1px solid #e3e5de!important; border-radius:12px!important; border-bottom:1px solid #e3e5de!important; } #dashboardView .profile-edit-btn{ border:1px solid #d8c3a4!important; border-radius:10px!important; background:#f5f1e8!important; color:#b47732!important; width:38px!important; height:38px!important; display:grid!important; place-items:center!important; font-size:18px!important; box-shadow:none!important; } #dashboardView .profile-edit-btn:hover{ background:#b47732!important; color:#fff!important; } #dashboardView .usage-ring{ width:104px!important; height:104px!important; flex-basis:104px!important; } #dashboardView .account-nav.main-sidebar::before{ content:"پنل کاربری"!important; } @media (max-width:760px){ #dashboardView [data-section="overview"] #profileSummary + .profile-settings, #dashboardView [data-section="overview"] .profile-settings:last-child{ grid-template-columns:1fr!important; } } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link .brand-text{ display:inline-block!important; width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; text-overflow:clip!important; font-size:19px!important; font-weight:700!important; color:#f1f3f5!important; } } .account-top a,.account-top button{background:transparent!important;border:0!important;border-radius:0!important;color:#495057!important} .account-top a:hover,.account-top button:hover{color:#007bff!important;background:#f4f6f9!important} .account-layout{grid-template-columns:minmax(0,1fr) 250px!important;grid-template-areas:"main side"!important;gap:0!important;min-height:calc(100vh - 57px)!important} .account-nav{position:relative!important;top:0!important;min-height:calc(100vh - 57px)!important;padding:12px 8px!important;border:0!important;border-radius:0!important;background:#343a40!important;box-shadow:none!important} .account-nav.main-sidebar{ position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; width:auto!important; height:auto!important; min-height:calc(100vh - 57px)!important; margin:0!important; float:none!important; transform:none!important; z-index:auto!important; } .account-nav.main-sidebar:before{ position:static!important; display:block!important; inset:auto!important; width:auto!important; height:auto!important; min-height:0!important; background:transparent!important; box-shadow:none!important; content:none!important; } .account-nav .brand-link{ display:flex!important; align-items:center!important; min-height:57px!important; padding:8px 14px!important; color:#fff!important; border-bottom:1px solid rgba(255,255,255,.1)!important; } .account-brand-mark{ display:grid!important; place-items:center!important; width:33px!important; height:33px!important; margin-left:8px!important; background:#007bff!important; color:#fff!important; font-size:18px!important; } .account-nav .sidebar{ width:100%!important; padding:0 8px!important; direction:rtl!important; } .account-nav .user-panel{ align-items:center!important; padding:14px 4px!important; margin:0!important; border-bottom:1px solid rgba(255,255,255,.1)!important; } .account-sidebar-avatar{ display:grid!important; place-items:center!important; width:34px!important; height:34px!important; background:#6c757d!important; color:#fff!important; } .account-nav .user-panel .info a{ color:#fff!important; font-size:13px!important; } .account-menu-list{ padding:0!important; margin:0!important; list-style:none!important; gap:3px!important; } .account-menu-list > button, .account-menu-list > li > button{ display:flex!important; align-items:center!important; width:100%!important; min-height:42px!important; margin:0!important; padding:10px 12px!important; border:0!important; border-radius:4px!important; background:transparent!important; color:#c2c7d0!important; text-align:right!important; font:inherit!important; } .account-menu-list > button .nav-icon, .account-menu-list > li > button .nav-icon{ width:24px!important; margin-left:8px!important; color:#adb5bd!important; text-align:center!important; } .account-menu-list > button p, .account-menu-list > li > button p{margin:0!important;flex:1!important} .account-menu-list > button:hover, .account-menu-list > li > button:hover{background:#495057!important;color:#fff!important} .account-menu-list > button.active, .account-menu-list > li > button.active{background:#007bff!important;color:#fff!important} .account-menu-list > button.active .nav-icon, .account-menu-list > li > button.active .nav-icon{color:#fff!important} .account-nav:before{content:"پنل مدیریت"!important;padding:12px 14px 18px!important;color:#adb5bd!important;font-size:12px!important} .account-nav button{color:#c2c7d0!important;border-radius:4px!important;padding:11px 14px!important;font-size:13px!important} .account-nav button:before{color:#adb5bd!important} .account-nav button:hover{background:#495057!important;color:#fff!important;transform:none!important} .account-nav button.active{background:#007bff!important;color:#fff!important;box-shadow:none!important} .account-nav button.active:before{color:#fff!important} .account-view{min-height:calc(100vh - 57px)!important;padding:24px!important;background:#f4f6f9!important} .account-view h2{font-size:24px!important;color:#343a40!important} .account-card{border:0!important;border-radius:4px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important} #dashboardView .account-card{padding:20px!important} #authView.account-auth{border-radius:4px!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important} #authView.account-auth input{border-radius:3px!important} #authView.account-auth button[type=submit]{border-radius:3px!important;background:#007bff!important;box-shadow:none!important} @media(max-width:760px){ .account-top{padding:0 12px!important} .account-layout{grid-template-columns:1fr!important;grid-template-areas:"side" "main"!important} .account-nav, .account-nav.main-sidebar{position:relative!important;min-height:0!important;height:auto!important;width:100%!important} .account-view{padding:14px!important} } /* Apply AdminLTE component language across every dashboard subsection. */ #dashboardView [data-section]{ border-top:3px solid #007bff!important; padding:0!important; overflow:hidden; } #dashboardView [data-section] > h2, #dashboardView [data-section] > .usage-page, #dashboardView [data-section] > .profile-edit-page, #dashboardView [data-section] > .support-page, #dashboardView [data-section] > .admin-analysis-settings{ padding:20px 24px!important; } #dashboardView [data-section] > h2{ margin:0!important; border-bottom:1px solid #dee2e6; font-size:20px!important; font-weight:600!important; } .admin-analysis-settings, .admin-analysis-fields, .profile-edit-card, .usage-card, .support-ticket, .support-new-form, .support-filter-panel{ border-color:#dee2e6!important; border-radius:4px!important; background:#fff!important; box-shadow:none!important; } .admin-analysis-fields{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px!important; margin:16px 0!important; } .admin-analysis-fields label{ display:flex!important; flex-direction:column; gap:7px; color:#343a40!important; font-size:13px!important; font-weight:600!important; } .admin-analysis-fields input, .admin-analysis-fields textarea, .admin-analysis-fields select, #dashboardView input, #dashboardView select, #dashboardView textarea{ border:1px solid #ced4da!important; border-radius:3px!important; background:#fff!important; color:#495057!important; box-shadow:none!important; } .admin-analysis-fields select option, #dashboardView select option, #dashboardView select optgroup{ background:#fff!important; color:#212529!important; opacity:1!important; -webkit-text-fill-color:#212529!important; text-shadow:none!important; color-scheme:light!important; forced-color-adjust:none!important; } .admin-analysis-fields select, #dashboardView select, #dashboardView{ color-scheme:light!important; -webkit-text-fill-color:#212529!important; opacity:1!important; forced-color-adjust:none!important; } #dashboardView select, #dashboardView select option, #dashboardView select optgroup, .account-table select, .support-filter-panel select, .support-filter-panel select option, .support-filter-select, .support-filter-select option{ background-color:#fff!important; color:#212529!important; color-scheme:light!important; -webkit-text-fill-color:#212529!important; opacity:1!important; text-shadow:none!important; forced-color-adjust:none!important; } #dashboardView select, .account-table select, .support-filter-panel select, .support-filter-select{ appearance:menulist!important; -webkit-appearance:menulist!important; background-image:none!important; } .admin-analysis-fields label.analysis-web-toggle{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; padding-right:0!important; width:100%; direction:rtl; } .admin-analysis-fields label.analysis-web-toggle input{ order:-1!important; position:static!important; transform:none!important; display:block!important; width:18px!important; height:18px; margin:0!important; } .admin-analysis-fields input:focus, .admin-analysis-fields textarea:focus, #dashboardView input:focus, #dashboardView select:focus, #dashboardView textarea:focus{ border-color:#80bdff!important; box-shadow:0 0 0 .2rem rgba(0,123,255,.15)!important; outline:0!important; } .setting-help{color:#6c757d!important;font-size:13px!important} #saveAnalysisSettings, [data-save], .support-action{ border:1px solid #006fe6!important; border-radius:3px!important; background:#007bff!important; color:#fff!important; box-shadow:none!important; font-weight:600!important; } #saveAnalysisSettings:hover, [data-save]:hover, .support-action:hover{background:#0069d9!important} .admin-settings-status, .support-notice{ border-radius:3px!important; } .account-table{ border:1px solid #dee2e6!important; border-radius:4px!important; font-size:13px!important; background:#fff!important; } .account-table th{ background:#e9ecef!important; color:#495057!important; border-bottom:2px solid #dee2e6!important; } .account-table td{border-bottom:1px solid #dee2e6!important;color:#495057!important} .account-table tbody tr:hover{background:#f8f9fa!important} .account-table input,.account-table select{min-height:34px!important;padding:5px 8px!important} .admin-users-toolbar{ display:flex; align-items:center; gap:10px; margin:0 0 12px; } .admin-users-toolbar input{ flex:1; min-width:180px; border:1px solid #ced4da!important; border-radius:3px!important; padding:8px 10px!important; background:#fff!important; color:#212529!important; } .admin-users-toolbar span{ color:#6c757d; font-size:12px; white-space:nowrap; } .support-ticket{margin-bottom:12px!important;padding:16px!important} .support-ticket:hover{background:#f8f9fa!important;border-color:#adb5bd!important;transform:none!important} .support-ticket-head{align-items:center!important} .support-status{color:#6c757d!important} .support-ticket-date{ display:block; margin-top:6px; color:#868e96!important; font-size:11px; direction:rtl; } .support-list .support-ticket > small:not(.support-ticket-date){ display:none!important; } .support-list .support-ticket-head{ direction:ltr; } .support-list .support-ticket-head strong{ direction:rtl; text-align:right; } .support-list .support-ticket-head .support-status{ order:-1; margin-right:10px; white-space:nowrap; } .support-list .support-ticket-date{ text-align:right; } .support-filter-panel{padding:12px!important} #dashboardView [data-section="admin-support"] .admin-ticket-filter-panel{ display:grid!important; grid-template-columns:minmax(0,2fr) minmax(180px,1fr)!important; gap:10px!important; margin:0 0 14px!important; } #dashboardView [data-section="admin-support"] .admin-ticket-filter-panel input, #dashboardView [data-section="admin-support"] .admin-ticket-filter-panel select{ min-width:0!important; width:100%!important; box-sizing:border-box!important; } #dashboardView [data-section="admin-support"] #adminTickets{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px!important; overflow:visible!important; width:100%!important; box-sizing:border-box!important; } @media (max-width:760px){ #dashboardView [data-section="admin-support"] .admin-ticket-filter-panel{ grid-template-columns:1fr!important; } } #dashboardView [data-section="admin-support"] #adminTickets > .support-ticket{ margin:0!important; min-width:0; width:auto!important; } #dashboardView [data-section="admin-support"] .support-filter-btn{ width:38px!important; height:38px!important; padding:0!important; border-radius:4px!important; display:grid!important; place-items:center!important; line-height:1!important; } .support-filter-btn{ width:38px!important; height:38px!important; padding:0!important; border-radius:4px!important; display:grid!important; place-items:center!important; line-height:1!important; } /* Match support controls to the conversation/project "+" button theme. */ #dashboardView [data-section="support"] .support-filter-btn, #dashboardView [data-section="support"] .support-action, #dashboardView [data-section="admin-support"] .support-filter-btn, #dashboardView [data-section="admin-support"] .support-action{ border:0!important; border-radius:11px!important; background:var(--rv-gold,#c58b45)!important; color:#fff!important; box-shadow:none!important; } #dashboardView [data-section="support"] .support-filter-btn:hover, #dashboardView [data-section="support"] .support-action:hover, #dashboardView [data-section="admin-support"] .support-filter-btn:hover, #dashboardView [data-section="admin-support"] .support-action:hover{ background:#007bff!important; color:#fff!important; } #dashboardView #saveProfileBtn{ border:0!important; border-radius:11px!important; background:var(--rv-gold,#c58b45)!important; color:#fff!important; box-shadow:none!important; } #dashboardView #saveProfileBtn:hover{ background:#007bff!important; color:#fff!important; } #dashboardView [data-section="admin"] [data-save]{ border:0!important; border-radius:11px!important; background:var(--rv-gold,#c58b45)!important; color:#fff!important; box-shadow:none!important; } #dashboardView [data-section="admin"] [data-save]:hover{ background:#007bff!important; color:#fff!important; } #dashboardView #saveAnalysisSettings{ border:0!important; border-radius:11px!important; background:var(--rv-gold,#c58b45)!important; color:#fff!important; box-shadow:none!important; } #dashboardView #saveAnalysisSettings:hover{ background:#007bff!important; color:#fff!important; } .profile-edit-card,.usage-card{padding:16px!important} .profile-edit-card h3,.usage-card h3{color:#343a40!important} .metric{border:1px solid #dee2e6!important;border-radius:4px!important;box-shadow:none!important} @media(max-width:760px){ .admin-analysis-fields{grid-template-columns:1fr!important} #dashboardView [data-section] > h2, #dashboardView [data-section] > .usage-page, #dashboardView [data-section] > .profile-edit-page, #dashboardView [data-section] > .support-page, #dashboardView [data-section] > .admin-analysis-settings{padding:16px!important} .account-table{display:block;overflow-x:auto;white-space:nowrap} #dashboardView [data-section="admin-support"] #adminTickets{ grid-template-columns:1fr!important; } #dashboardView .account-view{padding:14px!important} #dashboardView [data-section="overview"] #profileSummary, #dashboardView [data-section="overview"] .profile-settings, #dashboardView [data-section="overview"] #metrics, #dashboardView [data-section="overview"] .profile-section-title, #dashboardView [data-section="history"] .section-heading, #dashboardView [data-section="history"] #projectsList, #dashboardView [data-section="plans"] #metricsPlan, #dashboardView [data-section="profile-edit"] .profile-edit-page, #dashboardView [data-section="faq"] > *, #dashboardView [data-section="support"] .support-page, #dashboardView [data-section="consumption"] .usage-page{ margin-left:16px!important; margin-right:16px!important; } } /* Consistent card-body spacing for every subsection, including JS-rendered tables and ticket lists. */ #dashboardView [data-section]{ margin:0 0 20px!important; min-height:0!important; width:100%!important; box-sizing:border-box!important; } #dashboardView [data-section].hidden, #dashboardView .hidden{ display:none!important; } #dashboardView .account-view{ display:block!important; padding:28px!important; } #dashboardView .account-view > [data-section]:not(.hidden){ display:block!important; clear:both!important; } #dashboardView [data-section="overview"] #profileSummary, #dashboardView [data-section="overview"] .profile-settings, #dashboardView [data-section="overview"] #metrics, #dashboardView [data-section="overview"] .profile-section-title{ margin-left:24px!important; margin-right:24px!important; } #dashboardView [data-section="overview"] #profileSummary{ margin-top:20px!important; } #dashboardView [data-section="overview"] .profile-settings{ margin-top:14px!important; } #dashboardView [data-section="overview"] #metrics{ margin-top:18px!important; margin-bottom:18px!important; } #dashboardView [data-section="history"]{ padding-bottom:24px!important; } #dashboardView [data-section="history"] .section-heading{ margin:0 24px 18px!important; padding:18px 0 14px!important; } #dashboardView [data-section="history"] #projectsList{ margin:0 24px!important; } #dashboardView [data-section="plans"] #metricsPlan{ margin:20px 24px 24px!important; } #dashboardView [data-section="profile-edit"] .profile-edit-page, #dashboardView [data-section="faq"] > *, #dashboardView [data-section="support"] .support-page, #dashboardView [data-section="consumption"] .usage-page{ margin-left:24px!important; margin-right:24px!important; } #dashboardView [data-section="profile-edit"] .profile-edit-page{ padding:20px 0!important; } #dashboardView [data-section="faq"] > .profile-edit-header, #dashboardView [data-section="faq"] > #faqSearch, #dashboardView [data-section="faq"] > #faqList{ margin-top:16px!important; } #dashboardView [data-section="faq"] > .profile-edit-header{ margin-top:0!important; } #dashboardView [data-section="faq"] > #faqList{ margin-bottom:24px!important; } #dashboardView [data-section] > h2{ padding:18px 24px!important; margin:0!important; background:#fff!important; } #dashboardView [data-section] > h2 + *, #dashboardView [data-section] > #adminContent, #dashboardView [data-section] > #adminTickets, #dashboardView [data-section] > #adminAnalysisSettings{ margin:0!important; padding:20px 24px!important; } #dashboardView [data-section] > #adminContent, #dashboardView [data-section] > #adminTickets{ overflow-x:auto; } #dashboardView [data-section] > #adminContent > .account-table{ margin:0!important; min-width:720px; } #dashboardView [data-section] > #adminAnalysisSettings > .admin-analysis-fields{ margin:16px 0 20px!important; } #dashboardView [data-section] > #adminAnalysisSettings > .setting-help{ margin:0 0 16px!important; padding:0!important; } #dashboardView [data-section] > #adminTickets > .support-ticket{ margin:0 0 14px!important; } #dashboardView [data-section] > #adminTickets > .support-ticket:last-child{ margin-bottom:0!important; } .support-list, .support-filter-panel, .support-new-form, .projects-list, .profile-settings, .metric-grid, .usage-summary, .usage-fields{ margin-left:0!important; margin-right:0!important; } .support-list, .projects-list{gap:14px!important} .support-new-form{padding:18px!important} .support-filter-panel{margin-bottom:14px!important} .account-view .section-heading{ margin-bottom:16px!important; padding-bottom:12px!important; border-bottom:1px solid #dee2e6!important; } .account-view .profile-settings, .account-view .usage-card, .account-view .profile-edit-card{ margin-bottom:14px!important; } @media(max-width:760px){ #dashboardView [data-section] > h2, #dashboardView [data-section] > h2 + *, #dashboardView [data-section] > #adminContent, #dashboardView [data-section] > #adminTickets, #dashboardView [data-section] > #adminAnalysisSettings{ padding:16px!important; } #dashboardView [data-section] > #adminContent > .account-table{ min-width:680px; } } /* Keep the tabs and their active form together in the right-hand column. */ @media(min-width:761px){ #authView.account-auth .account-tabs, #authView.account-auth #loginForm, #authView.account-auth #registerForm, #authView.account-auth .account-error{ grid-column:1!important; width:auto!important; margin-left:48px!important; margin-right:48px!important; } #authView.account-auth .account-tabs{margin-top:48px!important;margin-bottom:0!important} #authView.account-auth #loginForm, #authView.account-auth #registerForm{margin-top:14px!important} #authView.account-auth:before{top:28px!important} #authView.account-auth:after{padding-top:118px!important} } /* === FINAL STARTER.HTML SIDEBAR OVERRIDES === */ .account-nav .account-menu-list > li > button.nav-link, .account-nav .account-menu-list > li > button.nav-link:visited{ display:flex!important; align-items:center!important; width:100%!important; min-height:44px!important; margin:0 0 .2rem!important; padding:.5rem 1rem!important; border:0!important; border-radius:.25rem!important; outline:0!important; box-shadow:none!important; text-decoration:none!important; color:#c2c7d0!important; background:transparent!important; font-family:"Vazir",sans-serif!important; font-size:1rem!important; font-weight:400!important; line-height:1.5!important; text-align:right!important; cursor:pointer!important; } .account-nav .account-menu-list > li > button.nav-link:hover, .account-nav .account-menu-list > li > button.nav-link:focus:hover{ color:#fff!important; background-color:rgba(255,255,255,.1)!important; outline:0!important; box-shadow:none!important; } .account-nav .account-menu-list > li > button.nav-link:focus, .account-nav .account-menu-list > li > button.nav-link:active{ outline:0!important; box-shadow:none!important; } .account-nav .account-menu-list > li > button.nav-link.active, .account-nav .account-menu-list > li > button.nav-link.active:focus, .account-nav .account-menu-list > li > button.nav-link.active:active{ color:#fff!important; background-color:#007bff!important; outline:0!important; box-shadow:none!important; } .account-nav .account-menu-list > li > button.nav-link .nav-icon{ flex:0 0 1.6rem!important; width:1.6rem!important; margin:0 .2rem 0 0!important; font-size:1.2rem!important; line-height:1!important; text-align:center!important; color:inherit!important; } .account-nav .account-menu-list > li > button.nav-link p{ display:inline-block!important; margin:0!important; font-family:"Vazir",sans-serif!important; font-size:1rem!important; font-weight:400!important; line-height:1.5!important; color:inherit!important; } .account-nav .account-menu-list > li > button.nav-link::-moz-focus-inner{ border:0!important; } /* Support cards: keep the subject and timestamp aligned to the right. */ .support-list .support-ticket-head{ direction:rtl!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:flex-start!important; width:100%!important; } .support-list .support-ticket-head strong{ display:block!important; width:100%!important; text-align:right!important; } .support-list .support-ticket-head .support-status{ order:0!important; align-self:flex-end!important; margin:4px 0 0!important; } .support-list .support-ticket-date{ display:block!important; width:100%!important; margin-top:4px!important; text-align:right!important; direction:rtl!important; } /* Restore the light sidebar surface and keep collapsed mode icon-only. */ @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ background:#343a40!important; color:#c2c7d0!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:73px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .nav-link p, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .nav-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:center!important; } } /* Restore the original dark sidebar palette and visible hover state. */ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ background:#495057!important; background-color:#495057!important; color:#c2c7d0!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list{ background:#495057!important; background-color:#495057!important; } body:has(#dashboardView:not(.hidden)) .account-nav .brand-link, body:has(#dashboardView:not(.hidden)) .account-nav .user-panel, body:has(#dashboardView:not(.hidden)) .account-nav .nav-link{ color:#c2c7d0!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button:hover, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button:hover, body:has(#dashboardView:not(.hidden)) .account-nav .nav-link:hover{ background:rgba(255,255,255,.1)!important; color:rgba(255,255,255,.9)!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button.active, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button.active, body:has(#dashboardView:not(.hidden)) .account-nav .nav-link.active{ background:#007bff!important; color:#fff!important; } /* Absolute last rule: hover-expand wins over all legacy overrides. */ @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:flex-start!important; } } @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important; width:250px!important;height:100vh!important;min-height:0!important;margin:0!important; overflow:hidden!important;z-index:1038!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{width:73px!important;overflow:hidden!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{width:250px!important;overflow:hidden!important;z-index:1040!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{display:block!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{justify-content:flex-start!important} body:has(#dashboardView:not(.hidden)) .account-top{margin-right:250px!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-top{margin-right:73px!important} body:has(#dashboardView:not(.hidden)) .account-view{margin-right:250px!important} body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-view{margin-right:73px!important} } /* The current account markup keeps menu buttons directly inside the UL. Mirror AdminLTE states for both direct buttons and future LI wrappers. */ .account-nav .account-menu-list > button, .account-nav .account-menu-list > li > button{ appearance:none!important; -webkit-appearance:none!important; display:flex!important; align-items:center!important; width:100%!important; min-height:48px!important; padding:11px 14px!important; margin:0 0 .2rem!important; border:0!important; border-radius:.25rem!important; outline:none!important; box-shadow:none!important; background:transparent!important; color:#c2c7d0!important; font-family:"Vazir",Tahoma,sans-serif!important; font-size:16px!important; font-weight:400!important; line-height:1.5!important; text-align:right!important; cursor:pointer!important; } .account-nav .account-menu-list > button:hover, .account-nav .account-menu-list > li > button:hover{ color:#fff!important; background-color:rgba(255,255,255,.1)!important; } .account-nav .account-menu-list > button.active, .account-nav .account-menu-list > li > button.active{ color:#fff!important; background-color:#007bff!important; } .account-nav .account-menu-list > button:focus, .account-nav .account-menu-list > button:active, .account-nav .account-menu-list > li > button:focus, .account-nav .account-menu-list > li > button:active{ outline:none!important; box-shadow:none!important; border:0!important; } .account-nav .account-menu-list > button .nav-icon, .account-nav .account-menu-list > li > button .nav-icon{ flex:0 0 1.6rem!important; width:1.6rem!important; min-width:1.6rem!important; margin-right:.2rem!important; margin-left:.4rem!important; font-size:1.2rem!important; color:inherit!important; text-align:center!important; } .account-nav .account-menu-list > button p, .account-nav .account-menu-list > li > button p{ display:inline-block!important; margin:0!important; color:inherit!important; font-family:"Vazir",Tahoma,sans-serif!important; font-size:16px!important; font-weight:400!important; line-height:1.5!important; } .account-nav .account-menu-list > button::-moz-focus-inner, .account-nav .account-menu-list > li > button::-moz-focus-inner{border:0!important} /* Make percentage rings prominent in profile and consumption views. */ #dashboardView .usage-rings{ min-height:150px!important; align-items:flex-start!important; gap:84px!important; margin:24px 0 28px!important; } #dashboardView .usage-ring{ width:104px!important; height:104px!important; flex:0 0 104px!important; font-size:20px!important; font-weight:700!important; } #dashboardView .usage-ring::after{ inset:10px!important; } #dashboardView .usage-ring span{ font-size:20px!important; font-weight:700!important; } #dashboardView .usage-ring small{ top:114px!important; font-size:14px!important; font-weight:500!important; } #dashboardView .metric-grid .metric::before{ width:70px!important; height:70px!important; } #dashboardView .metric-grid .metric::after{ top:28px!important; width:52px!important; height:52px!important; font-size:15px!important; } @media(max-width:760px){ #dashboardView .usage-rings{gap:44px!important} #dashboardView .usage-ring{width:92px!important;height:92px!important;flex-basis:92px!important} #dashboardView .usage-ring::after{inset:9px!important} #dashboardView .usage-ring span{font-size:18px!important} #dashboardView .usage-ring small{top:101px!important;font-size:13px!important} } /* Absolute final sidebar override. */ /* Requested profile refinements. */ #dashboardView .profile-edit-btn{ width:40px!important; height:40px!important; padding:0!important; display:inline-grid!important; place-items:center!important; line-height:1!important; font-size:20px!important; } #dashboardView .account-nav.main-sidebar::before{ content:"پنل کاربری"!important; } #dashboardView .metric-grid .metric::before{ width:96px!important; height:96px!important; } #dashboardView .metric-grid .metric::after{ top:35px!important; width:66px!important; height:66px!important; font-size:17px!important; } /* Overview usage rings: match the large consumption-ring treatment. */ #dashboardView [data-section="overview"] .metric-grid .metric::before{ width:96px!important; height:96px!important; flex:0 0 96px!important; border-radius:50%!important; background:conic-gradient(var(--pro-gold) calc(var(--progress,0) * 1%),#e8eae2 0)!important; margin-bottom:8px!important; } #dashboardView [data-section="overview"] .metric-grid .metric::after{ top:32px!important; left:50%!important; transform:translateX(-50%)!important; width:68px!important; height:68px!important; border-radius:50%!important; background:#495057!important; display:grid!important; place-items:center!important; color:#fff!important; font-size:17px!important; font-weight:700!important; line-height:1!important; text-align:center!important; } #dashboardView [data-section="overview"] .metric-grid .metric::before{ width:104px!important; height:104px!important; flex:0 0 104px!important; border-radius:50%!important; background:conic-gradient(var(--pro-gold) calc(var(--progress,0) * 1%),#eee9df 0)!important; position:absolute!important; top:16px!important; left:50%!important; transform:translateX(-50%)!important; margin:0!important; } #dashboardView [data-section="overview"] .metric-grid .metric::after{ top:26px!important; left:50%!important; transform:translateX(-50%)!important; width:84px!important; height:84px!important; background:#fff!important; color:var(--pro-ink,#20362e)!important; -webkit-text-fill-color:var(--pro-ink,#20362e)!important; font-size:20px!important; font-weight:700!important; line-height:1!important; display:grid!important; place-items:center!important; } #dashboardView [data-section="overview"] .metric-grid .metric{ padding-top:132px!important; } /* Keep support subject and status on the same right-aligned row. */ #dashboardView .support-list .support-ticket-head{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; direction:rtl!important; gap:10px!important; } #dashboardView .support-list .support-ticket-head strong{ width:auto!important; flex:1 1 auto!important; text-align:right!important; } #dashboardView .support-list .support-ticket-head .support-status{ order:0!important; flex:0 0 auto!important; margin:0!important; white-space:nowrap!important; text-align:right!important; } /* Support card header layout: subject right, status left, date below right. */ #dashboardView .support-list .support-ticket-head{ display:flex!important; flex-direction:row!important; direction:rtl!important; align-items:center!important; justify-content:space-between!important; width:100%!important; } #dashboardView .support-list .support-ticket-head strong{ order:2!important; flex:1 1 auto!important; text-align:right!important; } #dashboardView .support-list .support-ticket-head .support-status{ order:1!important; flex:0 0 auto!important; margin:0!important; text-align:left!important; } #dashboardView .support-list .support-ticket-date{ display:block!important; width:100%!important; text-align:right!important; direction:rtl!important; } /* Deterministic support-card header placement. */ #dashboardView .support-list .support-ticket-head{ display:grid!important; grid-template-columns:minmax(0,auto) minmax(0,1fr)!important; direction:ltr!important; align-items:center!important; width:100%!important; gap:10px!important; } #dashboardView .support-list .support-ticket-head .support-status{ grid-column:1!important; grid-row:1!important; justify-self:start!important; text-align:left!important; direction:rtl!important; margin:0!important; } #dashboardView .support-list .support-ticket-head strong{ grid-column:2!important; grid-row:1!important; justify-self:stretch!important; text-align:right!important; direction:rtl!important; } #dashboardView .support-list .support-ticket-date{ clear:both!important; display:block!important; margin-right:0!important; margin-left:auto!important; grid-column:1 / -1!important; justify-self:stretch!important; text-align:right!important; direction:rtl!important; } /* Sidebar click states: collapsed = icons only; expanded = full labels. */ @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info a{ display:none!important; } body:not(.sidebar-collapse):has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info, body:not(.sidebar-collapse):has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info a{ display:block!important; width:auto!important; max-width:none!important; overflow:visible!important; white-space:nowrap!important; font-size:14px!important; } body:not(.sidebar-collapse):has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > button, body:not(.sidebar-collapse):has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > li > button{ width:100%!important; max-width:none!important; padding:11px 14px!important; justify-content:flex-start!important; } } #dashboardView [data-section="overview"] #metrics .metric:nth-child(3), #dashboardView [data-section="overview"] #metricsPlan .metric:nth-child(3){ display:none!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list{ background:#343a40!important; background-color:#343a40!important; } body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > button, body:has(#dashboardView:not(.hidden)) .account-nav .account-menu-list > li > button{ color:#fff!important; } @media (min-width:992px){ body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ width:73px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; z-index:1040!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list .nav-label{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list .nav-label{ display:inline-block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list > li > button{ width:57px!important; max-width:57px!important; padding:11px 0!important; justify-content:center!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list > button, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .account-menu-list > li > button{ width:100%!important; max-width:none!important; padding:11px 14px!important; justify-content:flex-start!important; } } /* Final sidebar/support corrections (must remain last in the cascade). */ .support-list .support-ticket-head{ direction:rtl!important; flex-direction:column!important; align-items:flex-end!important; justify-content:flex-start!important; } .support-list .support-ticket-head strong{ width:100%!important; text-align:right!important; } .support-list .support-ticket-head .support-status{ order:0!important; align-self:flex-end!important; margin:4px 0 0!important; } .support-list .support-ticket-date{ display:block!important; width:100%!important; margin-top:4px!important; text-align:right!important; direction:rtl!important; } @media (min-width:992px){ body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ background:#343a40!important; background-color:#343a40!important; color:rgba(255,255,255,.8)!important; } body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .sidebar, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar nav, body:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .account-menu-list{ background:#343a40!important; background-color:#343a40!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar{ width:73px!important; overflow:hidden!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .nav-link p{ display:none!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar .nav-link{ justify-content:center!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover{ width:250px!important; overflow:hidden!important; z-index:1040!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-text, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel .info, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link p{ display:block!important; } body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .brand-link, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .user-panel, body.sidebar-collapse:has(#dashboardView:not(.hidden)) .account-nav.main-sidebar:hover .nav-link{ justify-content:flex-start!important; } } /* Final mobile overrides */ @media (max-width:760px){ html,body{overflow-x:hidden!important} #dashboardView .account-layout{display:flex!important;flex-direction:column!important;gap:8px!important} #dashboardView .account-nav.main-sidebar{width:100%!important;height:auto!important;min-height:0!important;position:static!important;overflow:hidden!important;padding:6px!important} #dashboardView .account-nav .brand-link,#dashboardView .account-nav .user-panel,#dashboardView .account-nav:before{display:none!important} #dashboardView .account-nav .sidebar,#dashboardView .account-nav nav,#dashboardView .account-nav .account-menu-list{width:100%!important;margin:0!important;padding:0!important} #dashboardView .account-nav .account-menu-list{display:flex!important;flex-direction:row!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none} #dashboardView .account-nav .account-menu-list>button,#dashboardView .account-nav .account-menu-list>li>button{flex:0 0 auto!important;width:auto!important;min-width:88px!important;min-height:42px!important;padding:7px 10px!important;justify-content:center!important;white-space:nowrap!important;font-size:11px!important} #dashboardView .account-view{width:100%!important;min-height:0!important;padding:0!important} #dashboardView .account-view>[data-section]:not(.hidden){width:100%!important;min-height:0!important;padding:14px!important;border-radius:12px!important} #dashboardView .account-view h2{font-size:19px!important;margin-bottom:12px!important} #dashboardView .metric-grid{grid-template-columns:1fr!important;gap:8px!important} #dashboardView .metric-grid .metric:nth-child(3){grid-column:auto!important} #dashboardView .metric{min-height:105px!important;padding:11px!important} #dashboardView .project-tools{width:100%!important}#dashboardView .project-search{width:100%!important} #dashboardView .support-filter-panel{grid-template-columns:1fr!important} #dashboardView .account-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important} } @media(max-width:760px){ .account-top .account-menu-toggle{width:48px!important;height:48px!important;min-width:48px!important;display:grid!important;place-items:center!important;border-radius:12px!important;font-size:24px!important;background:#edf2ee!important;color:#28483b!important} .account-top h1{font-size:0!important;white-space:nowrap!important;flex:1!important;text-align:center!important} .account-top h1:after{content:"پنل مدیریت"!important;font-size:17px!important;font-weight:800!important;color:#28483b!important} .account-top .account-userbar{gap:0!important} .account-top .account-userbar .user-icon,.account-top .account-userbar .user-name{display:none!important} .account-top #logoutBtn{font-size:0!important;width:44px!important;min-width:44px!important;height:42px!important;padding:0!important} .account-top #logoutBtn:after{content:"↪"!important;font-size:23px!important} } @media(max-width:760px){ #dashboardView, #dashboardView .account-view, #dashboardView [data-section], #dashboardView [data-section] *{ font-family:"VazirLocal","Vazir",Tahoma,sans-serif!important; } #dashboardView [data-section="overview"] #profileSummary + .profile-settings, #dashboardView [data-section="overview"] .profile-settings:last-child{ grid-template-columns:1fr!important; display:grid!important; margin-left:0!important; margin-right:0!important; } #dashboardView [data-section="overview"] #profileSummary + .profile-settings .profile-setting, #dashboardView [data-section="overview"] .profile-settings:last-child .profile-setting{ width:100%!important; min-height:62px!important; box-sizing:border-box!important; } #dashboardView [data-section] > .usage-page, #dashboardView [data-section] > .profile-edit-page, #dashboardView [data-section] > .support-page, #dashboardView [data-section] > .admin-analysis-settings, #dashboardView [data-section="overview"] #profileSummary, #dashboardView [data-section="overview"] .profile-settings, #dashboardView [data-section="overview"] #metrics, #dashboardView [data-section="overview"] .profile-section-title{ margin-left:0!important; margin-right:0!important; } #dashboardView .usage-rings{ min-height:112px!important; gap:28px!important; margin:16px 0 28px!important; } #dashboardView .usage-ring{ width:76px!important; height:76px!important; flex:0 0 76px!important; font-size:16px!important; } #dashboardView .usage-ring::after{inset:8px!important} #dashboardView .usage-ring span{font-size:16px!important} #dashboardView .usage-ring small{top:86px!important;font-size:11px!important} } @media(max-width:760px){ #dashboardView [data-section="history"]{ padding:8px!important; } #dashboardView [data-section="history"] .section-heading, #dashboardView [data-section="history"] #projectsList{ margin-left:0!important; margin-right:0!important; } #dashboardView [data-section="history"] .section-heading{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:10px!important; } #dashboardView [data-section="history"] .section-heading h2{ margin:0!important; font-size:19px!important; } #dashboardView [data-section="history"] .project-tools{ display:flex!important; width:100%!important; gap:7px!important; } #dashboardView [data-section="history"] .project-search{ flex:1 1 auto!important; width:auto!important; min-width:0!important; height:42px!important; font-size:13px!important; } #dashboardView [data-section="history"] .project-add{ flex:0 0 42px!important; width:42px!important; height:42px!important; font-size:22px!important; } #dashboardView [data-section="history"] #projectsList{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; margin-top:8px!important; } #dashboardView [data-section="history"] .project-row{ width:100%!important; min-height:58px!important; box-sizing:border-box!important; padding:12px 10px!important; border-radius:10px!important; gap:8px!important; } #dashboardView [data-section="history"] .project-row strong, #dashboardView [data-section="history"] .project-row span{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #dashboardView [data-section="history"] .project-row small{ flex:0 0 auto!important; font-size:10px!important; } } @media(max-width:760px){ .account-top, .account-top h1, .account-top h1:after, #dashboardView .account-nav, #dashboardView .account-nav *, #dashboardView .account-menu-toggle, #dashboardView #logoutBtn{ font-family:"VazirLocal","Vazir",Tahoma,sans-serif!important; } .account-top h1:after{font-size:17px!important;line-height:1.4!important} #dashboardView .account-nav .brand-text{font-size:17px!important;font-weight:800!important} #dashboardView .account-nav .user-panel .info, #dashboardView .account-nav .user-panel .info a, #dashboardView .account-nav .account-menu-list>button, #dashboardView .account-nav .account-menu-list>li>button{ font-size:13px!important; line-height:1.7!important; } #dashboardView [data-section="support"]{ padding:8px!important; } #dashboardView [data-section="support"] .support-page{ margin:0!important; gap:9px!important; } #dashboardView [data-section="support"] .profile-edit-header{ margin:-8px -8px 8px!important; padding:9px 2px!important; } #dashboardView [data-section="support"] .profile-edit-header h2{ font-size:18px!important; line-height:1.6!important; } #dashboardView [data-section="support"] .profile-back{ width:42px!important; height:42px!important; min-width:42px!important; max-width:42px!important; flex:0 0 42px!important; aspect-ratio:1 / 1!important; border-radius:50%!important; padding:0!important; display:grid!important; place-items:center!important; } #dashboardView [data-section="support"] .support-toolbar{ display:flex!important; align-items:center!important; gap:7px!important; } #dashboardView [data-section="support"] .support-action, #dashboardView [data-section="support"] .support-filter-btn{ min-height:42px!important; font-size:12px!important; padding:9px 12px!important; } #dashboardView [data-section="support"] .support-new-form{ gap:8px!important; } #dashboardView [data-section="support"] .support-new-form input, #dashboardView [data-section="support"] .support-new-form textarea{ width:100%!important; box-sizing:border-box!important; font-size:12px!important; } #dashboardView [data-section="support"] .support-new-form textarea{ min-height:110px!important; } #dashboardView [data-section="support"] .support-ticket{ padding:11px!important; border-radius:10px!important; } #dashboardView [data-section="support"] .support-ticket-head{ align-items:flex-start!important; gap:7px!important; } #dashboardView [data-section="support"] .support-ticket-head strong{ font-size:13px!important; line-height:1.7!important; } #dashboardView [data-section="support"] .support-ticket small, #dashboardView [data-section="support"] .support-status{ font-size:10px!important; } } @media(max-width:760px){ .account-top h1:before{display:none!important;content:none!important} .account-top h1:after{content:"جستجوی هوشمند قوانین"!important;font-size:16px!important} .account-top #logoutBtn{display:none!important} #dashboardView .account-nav .mobile-drawer-logout{ display:flex!important; color:#ffd9d5!important; border-top:1px solid #ffffff2b!important; margin-top:10px!important; padding-top:16px!important; } #dashboardView .account-nav .mobile-drawer-logout:before{content:"↪"!important;color:#ffd9d5!important} } @media(max-width:760px){ #dashboardView .account-view>[data-section="overview"]{ padding:8px!important; } #dashboardView .account-view>[data-section]:not(.hidden){ padding:8px!important; } #dashboardView .account-view>[data-section]:not(.hidden) .profile-edit-header{ margin:-8px -8px 10px!important; padding:10px 2px!important; } #dashboardView .account-view>[data-section]:not(.hidden) .account-card, #dashboardView .account-view>[data-section]:not(.hidden) .usage-card, #dashboardView .account-view>[data-section]:not(.hidden) .profile-edit-card, #dashboardView .account-view>[data-section]:not(.hidden) .profile-settings, #dashboardView .account-view>[data-section]:not(.hidden) .support-ticket, #dashboardView .account-view>[data-section]:not(.hidden) .support-list, #dashboardView .account-view>[data-section]:not(.hidden) .support-thread{ width:100%!important; box-sizing:border-box!important; } #dashboardView [data-section="overview"] #profileSummary, #dashboardView [data-section="overview"] .profile-settings, #dashboardView [data-section="overview"] .metric{ border-radius:10px!important; } #dashboardView [data-section="overview"] #profileSummary{ margin:0 0 8px!important; padding:12px 10px!important; } #dashboardView [data-section="overview"] .profile-settings{ padding:8px!important; margin-bottom:8px!important; } #dashboardView .profile-avatar, #dashboardView .profile-head .profile-avatar, #dashboardView #topUserAvatar, #dashboardView #sidebarUserAvatar{ width:56px!important; height:56px!important; min-width:56px!important; min-height:56px!important; max-width:56px!important; max-height:56px!important; flex:0 0 56px!important; aspect-ratio:1 / 1!important; border-radius:50%!important; overflow:hidden!important; } #dashboardView .profile-avatar img, #dashboardView #topUserAvatar img, #dashboardView #sidebarUserAvatar img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; border-radius:50%!important; } } @media(max-width:760px){ body.mobile-menu-open{overflow:hidden!important} #dashboardView ~ *{} .account-top .account-menu-toggle{ width:48px!important;height:48px!important;min-width:48px!important; display:grid!important;place-items:center!important;border-radius:12px!important; font-size:24px!important;background:#edf2ee!important;color:#28483b!important; } .account-top h1{ font-size:0!important;white-space:nowrap!important;flex:1!important;text-align:center!important; } .account-top h1:after{content:"پنل مدیریت";font-size:17px!important;font-weight:800!important;color:#28483b!important} .account-top .account-userbar{gap:0!important} .account-top .account-userbar .user-icon, .account-top .account-userbar .user-name{display:none!important} .account-top #logoutBtn{font-size:0!important;width:44px!important;min-width:44px!important;height:42px!important;padding:0!important} .account-top #logoutBtn:after{content:"↪";font-size:23px!important} body.mobile-menu-open:after{content:"";position:fixed;inset:0;background:rgba(18,29,24,.48);z-index:1039} body.mobile-menu-open .account-nav.main-sidebar{transform:translateX(0)!important;visibility:visible!important} #dashboardView .account-nav.main-sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;z-index:1040!important;width:min(84vw,320px)!important;height:100dvh!important;min-height:100dvh!important;padding:14px 10px!important;border-radius:0!important;transform:translateX(105%)!important;transition:transform .24s ease!important;visibility:hidden!important;overflow-y:auto!important;background:#243b31!important} #dashboardView .account-nav .brand-link{display:flex!important;margin:0 4px 16px!important;color:#fff!important} #dashboardView .account-nav .user-panel{display:flex!important;margin:0 4px 12px!important;padding:10px 4px!important;border-bottom:1px solid #ffffff2b!important} #dashboardView .account-nav .account-menu-list{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:4px!important} #dashboardView .account-nav.main-sidebar, #dashboardView .account-nav.main-sidebar .sidebar, #dashboardView .account-nav.main-sidebar nav, #dashboardView .account-nav.main-sidebar .account-menu-list{ display:block!important; float:none!important; clear:both!important; box-sizing:border-box!important; direction:rtl!important; } #dashboardView .account-nav.main-sidebar .brand-link, #dashboardView .account-nav.main-sidebar .user-panel, #dashboardView .account-nav.main-sidebar nav{ position:relative!important; right:auto!important; left:auto!important; top:auto!important; width:100%!important; } #dashboardView .account-nav.main-sidebar .brand-link{ display:flex!important; min-height:48px!important; align-items:center!important; justify-content:flex-start!important; padding:10px 12px!important; margin:0 0 8px!important; border-bottom:1px solid #ffffff2b!important; } #dashboardView .account-nav.main-sidebar .user-panel{ display:flex!important; min-height:48px!important; align-items:center!important; margin:0 0 10px!important; } #dashboardView .account-nav .account-menu-list>button,#dashboardView .account-nav .account-menu-list>li>button{width:100%!important;min-width:0!important;justify-content:flex-start!important;padding:13px 14px!important;min-height:46px!important;color:#e8eee9!important;font-size:13px!important;border-radius:10px!important} #dashboardView .account-nav .account-menu-list>button.active,#dashboardView .account-nav .account-menu-list>li>button.active{background:#ffffff1c!important;color:#fff!important} #dashboardView .profile-edit-header{position:sticky!important;top:-12px!important;z-index:2!important;margin:-12px -12px 12px!important;padding:10px 2px!important;background:var(--rv-card)!important;border-bottom:1px solid var(--rv-border)!important} #dashboardView .profile-edit-header h2{margin:0!important;font-size:18px!important} #dashboardView .profile-back{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;border-radius:50%!important;background:#eeeae2!important;font-size:24px!important} #dashboardView [data-section="consumption"] .usage-summary{text-align:right!important;padding:14px!important} #dashboardView [data-section="consumption"] .usage-rings{gap:34px!important;margin:16px 0 28px!important} #dashboardView [data-section="consumption"] .usage-card{padding:13px!important} #dashboardView [data-section="consumption"] .usage-fields{grid-template-columns:1fr!important;gap:8px!important} #dashboardView [data-section="consumption"] .usage-toggle-row{align-items:flex-start!important} #dashboardView [data-section="consumption"] .usage-toggle-row p,#dashboardView [data-section="consumption"] .usage-card>p,#dashboardView [data-section="consumption"] .usage-summary p{font-size:11px!important;line-height:1.9!important} }