/* UI Batch 7 REV8 — Option 3 segmented-controls topbar.
   Presentation only. Existing select IDs remain authoritative for persistence. */
.authenticated .topbar{
  min-height:70px;
  flex-wrap:nowrap;
  gap:10px;
  padding:9px 18px;
  background:rgba(255,255,255,.975);
}
.authenticated .topbar .search{min-width:210px;max-width:390px;flex:1 1 320px}
.hp-topbar-segments{
  margin-inline-start:auto!important;
  display:flex!important;
  align-items:center;
  gap:9px!important;
  width:auto!important;
  flex-wrap:nowrap!important;
}
.hp-pref-native{
  position:absolute!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;
  border:0!important;padding:0!important;margin:-1px!important;
}
.hp-segment-group,.hp-date-segment{
  position:relative;
  display:flex;
  align-items:center;
  min-height:46px;
  height:46px;
  padding:5px;
  border:1px solid #d6e3f3;
  border-radius:13px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 3px 10px rgba(22,50,92,.045);
}
.hp-segment-group:focus-within,.hp-date-segment:focus-within{
  border-color:#a9c9ef;box-shadow:0 0 0 3px rgba(22,136,248,.10),0 5px 16px rgba(22,76,150,.08)
}
.hp-segment-icon,.hp-date-icon{
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
  margin-inline:1px 4px;border-radius:9px;background:#edf5ff;color:#1688f8;
  font-size:15px;font-weight:900
}
.hp-segment-icon img{width:24px;height:16px;border-radius:4px;display:block}
.hp-segment-btn{
  appearance:none;border:0;background:transparent;color:#36527b;
  min-height:34px;padding:0 10px;border-radius:9px;
  font:800 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease
}
.hp-segment-btn:hover{background:#edf5ff;color:#174b8d}
.hp-segment-btn.is-active{
  color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1688f8 62%,#6d5dfb 100%);
  box-shadow:0 4px 10px rgba(37,99,235,.20)
}
.hp-segment-btn:focus-visible{outline:2px solid #1688f8;outline-offset:2px}
.hp-segment-rtl{font-family:inherit}
.hp-language-group{min-width:178px}
.hp-date-segment{gap:7px;padding-inline-end:7px;min-width:305px}
.hp-date-copy{display:flex;flex-direction:column;justify-content:center;min-width:132px;line-height:1.08}
.pref-today-gregorian{color:#142f5b;font-size:11.5px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}
.pref-today-solar{margin-top:4px;color:#7386a6;font-size:9px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.hp-calendar-segments{display:flex;align-items:center;gap:2px;padding-inline-start:6px;border-inline-start:1px solid #dce7f5}
.hp-calendar-segments .hp-segment-btn{padding-inline:9px}
.hp-layout-group{min-width:130px}
.hp-layout-icon{font-size:14px}
/* User card remains visually compatible but cleaner next to segmented groups. */
.hp-user-menu{position:relative;flex:0 0 auto}.hp-user-menu>summary{list-style:none}.hp-user-menu>summary::-webkit-details-marker{display:none}
.hp-user-card{display:flex;align-items:center;gap:8px;min-width:145px;height:46px;padding:5px 9px;border:1px solid #d6e3f3;border-radius:13px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 3px 10px rgba(22,50,92,.045);cursor:pointer;user-select:none}
.hp-user-card:hover,.hp-user-menu[open] .hp-user-card{border-color:#b8d0ee;box-shadow:0 6px 18px rgba(22,76,150,.09)}
.hp-user-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#18c979,#08a968);color:#fff;font-size:13px;font-weight:900;box-shadow:0 4px 10px rgba(8,169,104,.18)}
.hp-user-copy{display:flex;flex-direction:column;min-width:0;line-height:1.08}.hp-user-copy strong{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#142f5b;font-size:11px}.hp-user-copy small{margin-top:4px;color:#7386a6;font-size:8.5px;font-weight:700}.hp-user-chevron{margin-inline-start:auto;color:#5b739c;font-size:12px}.hp-user-menu[open] .hp-user-chevron{transform:rotate(180deg)}
.hp-user-menu-popover{position:absolute;z-index:1200;top:calc(100% + 8px);inset-inline-end:0;width:210px;padding:10px;border:1px solid #d5e2f2;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(12,35,75,.16)}
.hp-user-menu-name{padding:7px 8px 11px;border-bottom:1px solid #e5edf7}.hp-user-menu-name strong{display:block;color:#142f5b;font-size:12px}.hp-user-menu-name span{display:block;margin-top:3px;color:#7b8ca9;font-size:10px}.hp-user-logout{margin:8px 0 0!important}.hp-user-logout button{width:100%;min-height:36px;padding:8px 10px;border-radius:9px;background:#f3f7fc;color:#28466f;text-align:left;box-shadow:none}.hp-user-logout button:hover{background:#eaf2fc;color:#123b73}
html[dir=rtl] .hp-user-logout button{text-align:right}
html[dir=rtl] .hp-topbar-segments{direction:rtl}
html[dir=rtl] .hp-date-copy{direction:rtl;text-align:right}
/* Responsive: keep a single row as long as practical, then progressively simplify. */
@media(max-width:1380px){
  .authenticated .topbar{padding-inline:12px;gap:7px}.authenticated .topbar .search{min-width:150px;max-width:260px}
  .hp-topbar-segments{gap:6px!important}.hp-language-group{min-width:154px}.hp-date-segment{min-width:270px}.hp-layout-group{min-width:118px}
  .hp-segment-btn{padding-inline:7px;font-size:10.5px}.hp-user-card{min-width:132px}
}
@media(max-width:1180px){
  .hp-language-group .hp-segment-btn[data-pref-value="ps"],.hp-language-group .hp-segment-btn[data-pref-value="fa"]{padding-inline:5px;font-size:10px}
  .hp-date-segment{min-width:244px}.hp-date-copy{min-width:112px}.pref-today-gregorian{font-size:10.5px}
  .hp-user-copy small{display:none}.hp-user-card{min-width:112px}
}
@media(max-width:1040px){
  .authenticated .topbar{flex-wrap:wrap}.authenticated .topbar .search{max-width:none}
  .hp-topbar-segments{order:3;flex:1 1 100%;justify-content:flex-end}
}
@media(max-width:760px){
  .authenticated .topbar{flex-wrap:wrap!important;gap:7px}.authenticated .topbar .search{order:2!important;flex:1 1 calc(100% - 48px)!important;max-width:none}
  .hp-topbar-segments{order:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:6px!important}
  .hp-language-group,.hp-layout-group,.hp-date-segment{width:100%;min-width:0}.hp-date-segment{grid-column:1/-1}
  .hp-user-menu{order:1;margin-inline-start:auto}.hp-user-copy{display:none}.hp-user-card{min-width:44px;width:44px;padding:5px;justify-content:center}.hp-user-chevron{display:none}
}
@media(max-width:480px){
  .hp-language-group{grid-column:1/-1}.hp-layout-group{grid-column:1/-1}.hp-segment-group,.hp-date-segment{height:auto;min-height:44px}
  .hp-language-group{justify-content:center}.hp-layout-group{justify-content:center}.hp-date-segment{flex-wrap:wrap}.hp-date-copy{flex:1 1 125px}.hp-calendar-segments{margin-inline-start:auto}
}
@media(prefers-reduced-motion:reduce){.hp-segment-btn,.hp-user-card,.hp-user-chevron{transition:none!important;transform:none!important}}
@media print{.hp-topbar-segments,.hp-user-menu{display:none!important}}

/* UI/UX Batch 8 — Gregorian first, Persian-script Hijri Shamsi below with equal prominence */
.pref-today-gregorian,.pref-today-solar{font-size:12.5px!important;font-weight:900!important;line-height:1.12}
.pref-today-solar{margin-top:4px;color:#142f5b;direction:rtl;unicode-bidi:isolate;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:0}
@media(max-width:1180px){.pref-today-gregorian,.pref-today-solar{font-size:11.5px!important}}