@import url('/dashboard/dashboard-surface-overrides.css');
/* Keep long dashboard pages scrollable without showing a browser scrollbar. */
html,
body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

:root{--fb-teal:#789530;--fb-teal-light:#789530;--fb-panel:#090909;--fb-panel-2:#121212;--fb-input:#363636;--fb-text:#e7e7e7;--fb-muted:#9aa5a8;--fb-line:rgba(255,255,255,.11);--fb-orange:#f15a24}
.foundation-build{display:none;background:var(--fb-panel);color:var(--fb-text);font-family:Arial,Helvetica,sans-serif;min-height:min(100vh,770px);padding:18px 24px}.foundation-build *{box-sizing:border-box}body.foundation-mode .foundation-build{display:block}body.foundation-mode>.wrap{display:none}.fb-shell{max-width:1280px;margin:auto}.fb-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 18px;border-bottom:1px solid var(--fb-line)}.fb-brand{color:var(--fb-teal);font-weight:700;letter-spacing:.04em}.fb-crumb{font-size:13px;color:var(--fb-muted);margin-top:5px}.fb-title{font-size:18px;font-weight:600;color:var(--fb-text)}.fb-progress{font-size:12px;color:var(--fb-teal);white-space:nowrap}.fb-workspace{display:grid;grid-template-columns:minmax(175px,20fr) minmax(0,55fr) minmax(210px,25fr);gap:16px;padding-top:18px}.fb-panel{border:1px solid var(--fb-line);border-radius:16px;background:var(--fb-panel-2);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.fb-nav{padding:8px}.fb-nav-title,.fb-side-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fb-muted);padding:10px 12px}.fb-nav-item{width:100%;border:0;border-radius:11px;background:transparent;color:var(--fb-text);padding:10px 12px;text-align:left;cursor:pointer;display:grid;grid-template-columns:25px minmax(0,1fr);gap:6px;align-items:center}.fb-nav-item:hover,.fb-nav-item.is-active{background:rgba(120,149,48,.15)}.fb-nav-item:disabled{opacity:.55;cursor:not-allowed}.fb-nav-number{font-size:11px;color:var(--fb-teal)}.fb-nav-label{font-size:13px}.fb-status{grid-column:2;font-size:9px;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;color:var(--fb-muted);white-space:nowrap}.fb-status[data-status="in progress"]{color:#f5bf61}.fb-status[data-status="ready for review"]{color:var(--fb-teal-light)}.fb-status[data-status="approved"]{color:#86d49a}.fb-status[data-status="locked"]{color:#737b7d}
.fb-main{min-width:0}.fb-main-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:2px 2px 14px}.fb-main-head h1{font-size:22px;margin:0;color:var(--fb-text)}.fb-main-head p{font-size:13px;line-height:1.45;color:var(--fb-muted);margin:6px 0 0}.fb-section{padding:18px}.fb-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fb-field{display:flex;flex-direction:column;gap:6px}.fb-field.full{grid-column:1/-1}.fb-field label{font-size:12px;color:var(--fb-muted)}.fb-field input,.fb-field textarea,.fb-field select{border:1px solid var(--fb-line);border-radius:10px;background:var(--fb-input);color:var(--fb-text);padding:10px;font:inherit;font-size:13px}.fb-field textarea{min-height:78px;resize:vertical}.fb-summary{margin-top:15px;padding:13px;border-radius:11px;background:#0d2023;border:1px solid rgba(120,149,48,.25);font-size:13px;line-height:1.5;color:#c8d1d2}.fb-summary strong{color:var(--fb-teal-light)}
.fb-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fb-asset{border:1px solid var(--fb-line);border-radius:12px;padding:11px;background:#0c0c0c;min-width:0}.fb-asset-preview{height:116px;background:#202324;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fb-muted);font-size:12px}.fb-asset-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.fb-asset-name{font-size:12px;font-weight:700;word-break:break-word;margin:9px 0 3px}.fb-asset-meta{font-size:11px;color:var(--fb-muted);line-height:1.45}.fb-asset-actions,.fb-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.fb-button{border:0;border-radius:999px;padding:8px 11px;background:var(--fb-teal);color:#fff;cursor:pointer;font-size:12px}.fb-button.secondary{background:transparent;border:1px solid var(--fb-line);color:var(--fb-text)}.fb-button.warning{background:var(--fb-orange)}.fb-button:disabled{opacity:.45;cursor:not-allowed}.fb-file{display:none}
.fb-type-preview{border:1px solid var(--fb-line);border-radius:12px;padding:16px;margin-top:14px;background:#0d0d0d}.fb-type-preview .t-h1{font-size:28px;font-weight:700}.fb-type-preview .t-h2{font-size:21px;font-weight:600}.fb-type-preview .t-h3{font-size:16px;font-weight:600}.fb-type-preview .t-body{font-size:13px;color:#c8d1d2;line-height:1.5}.fb-type-preview .t-cta{display:inline-block;background:var(--fb-teal);padding:8px 12px;border-radius:999px;font-size:12px;margin-top:7px}.fb-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.fb-color{border:1px solid var(--fb-line);border-radius:10px;padding:8px;background:#0c0c0c}.fb-swatch{height:78px;border-radius:7px;margin-bottom:7px}.fb-color-row{display:flex;justify-content:space-between;gap:6px;font-size:12px}.fb-color-row input{width:82px;background:transparent;border:0;color:var(--fb-text);text-align:right}.fb-ui-preview{margin-top:14px;padding:16px;border-radius:12px;background:var(--fb-preview-bg,#102d34);color:var(--fb-preview-text,#fff)}.fb-ui-preview b{font-size:17px}.fb-ui-preview span{display:block;font-size:12px;margin:5px 0 10px}.fb-ui-preview button{border:0;border-radius:999px;padding:8px 12px;background:var(--fb-preview-accent,#789530);color:#fff}
.fb-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fb-reference{aspect-ratio:1.15;border:1px dashed rgba(120,149,48,.45);border-radius:10px;overflow:hidden;background:#171717;display:flex;align-items:center;justify-content:center;color:var(--fb-muted);font-size:12px}.fb-reference img{width:100%;height:100%;object-fit:cover}.fb-asset-list{display:flex;flex-direction:column;gap:0}.fb-core-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px 11px;border:0;border-bottom:1px solid var(--fb-line);border-radius:0;background:transparent}.fb-core-item:last-child{border-bottom:0}.fb-core-item .fb-actions{margin-top:0}.fb-core-item .fb-button{padding:7px 10px}.fb-core-name{font-size:13px}.fb-core-state{font-size:11px;color:var(--fb-muted);margin-top:3px}.fb-review-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--fb-line);font-size:13px}.fb-review-row:last-child{border-bottom:0}.fb-intelligence{padding:8px;height:max-content}.fb-side-section{padding:11px 12px;border-top:1px solid var(--fb-line)}.fb-side-section:first-of-type{border-top:0}.fb-side-label{font-size:12px;color:var(--fb-muted);margin-bottom:5px}.fb-side-value{font-size:13px;line-height:1.45}.fb-rule{font-size:12px;line-height:1.5;color:#c8d1d2}.fb-actionbar{position:static;max-width:1280px;margin:18px auto 0;background:rgba(9,9,9,.96);border-top:1px solid var(--fb-line);padding:12px 0}.fb-actionbar-inner{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:10px;align-items:center}.fb-action-note{font-size:12px;color:var(--fb-muted)}.fb-action-buttons{display:flex;gap:7px;flex-wrap:wrap}.fb-toast{position:fixed;right:18px;bottom:18px;background:#173e40;color:#fff;border:1px solid rgba(120,149,48,.45);padding:10px 13px;border-radius:10px;font-size:12px;z-index:7}
@media(max-width:900px){.foundation-build{padding:14px}.fb-workspace{grid-template-columns:1fr}.fb-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.fb-nav-title{grid-column:1/-1}.fb-intelligence{order:3}.fb-header{align-items:flex-start;flex-wrap:wrap}.fb-asset-grid{grid-template-columns:1fr}.fb-action-note{display:none}}@media(max-width:520px){.fb-form,.fb-color-grid{grid-template-columns:1fr}.fb-header{gap:10px}.fb-title{font-size:16px}.fb-main-head h1{font-size:19px}.fb-nav{grid-template-columns:1fr}.fb-actionbar{padding:10px 0}.fb-actionbar-inner{justify-content:flex-end}.fb-button{padding:8px 9px}}

/* Foundation Wurkspace visual shell. */
body.foundation-mode{background:#121212!important}
.foundation-build{background:#121212;padding:24px}
.fb-shell{max-width:1280px}
.fb-wurk-header{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 0 18px}
.fb-wurk-logo{display:block;width:174px;height:auto;margin:0 0 16px}
.fb-wurk-nav{display:none!important}
.fb-wurk-nav a,.fb-top-control{position:relative;display:inline-block;padding:0;border:0;line-height:0}
.fb-wurk-nav img,.fb-top-control img{display:block;width:auto;height:auto;max-width:none}
.fb-wurk-nav .button-hover,.fb-top-control .button-hover{display:block!important;position:absolute;top:0;left:0;opacity:0;pointer-events:none}
.fb-wurk-nav a:hover .button-standard,.fb-top-control:hover .button-standard{opacity:0}
.fb-wurk-nav a:hover .button-hover,.fb-top-control:hover .button-hover{opacity:1}
.fb-ask-control,.fb-advanced-control{display:none!important}
.fb-workspace{grid-template-columns:minmax(175px,20fr) minmax(0,55fr) minmax(210px,25fr);gap:16px;padding-top:18px}
.fb-panel{border-color:#707070;background:#121212;box-shadow:none}
.fb-nav{padding:8px}.fb-intelligence{padding:8px;height:max-content}
.fb-nav-title,.fb-side-title{padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#707070}
.fb-nav-item{padding:10px 12px;background:transparent;border-radius:0;grid-template-columns:25px minmax(0,1fr);gap:6px}
.fb-nav-item:hover,.fb-nav-item.is-active{background:transparent}.fb-nav-number{font-size:13px;color:#789530}.fb-nav-label{font-size:15px;color:#707070}.fb-nav-item.is-active .fb-nav-label{color:#e7e7e7}.fb-status{font-size:10px;color:#00dc4b;margin-top:5px}.fb-status[data-status="locked"]{color:#707070}.fb-status[data-status="in progress"],.fb-status[data-status="ready for review"]{color:#789530}
.fb-main-head{margin:2px 2px 14px}.fb-main-head h1{font-size:22px}.fb-main-head p{font-size:13px;color:#e7e7e7;margin-top:6px}.fb-section{padding:18px}
.fb-form{gap:12px}.fb-field{gap:6px}.fb-field label{font-size:12px;color:#707070}.fb-field input,.fb-field textarea,.fb-field select{border:1px solid #707070;background:#121212;border-radius:10px;padding:10px;color:#e7e7e7;font-size:13px}.fb-field textarea{min-height:78px}
.fb-summary{background:#707070;border:0;border-radius:11px;color:#121212;font-size:13px}.fb-summary strong{color:#121212}.fb-asset{border-color:#707070;background:#121212;border-radius:12px;padding:11px}.fb-asset-preview{height:116px;background:#e7e7e7}.fb-asset-name{font-size:12px;color:#707070}.fb-asset-meta{font-size:11px;color:#707070}.fb-reference{border-color:#707070;background:#121212;border-radius:10px;aspect-ratio:1.15}.fb-color{border-color:#707070;background:#121212;border-radius:10px;padding:8px}.fb-swatch{height:78px}.fb-type-preview{border-color:#707070;background:#121212}.fb-ui-preview{border:1px solid #707070}
.fb-reference-slot{display:flex;flex-direction:column;gap:10px}.fb-reference-slot .fb-button{align-self:center}
.fb-side-section{border-top:0;padding:11px 12px}.fb-side-label{font-size:12px;color:#707070}.fb-side-value,.fb-rule{font-size:13px;color:#e7e7e7}.fb-rule{line-height:1.5}
.fb-button{border:1px solid #789530;background:#789530;color:#121212;border-radius:999px;transition:background-color .15s,color .15s}.fb-button:hover{background:#121212;color:#789530}.fb-button.secondary{border-color:#707070;background:#121212;color:#e7e7e7}.fb-button.secondary:hover{border-color:#789530;color:#789530}.fb-actionbar{background:#121212;border-top-color:#707070}
@media(max-width:900px){.foundation-build{padding:18px 14px}.fb-wurk-header{padding-bottom:22px}.fb-workspace{gap:18px;padding-top:20px}.fb-nav,.fb-intelligence{min-height:0}.fb-main-head{margin:2px 0 22px}.fb-wurk-nav{gap:10px}}
@media(max-width:760px){.fb-workspace{grid-template-columns:1fr!important}.fb-wurk-nav,.library-header .fb-wurk-nav,.campaign-shell-nav,.recipes-nav{width:100%!important;height:auto!important;min-height:38px;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.campaigns,main,.library-main{width:auto!important;max-width:736px!important}}

.fb-nav-label small{display:block;font-size:10px;color:var(--fb-muted);margin-top:3px}
