/* Scoped product sections; no rules for the host navigation, hero or footer. */
.product-section {
  --product-paper: #f1f0ec;
  --product-muted: #a4a7af;
  --product-line: rgba(255,255,255,.15);
  --product-ui-ink: #24303a;
  position: relative;
  z-index: 3;
  width: min(1680px, calc(100% - 2 * clamp(24px, 5vw, 92px)));
  margin: 0 auto;
  padding: clamp(100px, 10vw, 180px) 0;
  color: var(--product-paper);
  font-family: var(--secondary, "Helvetica Neue", Helvetica, sans-serif);
  font-size: 18px;
  line-height: 1.6;
  scroll-margin-top: 100px;
}
.product-section *, .product-section *::before, .product-section *::after { box-sizing: border-box; }
.product-section :is(h2,h3,h4,p,figure) { margin: 0; }
.product-section [hidden] { display: none !important; }
.product-section button, .product-section a { -webkit-tap-highlight-color: transparent; }
.product-section button { font: inherit; cursor: pointer; }
.product-section a { color: inherit; text-decoration: none; }
.product-section :is(button,a):focus-visible { outline: 2px solid #c7d9eb; outline-offset: 7px; border-radius: 3px; }
.product-section-label { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--product-line); margin-bottom: clamp(55px, 6vw, 104px); color: #b4b7be; font-size: 16px; }
.product-section-label span:last-child { color: #f0efeb; font-size: 22px; letter-spacing: -.045em; }
.product-overview { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(40px, 5vw, 88px); }
.product-overview-copy { position: relative; z-index: 2; }
.product-eyebrow { color: #9599a2; font-size: 15px; letter-spacing: .08em; margin-bottom: 22px !important; }
.product-section h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: clamp(56px, 5.8vw, 104px); font-weight: 300; line-height: .99; letter-spacing: -.06em; }
.product-section h2 span, .product-feature-intro h3 span { color: #91969f; font-weight: 300; }
.product-lead { max-width: 40ch; margin-top: 30px !important; color: #b0b4bc; font-size: 18px; line-height: 1.7; }
.product-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 36px; padding-bottom: 10px; margin-top: 32px; border-bottom: 1px solid #797e86; font-size: 18px; line-height: 1.4; }
.product-link span { font-family: Arial, sans-serif; font-size: 24px; transition: transform .2s ease; }
.product-link:hover span { transform: translate(3px,-3px); }
.product-demo-ui { color: var(--product-ui-ink); font-size: 14px; line-height: 1.45; text-align: left; }
.product-work-composition { position: relative; min-width: 0; min-height: 520px; padding: 20px 38px 90px 0; }
.product-desktop { position: relative; width: 100%; overflow: hidden; background: #f6f7f9; border: 6px solid #252a31; border-radius: 15px; box-shadow: 0 24px 90px #0005, 0 0 0 1px #b7c6db21; }
.product-window-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 38px; padding: 0 13px; background: #e7ebef; color: #747f8b; font-size: 10px; }
.product-window-dots { color: #a4adb7; font-size: 8px; letter-spacing: 2px; white-space: nowrap; }
.product-demo-tag { color: #74828d; font-size: 11px; white-space: nowrap; }
.product-workspace { display: grid; grid-template-columns: 108px minmax(0,1fr); min-height: 340px; }
.product-sidebar { display: flex; flex-direction: column; gap: 20px; padding: 22px 12px; border-right: 1px solid #dde3e8; color: #7c8792; font-size: 11px; }
.product-sidebar strong { color: #293743; font-size: 18px; font-weight: 600; letter-spacing: -.05em; margin-bottom: 12px; }
.product-sidebar-current { color: #243e54; }
.product-sidebar-bottom { margin-top: auto; font-size: 9px; line-height: 1.5; }
.product-board-area { padding: 24px 18px 17px; min-width: 0; }
.product-ui-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 24px; }
.product-ui-kicker { display: block; margin-bottom: 10px; color: #83919c; font-size: 13px; }
.product-ui-heading .product-ui-kicker { font-size: 10px; margin-bottom: 5px; }
.product-ui-heading h3 { color: #253845; font-size: 21px; font-weight: 500; letter-spacing: -.035em; }
.product-ui-view { font-size: 10px; color: #617486; padding: 5px 9px; border: 1px solid #cfd9e1; border-radius: 5px; }
.product-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.product-lane { min-width: 0; }
.product-lane h4 { display: flex; align-items: center; gap: 5px; margin-bottom: 12px; font-size: 10px; font-weight: 500; color: #6d7c88; white-space: nowrap; }
.product-lane h4 i { width: 5px; height: 5px; border-radius: 50%; background: #9eaebe; }
.product-task { padding: 12px 10px; margin-bottom: 10px; border: 1px solid #dce3ea; border-radius: 7px; background: #fff; box-shadow: 0 3px 8px #24303a04; }
.product-task > span { display: block; color: #8395a4; font-size: 9px; margin-bottom: 8px; }
.product-task > strong { display: block; color: #2b3d4b; font-size: 12px; font-weight: 500; }
.product-task > small { display: block; color: #8a949f; font-size: 9px; margin-top: 11px; }
.product-task-highlight { border-color: #b5c7d7; }
.product-task-lines { margin-top: 16px; display: grid; gap: 5px; }
.product-task-lines b { width: 85%; height: 3px; border-radius: 2px; background: #e6ecf2; }
.product-task-lines b:last-child { width: 65%; }
.product-ui-done { color: #677f78 !important; }
.product-workspace-footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 27px; padding-top: 13px; border-top: 1px solid #dfe5eb; font-size: 9px; color: #8695a2; }
.product-phone { position: absolute; right: 0; bottom: 40px; width: 184px; min-height: 332px; padding: 28px 10px 48px; background: #edf2f6; border: 6px solid #252a31; border-radius: 29px; box-shadow: 0 23px 60px #0007, 0 0 0 1px #c5d8ec26; transform: rotate(4deg); }
.product-phone-island { position: absolute; top: 7px; left: 50%; width: 52px; height: 11px; border-radius: 20px; background: #252a31; transform: translateX(-50%); }
.product-phone-header { display: flex; align-items: center; justify-content: space-between; margin: 5px 0 11px; color: #374d60; }
.product-phone-header strong { font-size: 14px; letter-spacing: -.04em; }
.product-phone-channel { display: block; font-size: 9px; text-align: center; color: #86939e; margin-bottom: 20px; }
.product-phone-message { padding: 10px; width: 92%; background: #fff; border: 1px solid #dde5ed; border-radius: 8px 8px 8px 2px; font-size: 10px; line-height: 1.5; margin-top: 12px; }
.product-phone-message-out { background: #dfe9f1; border-color: #d2e0eb; margin-left: auto; border-radius: 8px 8px 2px 8px; }
.product-phone-message span { display: block; margin-top: 8px; color: #6f8591; font-size: 9px; }
.product-phone-input { position: absolute; left: 9px; right: 9px; bottom: 12px; display: flex; justify-content: space-between; padding: 8px 11px; border-radius: 20px; background: #fff; color: #8d9aa5; font-size: 9px; }
.product-figure-note { position: absolute; bottom: 0; left: 0; right: 0; color: #7d8590; font-size: 13px; line-height: 1.5; }
.product-feature-intro { margin-top: clamp(80px, 9vw, 150px); margin-bottom: 45px; }
.product-feature-intro h3 { font: 300 clamp(38px, 4vw, 64px)/1.06 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.045em; }
.product-explorer { display: grid; grid-template-columns: .83fr 1.17fr; gap: clamp(40px, 7vw, 120px); align-items: start; }
.product-feature-list { border-top: 1px solid var(--product-line); }
.product-feature-item { border-bottom: 1px solid var(--product-line); }
.product-feature-button { display: grid; grid-template-columns: 24px 1fr 24px; align-items: start; gap: 16px; width: 100%; padding: 26px 0; border: 0; background: transparent; color: #969ba5; text-align: left; font-size: 21px !important; line-height: 1.4; transition: color .2s ease; }
.product-feature-button[aria-expanded="true"], .product-feature-button:hover { color: #f2f1ed; }
.product-feature-number { padding-top: 4px; color: #777f8b; font-size: 13px; font-weight: 400; }
.product-feature-symbol { color: #747e8c; opacity: .5; font-size: 22px; text-align: right; transition: opacity .2s ease; }
.product-feature-button[aria-expanded="true"] .product-feature-symbol { opacity: 1; color: #d5e1ec; }
.product-feature-copy { padding: 0 20px 28px 40px; color: #abb0b9; font-size: 18px; line-height: 1.65; }
.product-visual-stage { min-width: 0; }
.product-feature-panel { display: flex; flex-direction: column; min-height: 520px; overflow: hidden; background: #eff3f7; border: 1px solid #d0dce7; border-radius: 13px; box-shadow: 0 32px 80px #0003; }
.product-panel-top, .product-panel-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 20px 28px; color: #677b8e; font-size: 13px; }
.product-panel-top { border-bottom: 1px solid #d8e1e9; background: #e8eef4; }
.product-panel-bottom { margin-top: auto; border-top: 1px solid #d8e1e9; font-size: 12px; }
.product-panel-content { flex: 1; padding: 33px 38px 36px; }
.product-panel-content h4 { color: #2b4255; font: 400 clamp(30px, 2.8vw, 44px)/1.06 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.045em; }
.product-timeline { margin-top: 34px; }
.product-timeline-head { display: flex; justify-content: space-between; margin-bottom: 22px; color: #748493; font-size: 11px; }
.product-timeline-row { display: grid; grid-template-columns: 78px minmax(0,1fr); align-items: center; gap: 12px; min-height: 39px; border-top: 1px solid #d7e1e9; font-size: 13px; color: #587084; }
.product-timeline-row b { display: block; position: relative; left: var(--start); width: var(--length); height: 12px; border-radius: 2px; background: #b4c6d7; }
.product-timeline-row:nth-child(3) b { background: #708ba4; }
.product-ledger { margin-top: 30px; }
.product-ledger > div { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 15px 0; border-bottom: 1px solid #d4dfe8; font-size: 14px; }
.product-ledger > div > span { color: #8595a2; }
.product-ledger strong { font-weight: 500; color: #3b5265; text-align: right; }
.product-ledger i { font-style: normal; padding-left: 15px; }
.product-conversation { margin-top: 30px; }
.product-conversation-out, .product-conversation-in { width: 88%; padding: 17px 20px; border: 1px solid #cedce7; border-radius: 9px; font-size: 15px; line-height: 1.6; }
.product-conversation-out { margin-left: auto; background: #dfe9f2; border-bottom-right-radius: 2px; }
.product-conversation-in { margin-top: 13px; background: #fff; border-bottom-left-radius: 2px; }
.product-conversation-in span { display: block; font-size: 12px; margin-top: 8px; color: #8a9aa7; }
.product-conversation-record { margin-top: 18px; text-align: center; color: #6d827e; font-size: 12px; }
.product-command-demo { margin-top: 29px; }
.product-command-label { font-size: 12px; color: #8091a0; margin-bottom: 10px; }
.product-command-demo > p { padding: 19px 21px; background: #fff; border: 1px solid #d4dfe8; border-radius: 7px; font-size: 17px; color: #415b70; }
.product-command-divider { text-align: center; padding: 10px; color: #a6b7c5; }
.product-command-result { display: grid; gap: 5px; padding: 18px 21px; border-left: 2px solid #8faac0; background: #e2ebf2; }
.product-command-result span, .product-command-result small { font-size: 12px; color: #8093a2; }
.product-command-result strong { font-size: 17px; font-weight: 500; }
.product-hellohub { padding-top: 55px; }
.product-hello-intro { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 10%; margin-bottom: 65px; }
.product-hello-intro h2 { font-size: clamp(54px, 5.2vw, 92px); }
.product-hello-intro .product-lead { max-width: 34ch; margin-bottom: 6px; }
.product-hello-explorer { grid-template-columns: .85fr 1.15fr; }
.product-hello-steps { padding-top: 15px; }
.product-step { padding: 24px 0; border-top: 1px solid var(--product-line); }
.product-step:last-of-type { border-bottom: 1px solid var(--product-line); }
.product-step-button { display: grid; grid-template-columns: 42px 1fr 22px; align-items: center; gap: 19px; width: 100%; padding: 0; background: transparent; border: 0; color: #979faa; text-align: left; font-size: 25px !important; line-height: 1.3; letter-spacing: -.025em; }
.product-step-number { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #4a535e; border-radius: 50%; font-size: 13px; letter-spacing: 0; color: #8d99a7; transition: background .2s ease, color .2s ease; }
.product-step-arrow { opacity: .35; font-size: 22px; }
.product-step-button[aria-expanded="true"], .product-step-button:hover { color: #f1f0ed; }
.product-step-button[aria-expanded="true"] .product-step-number { color: #202b35; border-color: #d3e0ec; background: #d3e0ec; }
.product-step-button[aria-expanded="true"] .product-step-arrow { opacity: 1; color: #d3e0ec; }
.product-step-copy { padding: 19px 20px 0 61px; color: #abb2bd; font-size: 18px; line-height: 1.7; }
.product-hello-steps .product-link { margin-left: 61px; }
.product-hello-panel { min-height: 580px; background: #edf2f7; }
.product-hello-panel .product-panel-content { padding-top: 23px; }
.product-step-progress { display: flex; gap: 6px; margin-bottom: 26px; }
.product-step-progress i { height: 3px; width: 32px; border-radius: 2px; background: #d2dde7; }
.product-step-progress .product-progress-current { background: #758fa7; }
.product-connection { display: flex; justify-content: center; align-items: center; margin: 38px 0 26px; }
.product-connection-node { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 126px; min-height: 88px; padding: 15px; border: 1px solid #c7d6e2; background: #fff; border-radius: 10px; text-align: center; font-size: 14px; }
.product-connection-node strong { font-size: 17px; font-weight: 500; }
.product-connection-hub { background: #dce7f0; color: #385570; font-weight: 600; font-size: 19px; letter-spacing: -.045em; }
.product-connection-line { width: 55px; height: 1px; background: #b3c8d9; }
.product-connection-summary { padding-top: 17px; border-top: 1px solid #d2dde7; text-align: center; }
.product-connection-summary > span { font-size: 12px; color: #8796a3; }
.product-connection-summary > p { font-size: 15px; margin: 8px 0; }
.product-template { margin-top: 28px; background: #fff; border: 1px solid #ccdbe6; border-radius: 10px; }
.product-template-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 17px 21px; border-bottom: 1px solid #e0e7ed; }
.product-template-heading strong { font-size: 15px; font-weight: 500; }
.product-template-heading > span { font-size: 11px; color: #94a0ab; }
.product-template > p { padding: 25px 21px; font-size: 17px; line-height: 1.7; color: #516575; }
.product-template-footer { display: flex; justify-content: space-between; gap: 12px; padding: 15px 21px; border-top: 1px solid #e0e7ed; color: #789085; font-size: 12px; }
.product-flow { display: grid; grid-template-columns: 1fr; gap: 3px; margin: 25px auto 0; max-width: 320px; }
.product-flow-node { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 13px 18px; border: 1px solid #cddae5; background: #f9fbfd; border-radius: 6px; font-size: 14px; }
.product-flow-node small { font-size: 11px; color: #8495a4; text-align: right; }
.product-flow-node strong { font-weight: 500; font-size: 18px; letter-spacing: -.04em; }
.product-flow-hub { background: #dce7f0; border-color: #b9cddd; color: #36546e; }
.product-flow-arrow { text-align: center; color: #9eb3c4; font-size: 18px; }
@media (min-width: 1500px) {
  .product-work-composition { min-height: 590px; }
  .product-workspace { min-height: 410px; grid-template-columns: 130px minmax(0,1fr); }
  .product-board-area { padding: 32px 24px; }
  .product-task { padding: 16px 12px; }
  .product-task > strong { font-size: 14px; }
  .product-lane h4 { font-size: 12px; }
  .product-phone { width: 204px; min-height: 358px; }
  .product-phone-message { font-size: 12px; }
}
@media (max-width: 1100px) {
  .product-overview { grid-template-columns: 1fr; gap: 52px; }
  .product-overview-copy { max-width: 720px; }
  .product-overview-copy h2 { font-size: clamp(64px, 8vw, 92px); }
  .product-work-composition { width: min(780px, 100%); margin: 0 auto !important; min-height: 540px; }
  .product-workspace { min-height: 355px; grid-template-columns: 120px minmax(0,1fr); }
  .product-explorer { gap: 36px; grid-template-columns: .95fr 1.05fr; }
  .product-feature-button { font-size: 19px !important; gap: 10px; }
  .product-feature-copy { padding-left: 34px; }
  .product-panel-content { padding-inline: 25px; }
  .product-hello-intro { gap: 40px; }
  .product-hello-intro h2 { font-size: 56px; }
  .product-step-button { font-size: 22px !important; gap: 12px; }
  .product-step-copy { padding-left: 54px; padding-right: 0; }
  .product-hello-steps .product-link { margin-left: 54px; }
}
@media (max-width: 760px) {
  .product-section { width: calc(100% - 48px); padding: 84px 0; scroll-margin-top: 84px; }
  .product-section-label { margin-bottom: 44px; padding-bottom: 18px; font-size: 14px; }
  .product-section-label span:last-child { font-size: 20px; }
  .product-eyebrow { font-size: 14px; margin-bottom: 18px !important; }
  .product-section h2, .product-overview-copy h2, .product-hello-intro h2 { font-size: clamp(47px, 12.5vw, 72px); }
  .product-lead { margin-top: 26px !important; font-size: 18px; }
  .product-overview { gap: 42px; }
  .product-work-composition { min-height: 448px; padding: 0 22px 100px 0; }
  .product-desktop { border-width: 4px; border-radius: 11px; }
  .product-window-bar { height: 30px; padding: 0 9px; gap: 6px; font-size: 9px; }
  .product-window-dots { display: none; }
  .product-window-bar .product-demo-tag { font-size: 9px; }
  .product-workspace { display: block; min-height: 300px; }
  .product-sidebar { display: none; }
  .product-board-area { padding: 21px 14px; }
  .product-ui-heading h3 { font-size: 22px; }
  .product-board { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .product-lane:last-child { display: none; }
  .product-task > strong { font-size: 13px; }
  .product-task > span, .product-task > small { font-size: 10px; }
  .product-workspace-footer { margin-top: 18px; }
  .product-phone { width: 136px; min-height: 252px; right: 0; bottom: 44px; padding: 25px 7px 38px; border-width: 5px; border-radius: 23px; transform: rotate(3deg); }
  .product-phone-island { width: 43px; height: 9px; }
  .product-phone-header strong { font-size: 12px; }
  .product-phone-channel { font-size: 8px; margin-bottom: 13px; }
  .product-phone-message { padding: 8px; font-size: 9px; margin-top: 9px; }
  .product-phone-message span { font-size: 8px; }
  .product-phone-input { padding: 6px 9px; bottom: 9px; font-size: 8px; }
  .product-figure-note { font-size: 12px; max-width: 32ch; }
  .product-feature-intro { margin-top: 66px; margin-bottom: 32px; }
  .product-feature-intro h3 { font-size: 39px; }
  .product-explorer { grid-template-columns: 1fr; gap: 30px; }
  .product-feature-button { font-size: 21px !important; padding-block: 22px; grid-template-columns: 22px 1fr 22px; }
  .product-feature-copy { padding: 0 0 25px 32px; font-size: 18px; }
  .product-feature-panel { min-height: 480px; }
  .product-panel-top, .product-panel-bottom { padding: 17px 20px; font-size: 11px; }
  .product-panel-top .product-demo-tag { font-size: 10px; }
  .product-panel-content { padding: 27px 23px 30px; }
  .product-panel-content h4 { font-size: 34px; }
  .product-timeline-head { font-size: 10px; }
  .product-timeline-row { grid-template-columns: 65px minmax(0,1fr); font-size: 12px; }
  .product-ledger > div { font-size: 13px; }
  .product-conversation-out, .product-conversation-in { font-size: 15px; padding: 16px; width: 94%; }
  .product-command-demo > p { font-size: 16px; padding: 17px; }
  .product-hellohub { padding-top: 34px; }
  .product-hello-intro { grid-template-columns: 1fr; gap: 4px; margin-bottom: 40px; }
  .product-hello-intro .product-lead { max-width: none; }
  .product-hello-steps { padding-top: 0; }
  .product-step { padding: 23px 0; }
  .product-step-button { grid-template-columns: 35px 1fr 20px; font-size: 23px !important; gap: 12px; }
  .product-step-number { width: 34px; height: 34px; font-size: 12px; }
  .product-step-copy { padding: 18px 0 0 47px; font-size: 18px; }
  .product-hello-steps .product-link { margin: 29px 0 7px 47px; }
  .product-hello-panel { min-height: 545px; }
  .product-connection-node { width: 112px; min-height: 82px; font-size: 12px; padding: 10px; }
  .product-connection-line { width: 30px; }
  .product-connection-hub { font-size: 18px; }
  .product-connection-summary > p { font-size: 14px; }
  .product-template-heading { padding: 15px; }
  .product-template-heading strong { font-size: 14px; }
  .product-template-heading > span { font-size: 10px; }
  .product-template > p { padding: 23px 18px; font-size: 16px; }
  .product-template-footer { padding: 14px 15px; font-size: 11px; }
  .product-flow-node { padding: 13px 15px; font-size: 13px; }
  .product-flow-node small { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-section *, .product-section *::before, .product-section *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* WorkHub reference refresh: original mark, white workspace and coral accents.
   Every override is scoped to WorkHub; HelloHub keeps its existing presentation. */
.product-workhub { --product-ui-ink: #2b292d; --wh-coral: #ff4b43; }
.product-workhub .product-desktop { border: 1px solid #ffffffa3; background: linear-gradient(135deg, #ffffffed, #faf7f9c9); border-radius: 17px; box-shadow: inset 0 1px 0 #fff, 0 26px 75px #0005, 0 0 0 1px #fff2; backdrop-filter: blur(26px) saturate(1.2); -webkit-backdrop-filter: blur(26px) saturate(1.2); }
.product-workhub .product-window-bar { background: linear-gradient(100deg, #ffffffc9, #f6eeeea6); color: #70676e; border-bottom: 1px solid #ffffffca; }
.product-workhub .product-demo-tag { color: #756970; }
.product-workhub .wh-app-shell { display: grid; grid-template-columns: 111px minmax(0, 1fr); min-height: 419px; background: radial-gradient(ellipse at 95% 4%, #ffdeda57, transparent 58%), linear-gradient(140deg, #ffffffdc, #fff8fbe0); }
.product-workhub .wh-sidebar { display: flex; flex-direction: column; gap: 9px; padding: 16px 11px; border-right: 1px solid #e7dedeb3; background: linear-gradient(155deg, #fcfafac9, #f8f5f5a1); color: #716d73; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 9px; line-height: 1.25; }
.product-workhub .wh-brand { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; color: #1d1b1e; font-size: 14px; font-weight: 600; letter-spacing: -.04em; white-space: nowrap; }
.product-workhub .wh-brand img, .product-workhub .wh-panel-brand img { display: block; object-fit: contain; }
.product-workhub .wh-nav-label { margin-top: 7px; color: #9a9298; font-size: 7px; letter-spacing: .085em; }
.product-workhub .wh-nav-current { position: relative; margin: -3px -5px; padding: 6px 5px; border-radius: 5px; color: #ee413b; background: #fff0eff0; font-weight: 500; }
.product-workhub .wh-nav-current::before { content: ''; position: absolute; top: 5px; bottom: 5px; left: 0; width: 2px; border-radius: 2px; background: var(--wh-coral); }
.product-workhub .wh-main { min-width: 0; padding: 24px 18px 21px; }
.product-workhub .wh-main-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 19px; }
.product-workhub .wh-main-top h3 { color: #202023; font: 600 23px/1.15 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.035em; }
.product-workhub .wh-main-top p { margin-top: 5px; color: #94858c; font-size: 8px; }
.product-workhub .wh-primary-action { padding: 8px 10px; border: 1px solid #ff898270; border-radius: 6px; background: linear-gradient(#ff6258, #ff463e); color: #fff; box-shadow: 0 5px 10px #ed504024, inset 0 1px 0 #fff3; font-size: 9px; white-space: nowrap; }
.product-workhub .wh-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-bottom: 16px; }
.product-workhub .wh-stats > div { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-height: 67px; padding: 11px 9px; border: 1px solid #fff; border-radius: 10px; background: linear-gradient(140deg, #ffffffef, #ffffff9c); box-shadow: inset 0 1px 0 #fff, 0 4px 13px #3520270b; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.product-workhub .wh-stats > div:first-child { border-color: #ffb2ad8c; background: linear-gradient(150deg, #fff, #fff0eea3); }
.product-workhub .wh-stats span { color: #847c82; font-size: 8px; line-height: 1.2; }
.product-workhub .wh-stats strong { color: #252126; font: 600 22px/1 "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -.035em; }
.product-workhub .wh-stat-alert strong { color: #f3534b; }
.product-workhub .wh-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.product-workhub .wh-filters > span { display: flex; justify-content: space-between; gap: 11px; padding: 7px 8px; border: 1px solid #e5dedd9c; border-radius: 6px; background: #f4f1f080; color: #8b8088; font-size: 8px; }
.product-workhub .wh-filters .wh-search { flex: 1 1 85px; justify-content: flex-start; color: #a29aa0; }
.product-workhub .wh-filters i { font-style: normal; }
.product-workhub .wh-grouping { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; color: #958991; font-size: 8px; }
.product-workhub .wh-grouping b { padding: 5px 7px; border: 1px solid #ede5e4; border-radius: 5px; background: #ffffffc9; color: #494046; font-weight: 500; box-shadow: 0 2px 4px #30232605; }
.product-workhub .wh-task-group { display: flex; align-items: center; gap: 9px; margin: 13px 0 9px; font-size: 8px; }
.product-workhub .wh-task-group strong { display: inline-flex; align-items: center; gap: 6px; color: #4b4249; font-size: 10px; font-weight: 500; }
.product-workhub .wh-task-group i { display: block; width: 5px; height: 5px; border-radius: 2px; background: #ff7063; }
.product-workhub .wh-task-group > span { color: #9b8e95; }
.product-workhub .wh-task-list { padding-inline: 11px; border: 1px solid #ece4e48f; border-radius: 8px; background: #ffffffb8; box-shadow: inset 0 1px 0 #fff, 0 5px 13px #311e2805; }
.product-workhub .wh-task-list > div { display: flex; align-items: center; gap: 8px; min-height: 39px; color: #5b5058; font-size: 9px; }
.product-workhub .wh-task-list > div + div { border-top: 1px solid #eee7e873; }
.product-workhub .wh-checkbox { width: 10px; height: 10px; flex: 0 0 10px; border: 1px solid #d9d0d5; border-radius: 3px; background: #fff; }
.product-workhub .wh-task-list small { margin-left: auto; color: #92828c; font-size: 7px; white-space: nowrap; }
.product-workhub .wh-task-list .wh-overdue { color: #f24d45; }
.product-workhub .wh-task-list b { display: grid; place-items: center; width: 18px; height: 18px; flex: 0 0 18px; border-radius: 50%; background: #eee5e8; color: #82717d; font-size: 7px; font-weight: 500; }
.product-workhub .product-phone { background: linear-gradient(145deg, #fffdfcec, #f5eeeece); border-color: #3f373b; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.product-workhub .product-phone-header { color: #453c43; }.product-workhub .product-phone-message { color: #655762; border-color: #eadbdcd9; background: #ffffffd9; }.product-workhub .product-phone-message-out { color: #6b4945; background: #fff0ebe6; border-color: #f4d6cf; }
.product-workhub .product-phone-message span, .product-workhub .product-phone-channel { color: #96838b; }.product-workhub .product-phone-input { color: #9a8991; background: #ffffffcf; }
.product-workhub .product-feature-panel { color: #55464d; border: 1px solid #ffffffbe; background: radial-gradient(ellipse at 95% 0, #ffd7cf66, transparent 70%), linear-gradient(140deg, #ffffffef, #fff7f9d1); box-shadow: inset 0 1px 0 #fff, 0 28px 75px #0004, 0 0 0 1px #ffffff17; backdrop-filter: blur(30px) saturate(1.15); -webkit-backdrop-filter: blur(30px) saturate(1.15); }
.product-workhub .product-panel-top { color: #79616b; background: #ffffff78; border-bottom-color: #ffffffbd; }.product-workhub .product-panel-bottom { color: #958089; border-top-color: #e5d6da8c; }.product-workhub .product-panel-content h4 { color: #383038; }.product-workhub .product-ui-kicker { color: #a27977; }
.product-workhub .wh-panel-brand { display: inline-flex; align-items: center; gap: 9px; }
.product-workhub .product-ledger > div { border-color: #dfcdd581; }.product-workhub .product-ledger > div > span { color: #9b7f89; }.product-workhub .product-ledger strong { color: #66515b; }
.product-workhub .product-conversation-out { background: #fff0e9d1; border-color: #eed0c3a6; color: #6d4e4b; }.product-workhub .product-conversation-in { background: #ffffffc9; border-color: #eededaa6; color: #665861; }.product-workhub .product-conversation-in span { color: #a18d95; }.product-workhub .product-conversation-record { color: #88727c; }
.product-workhub .product-command-label { color: #a5848d; }.product-workhub .product-command-demo > p { color: #6c4c56; border-color: #ebd7d9ad; background: #ffffffd9; box-shadow: 0 5px 15px #36122504; }.product-workhub .product-command-divider { color: #d0988d; }.product-workhub .product-command-result { border-left-color: #ff6a59; background: #fff0e5bf; }.product-workhub .product-command-result span, .product-workhub .product-command-result small { color: #a18689; }
.product-workhub .wh-calendar { margin-top: 28px; overflow: hidden; border: 1px solid #eadfe2c9; border-radius: 11px; background: #ffffffc7; box-shadow: inset 0 1px 0 #fff, 0 12px 27px #36112508; }
.product-workhub .wh-calendar-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 16px; border-bottom: 1px solid #ede3e3; color: #76636f; font-size: 10px; }.product-workhub .wh-calendar-toolbar strong { color: #51464e; font-size: 13px; font-weight: 500; }
.product-workhub .wh-calendar-weekdays, .product-workhub .wh-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.product-workhub .wh-calendar-weekdays span { padding: 9px 4px; color: #a58b93; font-size: 8px; text-align: center; }
.product-workhub .wh-calendar-day { min-width: 0; min-height: 51px; padding: 5px 4px; border-top: 1px solid #eadde34d; border-right: 1px solid #eadde34d; font-size: 9px; color: #685963; }.product-workhub .wh-calendar-day:nth-child(7n) { border-right: 0; }.product-workhub .wh-calendar-day > span { display: block; width: 18px; height: 18px; margin-left: auto; line-height: 18px; text-align: center; }.product-workhub .wh-day-muted > span { color: #ccbfc4; }.product-workhub .wh-day-today > span { color: #fff; background: #ff5c52; border-radius: 50%; }
.product-workhub .wh-calendar-day small { display: block; overflow: hidden; margin-top: 3px; padding: 3px; background: #f4eeee; border-radius: 3px; color: #95848c; font-size: 7px; line-height: 1.15; white-space: nowrap; text-overflow: ellipsis; }.product-workhub .wh-calendar-day .wh-event-coral { color: #e86454; background: #ffebe5; }.product-workhub .wh-calendar-day .wh-event-milestone { color: #b0836b; background: #fff2dc; }
.product-workhub .wh-calendar-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 11px 13px; border-top: 1px solid #eadde373; font-size: 8px; color: #9d8993; }.product-workhub .wh-calendar-legend > span { display: inline-flex; align-items: center; gap: 5px; }.product-workhub .wh-calendar-legend > span:last-child { margin-left: auto; }.product-workhub .wh-calendar-legend i { width: 4px; height: 4px; background: #ee7866; border-radius: 50%; }.product-workhub .wh-calendar-legend > span:nth-child(2) i { background: #d6a366; border-radius: 1px; }
@media (min-width: 1500px) {
  .product-workhub .wh-app-shell { grid-template-columns: 130px minmax(0, 1fr); }
  .product-workhub .wh-sidebar { font-size: 10px; gap: 10px; }
  .product-workhub .wh-main { padding: 28px 22px; }.product-workhub .wh-task-list > div { min-height: 45px; font-size: 11px; }.product-workhub .wh-task-list small { font-size: 9px; }.product-workhub .wh-stats span { font-size: 10px; }.product-workhub .wh-filters > span, .product-workhub .wh-grouping { font-size: 9px; }
}
@media (max-width: 760px) {
  .product-workhub .wh-app-shell { grid-template-columns: 1fr; min-height: 366px; }.product-workhub .wh-sidebar { display: none; }.product-workhub .wh-main { padding: 20px 13px 18px; }.product-workhub .wh-main-top { margin-bottom: 16px; }.product-workhub .wh-main-top h3 { font-size: 23px; }
  .product-workhub .product-work-composition { padding-right: 12px; padding-bottom: 105px; }.product-workhub .product-window-bar .product-demo-tag { font-size: 8px; }.product-workhub .wh-stats { gap: 5px; }.product-workhub .wh-stats > div { min-height: 67px; padding: 10px 7px; }.product-workhub .wh-stats span { font-size: 8px; }.product-workhub .wh-stats strong { font-size: 21px; }.product-workhub .wh-filters > span { padding: 6px; gap: 6px; font-size: 7px; }.product-workhub .wh-task-list { padding-inline: 8px; }.product-workhub .wh-task-list > div { gap: 6px; font-size: 9px; }
  .product-workhub .wh-calendar-panel .product-panel-content { padding-inline: 15px; }.product-workhub .wh-calendar-panel .product-panel-content h4 { padding-inline: 6px; font-size: 32px; }.product-workhub .wh-calendar-panel .product-ui-kicker { padding-inline: 6px; }.product-workhub .wh-calendar-weekdays span { font-size: 7px; }.product-workhub .wh-calendar-day { min-height: 43px; padding-inline: 2px; }.product-workhub .wh-calendar-day small { padding-inline: 2px; font-size: 6px; }.product-workhub .wh-calendar-toolbar { padding-inline: 12px; }.product-workhub .wh-panel-brand { gap: 7px; font-size: 10px; }
}

/* Original WorkHub mark, held on a dark glass tile. */
.product-workhub .wh-product-identity, .product-workhub .wh-window-brand { display: inline-flex; align-items: center; gap: 11px; }
.product-workhub .wh-mark { display: inline-grid; place-items: center; flex: 0 0 auto; width: 28px; height: 28px; padding: 6px; overflow: hidden; border: 1px solid #ffffff26; border-radius: 8px; background: linear-gradient(145deg, #363335ed, #151215f2); box-shadow: inset 0 1px 0 #ffffff26, inset 0 -1px 0 #0005, 0 4px 9px #29191e26; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.product-workhub .wh-mark img { display: block; width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.product-workhub .wh-product-identity .wh-mark { width: 44px; height: 44px; padding: 9px; border-radius: 12px; }
.product-workhub .wh-window-brand { gap: 6px; }
.product-workhub .wh-window-brand .wh-mark { width: 21px; height: 21px; padding: 4px; border-radius: 6px; }
.product-workhub .wh-panel-brand .wh-mark { width: 28px; height: 28px; }
@media (max-width: 760px) {
  .product-workhub .wh-product-identity { gap: 9px; }.product-workhub .wh-product-identity .wh-mark { width: 36px; height: 36px; padding: 7px; border-radius: 10px; }
}
/* Visual QA: preserve readable secondary text on the white glass UI. */
.product-workhub :is(.wh-main-top p,.wh-stats span,.wh-filters > span,.wh-filters .wh-search,.wh-grouping,.wh-task-group > span,.wh-task-list small,.wh-calendar-weekdays span,.wh-calendar-day small,.wh-calendar-legend,.wh-nav-label) { color: #75656f; }
.product-workhub :is(.product-panel-bottom,.product-ui-kicker,.product-ledger > div > span,.product-conversation-record,.product-command-label,.product-command-result span,.product-command-result small) { color: #6b5661; }
.product-workhub :is(.product-phone-message span,.product-phone-channel,.product-phone-input,.product-conversation-in span) { color: #79656f; }
.product-workhub .wh-calendar-day .wh-event-coral { color: #ac4634; }.product-workhub .wh-calendar-day .wh-event-milestone { color: #8d6128; }
/* Original HelloHub profile artwork, displayed without altering the source. */
.product-hellohub .hh-product-identity, .product-hellohub .hh-panel-brand { display: inline-flex; align-items: center; gap: 11px; }
.product-hellohub .hh-mark { position: relative; display: inline-block; width: 44px; height: 44px; flex: 0 0 44px; overflow: hidden; border: 1px solid #ffffff29; border-radius: 12px; background: #000; box-shadow: inset 0 1px 0 #ffffff1c, 0 4px 12px #0003; }
.product-hellohub .hh-mark img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: scale(1.28); }
.product-hellohub .hh-mark::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px 0 #ffffff24; pointer-events: none; }
.product-hellohub .hh-panel-brand { gap: 9px; }
.product-hellohub .hh-panel-brand .hh-mark { width: 26px; height: 26px; flex-basis: 26px; border-radius: 7px; }
@media (max-width: 760px) {
  .product-hellohub .hh-product-identity { gap: 9px; }.product-hellohub .hh-product-identity .hh-mark { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
  .product-hellohub .hh-panel-brand { gap: 7px; font-size: 11px; }
}

/* Dashboard preview: based on Globalmeta/workhub's current light HubUI layout. */
#workhub .wh-dashboard-preview { font-family:"Geist Sans","Helvetica Neue",sans-serif; }
#workhub .whd-window { font-size:9px; line-height:1.4; border:1px solid #ffffffb3; border-radius:16px; background:#fff; color:#060606; box-shadow:0 24px 60px #0003,inset 0 1px 0 #fff; }
#workhub .whd-window * { box-sizing:border-box; }
#workhub .whd-window svg { width:14px; height:14px; flex:none; }
#workhub .whd-window-bar { display:flex; justify-content:space-between; align-items:center; height:30px; padding:0 14px; background:#f6f6f7; border-bottom:1px solid #e9e9ec; color:#88888d; font-size:8px; }
#workhub .whd-dots { display:flex; gap:4px; }
#workhub .whd-dots i { width:5px; height:5px; border-radius:50%; background:#d4d4d6; }
#workhub .whd-shell { display:grid; grid-template-columns:125px minmax(0,1fr); }
#workhub .whd-sidebar { display:flex; flex-direction:column; padding:20px 10px 12px; gap:11px; background:#f7f7f8; border-right:1px solid #ededf0; font-size:8px; color:#636366; }
#workhub .whd-brand { display:flex; align-items:center; gap:7px; margin:0 3px 7px; font-size:17px; color:#060606; letter-spacing:-.6px; }
#workhub .whd-brand img { width:22px; height:17px; object-fit:contain; }
#workhub .whd-sidebar>span { display:flex; gap:7px; align-items:center; padding:0 5px; }
#workhub .whd-sidebar>small { font-size:6px; letter-spacing:.1em; color:#99999e; margin-top:5px; padding-inline:5px; }
#workhub .whd-sidebar>span>b { margin-left:auto; font-size:7px; color:#94949a; font-weight:400; }
#workhub .whd-sidebar .whd-space { padding:8px 5px; border:1px solid #e0e0e4; border-radius:6px; font-size:7px; color:#49494e; justify-content:space-between; }
#workhub .whd-sidebar .whd-nav-current { color:#ff3b30; background:#ff3b3010; padding:8px 5px; border-radius:6px; font-weight:700; }
#workhub .whd-sidebar-foot { display:flex; gap:7px; align-items:center; margin-top:auto; padding-top:15px; border-top:1px solid #e7e7e9; font-size:6px; }
#workhub .whd-sidebar-foot small { display:block; font-size:5px; margin-top:3px; }
#workhub .whd-main { padding:22px 19px 15px; min-width:0; }
#workhub .whd-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:19px; }
#workhub .whd-heading>div>span { font-size:6px; letter-spacing:.12em; color:#a1a1a5; }
#workhub .whd-heading h3 { font-family:inherit; font-size:25px; line-height:1.2; font-weight:700; letter-spacing:-.8px; margin:4px 0; color:#060606; }
#workhub .whd-heading p { font-size:8px; color:#85858a; margin:0; }
#workhub .whd-week { display:flex; gap:5px; align-items:center; border:1px solid #e5e5e8; border-radius:6px; padding:7px 8px; font-size:7px; color:#636366; }
#workhub .whd-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:19px; }
#workhub .whd-metric { padding:11px 10px; border:1px solid #e8e8eb; border-radius:10px; box-shadow:0 2px 5px #00000003; }
#workhub .whd-metric>span { display:flex; align-items:center; gap:5px; color:#636366; font-size:7px; white-space:nowrap; }
#workhub .whd-metric svg { width:12px; height:12px; color:#8b8b90; }
#workhub .whd-metric strong { display:block; font-size:26px; line-height:1.1; letter-spacing:-1px; font-weight:700; margin:9px 0 5px; }
#workhub .whd-metric strong small { font-size:7px; font-weight:400; letter-spacing:0; margin-left:5px; color:#99999e; }
#workhub .whd-metric>i { display:block; font-size:6px; font-style:normal; color:#99999e; }
#workhub .whd-urgent { background:#fff7f6; border-color:#ff3b3026; }
#workhub .whd-urgent strong,#workhub .whd-urgent svg,#workhub .whd-urgent>i { color:#ed3b30; }
#workhub .whd-tabs { display:flex; gap:16px; border-bottom:1px solid #e9e9ec; margin-bottom:8px; }
#workhub .whd-tabs button { appearance:none; font-family:inherit; font-size:8px; font-weight:400; background:none; border:0; border-bottom:2px solid transparent; border-radius:0; padding:10px 0; color:#8b8b90; white-space:nowrap; cursor:pointer; }
#workhub .whd-tabs button[aria-selected="true"] { color:#0a0a0b; border-bottom-color:#0a0a0b; font-weight:700; }
#workhub .whd-tabs button:focus-visible { outline:2px solid #ff3b30; outline-offset:2px; }
#workhub .whd-tabs button span { background:#f1f1f3; padding:2px 4px; border-radius:3px; font-size:6px; margin-left:3px; }
#workhub .whd-panels { height:139px; overflow:hidden; }
#workhub .whd-panels>[hidden] { display:none!important; }
#workhub .whd-project { display:flex; align-items:center; gap:9px; height:44px; border-bottom:1px solid #f1f1f3; }
#workhub .whd-project-icon { display:grid; place-items:center; width:25px; height:25px; background:#f3f3f5; border-radius:6px; color:#747479; }
#workhub .whd-project-name { flex:1; min-width:0; }
#workhub .whd-project-name b { display:block; font-size:9px; font-weight:700; }
#workhub .whd-project-name small { display:block; font-size:6px; margin-top:3px; color:#8b8b90; }
#workhub .whd-progress { display:flex; align-items:center; gap:7px; width:89px; }
#workhub .whd-progress i { height:3px; width:60px; border-radius:3px; background:linear-gradient(to right,#ff3b30 var(--complete),#eeeeef var(--complete)); }
#workhub .whd-progress small { font-size:6px; color:#8b8b90; }
#workhub .whd-avatar { display:grid; place-items:center; width:22px; height:22px; background:#ededf0; color:#68686d; border-radius:50%; font-size:6px; }
#workhub .whd-panel-heading { display:flex; justify-content:space-between; font-size:8px; padding:7px 0; }
#workhub .whd-panel-heading span { color:#929297; font-size:6px; }
#workhub .whd-load { display:flex; gap:8px; align-items:center; height:24px; font-size:7px; }
#workhub .whd-load>span { width:52px; color:#77777c; }
#workhub .whd-load>i { flex:1; height:7px; border-radius:3px; background:linear-gradient(to right,#252528 var(--load),#f3f3f5 var(--load)); }
#workhub .whd-load>b { font-size:7px; width:14px; font-weight:400; }
#workhub .whd-event { display:flex; align-items:center; gap:8px; height:44px; border-bottom:1px solid #f3f3f5; }
#workhub .whd-event-dot { width:5px; height:5px; background:#ff3b30; border-radius:50%; }
#workhub .whd-event b { display:block; font-size:8px; font-weight:400; }
#workhub .whd-event small { display:block; font-size:6px; color:#929297; margin-top:4px; }
#workhub .whd-event time { margin-left:auto; font-size:6px; color:#929297; }
#workhub .whd-footer { display:flex; align-items:center; gap:8px; border-top:1px solid #eeeeef; padding-top:11px; margin-top:5px; }
#workhub .whd-avatars { display:flex; padding-left:3px; }
#workhub .whd-avatars i { display:grid; place-items:center; width:20px; height:20px; margin-left:-3px; border:2px solid #fff; border-radius:50%; background:#efeff1; color:#77777c; font-style:normal; font-size:5px; }
#workhub .whd-footer>span:nth-child(2) { font-size:6px; line-height:1.5; color:#98989e; }
#workhub .whd-footer b { font-weight:400; color:#636366; }
#workhub .whd-footer-mark { margin-left:auto; opacity:.18; }
#workhub .whd-footer-mark img { width:23px; height:15px; object-fit:contain; }
#hubapps-rail.hubapps-rail #workhub .hr-work-overview { min-height:0; }
#hubapps-rail.hubapps-rail #workhub .product-work-composition.wh-dashboard-preview { padding:0; }
#hubapps-rail.hubapps-rail #workhub .wh-dashboard-preview .product-figure-note { max-width:none; margin-top:12px; }
@media(max-width:760px) {
 #workhub .whd-shell { grid-template-columns:minmax(0,1fr); }
 #workhub .whd-sidebar,#workhub .whd-demo { display:none; }
 #workhub .whd-main { padding:18px 12px 12px; }
 #workhub .whd-heading h3 { font-size:24px; }
 #workhub .whd-metrics { gap:6px; }
 #workhub .whd-metric { padding:10px 7px; }
 #workhub .whd-metric>span { font-size:7px; white-space:normal; min-height:22px; }
 #workhub .whd-metric>i { font-size:6px; min-height:16px; }
 #workhub .whd-metric strong { font-size:25px; }
 #workhub .whd-tabs { gap:14px; }
 #workhub .whd-tabs button { min-height:40px; font-size:9px; }
}
@media(max-width:480px) {
 #workhub .whd-main { padding:12px 9px 10px; }
 #workhub .whd-heading { height:42px; margin-bottom:10px; }
 #workhub .whd-heading h3 { font-size:18px; white-space:nowrap; }
 #workhub .whd-heading>div>span,#workhub .whd-week { display:none; }
 #workhub .whd-metrics { grid-template-rows:repeat(2,66px); margin-bottom:8px; }
 #workhub .whd-metric { padding:6px; }
 #workhub .whd-metric>span { font-size:6px; line-height:1.3; min-height:18px; gap:3px; }
 #workhub .whd-metric svg { width:9px; height:9px; }
 #workhub .whd-metric strong { font-size:22px; margin:5px 0 0; }
 #workhub .whd-metric>i,#workhub .whd-footer { display:none; }
 #workhub .whd-tabs { gap:9px; }
 #workhub .whd-tabs button { font-size:8px; }
 #workhub .whd-panels { height:112px; }
 #workhub .whd-project,#workhub .whd-event { height:35px; gap:5px; }
 #workhub .whd-progress { width:64px; gap:4px; }
 #workhub .whd-progress i { width:43px; }
 #workhub .whd-project-name b { font-size:8px; }
 #workhub .whd-load { height:20px; }
}