/* Package v22: full-width service shells; leave cards, maps and dialogs alone. */
html body:is(.parsian-inner-app,.p137-manager-shell){--p137-page-gutter:clamp(10px,1.5vw,28px);margin:0!important;padding:0!important}
/* Only stretch theme / builder ancestors containing an app, not its form columns. */
html body:is(.parsian-inner-app,.p137-manager-shell) :is(.container,.ast-container,.site-content,.content-area,#primary,.wp-block-post-content,.is-layout-constrained,.elementor,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-shortcode,.elementor-widget-container,.e-con,.e-con-inner):has(:is(.p137-inner-page-shell,.p137-service-page,.p137-mh,.pms-full,.pra-v31,.pui-inner-root)){
  width:100%!important;max-width:none!important;min-width:0!important;flex-basis:auto!important;
  margin-inline:0!important;padding-inline:0!important;box-sizing:border-box!important}
html body:is(.parsian-inner-app,.p137-manager-shell) :is(#secondary,.site-sidebar,.widget-area){display:none!important}
html body.parsian-inner-app :is(.pui-inner-root,.p137-inner-page-shell,.pra-v31),
html body.parsian-inner-app .pms-full :is(.pms-wrap,.pms-topbar-in){
  width:calc(100% - var(--p137-page-gutter) - var(--p137-page-gutter))!important;
  max-width:none!important;min-width:0!important;margin-inline:auto!important;box-sizing:border-box!important}
html body.parsian-inner-app .pms-full{width:100%!important;max-width:none!important;margin-inline:0!important;box-sizing:border-box!important}
html body.parsian-inner-app .p137-inner-page-content,
html body.parsian-inner-app .p137-inner-page-content>:is(.p137-box,.p137-card,.p137-panel,.p137-my-center-card),
html body.parsian-inner-app :is(.p137-137-wizard,.p137-service-page,.p137-city-map-wrap,.p137-museum-page,.p137-appointment-shell){
  width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;box-sizing:border-box!important}
html body.parsian-inner-app .p137-appointment-shell>:is(.p137-appointment-card,.p137-appt-wizard,.p137-appt-history,.p137-appt-stepper,.p137-alert){max-width:none!important;width:100%!important;box-sizing:border-box!important}
html body.p137-manager-shell .p137-mh{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}

/* v28 — consistent icons + step indicators on pages opened from dashboard tiles.
   Loaded last (after dashboard-fold). Selectors start with "html body" and a wrapper
   class so they win over the older body.p137-*-page !important rules without
   depending on those body classes being present. */

/* ---------- Hero icons ---------- */
html body .p137-appointment-shell .p137-appointment-hero{align-items:center!important;gap:16px!important}
html body .p137-appointment-shell .p137-appointment-hero>div:first-child{flex:1 1 0!important;min-width:0!important}
html body .p137-appointment-shell .p137-appointment-hero-mark{
  flex:0 0 140px!important;width:140px!important;height:140px!important;min-width:140px!important;
  max-width:140px!important;max-height:140px!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body .p137-appointment-shell .p137-appointment-hero-mark img{
  width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;filter:drop-shadow(0 14px 10px rgba(4,30,60,.30))!important}

html body .p137-137-wizard .p137-137-hero{align-items:center!important;gap:16px!important}
html body .p137-137-wizard .p137-137-hero>div:first-child{flex:1 1 0!important;min-width:0!important}
html body .p137-137-wizard .p137-137-hero .p137-page-hero-3d{
  flex:0 0 140px!important;width:140px!important;height:140px!important;margin:0!important}
html body .p137-137-wizard .p137-137-hero .p137-page-hero-3d img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}

/* hero links: blue pill + quiet helper text */
html body .p137-137-wizard .p137-137-hero-links{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important;margin-top:12px!important}
html body .p137-137-wizard .p137-137-hero-links a{
  display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:0 16px!important;
  border-radius:999px!important;background:linear-gradient(145deg,#158ce9,#075fb6)!important;color:#fff!important;
  font-size:13px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;
  box-shadow:0 8px 18px rgba(9,103,184,.22)!important}
html body .p137-137-wizard .p137-137-hero-links span{font-size:11px!important;line-height:1.7!important;color:#5b7893!important;font-weight:600!important}

/* ---------- Steppers: shared row item layout ---------- */
html body .p137-appointment-shell .p137-appt-stepper>div,
html body .p137-urban-workflow .p137-urban-step{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;text-align:start!important}
html body .p137-appointment-shell .p137-appt-stepper>div>span,
html body .p137-urban-workflow .p137-urban-step>span{flex:0 0 auto!important}
html body .p137-appointment-shell .p137-appt-stepper>div>b,
html body .p137-urban-workflow .p137-urban-step>b{flex:1 1 auto!important;min-width:0!important;margin:0!important;text-align:start!important}

/* 701–850px: one row, 4 columns, no arrows, no helper text */
@media(max-width:850px){
  html body .p137-appointment-shell .p137-appt-stepper,
  html body .p137-urban-workflow{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  html body .p137-appointment-shell .p137-appt-stepper>i,
  html body .p137-urban-workflow>i,
  html body .p137-appointment-shell .p137-appt-stepper small,
  html body .p137-urban-workflow small{display:none!important}
}

/* ≤700px: clean rows — circle first, label right after */
@media(max-width:700px){
  html body .p137-appointment-shell .p137-appt-stepper,
  html body .p137-urban-workflow,
  html body .p137-137-wizard .p137-137-steps{grid-template-columns:1fr!important;gap:6px!important}
  html body .p137-appointment-shell .p137-appt-stepper>div,
  html body .p137-urban-workflow .p137-urban-step{padding:8px 12px!important;min-height:52px!important}
  html body .p137-appointment-shell .p137-appt-stepper>div>span,
  html body .p137-urban-workflow .p137-urban-step>span{width:36px!important;height:36px!important;min-width:36px!important;font-size:15px!important}
  html body .p137-appointment-shell .p137-appt-stepper>div>b,
  html body .p137-urban-workflow .p137-urban-step>b{font-size:14px!important;line-height:1.5!important}
  html body .p137-137-wizard .p137-137-steps>i{display:none!important}
  html body .p137-137-wizard .p137-137-steps button{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    gap:12px!important;padding:8px 14px!important;text-align:start!important}
  html body .p137-137-wizard .p137-137-steps button b{flex:0 0 auto!important}
  html body .p137-137-wizard .p137-137-steps button span{flex:1 1 auto!important;font-size:14px!important;text-align:start!important}

  /* hero: icon beside wrapped heading */
  html body .p137-appointment-shell .p137-appointment-hero,
  html body .p137-137-wizard .p137-137-hero{flex-direction:row!important;align-items:center!important;gap:10px!important}
  html body .p137-appointment-shell .p137-appointment-hero-mark,
  html body .p137-137-wizard .p137-137-hero .p137-page-hero-3d{
    flex:0 0 88px!important;width:88px!important;height:88px!important;min-width:88px!important;max-width:88px!important;max-height:88px!important}
  html body .p137-137-wizard .p137-137-hero h2,
  html body .p137-appointment-shell .p137-appointment-hero h1{font-size:21px!important;line-height:1.5!important}
}

/* v29 — بدون پس‌زمینه سفید کاشی‌ها، هدر فشرده‌تر با آمار پهن و هم‌فاصله، دستیار کوچک‌تر */
html.p137-dashboard-root body.p137-dashboard-page .pm26-dashboard .pm26-main{--fold-hero:clamp(72px,10dvh,92px)}
html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero .pm26-hero-status{transform:none!important;width:auto!important;max-width:none!important;flex:1 1 auto!important;min-width:0!important}
@media(min-width:821px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero{grid-template-columns:minmax(190px,.8fr) minmax(0,2.4fr)!important;gap:18px!important;margin:10px 22px 8px!important;padding:8px 18px!important}
}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stats{gap:10px!important;width:100%!important}
@media(min-width:601px){html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important;min-height:0!important;height:100%!important;padding:8px 6px!important;overflow:visible!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat-icon{flex:0 0 auto!important;width:36px!important;height:36px!important;margin:0 auto!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat-icon img{width:28px!important;height:28px!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;width:100%!important;min-width:0!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat small{font-size:11px!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important;text-align:center!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat strong{font-size:18px!important;line-height:1.2!important;text-align:center!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant{padding:7px 12px!important;gap:4px 10px!important;border-radius:16px!important;align-items:center!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant-icon{width:32px!important;height:32px!important;border-radius:11px!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant-icon img{width:28px!important;height:28px!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant-copy b{font-size:13px!important;margin-top:0!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant-search{height:34px!important;min-height:0!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant-search input{height:34px!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-assistant-search button{height:34px!important;padding:0 12px!important}

/* v30 — 3D header logos on second pages use the same box as the "137" logo
   (form / appointment hero): 140px on desktop, 88px on mobile. */
html body .p137-prop-head .p137-prop-head-3d,
html body .p137-urban-hero .p137-urban-hero-3d{
  flex:0 0 140px!important;width:140px!important;height:140px!important;min-width:140px!important;max-width:140px!important;max-height:140px!important;margin:0!important;display:block!important}
html body .p137-prop-head .p137-prop-head-3d img,
html body .p137-urban-hero .p137-urban-hero-3d{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
@media(max-width:600px){
  html body .p137-prop-head .p137-prop-head-3d,
  html body .p137-urban-hero .p137-urban-hero-3d{
    flex:0 0 88px!important;width:88px!important;height:88px!important;min-width:88px!important;max-width:88px!important;max-height:88px!important}
}

/* v31 — برچسب آمار هدر در یک خط بماند (بدون شکستن «درخواست‌ها / باز») و بلوک آمار وسط‌چین و پهن بماند */
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-status{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stats{width:100%!important;max-width:100%!important;justify-items:stretch!important;justify-content:center!important;margin:0 auto!important}
html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat small{white-space:nowrap!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important;text-wrap:nowrap!important;font-size:11px!important;text-align:center!important}
@media(max-width:600px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat small{font-size:10px!important;letter-spacing:-.2px}
}

/* v32 — آمار هدر: در بازه ۸۲۱ تا ۱۱۰۰ پیکسل پنهان نشود (fold قدیمی display:none را لغو می‌کند)،
   در دسکتاپ آیکن کنار متن و هر آمار در یک ردیف افقی؛ در موبایل دو ستون با آیکن بالا. */
@media(min-width:821px) and (max-width:1100px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-main>.pm26-hero .pm26-hero-status{display:flex!important}
}
@media(min-width:821px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:start!important;gap:10px!important;padding:8px 12px!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat-icon{margin:0!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat>div{align-items:flex-start!important}
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat small,
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stat strong{text-align:start!important}
}
@media(max-width:600px){
  html.p137-dashboard-root body.p137-dashboard-page .pm26-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}