/* Shared header, aligned with the dashboard's blue-indigo palette. */
.panel-header,.panel-header *{box-sizing:border-box}
.panel-header{position:sticky!important;top:0!important;z-index:1030!important;display:block!important;height:72px!important;background:#fff!important;border-bottom:1px solid #e3e7f4;box-shadow:0 4px 18px #2736750b!important;font-family:Vazirmatn,FaVazir,Tahoma,sans-serif;direction:rtl;color:#172344}
body:has(.fa-dash)>.panel-header,body:has(.tm)>.panel-header{display:block!important}
body:has(#sharedPanelHeader) .fa-dash .fa-topbar,body:has(#sharedPanelHeader) .tm .tm-topbar{display:none!important}
body:has(#sharedPanelHeader) .fa-dash .fa-document-overlay{z-index:1100}
.panel-header .panel-nav{width:min(100%,1480px);height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:14px;margin:auto;padding:0 28px!important}
.panel-header .nav-right,.panel-header .nav-left{display:flex!important;align-items:center;gap:10px!important;min-width:0}
.panel-header .nav-left{justify-content:flex-start;direction:ltr}
.panel-header a{text-decoration:none!important}
.panel-header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.panel-header .panel-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;line-height:1.25;text-align:center}
.panel-header .panel-brand{color:#1c2a53!important;font-size:18px;font-weight:900;white-space:nowrap}
.panel-header .panel-phone{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:23px;padding:3px 9px;border:1px solid #e3e9fa;border-radius:999px;background:#f7f9ff;color:#596a96!important;font-size:11px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.panel-header .panel-phone b{font-size:11px;font-weight:800}
.panel-header .panel-phone:hover{color:#4f60d8!important}
.panel-header :is(.panel-subscribe,.panel-dashboard,.panel-support,.panel-login,.panel-phone):focus-visible{outline:3px solid #8294ee;outline-offset:3px}
.panel-header .panel-subscribe{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;max-width:175px;padding:7px 12px;border:1px solid #dce4fc;border-radius:12px;background:#f0f3ff;color:#485ac8!important;font-size:13px;font-weight:800;white-space:nowrap}
.panel-header .panel-subscribe span{overflow:hidden;text-overflow:ellipsis}
.panel-header .panel-subscribe.is-active{border-color:#d8e7ff;background:#eff6ff;color:#3264c2!important}
.panel-header .panel-subscribe:hover,.panel-header .panel-dashboard:hover,.panel-header .panel-support:hover{background:#e7edff}
.panel-header .panel-dashboard{display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:7px 12px;border:1px solid #dce4fc;border-radius:12px;background:#f2f5ff;color:#4558c6!important;font-size:13px;font-weight:800;white-space:nowrap;direction:rtl}
.panel-header .panel-dashboard svg{width:18px;height:18px}
.panel-header .panel-support{display:grid;place-items:center;width:43px;height:43px;border:1px solid #dce4fc;border-radius:12px;background:#f2f5ff;color:#4558c6!important}
.panel-header .panel-login{display:inline-flex;align-items:center;min-height:40px;padding:7px 16px;border-radius:12px;background:linear-gradient(115deg,#3e74e6,#7055c5);color:#fff!important;font-size:13px;font-weight:800}
@media(max-width:850px){
 .panel-header .panel-nav{gap:10px;padding-inline:14px!important}
 .panel-header .nav-left{gap:6px!important}
}
@media(max-width:700px){
 .panel-header{height:64px!important}
 .panel-header .panel-nav{gap:6px;padding-inline:10px!important}
 .panel-header .panel-brand{font-size:15px}
 .panel-header .panel-phone{min-height:21px;padding:2px 7px}
 .panel-header .panel-phone span{display:none}
 .panel-header .nav-left{gap:5px!important}
 .panel-header .panel-support{display:grid!important;width:38px;height:38px;flex:none}
 .panel-header .panel-support svg{width:18px;height:18px}
 .panel-header .panel-subscribe{min-height:38px;max-width:115px;padding:5px 8px;gap:5px;font-size:11px}
 .panel-header .panel-subscribe svg{width:16px;height:16px}
 .panel-header .panel-dashboard{min-height:38px;padding:5px 8px;font-size:11px;gap:5px}
 .panel-header .panel-dashboard svg{width:16px;height:16px}
}
@media(max-width:390px){
 .panel-header .panel-support{display:none!important}
}
@media(max-width:360px){
 .panel-header .panel-nav{padding-inline:7px!important;gap:4px}
 .panel-header .panel-brand{font-size:13px}
 .panel-header .panel-phone b{font-size:10px}
 .panel-header .panel-subscribe{max-width:92px;padding-inline:5px;font-size:10px}
 .panel-header .panel-dashboard{padding-inline:5px;font-size:10px}
}

/* Header additions must not inherit site.css's generic button width:100%. */
#sharedPanelHeader button{width:auto;margin:0;text-transform:none;letter-spacing:normal}
#sharedPanelHeader .qa-trigger{width:auto;min-width:38px;min-height:38px;flex:0 0 auto;line-height:1.5}
#sharedPanelHeader .panel-workspace-button{width:auto;max-width:100%;min-width:0;flex:0 1 auto}
#sharedPanelHeader .panel-workspace-button b{flex-shrink:0}
#sharedPanelHeader .panel-workspace-button #panelWorkspaceName{min-width:0}
#sharedPanelHeader .nav-left,#sharedPanelHeader .nav-right,#sharedPanelHeader .panel-center{min-width:0}
#sharedPanelHeader .panel-brand{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:850px){
 #sharedPanelHeader .panel-nav{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px}
 #sharedPanelHeader .qa-trigger{width:36px;min-width:36px;padding:7px}
 #sharedPanelHeader .qa-trigger>span{display:none}
 #sharedPanelHeader .panel-workspace-button #panelWorkspaceName{display:none}
}
@media(max-width:600px){
 #sharedPanelHeader .panel-nav{padding-inline:8px!important;gap:5px}
 #sharedPanelHeader .nav-left{gap:4px!important}
 #sharedPanelHeader .panel-support{display:none!important}
 #sharedPanelHeader .panel-brand{font-size:14px}
 #sharedPanelHeader .panel-phone{padding:2px 5px;gap:4px}
 #sharedPanelHeader .panel-phone b{font-size:11px}
 #sharedPanelHeader .panel-dashboard{min-height:38px;padding:6px;font-size:11px;gap:0}
 #sharedPanelHeader .panel-dashboard svg{display:none}
 #sharedPanelHeader .panel-subscribe{max-width:112px;padding:5px 6px;gap:4px;font-size:11px}
 #sharedPanelHeader .qa-trigger{width:34px;min-width:34px;padding:6px}
}
@media(max-width:360px){
 #sharedPanelHeader .panel-nav{padding-inline:6px!important;gap:4px}
 #sharedPanelHeader .panel-subscribe{max-width:76px;font-size:10px;padding-inline:4px}
 #sharedPanelHeader .panel-dashboard{font-size:10px;padding-inline:5px}
 #sharedPanelHeader .panel-phone b{font-size:10px}
 #sharedPanelHeader .qa-trigger{width:32px;min-width:32px}
}
