/* Digital Hub V136 · opaque transient institutional employment date picker */
.hub-date-btn-v135{
  width:100%;min-height:2.75rem;padding:0 .8rem;display:flex;align-items:center;gap:.7rem;
  border:1px solid var(--line);border-radius:.8rem;background:var(--surface-raised);color:var(--ink);
  font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.hub-date-btn-v135:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--surface-raised) 94%,var(--accent-soft))}
.hub-date-btn-v135:focus-visible,.hub-date-btn-v135[aria-expanded="true"]{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.hub-date-btn-v135 .hub-date-value-v135{flex:1;min-width:0;font-variant-numeric:tabular-nums}
.hub-date-btn-v135.is-empty .hub-date-value-v135{color:var(--muted)}
.hub-date-btn-v135 svg{flex:none;background:transparent;color:var(--accent)}

.hub-date-pop-v135{
  position:fixed;z-index:12000;width:304px;box-sizing:border-box;padding:13px;border:1px solid var(--line);
  border-radius:1rem;background:#FFFFFF!important;color:var(--ink);box-shadow:0 18px 48px rgba(18,42,66,.18);opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;
  overflow-y:auto;overscroll-behavior:contain;
}
.hub-pk-head-v135{display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:center;gap:.4rem;margin-bottom:.65rem}
.hub-pk-nav-v135,.hub-pk-title-v135,.hub-pk-choice-v135,.hub-pd-v135,.hub-pk-footbtn-v135{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.hub-pk-nav-v135{width:2rem;height:2rem;border-radius:.6rem;display:grid;place-items:center;font-size:1.2rem}
.hub-pk-nav-v135:hover:not(:disabled),.hub-pk-title-v135:hover,.hub-pk-choice-v135:hover:not(:disabled),.hub-pd-v135:hover:not(:disabled){background:var(--surface-sunken)}
.hub-pk-nav-v135:disabled,.hub-pk-choice-v135:disabled,.hub-pd-v135:disabled{cursor:not-allowed;opacity:.35}
.hub-pk-title-v135{height:2rem;min-width:0;border-radius:.6rem;display:flex;align-items:center;justify-content:center;gap:.45rem}
.hub-pk-title-v135 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}
.hub-pk-title-v135 span{font-size:.7rem;color:var(--muted)}
.hub-pk-dow-v135,.hub-pk-grid-v135{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.hub-pk-dow-v135{margin-bottom:.25rem}.hub-pk-dow-v135 span{text-align:center;font-size:.65rem;font-weight:750;color:var(--muted)}
.hub-pk-grid-v135{grid-template-rows:repeat(6,2.25rem)}
.hub-pd-v135{height:2.25rem;min-width:0;border-radius:.62rem;font-size:.78rem;font-variant-numeric:tabular-nums}
.hub-pd-v135.weekend{color:var(--ink-secondary)}
.hub-pd-v135.out{opacity:.28}.hub-pd-v135.selected{background:var(--accent);color:#fff;font-weight:800}
.hub-pk-jump-v135{padding:.1rem 0 .25rem}
.hub-pk-decade-v135{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;gap:.35rem;padding-bottom:.55rem;margin-bottom:.55rem;border-bottom:1px solid var(--line)}
.hub-pk-decade-v135 strong{text-align:center;font-size:.76rem;color:var(--ink-secondary);font-variant-numeric:tabular-nums}
.hub-pk-years-v135{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.hub-pk-months-v135{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}
.hub-pk-choice-v135{height:2.1rem;border-radius:.58rem;font-size:.75rem;font-variant-numeric:tabular-nums}
.hub-pk-choice-v135.selected{background:var(--accent-soft);color:var(--accent);font-weight:800}.hub-pk-choice-v135.edge{color:var(--muted)}
.hub-pk-label-v135{display:block;margin:.65rem .1rem .35rem;font-size:.64rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.hub-pk-foot-v135{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line)}
.hub-pk-footbtn-v135{min-height:2rem;border:1px solid var(--line);border-radius:.65rem;font-size:.73rem;font-weight:700;color:var(--ink-secondary)}
.hub-pk-footbtn-v135:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent);background:var(--accent-soft)}
.hub-pk-footbtn-v135:disabled{opacity:.4;cursor:not-allowed}

html[data-theme="dark"] .hub-date-pop-v135{background:#0A2B49!important;box-shadow:0 22px 54px rgba(0,0,0,.5);opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="dark"] .hub-date-btn-v135{background:var(--surface-raised)}

@media(max-width:640px){
  .hub-date-pop-v135.sheet-mode{
    left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:.85rem;border-radius:1.15rem;box-shadow:0 18px 50px rgba(18,42,66,.25);
  }
  .hub-date-pop-v135.sheet-mode .hub-pk-grid-v135{grid-template-rows:repeat(6,clamp(2.15rem,6dvh,2.7rem))}
  .hub-date-pop-v135.sheet-mode .hub-pd-v135{height:clamp(2.15rem,6dvh,2.7rem)}
  .hub-date-pop-v135.sheet-mode .hub-pk-choice-v135{height:2.55rem}
  .hub-date-pop-v135.sheet-mode .hub-pk-footbtn-v135{min-height:2.65rem}
}
@media(max-width:380px){
  .hub-date-pop-v135.sheet-mode{left:5px!important;right:5px!important;padding:.7rem}
  .hub-pk-dow-v135 span{font-size:.61rem}
}
