:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263a32;background:#f3f5f0;font-synthesis:none;--gold:#c9bb83;--muted:#7a8879;--border:#dce3d8;--panel:#fff;--green:#204c3c;--dark:#193f32}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);border-radius:8px;background:#edf2e9;color:#294335;padding:11px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:#e2ebdc;border-color:#a6b69e}button.primary{background:#245340;color:#fff;border-color:#245340}button.primary:hover{background:#193f30}button:disabled{opacity:.4;cursor:not-allowed}a{color:#315e44}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin-bottom:9px}h2{font-size:19px;font-weight:650;letter-spacing:-.4px}h3{font-size:14px;font-weight:600}p{color:var(--muted);line-height:1.6;font-size:13px}small{color:var(--muted);font-size:11px}label{display:block;font-size:12px;color:#788773;margin-bottom:7px}input,select,textarea{display:block;width:100%;border:1px solid #d9e1d4;border-radius:7px;padding:13px 12px;background:#fff;color:#30473a;margin:8px 0 18px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #53765b;outline-offset:2px}input[readonly]{background:#f9fbf7;color:#50654f}input:disabled,select:disabled{background:#f5f7f2;color:#859380}textarea{min-height:85px;resize:vertical}input[type=checkbox]{width:auto;display:inline;margin:0 8px 0 0;accent-color:var(--green)}option{background:#fff}aside{width:245px;background:#193f32;position:fixed;inset:0 auto 0 0;border-right:1px solid #244b3c;display:flex;flex-direction:column;padding:34px 18px 22px;overflow-y:auto}.wordmark{font-size:22px;font-weight:700;color:#eef3e8;letter-spacing:3px;padding:0 15px}.wordmark small{display:block;font-size:8px;letter-spacing:3px;margin-top:9px;color:#d8e3d2}.navgroup{font-size:10px;letter-spacing:1.5px;color:#8da995;margin:42px 16px 16px}nav{display:grid;gap:10px}nav button{background:transparent;border:0;border-left:3px solid transparent;text-align:left;color:#c8d7c9;padding:15px 14px;font-weight:500;display:flex;gap:13px;align-items:center;border-radius:7px}nav button:hover{background:#294f41;color:#fff}nav button.active{background:#345a4b;color:#fff;border-left-color:#d2ce9b}nav span{font-size:16px;display:inline-block;width:18px;text-align:center}.asidefoot{margin-top:auto;padding:22px 14px 0;border-top:1px solid #3b5e4d}.avatar{background:#e4ecdf;color:#3b593a;width:34px;height:34px;display:inline-flex;border-radius:50%;align-items:center;justify-content:center;font-size:12px}.profile{display:flex;gap:10px;align-items:center;font-size:12px;color:#e1eadd}.profile small{display:block;margin-top:4px;text-transform:capitalize;color:#a5bca7}.logout{padding:8px 0;background:none!important;border:0;color:#a5bca7;font-size:11px;margin-top:13px}main{margin-left:245px;padding:0 32px 32px;max-width:1900px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:77px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);margin-bottom:30px}.header-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.badge{padding:6px 10px;border:1px solid #d5dbc5;background:#eef1df;color:#6b754d;border-radius:30px;font-size:10px;letter-spacing:.6px;white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b8b5c;margin-right:7px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#82936d;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric{background:var(--panel);border:1px solid var(--border);padding:22px;border-radius:12px}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:27px;letter-spacing:-.7px;font-weight:600;display:block;margin:16px 0 9px}.metric small{font-size:10px}.metric .currency{font-size:13px;letter-spacing:0;color:#809374;margin-right:5px}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;align-items:start}.grid>div{min-width:0}.panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--border);gap:15px}.panel-head h2{margin:0}.panel-body{padding:25px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;font-weight:500;color:#819077;padding:14px 24px;border-bottom:1px solid var(--border);background:#f9faf6}td{padding:17px 24px;border-bottom:1px solid #e6ebe1}tr:last-child td{border-bottom:0}.number{text-align:right;font-variant-numeric:tabular-nums}.status{border-radius:5px;padding:5px 8px;font-size:10px;background:#e8f0df;color:#55764b;display:inline-block}.status.pending,.status.draft{background:#f5eedb;color:#8f7441}.status.submitted{background:#e1eef1;color:#527c87}.empty{text-align:center;padding:45px 20px;color:#7f9685}.empty-icon{font-size:28px;color:#9eae8c;display:block;margin-bottom:15px}.empty h3{color:#48603e;margin-bottom:9px}.empty p{margin-bottom:0;font-size:12px}.linkbutton{border:0;background:none;padding:0;color:#52774e;font-size:11px}.linkbutton:hover{background:none;color:#22492e}.activity{display:flex;gap:14px;margin-bottom:23px}.activity:last-child{margin-bottom:0}.activity-icon{border:1px solid var(--border);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#8a9c6f;flex-shrink:0}.activity p{font-size:11px;line-height:1.5;margin:6px 0 0}.activity h3{margin:0;font-size:12px;font-weight:600}.callout{border:1px solid #dce2ca;background:#eff2e5;padding:18px 20px;border-radius:9px;color:#78805e;font-size:12px;line-height:1.6;margin-bottom:23px}.callout strong{display:block;color:#586343;margin-bottom:4px}.subtle{color:var(--muted)}.statrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:15px 0;font-size:12px;gap:12px}.statrow:last-child{border:0}.bar{height:6px;background:#e9eedf;border-radius:3px;overflow:hidden;margin:12px 0 20px}.bar div{height:100%;background:#92a87a}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,365px);gap:24px;align-items:start}.checkout-main header{margin-bottom:24px}.service-browser .panel-head{border:0;padding:26px 25px 0}.service-browser h1{font-size:23px;margin:0}.service-browser .panel-body{padding-top:22px}.service-browser{min-height:calc(100vh - 125px)}.search-label{margin:0}.search-label input{font-size:15px;padding:16px 14px;margin:0 0 20px;border-radius:7px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{text-align:left;border-radius:9px;background:#fff;border:1px solid #dbe2d6;padding:20px;min-height:176px;display:flex;flex-direction:column;align-items:flex-start;font-weight:400}.service-card:hover{border-color:#819c73;background:#f4f7ef}.service-card.selected{background:#edf3e8;border-color:#a8bb9c}.service-category{font-size:9px;letter-spacing:1px;color:#8a9b7c;line-height:1.8}.selection-count{display:inline-block;font-size:9px;letter-spacing:0;color:#59784e;margin-left:3px}.service-card strong{display:block;font-size:15px;color:#354e40;margin:15px 0 8px;line-height:1.45;font-weight:650}.service-card small{font-size:10px;color:#98a18e;margin-bottom:18px}.service-price{margin-top:auto;color:#6e8e5c;font-size:14px;font-weight:700}.sale-panel{position:sticky;top:24px}.sale-panel .panel-head{padding-bottom:0;border:0}.sale-panel .panel-head h2{font-size:23px}.sale-panel .panel-body{padding-top:21px}.sale-panel p{font-size:12px}.sale-item{padding:0 0 13px;margin-bottom:20px;border-bottom:1px solid var(--border)}.sale-item-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px;gap:10px;font-size:14px}.sale-item label:last-child input{margin-bottom:0}.remove-item{font-size:23px;padding:0 4px;font-weight:400}.payment-info{display:flex;gap:11px;border-radius:7px;background:#f4f7ef;padding:15px;margin:22px 0;color:#6d8160}.payment-info strong{font-size:11px;font-weight:600}.payment-info p{font-size:11px;line-height:1.6;margin:6px 0 0}.mini-icon{font-size:18px}.checkout-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 0;margin-bottom:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12px}.checkout-total strong{font-size:26px;letter-spacing:-.6px;white-space:nowrap}.sale-explanation{color:#8b9680;font-size:12px;line-height:1.7;margin:0 0 18px}.complete-sale{padding:16px;font-size:15px;font-weight:500;background:#315b46!important}.complete-sale:disabled{opacity:1;background:#a6b5ac!important;border-color:#a6b5ac!important;color:#fff}.review-footnote{display:block;text-align:center;font-size:8px;letter-spacing:1.2px;margin-top:14px;color:#9aa58d}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.full{width:100%}.error{color:#ad483b;font-size:12px}.success{color:#557d39}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.formline{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr auto;gap:10px;align-items:end}.formline input,.formline select{margin-bottom:12px}.formline button{margin-bottom:12px;padding:11px}.line-labels{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr 40px;gap:10px;font-size:10px;color:var(--muted);margin-top:22px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-story{background:#193f32;padding:65px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #315743}.login-story .wordmark{padding:0}.login-story h1{font-family:Georgia,serif;font-size:61px;line-height:1.12;max-width:500px;letter-spacing:-2px;color:#f3f6ed;font-weight:400}.login-story h1 em{color:#d0c492;font-weight:400}.login-story p{max-width:360px;font-size:14px;line-height:1.8;color:#b8cbb6}.login-story .eyebrow{color:#b3c1a0}.login-form{display:flex;align-items:center;justify-content:center;padding:45px;background:#fff}.login-form form{width:340px;max-width:100%}.login-form h2{font-size:27px;margin:20px 0 10px}.login-form input{padding:14px}.login-form .primary{padding:14px;margin-top:10px}.login-note{margin-top:24px;font-size:11px;color:#879e8c;line-height:1.7}.reset-link{display:block;margin:20px auto 0;text-align:center}#notice{display:none;position:fixed;z-index:5;right:24px;bottom:24px;max-width:min(430px,90vw);padding:18px 23px;border:1px solid #abc099;border-radius:10px;background:#e8f0df;color:#354e2c;font-size:13px;box-shadow:0 10px 40px #1530141a}dialog{background:#fff;border:1px solid #d0dac6;border-radius:14px;color:#304735;max-width:700px;width:calc(100% - 32px);max-height:90vh;padding:30px;box-shadow:0 20px 80px #102d2040}dialog::backdrop{background:#15322799;backdrop-filter:blur(4px)}dialog .close{float:right;padding:5px 10px}footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);font-size:10px;color:#8a9880;display:flex;justify-content:space-between;gap:15px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.check input{margin-top:4px;flex-shrink:0}.receipt{background:#f5f7f0;color:#263c2e;padding:30px;border-radius:8px}.receipt h2{font-family:Georgia,serif;letter-spacing:2px}.receipt p,.receipt small{color:#768b6c}.receipt td{border-color:#d4dacb;padding:12px 0}.receipt th{background:transparent;color:#52634d;padding:12px 0}.receipt .statrow{border-color:#c4cebb}hr{border:0;border-top:1px solid var(--border);margin:28px 0}@media(min-width:1600px){.checkout-layout{grid-template-columns:minmax(0,1fr) 395px}.service-card{min-height:190px}main{padding-left:38px;padding-right:38px}}@media(max-width:1200px){aside{width:210px;padding-left:13px;padding-right:13px}main{margin-left:210px;padding:0 23px 28px}.wordmark{font-size:19px;letter-spacing:2px}.checkout-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{padding:18px}.panel-body{padding:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:minmax(0,1fr)}.header-right{gap:10px}.header-right>small{display:none}.login-story{padding:40px}.login-story h1{font-size:48px}}@media(max-width:950px){.checkout-layout{grid-template-columns:minmax(0,1fr)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-panel{position:static}.service-browser{min-height:0}.panel{margin-bottom:0}.grid .panel{margin-bottom:22px}.heading{margin-bottom:22px}.checkout-layout{gap:20px}.service-card{min-height:150px}.service-card strong{font-size:14px}}@media(max-width:700px){aside{position:static;width:auto;padding:22px 18px 14px;border-right:0;border-bottom:1px solid #2a5542;overflow:visible}.wordmark{font-size:20px;padding:0;letter-spacing:3px}.wordmark small{font-size:7px}.navgroup,.asidefoot{display:none}nav{display:flex;overflow:auto;margin-top:23px;gap:3px}nav button{font-size:12px;padding:10px 12px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}nav button.active{border-bottom-color:#d2ce9b}nav span{display:none}main{margin:0;padding:0 16px 24px}header{min-height:86px;margin-bottom:22px;flex-wrap:wrap;align-content:center;gap:12px;padding:14px 0}.header-right{gap:14px}.header-right>small{display:none}.heading{align-items:flex-start}h1{font-size:25px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:23px}.panel-head{padding:19px}.panel-body{padding:19px}th,td{padding:14px 17px}.two,.three{grid-template-columns:minmax(0,1fr)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-browser .panel-head{padding:22px 18px 0}.service-browser .panel-head h1{font-size:22px}.service-browser .panel-body{padding:19px 18px}.service-card{padding:15px;min-height:165px}.service-category{font-size:8px;letter-spacing:.6px}.service-card strong{font-size:14px;margin-top:12px}.service-card small{font-size:10px}.service-price{font-size:13px}.sale-panel .panel-head{padding:23px 19px 0}.login{display:block}.login-story{padding:25px;min-height:auto}.login-story h1,.login-story>p,.login-story>div:nth-child(2){display:none}.login-form{padding:40px 25px;min-height:calc(100vh - 95px)}.formline{grid-template-columns:1fr 1fr}.formline select{grid-column:1/-1}.line-labels{display:none}.formline input[name=source]{grid-column:1/-1}footer{line-height:1.6;flex-direction:column;gap:6px}.toolbar button{font-size:11px}.login-note{font-size:11px}}@media print{aside,header,footer,.toolbar,.close,body>#app,body>#notice{display:none!important}dialog{position:absolute;display:block;border:0;box-shadow:none;max-height:none;max-width:none;width:100%;inset:0}dialog::backdrop{display:none}.receipt{background:white;color:black}}

