.booking-workspace-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 14px clamp(18px, 4vw, 56px) 76px;
}

.booking-workspace-tabs {
  position: sticky;
  top: 72px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  padding: 5px;
  border: 1px solid #d8e6ec;
  border-radius: 10px;
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 5px 18px rgb(18 48 70 / 8%);
  backdrop-filter: blur(10px);
}

.booking-workspace-tabs button {
  min-height: 48px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #5b7381;
  font: 800 11px Manrope;
  cursor: pointer;
}

.booking-workspace-tabs button:hover { background: #eef7fa; color: #176ca4; }
.booking-workspace-tabs button.active { background: #176ca4; color: #fff; box-shadow: 0 4px 10px rgb(23 108 164 / 22%); }
.booking-workspace-tabs b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 4px; border-radius: 10px; background: rgb(255 255 255 / 20%); font-size: 9px; }
.booking-workspace-panels { padding-top: 14px; }
.booking-workspace-panel { display: none; gap: 14px; }
.booking-workspace-panel.active { display: grid; }
.booking-workspace-panel > .booking-record-quick { width: 100%; padding: 0; }
.booking-workspace-panel > .booking-record-section { width: 100%; }

.booking-office-overview {
  display: grid;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
  gap: 18px;
  padding: 20px;
  border: 1px solid #bcdce8;
  border-radius: 9px;
  background: linear-gradient(135deg, #eef9fc, #fff);
  box-shadow: 0 5px 18px rgb(22 54 75 / 5%);
}

.booking-office-overview h2 { margin: 4px 0; color: #173247; font: 800 20px Manrope; }
.booking-office-overview p { margin: 0; color: #607b8a; font-size: 10px; line-height: 1.5; }
.booking-office-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.booking-office-overview-grid article { display: grid; align-content: center; gap: 4px; min-height: 66px; padding: 10px; border: 1px solid #dce9ee; border-radius: 7px; background: #fff; }
.booking-office-overview-grid span { color: #78909d; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.booking-office-overview-grid strong { color: #29495c; font-size: 10px; }
.booking-office-overview-grid small { color: #718895; font-size: 8px; }
.booking-job-details-panel.active{align-content:start}.booking-job-purpose-tab{position:sticky;top:138px;z-index:2;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:18px;padding:17px 19px;border:2px solid #176ca4;border-radius:11px;background:linear-gradient(135deg,#eaf7fc,#fff);box-shadow:0 8px 24px rgb(18 62 86 / 14%)}.booking-job-purpose-main>span{color:#176ca4;font-size:8px;font-weight:900;letter-spacing:.09em}.booking-job-purpose-main h2{margin:4px 0;color:#173247;font:900 20px Manrope}.booking-job-purpose-main p{margin:0;color:#56717f;font-size:10px;line-height:1.5}.booking-job-purpose-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.booking-job-purpose-facts article{min-width:0;padding:10px 11px;border:1px solid #d2e4ec;border-radius:7px;background:#fff}.booking-job-purpose-facts article.is-alert{grid-column:1/-1;border-color:#df9a91;background:#fff1ef}.booking-job-purpose-facts span,.booking-job-purpose-facts strong{display:block}.booking-job-purpose-facts span{color:#748a95;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.booking-job-purpose-facts strong{margin-top:4px;color:#284a5c;font-size:9px;line-height:1.4;overflow-wrap:anywhere}.booking-job-purpose-facts button{width:100%;margin-top:3px;padding:0;border:0;background:transparent;color:#176ca4;font-size:9px;font-weight:800;text-align:left;cursor:pointer}.booking-job-details-panel>.booking-record-section{box-shadow:none}.booking-job-details-panel .booking-record-details[open]>summary{background:#f4f8fa}
.booking-record-notes[data-preserve-draft] { scroll-margin-top: 150px; }
.booking-record-header { grid-template-columns: auto minmax(135px, .55fr) auto minmax(300px, 1.45fr); }
.booking-record-context-links { display: flex; gap: 6px; align-items: center; }
.booking-record-context-links button { min-height: 38px; white-space: nowrap; }
.booking-workflow-work-panel.active{display:block}
.booking-job-journey{width:min(980px,100%);margin:0 auto;padding:clamp(18px,3vw,34px);border:1px solid #c9dce5;border-radius:14px;background:#fff;box-shadow:0 8px 30px rgb(22 54 75 / 7%)}
.booking-job-journey>header{text-align:center;padding:4px 12px 26px}.booking-job-journey>header h1{margin:5px 0 7px;color:#173247;font:900 clamp(22px,3vw,32px) Manrope}.booking-job-journey>header p:last-child{max-width:660px;margin:0 auto;color:#607987;font-size:11px;line-height:1.55}
.booking-job-journey>ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.booking-journey-stage{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding-bottom:20px}.booking-journey-stage:not(:last-child):before{content:"";position:absolute;left:26px;top:52px;bottom:0;width:3px;border-radius:3px;background:#d7e4e9}.booking-journey-stage>i{z-index:1;display:grid;place-items:center;width:54px;height:54px;border:3px solid #aebfc8;border-radius:50%;background:#fff;color:#526b79;font:900 15px Manrope}.booking-journey-stage.is-active>i{border-color:#176ca4;background:#176ca4;color:#fff;box-shadow:0 0 0 6px #e4f3f9}.booking-journey-stage.is-complete>i,.booking-journey-stage.is-skipped>i{border-color:#39735f;background:#39735f;color:#fff}.booking-journey-stage.is-waiting>i{border-color:#c48a23;background:#fff8e8;color:#8b641c}
.booking-journey-stage>article{min-width:0;padding:20px 22px;border:2px solid #dbe6eb;border-radius:12px;background:#f9fbfc}.booking-journey-stage.is-active>article{border-color:#4ca4c2;background:#edf9fc;box-shadow:0 8px 22px rgb(23 108 164 / 10%)}.booking-journey-stage.is-complete>article{border-color:#94bea4;background:#f3faf6}.booking-journey-stage.is-waiting>article{border-color:#e0bd77;background:#fffaf0}.booking-journey-stage>article>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.booking-journey-stage>article>header span{color:#176ca4;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.booking-journey-stage>article>header b{color:#80919a;font-size:8px}.booking-journey-stage>article>h2{margin:7px 0 4px;color:#173247;font:900 20px Manrope}.booking-journey-stage>article>p{margin:0;color:#607987;font-size:10px;line-height:1.5}.booking-journey-action,.booking-journey-ready{min-width:150px;margin-top:14px}.booking-journey-ready{margin-left:7px}.booking-journey-ready-state{display:inline-block!important;margin:14px 0 0!important;padding:9px 12px;border-radius:7px;background:#dff2e7;color:#246047!important;font-weight:800}.booking-journey-vhcs{margin-top:18px;padding-top:18px;border-top:1px solid #cfe0e7}.booking-journey-vhcs>.booking-record-vhc-card{width:100%}.booking-journey-decision{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px 70px;padding:14px 16px;border:1px solid #ddb15c;border-radius:10px;background:#fff5dd}.booking-journey-decision strong,.booking-journey-decision span{display:block}.booking-journey-decision strong{color:#654b17}.booking-journey-decision span{margin-top:3px;color:#806b42;font-size:9px}
.booking-journey-update{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:12px 13px;border:1px solid #d5e2e8;border-left:4px solid #91a4ae;border-radius:8px;background:#fff}.booking-journey-update>div{min-width:0}.booking-journey-update span,.booking-journey-update strong,.booking-journey-update small{display:block}.booking-journey-update span{color:#758894;font-size:7px;font-weight:900;letter-spacing:.08em}.booking-journey-update strong{margin-top:3px;color:#29495c;font-size:11px}.booking-journey-update small{margin-top:3px;color:#697f8b;font-size:8px;line-height:1.4}.booking-journey-update button{flex:0 0 auto;white-space:nowrap}.booking-journey-update.is-ready{border-left-color:#176ca4;background:#f0f8fc}.booking-journey-update.is-sent{border-left-color:#39735f;background:#f0f9f4}.booking-journey-update.is-waiting{border-left-color:#c48a23;background:#fff8e9}.booking-journey-update.is-failed{border-left-color:#ba4d46;background:#fff2f0}.booking-journey-update.is-declined{border-left-color:#758894;background:#f5f7f8}
.booking-milestone-access { position: sticky; top: 146px; display: grid; gap: 14px; padding: 17px; border: 1px solid #b8dae6; border-radius: 10px; background: #fff; box-shadow: 0 5px 18px rgb(22 54 75 / 5%); }
.booking-milestone-access h2 { margin: 3px 0; color: #173247; font: 800 17px Manrope; }.booking-milestone-access>div>p:last-child{margin:0;color:#68818e;font-size:9px;line-height:1.45}
.booking-milestone-access ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.booking-milestone-access li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding-bottom:9px}.booking-milestone-access li:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:#d5e3e9}.booking-milestone-access li>i{z-index:1;display:grid;place-items:center;width:28px;height:28px;border:2px solid #aebfc8;border-radius:50%;background:#fff;color:#617885;font:800 10px Manrope}.booking-milestone-access li.is-active>i{border-color:#176ca4;background:#176ca4;color:#fff}.booking-milestone-access li.is-complete>i{border-color:#39735f;background:#39735f;color:#fff}.booking-milestone-access li.is-waiting>i{border-color:#c48a23;color:#8b641c}
.booking-milestone-access button { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; min-height: 74px; padding: 10px; border: 1px solid #cfe0e7; border-radius: 8px; background: #f8fbfc; color: #29495c; text-align: left; cursor: pointer; }
.booking-milestone-access button:not(:disabled):hover { border-color: #176ca4; background: #edf8fc; }
.booking-milestone-access li.is-active button { border-color: #339bbb; background: #eaf9fd; }
.booking-milestone-access li.is-complete button { border-color: #74ae8c; background: #eff9f3; }
.booking-milestone-access button span { color: #6f8794; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.booking-milestone-access button strong { color: #24485b; font: 800 13px Manrope; }
.booking-milestone-access button small { grid-column: 1 / -1; color: #68818e; font-size: 9px; line-height: 1.35; }
.booking-milestone-access button b { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #176ca4; font-size: 9px; }
.board-booking-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 8px; }
.board-booking-links button { min-height: 30px; padding: 5px; border: 1px solid #bad7e2; border-radius: 5px; background: #fff; color: #25617d; font-size: 8px; font-weight: 800; cursor: pointer; }
.board-booking-links button:hover { border-color: #176ca4; background: #eaf7fc; }
.new-again-connectivity { position: fixed; right: 16px; bottom: 16px; z-index: 10000; max-width: 360px; padding: 12px 15px; border: 1px solid #d59721; border-radius: 8px; background: #fff5d7; color: #6f4b08; box-shadow: 0 8px 30px rgb(41 52 57 / 20%); font-size: 11px; font-weight: 800; }
.booking-vhc-board{display:grid;gap:14px}.booking-vhc-board>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.booking-vhc-board>header h3{margin:3px 0;color:#173247;font:800 18px Manrope}.booking-vhc-board>header p{margin:0;color:#687f8d;font-size:10px}.booking-vhc-board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.booking-vhc-board-column{display:grid;gap:9px;min-width:0;padding:10px;border:1px solid #dbe6eb;border-radius:9px;background:#f4f7f8}.booking-vhc-board-column>header{display:flex;justify-content:space-between;align-items:center}.booking-vhc-board-column>header h4{margin:0;color:#385365;font:800 11px Manrope}.booking-vhc-board-column>header span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:#dce7ec;color:#496272;font-size:9px;font-weight:800}.booking-vhc-board-card{min-width:0;border:1px solid #d4e1e7;border-radius:8px;background:#fff;overflow:hidden}.booking-vhc-board-card.is-in-progress{border-color:#4ea6c3;box-shadow:0 0 0 2px rgb(78 166 195 / 12%)}.booking-vhc-board-card.is-completed{border-color:#77aa8a}.booking-vhc-board-card>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;width:100%;padding:12px;border:0;background:transparent;color:#25485a;text-align:left;cursor:pointer}.booking-vhc-board-card>button:hover{background:#eef8fb}.booking-vhc-board-card>button span{font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#6e8591}.booking-vhc-board-card>button strong{grid-column:1;overflow-wrap:anywhere;font:800 11px Manrope}.booking-vhc-board-card>button small{grid-column:1;color:#6d818c;font-size:8px;line-height:1.4}.booking-vhc-board-card>button i{grid-column:2;grid-row:1/4;align-self:center;font-style:normal;font-size:9px;font-weight:800}.booking-vhc-board-card details{border-top:1px solid #e2ebef}.booking-vhc-board-card summary{padding:8px 12px;color:#527080;font-size:8px;font-weight:800;cursor:pointer}.booking-vhc-board-card details ul{display:grid;gap:5px;margin:0;padding:4px 12px 10px;list-style:none}.booking-vhc-board-card details li{display:grid;gap:2px;font-size:8px}.booking-vhc-board-card details li span{color:#607781}.booking-record-vhc-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}

@media (max-width: 800px) {
  .booking-record-header { grid-template-columns: auto minmax(0, 1fr); }
  .booking-workspace-shell { padding: 10px 15px 48px; }
  .booking-workspace-tabs { top: 116px; overflow-x: auto; grid-template-columns: repeat(7, minmax(105px, 1fr)); }
  .booking-workspace-tabs button { min-height: 52px; }
  .booking-office-overview { grid-template-columns: 1fr; }
  .booking-office-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .booking-job-purpose-tab{top:181px;grid-template-columns:1fr}.booking-job-purpose-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-record-context-links { grid-column: 1 / -1; }
  .booking-job-journey{padding:20px 16px}.booking-journey-decision{margin-left:0}.booking-vhc-board-columns{grid-template-columns:1fr}.booking-vhc-board-column{padding:9px}
}

@media (max-width: 520px) {
  .booking-workspace-tabs { top: 148px; justify-content: start; grid-template-columns: repeat(7, 104px); }
  .booking-office-overview-grid { grid-template-columns: 1fr; }
  .booking-job-purpose-tab{top:213px;padding:14px}.booking-job-purpose-facts{grid-template-columns:1fr}.booking-job-purpose-facts article.is-alert{grid-column:auto}
  .booking-workspace-shell .booking-record-section { padding: 14px; }
  .booking-workspace-shell .booking-record-quick-facts { grid-template-columns: 1fr 1fr; }
  .booking-job-journey{padding:16px 11px}.booking-job-journey>header{padding:2px 4px 20px}.booking-journey-stage{grid-template-columns:38px minmax(0,1fr);gap:9px;padding-bottom:14px}.booking-journey-stage:not(:last-child):before{left:18px;top:38px;width:2px}.booking-journey-stage>i{width:38px;height:38px;border-width:2px;font-size:11px}.booking-journey-stage>article{padding:15px 13px}.booking-journey-stage>article>h2{font-size:17px}.booking-journey-action,.booking-journey-ready{width:100%;margin:12px 0 0}.booking-journey-decision,.booking-journey-update{align-items:stretch;flex-direction:column}.booking-journey-decision button,.booking-journey-update button{width:100%}.booking-vhc-board>header{align-items:flex-start;flex-direction:column}.booking-vhc-board>header button{width:100%}
}