/* TeamBench capability statement editor (My listing) and the profile's Pro additions. Scoped under .tb-main;
   yeap-core forces white text on its navy theme, so light panels set their text colors with !important. */
.tb-main .tb-studio{border-top:1px solid var(--tb-line);padding-top:16px;display:grid;gap:14px;scroll-margin-top:90px}
.tb-main .tb-studio h3{margin:0;font-size:20px}
.tb-main .tb-studio h4{margin:14px 0 6px;font-size:15px}
.tb-main .tb-plan{display:flex;gap:14px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #b9dcd6;background:var(--tb-teal-light);border-radius:12px;padding:14px 16px}
.tb-main .tb-plan>div:first-child{flex:1 1 360px}
.tb-main .tb-plan p{margin:4px 0 0;font-size:14px}
.tb-main .tb-plan.is-pro{background:#f3f8ff;border-color:#c8d9f0}
.tb-main .tb-interval{display:flex;gap:8px 16px;flex-wrap:wrap;margin-bottom:8px;font-size:14px;font-weight:600}
.tb-main .tb-interval label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.tb-main .tb-save{font-size:12px;font-weight:700;background:#e6f5ed;border-radius:999px;padding:1px 7px}
.tb-main .tb-paypal{background:#ffc439;border-color:#ffc439;min-width:150px;font-style:italic;font-weight:800;font-size:17px;letter-spacing:-.3px}
.tb-main .tb-paypal:hover{background:#f2ba36;border-color:#f2ba36}
.tb-main .tb-pro-chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:#fff4dc;border:1px solid #f0d49a;vertical-align:middle;margin-left:4px}
.tb-main .tb-pro-chip.is-on{background:#e6f5ed;border-color:#a8dcc0}
.tb-main .tb-studio-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:18px;align-items:start}
.tb-main .tb-studio-wrap.is-stacked{grid-template-columns:minmax(0,1fr)}
.tb-main .tb-studio-wrap.is-stacked .tb-studio-preview{position:static;max-width:560px;width:100%;justify-self:center}
.tb-main .tb-studio-edit{min-width:0;display:grid;gap:12px}
.tb-main .tb-versions{display:grid;gap:8px;border:1px solid var(--tb-line);border-radius:12px;padding:12px 14px;background:var(--tb-canvas)}
.tb-main .tb-versions p{margin:0;font-size:13px}
.tb-main .tb-version-name{min-height:42px;border:1px solid var(--tb-line);border-radius:8px;padding:8px 10px;font:inherit;flex:1 1 220px}
.tb-main .tb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--tb-line);overflow-x:auto;scrollbar-width:none}
.tb-main .tb-tab{border:0;background:none;padding:10px 12px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.tb-main .tb-tab[aria-selected=true]{border-bottom-color:var(--tb-teal)}
.tb-main .tb-panel{display:grid;gap:12px}
.tb-main .tb-one{grid-template-columns:minmax(0,1fr)}
.tb-main .tb-custom{border:1px dashed var(--tb-line);border-radius:10px;padding:10px 12px 12px;display:grid;gap:10px;margin:0}
.tb-main .tb-custom legend{font-weight:700;font-size:14px;padding:0 4px}
.tb-main .tb-count-chars{float:right}
.tb-main .tb-design{display:grid;gap:16px}
.tb-main .tb-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tb-main .tb-template{display:grid;gap:6px;justify-items:center;border:2px solid var(--tb-line);border-radius:10px;padding:10px 8px;cursor:pointer;font-size:13px;font-weight:700;text-align:center}
.tb-main .tb-template.is-on{border-color:var(--tb-teal);box-shadow:0 0 0 3px #0d7c7222}
.tb-main .tb-template.is-locked{opacity:.65;cursor:not-allowed}
.tb-main .tb-template input{position:absolute;opacity:0;pointer-events:none}
.tb-main .tb-thumb{position:relative;display:block;width:64px;height:82px;background:#fff;border:1px solid #d5dee8;border-radius:3px;overflow:hidden}
.tb-main .tb-thumb i{position:absolute;display:block}
.tb-main .tb-thumb-classic i:nth-child(1){left:6px;right:6px;top:8px;height:5px;background:var(--p)}
.tb-main .tb-thumb-classic i:nth-child(2){left:6px;right:6px;top:17px;height:8px;background:var(--p);border-left:3px solid var(--a)}
.tb-main .tb-thumb-classic i:nth-child(3){left:6px;width:28px;top:30px;bottom:12px;border:1px solid #c9d4e0}
.tb-main .tb-thumb-classic i:nth-child(4){right:6px;width:20px;top:30px;bottom:12px;border:1px solid #c9d4e0;border-top:2px solid var(--a)}
.tb-main .tb-thumb-sidebar i:nth-child(1){left:0;top:0;bottom:0;width:20px;background:var(--p)}
.tb-main .tb-thumb-sidebar i:nth-child(2){left:25px;right:6px;top:9px;height:5px;background:var(--p)}
.tb-main .tb-thumb-sidebar i:nth-child(3){left:25px;right:6px;top:19px;height:1px;background:var(--a);box-shadow:0 7px 0 var(--a)}
.tb-main .tb-thumb-sidebar i:nth-child(4){left:25px;right:10px;top:33px;bottom:14px;background:repeating-linear-gradient(#c9d4e0 0 1px,transparent 1px 6px)}
.tb-main .tb-thumb-minimal i:nth-child(1){left:7px;width:34px;top:9px;height:5px;background:var(--p)}
.tb-main .tb-thumb-minimal i:nth-child(2){left:7px;width:14px;top:18px;height:2px;background:var(--a)}
.tb-main .tb-thumb-minimal i:nth-child(3){left:7px;width:12px;top:28px;bottom:12px;background:repeating-linear-gradient(var(--a) 0 2px,transparent 2px 10px)}
.tb-main .tb-thumb-minimal i:nth-child(4){left:24px;right:7px;top:28px;bottom:12px;background:repeating-linear-gradient(#c9d4e0 0 1px,transparent 1px 5px)}
.tb-main .tb-swatches{display:flex;flex-wrap:wrap;gap:8px}
.tb-main .tb-swatch{width:38px;height:38px;border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 1px var(--tb-line);background:linear-gradient(135deg,var(--p) 0 60%,var(--a) 60%);cursor:pointer;padding:0}
.tb-main .tb-swatch.is-on{box-shadow:0 0 0 3px var(--tb-teal)}
.tb-main .tb-swatch[disabled]{cursor:not-allowed;opacity:.55}
.tb-main .tb-colors{display:flex;gap:16px;margin-top:8px;font-size:14px;align-items:center;flex-wrap:wrap}
.tb-main .tb-colors label{display:inline-flex;gap:8px;align-items:center;font-weight:600}
.tb-main .tb-colors input{width:46px;height:34px;padding:0;border:1px solid var(--tb-line);border-radius:6px;background:#fff}
.tb-main .tb-sections{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tb-main .tb-sections li{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--tb-line);border-radius:10px;padding:6px 8px 6px 12px;background:#fff}
.tb-main .tb-move{display:flex;gap:4px}
.tb-main .tb-move .tb-button{min-height:34px;min-width:38px;padding:0 8px}
.tb-main .tb-media{display:grid;gap:8px;justify-items:start}
.tb-main .tb-logo{display:flex;gap:12px;align-items:center}
.tb-main .tb-logo img{width:auto;height:auto;max-height:64px;max-width:220px;object-fit:contain;border:1px solid var(--tb-line);border-radius:8px;padding:6px;background:#fff}
.tb-main .tb-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;width:100%}
.tb-main .tb-photos figure{margin:0;display:grid;gap:6px}
.tb-main .tb-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--tb-line)}
.tb-main .tb-upload{cursor:pointer}
.tb-main .tb-studio-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--tb-line);padding-top:12px}
.tb-main .tb-save-state{font-size:13px;font-weight:600}
.tb-main .tb-studio-preview{position:sticky;top:90px;display:grid;gap:6px}
.tb-main .tb-paper{position:relative;min-height:120px;background:#fff;border:1px solid var(--tb-line);border-radius:6px;box-shadow:0 6px 24px #0f274222;overflow:hidden}
.tb-main .tb-paper canvas{display:block;width:100%;height:auto}
.tb-main .tb-drawing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:12px;margin:0;opacity:0;transition:opacity .2s;background:#fff;padding:6px 10px;border-radius:8px;box-shadow:0 2px 10px #0f274222;pointer-events:none}
.tb-main .tb-paper.is-busy .tb-drawing{opacity:1}
.tb-main .tb-fit{font-size:13px;margin:0}
.tb-main .tb-welcome{margin:0}
@media (max-width:999px){.tb-main .tb-studio-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.tb-main .tb-templates{gap:6px}.tb-main .tb-template{padding:8px 4px;font-size:12px}.tb-main .tb-plan .tb-actions{width:100%}.tb-main .tb-plan .tb-button{flex:1 1 100%}}
/* Profile: logo, photos and the statement download for Pro listings. */
.tb-main .tb-profile-logo{width:auto;height:auto;max-height:72px;max-width:220px;object-fit:contain;background:#fff;border-radius:10px;padding:8px;margin-bottom:10px;display:block}
.tb-main .tb-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0}
.tb-main .tb-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.tb-main .tb-capstat{display:flex;gap:12px 18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tb-main .tb-capstat p{margin:0}
/* Text colors on the theme's forced-white pages. */
body .tb-main .tb-studio :is(p,span,label,legend,h3,h4,li,small,strong,div,figure,option){color:var(--tb-ink)!important}
body .tb-main .tb-studio :is(.tb-muted,small){color:var(--tb-muted)!important}
body .tb-main .tb-studio .tb-tab{color:var(--tb-muted)!important}
body .tb-main .tb-studio .tb-tab[aria-selected=true]{color:var(--tb-navy)!important}
body .tb-main .tb-studio .tb-pro-chip{color:#7a5200!important}
body .tb-main .tb-studio .tb-pro-chip.is-on{color:#17643f!important}
body .tb-main .tb-studio .tb-save-state.is-error,body .tb-main .tb-studio .tb-error{color:#b42318!important}
body .tb-main .tb-studio .tb-primary,body .tb-main .tb-studio .tb-primary *{color:#fff!important}
body .tb-main .tb-studio .tb-paypal span{color:#003087!important}
body .tb-main .tb-studio .tb-paypal b{color:#009cde!important}
body .tb-main .tb-studio .tb-save{color:#17643f!important}
body .tb-main .tb-capstat :is(p,strong,span){color:var(--tb-ink)!important}
.tb-main .tb-pay-note{font-size:12.5px;margin:6px 0 0}
/* Divisions (TeamBench Pro): the editor on My companies. */
.tb-main .tb-divisions-editor{border-top:1px solid var(--tb-line);padding-top:16px;margin-top:16px;display:grid;gap:12px;scroll-margin-top:90px}
.tb-main .tb-divisions-editor h3{margin:0;font-size:20px;display:flex;gap:8px;align-items:center}
.tb-main .tb-divisions-editor h4{margin:0 0 10px;font-size:16px}
.tb-main .tb-division-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tb-main .tb-division-row{display:flex;gap:10px 16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--tb-line);border-radius:12px;padding:12px 14px;background:var(--tb-surface)}
.tb-main .tb-division-row>div:first-child{min-width:0;flex:1 1 260px}
.tb-main .tb-division-row p{margin:4px 0 0;overflow-wrap:anywhere}
.tb-main .tb-division-row.is-editing{display:block}
.tb-main .tb-division-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tb-main .tb-division-form .tb-wide{grid-column:1/-1}
.tb-main .tb-danger{color:#a3271f}
.tb-main .tb-danger:hover{border-color:#a3271f}
@media (max-width:700px){.tb-main .tb-division-form{grid-template-columns:minmax(0,1fr)}.tb-main .tb-division-row .tb-actions{width:100%}.tb-main .tb-division-row .tb-actions .tb-button{flex:1 1 auto}}