.checkout-fields{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-hint{font-size:10px!important;color:#87947c;margin-top:-5px;margin-bottom:19px}.finishing-fields{background:#f4f7ef;padding:16px;border-radius:8px;margin-bottom:19px}.finishing-fields label:last-of-type input{margin-bottom:14px}.collected-preview{display:flex;justify-content:space-between;font-size:12px;padding:0 0 20px;border-bottom:1px solid var(--border);margin-bottom:18px}.collected-preview strong{font-size:17px}

.password-input{display:flex;gap:8px;align-items:center;margin:8px 0 18px}.password-input input{margin:0;flex:1;min-width:0}.password-input button{flex-shrink:0;padding:14px 12px}

[hidden]{display:none!important}

/* -------------------------------------------------------------------------
   Sterling workspace reference layout
   Scoped to the staff workspace so Owner setup, sign-in and recovery retain
   their existing layout. No authentication-provider banner is introduced.
   ------------------------------------------------------------------------- */
:root {
  --workspace-sidebar-width: 256px;
  --workspace-gutter: 32px;
  --workspace-pane-gap: 24px;
  --workspace-checkout-width: 360px;
}

.workspace-sidebar {
  width: var(--workspace-sidebar-width);
  padding: 24px 18px 24px;
  background: #173f32;
  border-right: 1px solid #28513f;
  scrollbar-width: thin;
  scrollbar-color: #5a7560 transparent;
}
.workspace-sidebar::-webkit-scrollbar { width: 6px; }
.workspace-sidebar::-webkit-scrollbar-thumb {
  background: #5a7560;
  border-radius: 6px;
}
.workspace-sidebar + main {
  margin-left: var(--workspace-sidebar-width);
  padding: 0 var(--workspace-gutter) 32px;
  max-width: none;
  min-width: 0;
}

/* The brand uses the supplied inline mark and a separate readable wordmark. */
.workspace-sidebar .brand-lockup {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 6px;
  padding: 0;
  color: #edf2e7;
  text-decoration: none;
  flex-shrink: 0;
}
.workspace-sidebar .brand-mark {
  display: block;
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  overflow: hidden;
  border: 1px solid #b8b58c;
  border-radius: 4px;
  background: #080e0a;
}
.workspace-sidebar .brand-mark svg,
.workspace-sidebar svg.brand-mark {
  display: block;
  max-width: 100%;
}
.workspace-sidebar .brand-name {
  display: block;
  min-width: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: 2.6px;
  color: #eaf0e4;
}
.workspace-sidebar .brand-name small {
  display: block;
  margin-top: 8px;
  color: #dce6d6;
  font-size: 8px;
  line-height: 1.4;
  font-weight: 650;
  letter-spacing: 1.8px;
  white-space: nowrap;
}
.workspace-sidebar .navgroup {
  margin: 44px 16px 20px;
  color: #89a58e;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.8px;
}

/* Grouped navigation uses native details/summary keyboard behaviour. */
.workspace-sidebar nav {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0 0 22px;
}
.workspace-sidebar nav > button,
.workspace-sidebar .nav-section > summary {
  width: 100%;
  min-height: 48px;
  padding: 14px 15px;
  color: #c4d5c7;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  text-align: left;
  white-space: normal;
}
.workspace-sidebar nav button {
  border-left: 3px solid transparent;
  border-radius: 7px;
  background: transparent;
}
.workspace-sidebar nav button:hover,
.workspace-sidebar .nav-section > summary:hover {
  background: #254e3f;
  color: #f5f7ee;
}
.workspace-sidebar nav button.active {
  border-left-color: #d2cda0;
  background: #31584a;
  color: #f8faf2;
}
.workspace-sidebar nav button:focus-visible,
.workspace-sidebar .nav-section > summary:focus-visible {
  outline: 2px solid #ded9ae;
  outline-offset: 2px;
}
.workspace-sidebar nav button:disabled {
  color: #8fa896;
  cursor: default;
  opacity: .65;
}
.workspace-sidebar nav button:disabled:hover { background: transparent; }
.workspace-sidebar .nav-section {
  min-width: 0;
  margin: 1px 0 3px;
  padding: 0;
}
.workspace-sidebar .nav-section > summary {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 17px;
  border-radius: 7px;
  cursor: pointer;
  list-style: none;
}
.workspace-sidebar .nav-section > summary::-webkit-details-marker {
  display: none;
}
.workspace-sidebar .nav-section > summary::marker { content: ''; }
.workspace-sidebar .nav-section-arrow {
  display: inline-block;
  width: 10px;
  flex: 0 0 10px;
  color: #b9d0bb;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  transition: transform .15s ease;
  transform-origin: center;
}
.workspace-sidebar .nav-section[open] > summary .nav-section-arrow {
  transform: rotate(90deg);
}
.workspace-sidebar .nav-section .nav-subitem {
  display: flex;
  width: 100%;
  min-height: 42px;
  margin: 2px 0;
  padding: 11px 12px 11px 32px;
  color: #c0d2c3;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 450;
  text-align: left;
  white-space: normal;
}
.workspace-sidebar .asidefoot {
  margin-top: auto;
  padding-top: 22px;
  flex-shrink: 0;
}

/* Large page title above the transparent setup / trading-status notice. */
.workspace-sidebar + main > header {
  min-height: 120px;
  margin: 0;
  padding: 24px 0 26px;
  align-items: center;
  border-bottom: 0;
}
.workspace-title { min-width: 0; }
.workspace-title .eyebrow {
  margin: 0 0 12px;
  color: #7b9481;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 1.6px;
}
.workspace-title h1 {
  margin: 0;
  color: #253b31;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -1.25px;
}
.workspace-sidebar + main > header .header-right {
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
}
.workspace-sidebar + main > .callout {
  margin: 0 0 28px;
  padding: 16px 20px;
  border-color: #dce3c6;
  border-radius: 8px;
  background: #f2f4e6;
  color: #607056;
  font-size: 12px;
  line-height: 1.6;
}
.workspace-sidebar + main > .callout strong {
  display: inline;
  margin: 0 12px 0 0;
  color: #3b5140;
  font-weight: 700;
}

/* Three service columns and a dedicated right-hand checkout on desktop. */
.workspace-sidebar + main .checkout-layout {
  grid-template-columns: minmax(0, 1fr) var(--workspace-checkout-width);
  gap: var(--workspace-pane-gap);
  align-items: start;
}
.workspace-sidebar + main .service-browser,
.workspace-sidebar + main .sale-panel {
  margin-bottom: 0;
  border-color: #dce4d8;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}
.workspace-sidebar + main .service-browser {
  min-height: calc(100vh - 230px);
}
.workspace-sidebar + main .service-browser .panel-head {
  padding: 28px 26px 0;
  border: 0;
}
.workspace-sidebar + main .service-browser .panel-head h1,
.workspace-sidebar + main .service-browser .panel-head h2 {
  margin: 0;
  color: #283d33;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 650;
  letter-spacing: -.7px;
}
.workspace-sidebar + main .service-browser .panel-head small {
  color: #81917d;
  font-size: 12px;
  white-space: nowrap;
}
.workspace-sidebar + main .service-browser .panel-body {
  padding: 24px 26px 28px;
}
.workspace-sidebar + main .search-label input {
  min-height: 52px;
  margin: 0 0 20px;
  padding: 14px 15px;
  border-color: #d9e2d2;
  border-radius: 7px;
  background: #fff;
  font-size: 16px;
}
.workspace-sidebar + main .service-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.workspace-sidebar + main .service-card {
  min-width: 0;
  min-height: 176px;
  padding: 20px;
  border: 1px solid #dce4d8;
  border-radius: 8px;
  background: #fff;
  text-align: left;
}
.workspace-sidebar + main .service-card:hover {
  border-color: #a4b795;
  background: #f5f8f0;
}
.workspace-sidebar + main .service-card.selected {
  border-color: #c8d5bd;
  background: #edf3e8;
}
.workspace-sidebar + main .service-card:disabled {
  opacity: 1;
  cursor: default;
}
.workspace-sidebar + main .service-category {
  color: #859b76;
  font-size: 9px;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: .9px;
}
.workspace-sidebar + main .service-card strong {
  margin: 14px 0 8px;
  color: #3e5948;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
  overflow-wrap: break-word;
}
.workspace-sidebar + main .service-card small {
  margin-bottom: 16px;
  color: #909d85;
  font-size: 10px;
}
.workspace-sidebar + main .service-price {
  color: #6e8e5c;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}
.workspace-sidebar + main .sale-panel {
  position: sticky;
  top: 24px;
}
.workspace-sidebar + main .sale-panel .panel-head {
  padding: 28px 25px 0;
  border: 0;
}
.workspace-sidebar + main .sale-panel .panel-head h2 {
  color: #283d33;
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: -.75px;
}
.workspace-sidebar + main .sale-panel .panel-body { padding: 22px 25px 26px; }
.workspace-sidebar + main .sale-panel label {
  margin-bottom: 6px;
  color: #7f9076;
  font-size: 12px;
  line-height: 1.45;
}
.workspace-sidebar + main .sale-panel input,
.workspace-sidebar + main .sale-panel select {
  min-height: 44px;
  margin: 8px 0 18px;
  padding: 12px;
  border-color: #d9e3d1;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1.4;
}
.workspace-sidebar + main .sale-panel .checkout-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.workspace-sidebar + main .sale-panel .checkout-total {
  margin-bottom: 18px;
  padding: 24px 0;
}
.workspace-sidebar + main .sale-panel .checkout-total strong {
  font-size: 27px;
  letter-spacing: -.8px;
}
.workspace-sidebar + main .sale-panel .collected-preview {
  align-items: center;
  padding-bottom: 22px;
}
.workspace-sidebar + main .sale-panel .collected-preview strong {
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -.8px;
}
.workspace-sidebar + main .sale-panel .complete-sale {
  min-height: 48px;
  font-size: 15px;
}

@media (min-width: 1800px) {
  :root {
    --workspace-sidebar-width: 300px;
    --workspace-gutter: 48px;
    --workspace-pane-gap: 30px;
    --workspace-checkout-width: 440px;
  }
  .workspace-sidebar { padding: 22px 22px 28px; }
  .workspace-sidebar .brand-lockup { gap: 16px; margin-left: 7px; }
  .workspace-sidebar .brand-mark { width: 68px; height: 68px; flex-basis: 68px; }
  .workspace-sidebar .brand-name { font-size: 20px; letter-spacing: 3px; }
  .workspace-sidebar .brand-name small { font-size: 9px; letter-spacing: 1.9px; }
  .workspace-sidebar .navgroup { margin-top: 52px; }
  .workspace-sidebar nav > button,
  .workspace-sidebar .nav-section > summary { min-height: 52px; font-size: 15px; }
  .workspace-sidebar .nav-section .nav-subitem {
    min-height: 47px;
    padding-left: 31px;
    font-size: 14px;
  }
  .workspace-sidebar + main > header { min-height: 132px; }
  .workspace-title h1 { font-size: 36px; }
  .workspace-sidebar + main .service-browser .panel-head { padding: 30px 30px 0; }
  .workspace-sidebar + main .service-browser .panel-body { padding: 26px 30px 30px; }
  .workspace-sidebar + main .service-browser .panel-head h1,
  .workspace-sidebar + main .service-browser .panel-head h2 { font-size: 24px; }
  .workspace-sidebar + main .service-grid { gap: 16px; }
  .workspace-sidebar + main .service-card { min-height: 184px; padding: 22px; }
  .workspace-sidebar + main .service-card strong { font-size: 16px; }
  .workspace-sidebar + main .service-price { font-size: 15px; }
  .workspace-sidebar + main .sale-panel .panel-head { padding: 30px 30px 0; }
  .workspace-sidebar + main .sale-panel .panel-body { padding: 24px 30px 30px; }
  .workspace-sidebar + main .sale-panel label { font-size: 13px; }
  .workspace-sidebar + main .sale-panel input,
  .workspace-sidebar + main .sale-panel select { min-height: 48px; font-size: 13px; }
  .workspace-sidebar + main .sale-panel .collected-preview strong { font-size: 30px; }
}

@media (max-width: 1279px) and (min-width: 701px) {
  :root {
    --workspace-sidebar-width: 224px;
    --workspace-gutter: 24px;
    --workspace-pane-gap: 20px;
    --workspace-checkout-width: 330px;
  }
  .workspace-sidebar { padding-right: 13px; padding-left: 13px; }
  .workspace-sidebar .brand-lockup { gap: 11px; margin-right: 0; margin-left: 4px; }
  .workspace-sidebar .brand-mark { width: 52px; height: 52px; flex-basis: 52px; }
  .workspace-sidebar .brand-name { font-size: 16px; letter-spacing: 2px; }
  .workspace-sidebar .brand-name small { font-size: 7px; letter-spacing: 1.5px; }
  .workspace-sidebar nav > button,
  .workspace-sidebar .nav-section > summary { font-size: 13px; }
  .workspace-sidebar .nav-section .nav-subitem { font-size: 12px; }
  .workspace-sidebar + main .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-sidebar + main .service-card { padding: 17px; }
  .workspace-sidebar + main .sale-panel .panel-head { padding-right: 20px; padding-left: 20px; }
  .workspace-sidebar + main .sale-panel .panel-body { padding-right: 20px; padding-left: 20px; }
}

@media (max-width: 1120px) and (min-width: 701px) {
  .workspace-sidebar + main .checkout-layout { grid-template-columns: minmax(0, 1fr); }
  .workspace-sidebar + main .service-browser { min-height: 0; }
  .workspace-sidebar + main .sale-panel { position: static; }
  .workspace-sidebar + main > header { min-height: 112px; }
}

@media (max-width: 700px) {
  .workspace-sidebar {
    position: relative;
    inset: auto;
    width: auto;
    padding: 18px 16px 12px;
    border-right: 0;
    overflow: visible;
  }
  .workspace-sidebar + main { margin-left: 0; padding: 0 16px 24px; }
  .workspace-sidebar .brand-lockup { gap: 13px; margin: 0; }
  .workspace-sidebar .brand-mark { width: 48px; height: 48px; flex-basis: 48px; }
  .workspace-sidebar .brand-name { font-size: 18px; letter-spacing: 2.8px; }
  .workspace-sidebar .brand-name small { margin-top: 6px; font-size: 7px; letter-spacing: 2px; }
  .workspace-sidebar .navgroup,
  .workspace-sidebar .asidefoot { display: none; }
  .workspace-sidebar nav {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    max-height: 230px;
    margin-top: 20px;
    padding-bottom: 4px;
    overflow: auto;
  }
  .workspace-sidebar nav > button {
    width: auto;
    min-height: 42px;
    flex: 0 0 auto;
    padding: 10px 12px;
    border-left: 0;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    font-size: 12px;
  }
  .workspace-sidebar nav > button.active { border-bottom-color: #d2cda0; }
  .workspace-sidebar nav > button > span { display: none; }
  .workspace-sidebar .nav-section {
    width: 174px;
    min-width: 174px;
    flex: 0 0 174px;
    margin: 0;
  }
  .workspace-sidebar .nav-section > summary {
    min-height: 42px;
    padding: 10px 12px;
    font-size: 12px;
  }
  .workspace-sidebar .nav-section-arrow { display: inline-block; }
  .workspace-sidebar .nav-section .nav-subitem {
    min-height: 39px;
    padding: 9px 12px 9px 26px;
    font-size: 11px;
  }
  .workspace-sidebar + main > header {
    min-height: 118px;
    padding: 22px 0;
    margin: 0;
    gap: 18px;
    align-content: center;
  }
  .workspace-title .eyebrow { margin-bottom: 9px; font-size: 8px; letter-spacing: 1.3px; }
  .workspace-title h1 { font-size: 28px; }
  .workspace-sidebar + main > header .header-right {
    justify-content: flex-start;
    gap: 12px;
  }
  .workspace-sidebar + main > .callout { padding: 14px 16px; margin-bottom: 20px; font-size: 11px; }
  .workspace-sidebar + main .checkout-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .workspace-sidebar + main .service-browser { min-height: 0; }
  .workspace-sidebar + main .service-browser .panel-head { padding: 22px 18px 0; }
  .workspace-sidebar + main .service-browser .panel-head h1,
  .workspace-sidebar + main .service-browser .panel-head h2 { font-size: 21px; }
  .workspace-sidebar + main .service-browser .panel-head small { font-size: 11px; }
  .workspace-sidebar + main .service-browser .panel-body { padding: 20px 18px 22px; }
  .workspace-sidebar + main .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .workspace-sidebar + main .service-card { min-height: 158px; padding: 14px; }
  .workspace-sidebar + main .service-category { font-size: 8px; letter-spacing: .6px; }
  .workspace-sidebar + main .service-card strong { margin-top: 12px; font-size: 13px; }
  .workspace-sidebar + main .service-card small { font-size: 9px; }
  .workspace-sidebar + main .service-price { font-size: 13px; }
  .workspace-sidebar + main .sale-panel { position: static; }
  .workspace-sidebar + main .sale-panel .panel-head { padding: 23px 19px 0; }
  .workspace-sidebar + main .sale-panel .panel-head h2 { font-size: 22px; }
  .workspace-sidebar + main .sale-panel .panel-body { padding: 20px 19px 24px; }
  .workspace-sidebar + main .sale-panel .checkout-fields { gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-sidebar .nav-section-arrow { transition: none; }
}

.workspace-sidebar .nav-subitem .nav-pending {
  margin-left: auto;
  flex-shrink: 0;
  color: #b1c1b3;
  font-size: 9px;
  line-height: 1.5;
  letter-spacing: 0;
}
.workspace-sidebar nav .nav-subitem:disabled { opacity: 1; }
.workspace-route { color: #3c5145; font-size: 14px; }
.workspace-notice span { color: inherit; }