/* Cafetein Billing Sync 1.4.0 — My Account → Support and "Track your request". Scoped to .cbs-acc / .cbs-tk / .cbs-trk; fonts come from the theme.
   Colours: forest #173625, sage #F0F4EB (no cream / yellow). Works with and without the Cafetein Account UI plugin (plugin or snippet). */
.cbs-acc,.cbs-trk{--cbs-forest:#173625;--cbs-forest2:#21492f;--cbs-sage:#F0F4EB;--cbs-sage2:#e4ebdc;--cbs-line:#e1e8e2;--cbs-ink:#1d2a22;--cbs-muted:#66756b;
  color:var(--cbs-ink);line-height:1.55;box-sizing:border-box}
.cbs-acc *,.cbs-trk *,.cbs-acc *::before,.cbs-trk *::before{box-sizing:border-box}
.cbs-acc-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.cbs-acc-intro{margin:0;color:var(--cbs-muted);font-size:15px;flex:1 1 240px}
.cbs-acc .cbs-acc-btn,.cbs-trk .cbs-acc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;background:var(--cbs-forest);color:#fff;text-decoration:none;font-size:15px;line-height:1.2;letter-spacing:.01em;white-space:nowrap;border:1px solid var(--cbs-forest);transition:background .15s}
.cbs-acc .cbs-acc-btn:hover,.cbs-acc .cbs-acc-btn:focus,.cbs-trk .cbs-acc-btn:hover,.cbs-trk .cbs-acc-btn:focus{background:var(--cbs-forest2);color:#fff}
.cbs-trk .cbs-acc-btn--ghost{background:#fff;color:var(--cbs-forest);border-color:var(--cbs-line)}
.cbs-trk .cbs-acc-btn--ghost:hover,.cbs-trk .cbs-acc-btn--ghost:focus{background:var(--cbs-sage);color:var(--cbs-forest)}
.cbs-acc-list,.woocommerce-MyAccount-content ul.cbs-acc-list,body .cbs-acc ul.cbs-acc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cbs-acc-list li{margin:0;padding:0}
.cbs-acc .cbs-acc-item{position:relative;display:grid;gap:3px;padding:14px 46px 14px 16px;background:#fff;border:1px solid var(--cbs-line);border-radius:16px;color:var(--cbs-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.cbs-acc a.cbs-acc-item:hover,.cbs-acc a.cbs-acc-item:focus-visible{border-color:var(--cbs-forest);box-shadow:0 6px 18px rgba(23,54,37,.07);color:var(--cbs-ink)}
.cbs-acc .cbs-acc-item.is-static{padding-right:16px;background:#fbfcfa}
.cbs-acc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cbs-acc-no{font-weight:600;color:var(--cbs-forest);letter-spacing:.01em;overflow-wrap:anywhere}
.cbs-acc-meta{font-size:13.5px;color:var(--cbs-muted)}
.cbs-acc-upd{font-size:12.5px;color:var(--cbs-forest);display:inline-flex;align-items:center;gap:6px}
.cbs-acc-upd::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cbs-forest)}
.cbs-acc-go{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--cbs-forest);opacity:.6}
.cbs-acc-go svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cbs-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;line-height:1.6;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}
.cbs-pill--received{background:var(--cbs-sage);color:var(--cbs-forest);border-color:#d6e0cc}
.cbs-pill--in_progress{background:#dfe9d3;color:var(--cbs-forest);border-color:#c9d8b8}
.cbs-pill--resolved{background:var(--cbs-forest);color:#fff}
.cbs-acc-calm{background:var(--cbs-sage);border:1px solid #dde6d4;color:var(--cbs-forest);border-radius:14px;padding:13px 16px;margin:0 0 14px;font-size:14.5px}
.cbs-acc-empty{background:#fff;border:1px dashed #cfdac6;border-radius:16px;padding:22px 18px;text-align:center}
.cbs-acc-empty p{margin:0}.cbs-acc-small,.cbs-acc-empty .cbs-acc-small{margin-top:4px;font-size:13.5px;color:var(--cbs-muted)}
.cbs-acc .cbs-acc-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;color:var(--cbs-forest);text-decoration:none;font-size:14px;min-height:36px}
.cbs-acc .cbs-acc-back:hover{text-decoration:underline}
/* one request */
.cbs-tk{background:#fff;border:1px solid var(--cbs-line);border-radius:18px;padding:20px;display:grid;gap:16px}
.cbs-tk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cbs-tk-no{font-size:18px;font-weight:600;color:var(--cbs-forest);overflow-wrap:anywhere}
.cbs-steps,body .cbs-tk ol.cbs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:s}
.cbs-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;font-size:12.5px;color:var(--cbs-muted);text-align:center}
.cbs-steps li::before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:var(--cbs-sage2)}
.cbs-steps li:first-child::before{display:none}
.cbs-steps li.is-done::before,.cbs-steps li.is-now::before{background:var(--cbs-forest)}
.cbs-dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--cbs-sage2)}
.cbs-steps li.is-done .cbs-dot{background:var(--cbs-forest);border-color:var(--cbs-forest)}
.cbs-steps li.is-now .cbs-dot{border-color:var(--cbs-forest);box-shadow:0 0 0 4px rgba(23,54,37,.10);background:var(--cbs-forest)}
.cbs-steps li.is-now,.cbs-steps li.is-done{color:var(--cbs-forest)}
.cbs-tk-facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0;padding:12px 0 0;border-top:1px solid var(--cbs-line)}
.cbs-tk-facts div{min-width:0}
.cbs-tk-facts dt{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cbs-muted);margin:0}
.cbs-tk-facts dd{margin:0;color:var(--cbs-ink);font-size:14.5px}
.cbs-tk-lbl{margin:0 0 4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cbs-muted)}
.cbs-tk-note,.cbs-tk-msg{border-radius:14px;padding:13px 15px;overflow-wrap:anywhere}
.cbs-tk-note{background:var(--cbs-sage);border:1px solid #dde6d4}
.cbs-tk-note .cbs-tk-lbl{color:var(--cbs-forest)}
.cbs-tk-msg{background:#fff;border:1px solid var(--cbs-line)}
.cbs-tk-note p,.cbs-tk-msg p{margin:0}.cbs-tk-note p+p,.cbs-tk-msg p+p{margin-top:2px}
.cbs-tk-small{margin:0;font-size:13.5px;color:var(--cbs-muted)}
/* stand-alone tracking page / tracking on the support page */
.cbs-trk{max-width:640px;margin:0 auto;padding:8px 0 28px}
.cbs-trk-page{padding:28px 16px 40px}
.cbs-acc-eyebrow{margin:0 0 4px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cbs-muted)}
.cbs-trk-h{margin:0 0 16px;color:var(--cbs-forest);font-size:clamp(24px,3vw,30px);line-height:1.15}
.cbs-trk .cbs-acc-btn{margin-top:16px}
@media (max-width:600px){
  .cbs-acc-top{align-items:stretch}
  .cbs-acc .cbs-acc-btn{width:100%}
  .cbs-tk{padding:16px}
  .cbs-tk-facts{gap:10px 20px}
  .cbs-trk .cbs-acc-btn{width:100%}
}
/* Cafetein Account UI (plugin or snippet) gives each tab an icon by its name; it has none for this new tab, so the icon is set here (Account UI itself is not changed). */
body.cau-on .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--support{--cau-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2013a8%208%200%200%201%2016%200'/%3E%3Crect%20x='3'%20y='13'%20width='4'%20height='6'%20rx='1.5'/%3E%3Crect%20x='17'%20y='13'%20width='4'%20height='6'%20rx='1.5'/%3E%3Cpath%20d='M19%2019c0%201.5-1.5%202.5-4%202.5h-2'/%3E%3C/svg%3E")}
body.cau-on .cbs-acc .cbs-acc-item,body.cau-on .cbs-tk{border-radius:18px}

/* v1.5.0: one-time email confirmation on My Account → Support */
.cbs-acc-confirm{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.cbs-acc-confirm .cbs-acc-meta{margin:0;flex:1 1 220px}
.cbs-acc .cbs-acc-confirm button.cbs-acc-confirm__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;background:#fff;color:var(--cbs-forest);border:1px solid var(--cbs-line);font:inherit;font-size:15px;line-height:1.2;letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:none;text-transform:none;transition:background .15s}
.cbs-acc .cbs-acc-confirm button.cbs-acc-confirm__btn:hover,.cbs-acc .cbs-acc-confirm button.cbs-acc-confirm__btn:focus{background:var(--cbs-sage);color:var(--cbs-forest)}
@media (max-width:600px){.cbs-acc .cbs-acc-confirm button.cbs-acc-confirm__btn{width:100%}}