/* Travbrew 2.0 — Career Marketplace OS additions. Scoped to Travbrew surfaces. */
:root{--tb-os-navy:#071a3d;--tb-os-blue:#155eef;--tb-os-sky:#eaf3ff;--tb-os-ink:#101828;--tb-os-muted:#667085;--tb-os-line:#e4e7ec;--tb-os-green:#079455;--tb-os-orange:#ff9f1c;--tb-os-purple:#6941c6}
.tb-app,.tb-writing-app{--tb-shadow:0 16px 45px rgba(16,24,40,.07)}
.tb-page-head,.tb-panel,.tb-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.tb-panel:hover{border-color:#d7deea}.tb-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tb-btn:focus-visible,.tb-nav-menu-trigger:focus-visible,.tb-field input:focus-visible,.tb-field select:focus-visible,.tb-field textarea:focus-visible{outline:3px solid rgba(21,94,239,.24)!important;outline-offset:2px}
.tb-profile-head{align-items:center}.tb-profile-score{display:grid;place-items:center;min-width:112px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 50%,#fff 58%,transparent 59%),conic-gradient(var(--tb-os-blue) 0 78%,#e8edf5 78% 100%);border:1px solid #dce6f7;box-shadow:0 10px 28px rgba(21,94,239,.08)}.tb-profile-score strong{font-size:27px;color:var(--tb-os-navy);line-height:1}.tb-profile-score span{font-size:12px;color:var(--tb-os-muted);margin-top:5px}.tb-profile-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin:20px 0;padding:22px 24px;border:1px solid #dce6f7;border-radius:20px;background:linear-gradient(135deg,#fff 0,#f7fbff 100%);box-shadow:0 10px 30px rgba(16,24,40,.04)}.tb-profile-summary h2{margin:5px 0 6px;font-size:21px}.tb-profile-summary p{margin:0;color:var(--tb-os-muted);max-width:720px}.tb-profile-summary .tb-profile-score{min-width:84px;width:84px}.tb-profile-summary .tb-profile-score strong{font-size:21px}
.tb-career-profile-form{padding:0;overflow:hidden}.tb-profile-section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;padding:30px;border-bottom:1px solid #edf0f5}.tb-profile-section>div:first-child{display:flex;gap:11px;align-items:flex-start}.tb-profile-section>div:first-child>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef4ff;color:var(--tb-os-blue);font-weight:800;font-size:12px;flex:0 0 auto}.tb-profile-section h2{font-size:17px;margin:6px 0;color:var(--tb-os-navy)}.tb-sticky-form-actions{position:sticky;bottom:0;z-index:3;display:flex;gap:16px;justify-content:flex-end;align-items:center;padding:18px 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid #edf0f5}.tb-sticky-form-actions .tb-form-message{margin:0 auto 0 0}.tb-form-message.is-success{color:#067647}.tb-form-message.is-error{color:#b42318}
.tb-recommended{margin:20px 0}.tb-recommended-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tb-recommended-grid a{display:flex;flex-direction:column;min-height:136px;padding:18px;border-radius:16px;border:1px solid #e7eaf0;background:#fff;text-decoration:none;color:var(--tb-os-ink);transition:.18s ease}.tb-recommended-grid a:hover{transform:translateY(-2px);border-color:#bfd2ff;box-shadow:0 12px 24px rgba(21,94,239,.08)}.tb-recommended-grid small{color:var(--tb-os-blue);font-weight:700;margin-bottom:8px}.tb-recommended-grid strong{font-size:16px;line-height:1.3}.tb-recommended-grid span{margin-top:auto;color:var(--tb-os-muted);font-size:13px}
.tb-os-command-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;margin:16px 0 20px;border-radius:20px;background:linear-gradient(135deg,#081f49,#0d3375 68%,#155eef);color:white;box-shadow:0 20px 45px rgba(11,31,77,.18)}.tb-os-command-head h1{color:#fff;margin:5px 0;font-size:31px}.tb-os-command-head p{color:#dbe7ff;margin:0}.tb-os-command-head .tb-eyebrow{color:#aecdff}.tb-health-ring{width:116px;min-width:116px;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);display:grid;place-items:center;text-align:center}.tb-health-ring strong{font-size:26px}.tb-health-ring span{font-size:11px;color:#dbe7ff;max-width:70px}.tb-os-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.tb-health-list{display:grid;gap:8px}.tb-health-item{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #edf0f5}.tb-health-item i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:900}.tb-health-item.is-ok i{background:#ecfdf3;color:#067647}.tb-health-item.is-bad i{background:#fef3f2;color:#b42318}.tb-health-item strong,.tb-health-item span{display:block}.tb-health-item span{color:#667085;font-size:12px;margin-top:2px}
.tb-employer-app{position:relative}.tb-ats-select{display:flex;align-items:flex-start;padding-top:4px}.tb-ats-select input{width:18px;height:18px}.tb-ats-bulkbar{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:10px 0 14px;border:1px solid #e4e7ec;border-radius:14px;background:#fbfcfe}.tb-ats-bulkbar select{min-height:40px}.tb-ats-bulk-status-text{font-size:12px;color:#667085}.tb-ats-note{margin-top:16px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #eaecf0}.tb-ats-note label span{display:block;font-size:12px;font-weight:800;color:#344054;margin-bottom:6px}.tb-ats-note textarea{width:100%;resize:vertical}.tb-ats-note .tb-btn{margin-top:8px;min-height:38px}.tb-ats-note-status{margin-left:8px;color:#667085}
.tb-writing-app .tb-write-main header{position:sticky;top:0;z-index:8;background:rgba(248,250,252,.9);backdrop-filter:blur(14px);padding-top:12px}.tb-writing-job{content-visibility:auto;contain-intrinsic-size:330px}.tb-job-card{content-visibility:auto;contain-intrinsic-size:220px}
.tb-global-nav{box-shadow:0 1px 0 rgba(16,24,40,.06),0 8px 28px rgba(16,24,40,.03)}.tb-nav-role-menu{box-shadow:0 24px 60px rgba(8,31,73,.16)!important;border-color:#dce6f7!important}
.tb-wc-thankyou-card{border:1px solid #dce6f7!important;border-radius:22px!important;box-shadow:0 22px 50px rgba(16,24,40,.07)!important}
@media(max-width:960px){.tb-profile-section{grid-template-columns:1fr;gap:14px}.tb-recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-os-grid{grid-template-columns:1fr}.tb-profile-summary{grid-template-columns:1fr auto}.tb-profile-summary>.tb-btn{grid-column:1/-1}.tb-ats-bulkbar{flex-wrap:wrap}}
@media(max-width:640px){.tb-profile-head{align-items:flex-start}.tb-profile-score{min-width:82px;width:82px}.tb-profile-section{padding:22px 18px}.tb-sticky-form-actions{padding:14px 16px;display:block}.tb-sticky-form-actions .tb-btn{width:100%}.tb-sticky-form-actions .tb-form-message{margin-bottom:8px}.tb-profile-summary{grid-template-columns:1fr;padding:18px}.tb-profile-summary .tb-profile-score{display:none}.tb-recommended-grid{grid-template-columns:1fr}.tb-os-command-head{align-items:flex-start;padding:22px}.tb-health-ring{display:none}.tb-os-command-head h1{font-size:25px}.tb-ats-bulkbar{align-items:stretch}.tb-ats-bulkbar>*{width:100%}}
@media(prefers-reduced-motion:reduce){.tb-panel,.tb-card,.tb-recommended-grid a{transition:none!important}}
.tb-guide-action{margin:34px 0 8px;padding:26px;border-radius:20px;border:1px solid #dce6f7;background:linear-gradient(135deg,#f6faff,#fff);box-shadow:0 12px 30px rgba(21,94,239,.05)}.tb-guide-action h2{margin:7px 0 8px;color:var(--tb-os-navy)}.tb-guide-action p{color:var(--tb-os-muted);max-width:700px}.tb-text-link{display:inline-flex;align-items:center;padding:12px 2px;font-weight:800;color:var(--tb-os-blue);text-decoration:none}

/* Travbrew 2.0 acquisition funnel */
.tb-funnel-panel{margin:18px 0}
.tb-funnel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tb-funnel-grid>div{position:relative;padding:16px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}
.tb-funnel-grid>div:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;color:#98a2b3;background:#f8fafc;border-radius:999px;padding:1px 3px}
.tb-funnel-grid span{display:block;font-size:12px;color:#667085;margin-bottom:6px}
.tb-funnel-grid strong{font-size:22px;color:#0b1f4d}
@media(max-width:900px){.tb-funnel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-funnel-grid>div:after{display:none}}
@media(max-width:560px){.tb-funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
